@charset "UTF-8";.inline-block{display:inline-block}
.about-wrapper .about .img p,.case-list li a,.customer-list .swiper-slide a,.factory-list .swiper-slide a,.news-wrapper .news-l .news-list li.fir .img a,.page-customer-list li a,.page-news-list dt a,.page-picture-list li a,.page-product-list dt a,.product-wrapper .product .prod-r .product-list li a,.product-wrapper .product .prod-r .top .img a,.witness-list dt a{position:relative;display:block;padding-top:100%;height:0}
.about-wrapper .about .img p img,.case-list li a img,.customer-list .swiper-slide a img,.factory-list .swiper-slide a img,.news-wrapper .news-l .news-list li.fir .img a img,.page-customer-list li a img,.page-news-list dt a img,.page-picture-list li a img,.page-product-list dt a img,.product-wrapper .product .prod-r .product-list li a img,.product-wrapper .product .prod-r .top .img a img,.witness-list dt a img{position:absolute;top:0;left:0;width:100%;height:100%}
.case-list li span,.factory-list .swiper-slide span,.news-wrapper .news-l .news-list li a,.news-wrapper .news-l .news-list li.fir .con .tit,.news-wrapper .news-r .faq-list dt h2,.page-customer-list li span,.page-news-list dd .tit,.page-picture-list li span,.page-product-list dd .tit,.product-wrapper .product .prod-r .product-list li span,.product-wrapper .product .prod-r .top .con .tit h2,.turn-page .next a,.turn-page .prev a,.witness-list dd .tit{display:block;overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}
body{font-family:"微软雅黑"}
h1,h2,p,ul{margin:0;padding:0}
ul{list-style:none}
a{color:#333;text-decoration:none!important}
.welcome-wrapper{display:none}
.top-wrapper{margin-bottom:0;border:0;border-bottom:1px solid #f1f1f1;background:0 0}
.logo button{margin-right:0}
.logo h1{padding:5px 0;width:60%}
.logo h1 a{display:block;overflow:hidden;height:100%;background:url(../images/logo.png) no-repeat center;background-size:contain;text-indent:-300px}
.nav-menu li a{color:#555}
.nav-menu li.active a{color:#337ab7}
#banner{display:none}
#m-banner{overflow:hidden}
#banner .carousel-indicators,#m-banner .carousel-indicators{bottom:3px;margin-bottom:0}
#banner .carousel-indicators li,#m-banner .carousel-indicators li{border:0;background:#fff}
#banner .carousel-indicators li.active,#m-banner .carousel-indicators li.active{background:#337ab7}
#m-banner img{width:100%}
.logo h1 a{display:block;height:100%;background:url(../images/logo.png) no-repeat center;background-size:contain}
.top-tel{display:none}
.main-tit,.search-wrapper{padding-bottom:15px;border-bottom:1px solid #eee}
.main-tit .sear-l,.search-wrapper .sear-l{padding-top:10px}
.main-tit .sear-l a,.search-wrapper .sear-l a{display:inline-block;margin-right:5px;color:#333}
.main-tit .sear-r,.search-wrapper .sear-r{margin-top:8px}
.main-tit .sear-r .form-group,.search-wrapper .sear-r .form-group{position:relative;margin-bottom:0}
.main-tit .sear-r .form-group input,.search-wrapper .sear-r .form-group input{display:inline-block;box-sizing:border-box;box-shadow:none;vertical-align:middle;line-height:32px}
.main-tit .sear-r .form-group input[type=text],.search-wrapper .sear-r .form-group input[type=text]{padding-left:15px;width:100%;border:1px solid #e2e2e2}
.main-tit .sear-r .form-group input[type=submit],.search-wrapper .sear-r .form-group input[type=submit]{position:absolute;top:0;right:0;width:20%;height:34px;border:0;border-top-right-radius:20px;border-bottom-right-radius:20px;background:url(../images/search.png) no-repeat center 3px}
.customer-wrapper{position:relative;padding:25px 0 25px 0;background:#f2f2f2}
.customer-wrapper .swiper-button-next,.customer-wrapper .swiper-button-prev{width:44px;height:44px;background:url(../images/turn-l.png) no-repeat center;background-size:contain}
.customer-wrapper .swiper-button-next{background:url(../images/turn-r.png) no-repeat center;background-size:contain}
.customer-list,.factory-list{margin-top:15px}
.customer-list .swiper-slide a,.factory-list .swiper-slide a{padding-top:48.6%}
.product-wrapper{margin-top:25px}
.product-wrapper .product .prod-l .tit{margin-top:10px;padding:15px 0;background:#337ab7;color:#fff;text-align:center}
.product-wrapper .product .prod-l .tit h2{font-weight:700;font-size:16px}
.product-wrapper .product .prod-l .menu-list{margin-top:10px}
.product-wrapper .product .prod-l .menu-list li{display:inline-block;margin-bottom:3px;border:1px solid #ddd;border-radius:4px;background:url(../images/product-li.png) no-repeat 5px center}
.product-wrapper .product .prod-l .menu-list li a{display:block;padding:3px 8px;padding-left:24px;font-size:13px}
.product-wrapper .product .prod-r{margin-top:15px}
.product-wrapper .product .prod-r .top .img a{padding-top:71.88%}
.product-wrapper .product .prod-r .top .con{padding:20px;background:#f0f0f0}
.product-wrapper .product .prod-r .top .con .tit h2{font-weight:700;font-size:16px}
.product-wrapper .product .prod-r .top .con .txt{overflow:hidden;margin-top:8px;max-height:66px;color:#666}
.product-wrapper .product .prod-r .top .con .txt p{overflow:hidden;line-height:22px}
.product-wrapper .product .prod-r .top .con .btns{margin-top:15px}
.product-wrapper .product .prod-r .top .con .btns a{display:inline-block;margin-right:5px;padding:5px 10px;background:#fff;color:#337ab7}
.product-wrapper .product .prod-r .product-list{overflow:hidden;margin-top:15px;margin-left:-2%}
.product-wrapper .product .prod-r .product-list li{float:left;margin-bottom:40px;margin-left:2%;width:48%}
.product-wrapper .product .prod-r .product-list li a{padding-top:71.67%}
.product-wrapper .product .prod-r .product-list li span{text-align:center;line-height:30px}
.ad.ad01,.ad.ad02{display:none}
.case-wrapper{margin-top:25px}
.case-wrapper .tit01{padding:0 10px}
.case-list{overflow:hidden;margin-top:15px}
.case-list li{float:left;margin:0 1%;margin-bottom:2%;width:48%}
.case-list li a{padding-top:90.46%}
.case-list li span{position:absolute;right:0;bottom:0;left:0;padding:0 10px;background:rgba(0,0,0,.7);color:#fff;text-align:center;line-height:40px}
.case-list li.fir{float:none;width:98%}
.advantage-wrapper{margin-top:25px;padding:25px 0;background:#f7f7f7}
.advantage-wrapper .container{margin-top:15px}
.advantage-wrapper .container .box{margin-bottom:15px}
.advantage-wrapper .container .box .tit{margin-bottom:8px;font-weight:700;font-size:18px}
.advantage-wrapper .container .box .tit span{color:#337ab7}
.witness-wrapper{margin-top:25px}
.witness-list{overflow:hidden;margin-top:15px}
.witness-list dl{margin-bottom:20px}
.witness-list dt a{padding-top:82.91%}
.witness-list dd{position:relative;padding:10px;background:#f7f7f7}
.witness-list dd .tit{margin-bottom:10px;font-size:16px}
.witness-list dd .txt{overflow:hidden;margin-bottom:15px;height:72px;color:#666;line-height:22px}
.witness-list dd .more{position:absolute;right:0;bottom:0;width:25px;height:25px}
.witness-list dd .more a{display:block;overflow:hidden;height:100%;background:url(../images/witness-more.png) no-repeat center;text-indent:-50px}
.about-wrapper{margin-top:25px}
.about-wrapper .about{margin-top:20px}
.about-wrapper .about .img p{padding-top:62.3%}
.about-wrapper .about .con{margin-top:15px}
.about-wrapper .about .con .tit h2{color:#337ab7;font-size:18px}
.about-wrapper .about .con .txt{overflow:hidden;margin-top:10px;max-height:88px}
.about-wrapper .about .con .txt p{color:#666;line-height:22px}
.about-wrapper .about .con .more{margin-top:15px}
.about-wrapper .about .con .more a{display:block;width:129px;border:1px solid #337ab7;border-radius:20px;color:#337ab7;text-align:center;line-height:36px}
.about-wrapper .factory{position:relative;margin-top:25px}
.about-wrapper .factory .swiper-button-next,.about-wrapper .factory .swiper-button-prev{width:44px;height:44px;background:url(../images/turn-l.png) no-repeat center;background-size:contain}
.about-wrapper .factory .swiper-button-next{background:url(../images/turn-r.png) no-repeat center;background-size:contain}
.factory-list .swiper-slide{margin-bottom:32px}
.factory-list .swiper-slide a{padding-top:77.71%}
.factory-list .swiper-slide span{border-bottom:2px solid #e0e0e0;color:#666;text-align:center;font-size:16px;line-height:30px}
.news-wrapper{margin-top:25px;padding:25px 0;background:#eeeef0}
.news-wrapper .news-l{margin-top:20px;background:#fff}
.news-wrapper .news-l .tab-tit{overflow:hidden;border-bottom:2px solid #e0e0e0}
.news-wrapper .news-l .tab-tit .tit-l{float:left;padding:0 15px;line-height:40px}
.news-wrapper .news-l .tab-tit .tit-l a{display:inline-block;padding:0 5px;height:40px;border-bottom:2px solid #fff;font-size:16px}
.news-wrapper .news-l .tab-tit .tit-l a.on{border-color:#337ab7;color:#337ab7}
.news-wrapper .news-l .tab-tit .more{float:right;margin-right:10px;text-transform:uppercase;line-height:40px}
.news-wrapper .news-l .tab-content{padding:10px;padding-left:15px}
.news-wrapper .news-l .news-list{display:none}
.news-wrapper .news-l .news-list li{overflow:hidden;padding-left:15px;background:url(../images/newsli.png) no-repeat center left;line-height:30px}
.news-wrapper .news-l .news-list li a{float:left;max-width:60%}
.news-wrapper .news-l .news-list li span{float:right;color:#999}
.news-wrapper .news-l .news-list li.fir{margin-bottom:10px;padding:0;background:0 0}
.news-wrapper .news-l .news-list li.fir .img a{float:none;padding-top:59.13%;max-width:none}
.news-wrapper .news-l .news-list li.fir .con{margin-top:10px}
.news-wrapper .news-l .news-list li.fir .con .time{color:#337ab7;line-height:18px}
.news-wrapper .news-l .news-list li.fir .con .time span{float:none;margin-left:10px;padding-left:10px;border-left:1px solid #9f9f9f;color:#9f9f9f}
.news-wrapper .news-l .news-list li.fir .con .tit{font-size:16px;line-height:30px}
.news-wrapper .news-l .news-list li.fir .con .tit a{float:none;max-width:none}
.news-wrapper .news-l .news-list li.fir .con .txt{overflow:hidden;margin-top:10px;height:40px;color:#666;line-height:20px}
.news-wrapper .news-r{margin-top:15px;background:#fff}
.news-wrapper .news-r .tit{overflow:hidden;padding:0 15px;border-bottom:2px solid #e0e0e0;line-height:40px}
.news-wrapper .news-r .tit h2{float:left;padding:0 5px;border-bottom:2px solid #337ab7;font-size:18px;line-height:40px}
.news-wrapper .news-r .tit a{float:right;text-transform:uppercase;line-height:40px}
.news-wrapper .news-r .faq-list{padding:15px;padding-bottom:1px}
.news-wrapper .news-r .faq-list dl{margin-bottom:20px;padding-bottom:20px;border-bottom:1px dotted #d8d8d8}
.news-wrapper .news-r .faq-list dt{margin-bottom:10px;padding-left:30px;background:url(../images/faq-q.png) no-repeat left top}
.news-wrapper .news-r .faq-list dt h2{font-size:16px;line-height:20px}
.news-wrapper .news-r .faq-list dd{padding-left:30px;background:url(../images/faq-a.png) no-repeat left top}
.news-wrapper .news-r .faq-list dd p{overflow:hidden;max-height:60px;color:#666;line-height:20px}
.footer-wrapper{margin-top:30px}
.links .tit{padding-bottom:10px;border-bottom:1px solid #e0e0e0}
.links .tit h2{font-size:16px}
.links .links-list{margin-top:10px}
.links .links-list a{display:inline-block;margin-right:10px;color:#666}
.f-nav{margin-top:10px;padding:10px 0;background:#337ab7}
.f-nav a{display:inline-block;margin-right:5px;color:#fff}
.footer{padding:20px 0;background:url(../images/footer-bg.jpg) repeat}
.footer .qr-code{text-align:center}
.footer .qr-code img{max-width:100%}
.footer .f-contact{margin-top:15px;margin-bottom:5px;color:#fff}
.tit01{text-align:center}
.tit01 h2{position:relative;margin-bottom:5px;font-weight:700;font-size:20px}
.tit01 h2 span{color:#337ab7}
.tit01 h2:after,.tit01 h2:before{position:absolute;top:48%;margin-left:-25px;width:15px;height:2px;background:#337ab7;content:''}
.tit01 h2:after{margin-left:15px}
.tit01 p{color:#999;text-transform:uppercase;font-size:13px}
.tit02{overflow:hidden;border-bottom:2px solid #e7e7e7}
.tit02 h2{float:left;padding-bottom:10px;border-bottom:2px solid #337ab7;color:#337ab7;font-size:18px}
.page-banner{display:none}
.main-tit{padding:15px 0;background:#f4f4f4}
.main-tit .crumbs{padding-left:30px;background:url(../images/home.png) no-repeat center left;color:#676767}
.main-tit .crumbs a{color:#676767}
.side-contact,.side-tit{display:none}
.side-menu .menu-list{margin-top:10px}
.side-menu .menu-list li{display:inline-block;margin-bottom:3px;border:1px solid #ddd;border-radius:4px;background:url(../images/product-li.png) no-repeat 5px center}
.side-menu .menu-list li a{display:block;padding:3px 8px;padding-left:24px;font-size:13px}
.side-menu .menu-list li.active{border-color:#db9804;background:url(../images/product-liH.png) no-repeat 5px center #db9804}
.side-menu .menu-list li.active a{color:#fff}
.main-r{margin-top:20px}
.page-product-list dl{overflow:hidden;padding:10px;border:1px solid #dbdbdb}
.page-product-list dt{float:left;margin-right:10px;width:40%}
.page-product-list dt a{padding-top:71.487%}
.page-product-list dd{overflow:hidden}
.page-product-list dd .tit{font-size:16px}
.page-product-list dd .txt{overflow:hidden;margin-top:3px;height:40px;color:#666;line-height:20px}
.page-product-list dd .more{margin-top:3px}
.page-product-list dd .more a{display:block;width:115px;border:1px solid #999;color:#666;text-align:center;line-height:22px}
.page-case{padding-top:25px;background:url(../images/divider.png) repeat-x center top}
.main-menu{margin-top:20px;margin-bottom:20px;text-align:center}
.main-menu a{display:inline-block;margin:0 5px 5px 5px;padding:5px 15px;background:#337ab7;color:#fff}
.main-menu a.active,.main-menu a:hover{background:#db9804}
.page-picture-list{overflow:hidden}
.page-picture-list li{float:left;margin:0 1%;margin-bottom:52px;width:48%}
.page-picture-list li a{padding-top:77.71%}
.page-picture-list li span{padding:0 10%;border-bottom:2px solid #e0e0e0;color:#666;text-align:center;line-height:30px}
.page-customer-list{overflow:hidden}
.page-customer-list li{float:left;margin:0 1%;margin-bottom:40px;width:48%}
.page-customer-list li a{padding-top:48.6%;border:1px solid #dfdfdf;border-radius:4px}
.page-customer-list li span{text-align:center;line-height:30px}
.page-news-list dl{overflow:hidden;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e4e4e4}
.page-news-list dt{float:left;margin-right:15px;width:40%}
.page-news-list dt a{padding-top:59.13%}
.page-news-list dd{overflow:hidden}
.page-news-list dd .time{color:#999}
.page-news-list dd .tit{font-size:16px}
.page-news-list dd .tit a{color:#333}
.page-news-list dd .txt{overflow:hidden;margin-top:5px;height:40px;color:#666;line-height:20px}
.page-witness-list dd{padding:20px 15px}
.page-witness-list dd .more{position:static}
.page-witness-list dd .more a{display:block;width:117px;border:1px solid #999;background:0 0;color:#666;text-align:center;text-indent:0;line-height:24px}
.text-title{padding-bottom:10px;border-bottom:1px solid #dbdbdb;text-align:center}
.text-title h1{color:#337ab7;font-size:20px}
.detail-box{margin-top:20px}
.detail-box p{margin-bottom:15px;color:#666}
.detail-box p img{height:auto!important;max-width:100%!important}
.detail-box .simg img{height:auto!important;max-width:100%!important}
.turn-page{margin-top:30px;margin-bottom:30px}
.turn-page .next,.turn-page .prev{overflow:hidden;margin-bottom:10px;padding:3px 5px;border:1px solid #e5e5e5;background:#fafafa}
.turn-page .next span,.turn-page .prev span{float:left}
.turn-page .next a,.turn-page .prev a{max-width:80%}
.product-det{padding-bottom:30px;border-bottom:1px solid #dbdbdb}
.product-det .det-l{height:300px}
.product-det .det-l .swiper-container{margin-right:auto;margin-left:auto;width:100%;height:300px}
.product-det .det-l .swiper-slide{background-position:center;background-size:cover}
.product-det .det-l .gallery-top{width:100%;height:80%}
.product-det .det-l .gallery-thumbs{box-sizing:border-box;padding:10px 0;height:20%}
.product-det .det-l .gallery-thumbs .swiper-slide{height:100%;opacity:.4}
.product-det .det-l .gallery-thumbs .swiper-slide-thumb-active{opacity:1}
.product-det .det-r{margin-top:15px}
.product-det .det-r .tit{margin-bottom:15px}
.product-det .det-r .tit h1{color:#337ab7;font-weight:700;font-size:18px}
.product-det .det-r .txt{margin-bottom:15px}
.product-det .det-r .txt p{color:#666}
.product-det .det-r .tel{margin-bottom:9px}
.product-det .det-r .tel p{margin-bottom:10px;color:#333;font-weight:700;font-size:16px}
.product-det .det-r .tel p span{color:#337ab7}
.product-det .det-r .tel a{display:block;width:113px;border-radius:6px;background:#337ab7;color:#fff;text-align:center;line-height:30px}
.product-det .det-r .bdsharebuttonbox span{float:left;margin-top:6px}
.page-tit{overflow:hidden;margin-top:30px;border-bottom:1px solid #dbdbdb}
.page-tit h2{float:left;padding-bottom:5px;border-bottom:1px solid #337ab7;color:#337ab7;font-size:18px}
.message-form .form-group input,.message-form .form-group textarea{margin-bottom:20px;padding-left:37px;border:0;box-shadow:none}
.message-form .form-group .username{background:url(../images/username.png) no-repeat 12px 13px #f9f8f8}
.message-form .form-group .tel{background:url(../images/tel.png) no-repeat 12px 13px #f9f8f8}
.message-form .form-group .email{background:url(../images/email.png) no-repeat 12px 13px #f9f8f8}
.message-form .form-group .address{background:url(../images/address.png) no-repeat 12px 13px #f9f8f8}
.message-form .form-group .need{padding-top:12px;height:80px;background:url(../images/need.png) no-repeat 12px 13px #f9f8f8}
.message-form .form-group .sub-btn{padding-left:0;background:#337ab7;color:#fff;font-size:16px}
.fixed-wrapper{display:none}
.page{clear:both;padding:20px 0 40px;text-align:center}
.page a{display:inline-block;margin-bottom:5px;padding:0 15px;border:1px solid #e3e3e3;border-radius:3px;background:#fff;color:#333;text-align:center;font-size:12px;line-height:28px}
.page a:hover{background:#337ab7;color:#fff;text-decoration:none}
.page a.a1{margin-top:0;padding:0 15px;line-height:28px}
.page span{display:inline-block;padding:0 15px;border:1px solid #337ab7;border-radius:3px;background:#337ab7;color:#fff;text-align:center;line-height:28px}
.page .noPage{display:inline-block;padding:0 12px;height:22px;border:1px solid #e3e3e3;color:#a4a4a4;text-align:center;line-height:22px}
.Validform_checktip{float:right;overflow:hidden;margin-left:8px;height:20px;color:#999;font-size:12px;line-height:20px}
.Validform_right{padding-left:20px;background:url(../images/right.png) no-repeat left center;color:#71b83d}
.Validform_wrong{padding-left:20px;background:url(../images/error.png) no-repeat left center;color:red;white-space:nowrap}
.Validform_loading{padding-left:20px;background:url(../images/onLoad.gif) no-repeat left center}
.Validform_error{background-color:#ffe7e7}
#Validform_msg{position:absolute;top:0;right:50px;z-index:99999;display:none;width:280px;background:#fff;-webkit-box-shadow:2px 2px 3px #aaa;-moz-box-shadow:2px 2px 3px #aaa;color:#7d8289;font:12px/1.5 tahoma,arial,\5b8b\4f53,sans-serif}
#Validform_msg .iframe{position:absolute;top:-1px;left:0;z-index:-1}
#Validform_msg .Validform_title{position:relative;padding:0 8px;height:25px;background-color:#000;color:#fff;text-align:left;font-weight:700;line-height:25px}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{position:absolute;top:0;right:8px;color:#fff;text-decoration:none;line-height:22px}
#Validform_msg a.Validform_close:hover{color:#cc0}
#Validform_msg .Validform_info{padding:8px;border:1px solid #000;border-top:none;text-align:left}
@media screen and (min-width:768px){.welcome-wrapper{display:block;overflow:hidden;border-bottom:1px solid #ececec;color:#999;line-height:30px}
.welcome-wrapper .wel-l{float:left}
.welcome-wrapper .btns{float:right}
.welcome-wrapper .btns a{color:#999}
.logo{float:left;width:30%}
.logo h1{padding:0;width:100%}
.top-wrapper{border-bottom:0}
.top-wrapper .top-tel{float:right;display:block;margin-top:6px;padding-left:50px;background:url(../images/top-tel.png) no-repeat top left;background-size:contain}
.top-wrapper .top-tel p{color:#337ab7;font-weight:700;font-size:18px}
.nav-menu{margin-top:10px;padding:0;background:#337ab7}
.nav-menu li a{padding:15px 6px;color:#fff}
.nav-menu li.active a{background:#db9804;color:#fff}
.main-tit,.search-wrapper{overflow:hidden;margin-top:5px}
.main-tit .sear-l,.search-wrapper .sear-l{float:left;padding-top:0;line-height:36px}
.main-tit .sear-r,.search-wrapper .sear-r{float:right;margin-top:0}
.product-wrapper .product .prod-r .top{overflow:hidden;background:#f0f0f0}
.product-wrapper .product .prod-r .top .img{float:left;width:50%}
.product-wrapper .product .prod-r .top .con{overflow:hidden}
.product-wrapper .product .prod-r .top .con .tit h2{font-size:18px}
.product-wrapper .product .prod-r .top .con .txt{overflow:hidden;margin-top:15px;max-height:96px}
.product-wrapper .product .prod-r .top .con .txt p{line-height:24px}
.product-wrapper .product .prod-r .top .con .btns a{padding:0;width:127px;text-align:center;font-size:16px;line-height:41px}
.product-wrapper .product .prod-r .product-list li{width:31.33%}
.ad.ad01,.ad.ad02{display:block;margin-top:15px}
.ad.ad01 a,.ad.ad02 a{display:block}
.ad.ad01 a img,.ad.ad02 a img{width:100%}
.case-wrapper .case-list li{width:23%}
.case-wrapper .case-list li.fir{float:left;width:48%}
.advantage-wrapper{background:url(../images/advantage-bg.jpg) no-repeat center;background-size:cover}
.advantage-wrapper .container{position:relative;height:500px}
.advantage-wrapper .container .box{position:absolute}
.advantage-wrapper .container .box01{top:0;left:0}
.advantage-wrapper .container .box02{top:0;right:0}
.advantage-wrapper .container .box03{bottom:0;left:0}
.advantage-wrapper .container .box04{right:0;bottom:0}
.witness-list{overflow:hidden;margin-left:-2%}
.witness-list dl{float:left;margin-left:2%;width:23%}
.witness-list dl dd{padding-bottom:25px}
.witness-list dl dd .txt{height:67px}
.about-wrapper .about{overflow:hidden}
.about-wrapper .about .img{float:left;width:45%}
.about-wrapper .about .con{float:right;width:45%}
.news-wrapper .news-l .news-list{overflow:hidden;margin-left:-2%}
.news-wrapper .news-l .news-list li{float:left;margin-left:2%;width:48%}
.news-wrapper .news-l .news-list li.fir{width:100%}
.news-wrapper .news-l .news-list li.fir .img{float:left;width:40%}
.news-wrapper .news-l .news-list li.fir .con{float:right;width:55%}
.news-wrapper .news-l .news-list li.fir .con .time{font-size:16px}
.news-wrapper .news-l .news-list li.fir .con .time span{font-size:14px}
.news-wrapper .news-l .news-list li.fir .con .tit{margin-top:15px;font-size:18px}
.news-wrapper .news-l .news-list li.fir .con .txt{margin-top:25px}
.footer .qr-code{float:left;width:40%}
.footer .f-contact{float:right;width:55%}
.main-tit{margin-top:0}
.main-tit .crumbs{float:left;line-height:36px}
.page-product-list{overflow:hidden}
.page-product-list dl{float:left;margin:0 1%;margin-bottom:2%;width:48%}
.page-case-list li{margin:0 1% 2% 1%;width:31.33%}
.page-picture-list li{width:23%}
.page-customer-list li{width:23%}
.page-news-list dt{margin-right:30px}
.page-news-list dd{margin-top:15px}
.page-news-list dd .tit{margin-top:20px;font-size:18px}
.page-news-list dd .txt{margin-top:12px}
.turn-page{overflow:hidden}
.turn-page .prev{float:left;width:48%}
.turn-page .next{float:right;width:48%}
.product-det{overflow:hidden}
.product-det .det-r{overflow:hidden}
.product-det .det-l{float:left;margin-right:20px;width:394px}
.product-det .det-l .gallery-top{height:283px}
.product-det .det-l .gallery-thumbs{height:109px}
.product-det .det-l{height:388px}
.product-det .det-r .txt{overflow:hidden;max-height:198px}
}
@media screen and (min-width:992px){.container{padding:0}
.welcome-wrapper{line-height:39px}
.top-wrapper{height:116px}
.top-wrapper .header{overflow:hidden}
.logo{margin-top:14px;width:463px;height:84px}
.logo h1{height:100%}
.top-wrapper .top-tel{margin-top:38px;padding-left:62px}
.top-wrapper .top-tel p{font-size:24px}
.nav-menu{margin-top:0}
.nav-menu ul{float:none;margin:0 auto;width:970px}
.nav-menu ul li a{padding:15px 12px;font-size:16px}
.nav-menu ul li:hover a{background:#db9804}
.main-tit,.search-wrapper{margin-top:0;padding:0;line-height:60px}
.main-tit .sear-l,.search-wrapper .sear-l{overflow:hidden;padding-left:38px;height:60px;max-width:50%;background:url(../images/hot.png) no-repeat center left;line-height:60px}
.main-tit .sear-l a,.search-wrapper .sear-l a{color:#666}
.main-tit .sear-r,.search-wrapper .sear-r{width:279px}
.main-tit .sear-r .form-group input[type=submit],.search-wrapper .sear-r .form-group input[type=submit]{top:1px;bottom:0;margin:auto}
.customer-wrapper{padding-top:70px;padding-bottom:64px}
.customer-list,.factory-list{margin-top:26px}
.product-wrapper{margin-top:52px}
.product-wrapper .product .prod-l .menu-list li a:hover{color:#337ab7}
.product-wrapper .product .prod-l .tit h2,.side-tit h2{font-size:28px}
.product-wrapper .product .prod-r .top .con .tit h2{font-size:28px}
.product-wrapper .product .prod-r .top .con .tit h2 a:hover{color:#337ab7}
.product-wrapper .product .prod-r .top .con{padding-top:40px;padding-left:35px}
.product-wrapper .product .prod-r .top .con .btns{margin-top:38px}
.product-wrapper .product .prod-r .product-list li:hover span{color:#337ab7}
.case-wrapper{margin-top:50px}
.case-list{margin-top:25px}
.case-list li:hover span{background:rgba(51,122,183,.8)}
.advantage-wrapper{padding-top:90px;height:799px}
.advantage-wrapper .container .box .tit{margin-bottom:24px;font-size:22px}
.advantage-wrapper .container{margin-top:90px;height:458px}
.advantage-wrapper .container .box{margin-bottom:0}
.advantage-wrapper .container .box03,.advantage-wrapper .container .box04{display:flex;flex-direction:column-reverse}
.advantage-wrapper .container .box03 .txt,.advantage-wrapper .container .box04 .txt{margin-bottom:24px}
.advantage-wrapper .container .box02,.advantage-wrapper .container .box04{text-align:right}
.advantage-wrapper .container .box03{width:300px}
.witness-wrapper{margin-top:50px}
.witness-list{margin-top:30px}
.witness-list dl{margin-bottom:0}
.ad.ad02{margin-top:48px}
.about-wrapper{margin-top:50px}
.about-wrapper .about{margin-top:26px}
.about-wrapper .about .img{width:520px}
.about-wrapper .about .con{width:42%}
.about-wrapper .about .con .tit h2{font-size:22px}
.about-wrapper .about .con .txt{overflow:hidden;margin-top:50px;max-height:144px}
.about-wrapper .about .con .txt p{line-height:24px}
.about-wrapper .factory{position:relative}
.about-wrapper .factory .swiper-button-next,.about-wrapper .factory .swiper-button-prev{width:44px;height:44px;background:url(../images/turn-l.png) no-repeat center;background-size:contain}
.about-wrapper .factory .swiper-button-next{margin-right:-75px;background:url(../images/turn-r.png) no-repeat center;background-size:contain}
.about-wrapper .factory .swiper-button-prev{margin-left:-75px}
.about-wrapper .about .con .more a:hover{background:#337ab7;color:#fff}
.factory-list .swiper-slide{margin-bottom:44px}
.factory-list .swiper-slide span{line-height:42px}
.news-wrapper{clear:both;padding-top:50px;min-height:729px;background:url(../images/news-bg.jpg) no-repeat center;background-size:cover}
.news-wrapper .news-l .tab-tit .more{padding-left:19px;border-left:2px solid #e0e0e0}
.news-wrapper .news-l .tab-tit .tit-l{padding-left:29px;line-height:59px}
.news-wrapper .news-l .tab-tit .more{line-height:59px}
.news-wrapper .news-l .tab-tit .more a:hover{color:#337ab7}
.news-wrapper .news-l .tab-tit .tit-l a{height:60px;font-size:18px}
.news-wrapper .news-l .tab-content{padding:30px}
.news-wrapper .news-l .news-list li a:hover{color:#337ab7}
.news-wrapper .news-r .tit{padding-left:30px}
.news-wrapper .news-r .tit h2{line-height:59px}
.news-wrapper .news-r .tit a{display:block;padding-left:19px;border-left:2px solid #e0e0e0;line-height:61px}
.news-wrapper .news-r .tit a:hover{color:#337ab7}
.footer-wrapper{margin-top:50px}
.links .tit{padding-bottom:18px}
.links .tit h2{font-size:18px}
.links .links-list{margin-top:15px}
.links .links-list a{margin-right:20px}
.links .links-list a:hover{color:#337ab7}
.f-nav{margin-top:60px;padding:0}
.f-nav a{margin:0;padding:0 20px;font-size:16px;line-height:50px}
.footer{padding:50px 0}
.footer .f-contact{margin:0;padding-left:60px;background:url(../images/f-contact.png) no-repeat center left}
.footer .f-contact p{line-height:36px}
.witness-list dl dd .tit a:hover{color:#337ab7}
.tit01 h2{font-size:28px}
.tit01 h2:before{margin-left:-60px;width:32px}
.tit01 h2:after{margin-left:30px;width:32px}
.tit02 h2{padding-right:10px;padding-left:10px}
.main-tit .crumbs{line-height:60px}
.page-product-list dd .more,.page-product-list dd .tit,.page-product-list dd .txt{margin-top:10px}
.page-product-list dd .tit a:hover{color:#337ab7}
.page-case{padding-top:50px}
.page-product-list dd .more a:hover{border-color:#337ab7;color:#337ab7}
.page-banner{display:block;height:320px}
.page-picture-list li{width:23%}
.page-news-list dd .tit a:hover{color:#337ab7}
.turn-page .next a:hover,.turn-page .prev a:hover{color:#337ab7}
.message-form .form-group input{height:45px}
.news-wrapper .news-r .faq-list dt h2 a:hover{color:#337ab7}
#m-banner{display:none}
#banner{display:block}
}
@media screen and (min-width:1200px){.container{width:1181px}
.nav-menu ul{width:1200px}
.nav-menu ul li a{padding:15px 23px}
.customer-list,.factory-list{margin:0 auto;margin-top:26px;width:1200px}
.customer-wrapper{position:relative}
.customer-wrapper .swiper-button-next,.customer-wrapper .swiper-button-prev{top:60%;width:44px;height:44px;background:url(../images/turn-l.png) no-repeat center;background-size:contain}
.customer-wrapper .swiper-button-next{margin-right:2%;background:url(../images/turn-r.png) no-repeat center;background-size:contain}
.customer-wrapper .swiper-button-prev{margin-left:2%}
.product-wrapper .product{overflow:hidden;margin-top:30px}
.product-wrapper .prod-l{float:left;width:245px}
.product-wrapper .prod-r{float:right;width:916px}
.product-wrapper .product .prod-r{margin-top:0}
.product-wrapper .product .prod-l .tit{margin-top:0}
.product-wrapper .product .prod-l .tit,.side-tit{padding:0;height:143px;text-align:left}
.product-wrapper .product .prod-l .tit h2,.side-tit h2{margin-bottom:5px;padding-top:50px;padding-left:40px}
.product-wrapper .product .prod-l .tit p,.side-tit p{padding-left:40px}
.product-wrapper .product .prod-l .menu-list,.side-menu .menu-list{margin:0;background:#eee}
.product-wrapper .product .prod-l .menu-list li,.side-menu .menu-list li{display:block;margin-bottom:0;border:0;border-bottom:1px dashed #b7b5b5;border-radius:0;background:url(../images/product-li.png) no-repeat 19px center;line-height:35px}
.product-wrapper .product .prod-l .menu-list li a,.side-menu .menu-list li a{padding-left:42px;font-size:16px}
.product-wrapper .product .prod-l .menu-list li.active,.product-wrapper .product .prod-l .menu-list li:hover,.side-menu .menu-list li.active,.side-menu .menu-list li:hover{background:url(../images/product-liH.png) no-repeat 19px center #db9804}
.product-wrapper .product .prod-l .menu-list li.active a,.product-wrapper .product .prod-l .menu-list li:hover a,.side-menu .menu-list li.active a,.side-menu .menu-list li:hover a{color:#fff}
.product-wrapper .product .prod-r .top .img{width:409px;height:294px}
.product-wrapper .product .prod-r .top .con .tit h2 a{color:#000}
.product-wrapper .product .prod-r .product-list li span{line-height:40px}
.product-wrapper .product .prod-r .product-list li{margin-bottom:57px}
.product-wrapper .product .prod-r .product-list li:hover span{background:#337ab7;color:#fff}
.product-wrapper .product .prod-r .product-list{margin-top:20px}
.ad.ad01 a img,.ad.ad02 a img{margin-top:27px;width:auto;max-width:100%}
.witness-list dl dd .txt{margin-bottom:67px}
.witness-list dl dd{padding:15px 20px 1px 20px}
.witness-list dl dd .tit{padding-bottom:17px;border-bottom:1px solid #c9c8c8}
.about-wrapper .about .con{width:628px}
.about-wrapper .about .con .more{margin-top:40px}
.about-wrapper .factory{margin-top:40px}
.customer-list,.factory-list{width:1200px}
.news-wrapper .container{margin-top:30px}
.news-wrapper .news-l{float:left;margin-top:0;width:816px}
.news-wrapper .news-r{float:right;margin-top:0;width:338px}
.news-wrapper .news-l .tab-tit .tit-l a:hover{color:#337ab7}
.news-wrapper .news-l .tab-content{height:433px}
.news-wrapper .news-r .faq-list{height:432px}
.news-wrapper .news-l .news-list li{margin-left:3%;width:47%}
.news-wrapper .news-l .news-list{margin-left:-3%}
.news-wrapper .news-l .news-list li:hover{background:url(../images/newsli2.png) no-repeat center left}
.f-nav a{padding:0 30px}
.footer .qr-code{width:130px}
.footer .f-contact{float:left;margin-left:103px;padding-left:103px;width:623px}
.main{margin-top:40px}
.side{float:left;width:245px}
.side-contact,.side-tit{display:block}
.side-tit{background:#337ab7;color:#fff}
.side-contact{margin-top:12px}
.side-contact .tel{padding:17px 18px 17px 60px;min-height:46px;background:url(../images/side-tel.png) no-repeat 19px center #337ab7;color:#fff}
.side-contact .tel p{font-weight:700;font-size:24px}
.side-contact .address{padding:16px;padding-left:40px;background:url(../images/side-address.png) no-repeat 20px 17px #353537}
.side-contact .address p{color:#cecece}
.main-r{float:right;margin-top:0;width:916px}
.page-product-list dl{margin-bottom:20px;padding:16px}
.page-product-list dl dt{margin-right:15px;width:242px}
.page-product-list dd .tit{margin-top:15px}
.page-product-list dd .txt{margin-top:20px;height:60px}
.page-product-list dd .more{margin-top:31px}
.page-case-list{margin-top:0;margin-left:-20px}
.page-case-list li{margin-right:0;margin-left:20px;width:291px}
.main-menu{margin-bottom:0}
.main-menu a{margin-top:40px;padding:9px 45px}
.page-picture-list{margin-left:-24px}
.page-picture-list li{margin-right:0;margin-left:24px;width:277px}
.page-picture-list li{margin-bottom:76px}
.page-picture-list li:hover span{color:#337ab7}
.page-picture-list li span{font-size:16px;line-height:45px}
.page-customer-list{margin-left:-19px}
.page-customer-list li{margin-right:0;margin-bottom:57px;margin-left:19px;width:214px}
.page-customer-list li span{margin-top:10px}
.page-customer-list li:hover span{color:#337ab7}
.page-news-list dt{width:230px}
.page-witness-list{margin-top:0}
.page-witness-list dl{margin-bottom:20px}
.page-witness-list dl dd{padding-bottom:30px}
.page-witness-list dl dd .tit a{color:#000}
.page-witness-list dl dd .txt{margin-bottom:20px;height:45px}
.page-witness-list dl dd .more{width:auto}
.page-witness-list dl dd .more a:hover{border-color:#337ab7;background:#337ab7;color:#fff}
.text-title{padding-bottom:15px}
.detail-box p{margin-bottom:22px;line-height:24px}
.turn-page{margin-bottom:50px}
.turn-page .next,.turn-page .prev{width:360px}
.side{margin-bottom:50px}
.product-det .det-l .gallery-top{padding:1px;border:1px solid #ddd}
.product-det .det-l{margin-right:30px}
.product-det .det-r .tit h1{margin-bottom:25px;font-size:24px}
.product-det .det-r .tel{overflow:hidden}
.product-det .det-r .tel p{float:left;font-size:18px;line-height:30px}
.product-det .det-r .tel a{float:right}
.product-det .det-r .con{padding-right:35px}
.product-det .det-r .txt{margin-bottom:30px;height:174px;max-height:none}
.product-det .det-r .txt p{line-height:24px}
.product-det .det-r .tel{margin-bottom:23px;padding-bottom:30px;border-bottom:1px solid #dbdbdb}
.product-det .det-r .tel p{margin-bottom:0}
.page-tit{margin-top:50px}
.page-tit h2{padding-bottom:10px}
.message-form{margin:0 auto;width:836px}
.message-form form{margin-left:-66px}
.message-form .form-group{overflow:hidden}
.message-form .form-group input{float:left;margin-left:66px;width:385px}
.message-form .form-group textarea{margin-left:66px;width:836px}
.message-form .form-group .sub-btn{margin-left:344px;height:48px;font-size:18px}
.fixed-wrapper{position:fixed;right:50px;bottom:35%;z-index:1;display:block;padding-top:26px;width:64px;height:346px;background:url(../images/fixed-bg.png) no-repeat center}
.fixed-wrapper .box{margin-bottom:30px;color:#fff;text-align:center}
.fixed-wrapper .box img{display:block;margin:0 auto;margin-bottom:10px}
.fixed-wrapper .box span{font-size:12px}
.fixed-wrapper .box a{color:inherit}
.fixed-wrapper .box03{position:relative}
.fixed-wrapper .box03 p{position:absolute;top:0;left:-160px;display:none;width:155px;background:url(../images/fixed-tel.png) no-repeat center;color:#337ab7;line-height:48px}
.fixed-wrapper .box03:hover p{display:block}
}
@media screen and (min-width:1600px){.customer-wrapper .swiper-button-next{margin-right:14%}
.customer-wrapper .swiper-button-prev{margin-left:14%}
.about-wrapper .factory .swiper-button-next{margin-right:-92px}
}
.search-body{padding:40px 0;border-bottom:1px solid #ddd}
.s-model{margin-bottom:25px;text-align:center}
.s-model a{margin:0 10px;font-size:14px}
.s-model .on{color:#016bda;font-weight:700}
.modules-search-form{position:relative;margin:0 auto;padding-bottom:20px;width:100%;max-width:392px}
.modules-search-form input[type=text]{overflow:hidden;padding:4px 15px;padding-right:15px;width:100%;height:34px;max-width:337px;border:1px solid #ddd;border-radius:4px;line-height:24px}
.modules-search-form input[type=submit]{position:absolute;top:0;right:0;width:60px;height:34px;border:none;text-align:center;cursor:pointer}
.jg{border-bottom:1px solid #ddd;font-size:14px;line-height:40px}
.jg span{color:#016bda;font-weight:700}
.sjg{font-size:14px;line-height:30px}
.sjg span{color:#016bda;font-weight:700}
.sr-list{padding:30px 0}
.sr-list li{border-bottom:1px dotted #ccc;line-height:38px}
.sr-list .date{float:right;color:#666}
.sr-list a{position:relative;display:block;overflow:hidden;padding-left:16px;width:80%;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.sr-list a:before{position:absolute;top:17px;left:5px;width:4px;height:4px;background:#016bda;content:''}