body{background: #fff;font-size:14px;font-family: Arial,"Helvetica Neue", Helvetica, sans-serif;color:#333333;}
*{margin:0;padding:0;box-sizing: border-box;}
ul,dl,dd,dt,h2,p,h3,h4,h1{margin:0;}
ul,li{list-style: none;}
i{font-style: normal;}
a{cursor: pointer;color:inherit;-webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
a:hover,a:focus{text-decoration: none;color:inherit;}

.fs40{font-size: 40px;line-height: 1;}
.fs38{font-size: 38px;line-height: 1;}
.fs30{font-size: 30px;}
.fs28{font-size: 28px;}
.fs25{font-size: 25px;}
.fs20{font-size: 20px;}
.fs18{font-size: 18px;}
.fs17{font-size: 17px;}
.fs16{font-size: 16px;}

.c0{color:#000;}
.c3{color:#333;}
.c6{color:#666;}
.grey{color:#757575;}
.fl{float:left;}
.fr{float:right!important;}
.mb10{margin-bottom: 10px;}
.mt10{margin-top: 10px;}
.mt5{margin-top: 5px;}
.pr{position: relative;}
.bold{font-weight: bold;}
.img-responsive{display: block;margin:0 auto;}
.flex,.flexC{ display: -webkit-box;display: -webkit-flex; display: -ms-flexbox; display: flex;}
.flex>.sub,.flexC>.sub{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden;}
.flexC{-webkit-flex-direction: column; flex-direction: column;}
.sb{justify-content: space-between;}
.jc{justify-content: center;}
.ai{align-items: center;}
.flex-end{align-items: flex-end;}
.wrap{flex-wrap: wrap;}
.oneLine{white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;}
.no-padding{padding-left:0;padding-right: 0;}
.padding{padding:0 5%;}
.bg{background: #f8f8f8;}
.navbar{margin:0;border:none;background: none;color:#fff;}
.navbar-brand{height: auto;padding:0;display: inline-block;}
.navbar-brand>img{max-height: 80px;}
.imghover .img{transition: all .5s ease 0s;}
.imghover:hover .img{transform: scale(1.08);}
.mix{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.w1400{width: 85%;max-width: 1470px;margin-left:auto;margin-right: auto;}
.css3{
 -moz-transition:all .5s ease 0s; 
 -ms-transition:all .5s ease 0s; 
 -o-transition:all .5s ease 0s; 
 -webkit-transition:all .5s ease 0s; 
 transition:all .5s ease 0s;
}

.common_btn{position: relative;overflow: hidden;}
.common_btn>span{display:inline-block;vertical-align:middle;opacity:0;filter: alpha(opacity=0);color:#fff;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1);vertical-align:0}
.common_btn::before{content:attr(c-text);position:absolute;top:0;left:10%;width:80%;height:100%;-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1);display: none\0;}
.common_btn:hover .iconfont{color:#fff;}
/*.common_btn:hover{background:#d20319;}*/
.common_btn:hover::before{opacity:0;filter: alpha(opacity=0);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.common_btn:hover>span{opacity:1;filter: alpha(opacity=100);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);display: inline-block;}
.common_btn>span.sep{width: 5px;height: 5px;display: inline-block;}
.common_btn:hover>span:nth-child(1){-webkit-transition-delay:45ms;transition-delay:45ms}
.common_btn:hover>span:nth-child(2){-webkit-transition-delay:.09s;transition-delay:.09s}
.common_btn:hover>span:nth-child(3){-webkit-transition-delay:.135s;transition-delay:.135s}
.common_btn:hover>span:nth-child(4){-webkit-transition-delay:.18s;transition-delay:.18s}
.common_btn:hover>span:nth-child(5){-webkit-transition-delay:.225s;transition-delay:.225s}
.common_btn:hover>span:nth-child(6){-webkit-transition-delay:.27s;transition-delay:.27s}
.common_btn:hover>span:nth-child(7){-webkit-transition-delay:.315s;transition-delay:.315s}
.common_btn:hover>span:nth-child(8){-webkit-transition-delay:.36s;transition-delay:.36s}
.common_btn:hover>span:nth-child(9){-webkit-transition-delay:.405s;transition-delay:.405s}
.common_btn:hover>span:nth-child(10){-webkit-transition-delay:.45s;transition-delay:.45s}
.common_btn:hover>span:nth-child(11){-webkit-transition-delay:.495s;transition-delay:.495s}
.common_btn:hover>span:nth-child(12){-webkit-transition-delay:.54s;transition-delay:.54s}
.common_btn:hover>span:nth-child(13){-webkit-transition-delay:.585s;transition-delay:.585s}
.common_btn:hover>span:nth-child(14){-webkit-transition-delay:.63s;transition-delay:.63s}
.common_btn:hover>span:nth-child(15){-webkit-transition-delay:.675s;transition-delay:.675s}
.common_btn:hover>span:nth-child(16){-webkit-transition-delay:.72s;transition-delay:.72s}
.common_btn:hover>span:nth-child(17){-webkit-transition-delay:.765s;transition-delay:.765s}
.common_btn:hover>span:nth-child(18){-webkit-transition-delay:.81s;transition-delay:.81s}
.common_btn:hover>span:nth-child(19){-webkit-transition-delay:.855s;transition-delay:.855s}
.common_btn:hover>span:nth-child(20){-webkit-transition-delay:.9s;transition-delay:.9s}
.common_btn.static_btn:hover{background:none;}
.common_btn.static_btn>span{color:#d20319;}
.common_btn.static_btn::before{left:0;}

.common-btn{border-radius:999px;width:310px;text-align: center;max-width: 60%;margin-left:auto;margin-right: auto;display: block;line-height: 58px;border:3px solid #313131;}
.common-btn:hover{border-color:#0042a6;background: #0042a6;color:#fff;}
/*.container{max-width: 1200px;margin:0 auto;}*/
@media (min-width: 1250px){
 .container{width: 1230px;}
}

.header-top{padding:14px 0;background: #fff;}
.header-phone{color:#27c0c0;margin-left:20px;line-height: 36px;padding-left: 45px;background: url(../images/icon-tel.png) no-repeat left center;background-size: auto 100%;}
.header-img{padding:8px 20px;margin-left: 25px;border-left:1px solid #cbeaea;}
@media (min-width: 767px){
.header-button{display: none;}
}
.header-nav{background: #27c0c0;color:#fff;position: sticky;top:0;left:0;z-index:100;width: 100%;}
.header-nav .nav_container li{position: relative;}
.header-nav .nav_container>ul>li{display: inline-block;margin-right: 50px;}
.header-nav .nav_container>ul>li:last-child{margin:0;}
.header-nav .nav_container>ul>li>a{padding:13px 26px;display: block;}
/*.header-nav li ul{display: none;}*/
.header-nav li a{transition: all linear .3s;position: relative;}
.header-nav li a.active,.header-nav li a:hover{background: #a9e6e6;color:#27c0c0;}
.header-nav .dropdown-menu ul{display: none;color:#333;position: absolute;left:100%;top:0;background: rgba(255,255,255,.9);box-shadow: 0 6px 12px rgba(0, 0, 0, .175);border:1px solid rgba(0, 0, 0, .15);}
.header-nav .dropdown-menu ul a{display: block;white-space: nowrap;padding:10px 15px;min-width: 120px;}

.ibanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;width: 13px;height: 13px;opacity: 1;background: transparent;border-radius:100%;overflow: hidden;border:3px solid rgba(245,245,245,.6);}
.ibanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background: #fff;border-color:#999;}
.ibanner .swiper-pagination{bottom: 15px;}

.index-wrapper{background: #f5f5f5;padding:70px 0 0;}

.part-news{margin-left:-6px;margin-right: -6px;}
.index-proItem li{padding:0 6px 8px;}
.index-proItem .item{position: relative;/*padding-bottom: 59%;*/height:230px;background: #fff;overflow: hidden;}
.index-proItem .item .item-img{position: absolute;left:0;top:0;width: 100%;height: 100%;z-index:1;transition: all linear .3s;}
.index-proItem .item img{max-height: 100%;}
.index-proItem .item .item-con{position: absolute;text-align: center;color:#333;top:16%;left:11.8%;z-index:2;}
.index-proItem .item .item-con h2{color:#010101;letter-spacing: 6px;margin-bottom: 3px;}
.index-proItem .item .c-btn{margin-top:5px;line-height: 30px;height: 30px;min-width: 116px;text-align: center;display: inline-block;border-radius:999px;overflow: hidden;padding:0 25px;background: #27c0c0;color:#fff;}
.index-proItem .item:hover .item-img{transform: scale(1.04);}

.part-news>.col-xs-12{padding:0;}
.part-news .index-news{border-bottom:8px solid #f5f5f5;position: relative;padding:0 3px;background: #fff;border-left:6px solid #f5f5f5;border-right:6px solid #f5f5f5;}
/*.index-news::after{position: absolute;content:'';left:6px;top:0;right:6px;bottom:8px;background: #fff;z-index:0;}*/
.index-news>div{position: relative;z-index: 2;}
.index-newsItem{padding:17px 0 0;}
.index-newsItem .item-title{color:#09a8a8;font-weight: bold;border-bottom: 1px solid #f2f2f2;padding:0 6px 5px;}
.index-newsItem .item-title .more{color:#939292;font-size:12px;float:right;margin-right: 10px;}
.index-newsItem ul{padding-top:3px;height: 133px;overflow: hidden;}
.index-newsItem ul li a{display:block;line-height: 26px;padding:0 15px 0 18px;position: relative;}
.index-newsItem ul li a::before{content:'';position:absolute;width:5px;height: 4px;top:50%;margin-top:-2px;background: url(../images/round.png) no-repeat center;left:5px;}
.index-newsItem ul li a:hover,.index-newsItem .item-title .more:hover{color:#09a8a8;}
.index-news-bottom{border-top:1px solid #f2f2f2;padding:3px 0;text-align: center;margin-top:6px;}
.index-news-bottom a{display:inline-block;padding:12px 10px 6px;min-width: 100px;border-right:1px solid #f5f5f5;}
.index-news-bottom a:last-child{border:none;}
.index-news-bottom a i{width: 38px;height: 34px;display: block;margin:0 auto 10px;background-repeat: no-repeat;background-size: contain;background-position: center;}
.index-news-bottom a i.icon-cart{background-image: url(../images/icon-cart.png);}
.index-news-bottom a i.icon-warn{background-image: url(../images/icon-warn.png);}
.index-news-bottom a i.icon-pro{background-image: url(../images/icon-pro.png);}

.part-contact{margin-top:18px;padding:35px 0;background: url(../images/contact-bg.png) no-repeat center;background-size: cover;text-align: center;}
.part-contact h2{opacity: 0;text-shadow: -3px 0 7px rgba(0,0,0,.35);color:#fff;}
.part-contact h3{color:#f8fafb;font-weight: bold;text-shadow: -2.46px 1.72px 7px rgba(0,0,0,.35);margin-top:8px;}
.part-contact .contact-form{margin-top:20px;}
.part-contact .contact-form span{display: inline-block;line-height: 34px;background: #fff;color:#333;width: 380px;padding:0 30px;max-width:90%;box-shadow: 0 5px 7.11px #000;margin:0 2px;}
.part-contact .contact-form a{font-weight:bold;display: inline-block;line-height: 34px;background:#d11313;color:#fff;width: 120px;text-shadow: 0 5px 7px rgba(0,0,0,.3);margin:0 2px;}

.part-recmd .recmd-title{padding:11px 5px;color:#282828;}
.part-recmd .recmd-title a{padding-right: 39px;display: inline-block;background: url(../images/icon-right.png) no-repeat right center;background-size: auto 100%;line-height: 25px;}

.recmd-item{margin-bottom: 27px;}
.recmd-item>div{height: 464px;overflow: hidden;}
.recmd-item .item-left{float:left;width:19.6%;background: url(../images/recmd-bg1.png) no-repeat bottom center;background-size: cover;color:#fff;padding:70px 8px;}
.recmd-item .item-left .item-title{letter-spacing: 3px;}
.recmd-item .item-tab{margin-top:26px;}
.recmd-item .item-tab span{margin-bottom:12px;min-width:31%;text-align: center;display: inline-block;padding:4px 10px;border:1px solid #fff;border-radius:999px;overflow: hidden;}
.recmd-item .item-left .item-img{margin-top:18px;}
.recmd-item .item-left .item-img img{margin:0 3px 0 0;}

.recmd-item .item-proList{background: #fff;width: 48%;border-left:7px solid #f5f5f5;position: relative;text-align: center;float:left;}
.recmd-item .item-proList li{padding:0;border:1px solid #f5f5f5;border-top:none;border-left:none;}
.recmd-item .item-proList .item-img{position: relative;/*padding-bottom: 105%;*/height:189px;overflow: hidden;transition: all linear .3s;}
.recmd-item .item-proList .item-img img{max-height: 98%;max-width: 98%;}
.recmd-item .item-proList li p{padding:0 10px;line-height: 42px;}
.recmd-item .item-right{float:right;width: 32.4%;background: #fff;border-left:1px solid #f5f5f5;}
.recmd-item .item-right .item-rankList{padding:2px 11px 0;color:#686868;border-right:5px solid #f5f5f5;}
.recmd-item .item-right .item-rankList .item-title{line-height: 38px;}
.recmd-item .item-right .item-rankList li{height: 106px;position: relative;padding:15px 0 5px;border-top: 1px solid #f5f5f5;overflow: hidden;}
.recmd-item .item-right .item-rankList li>div{width: 50%;}
.recmd-item .item-right .item-rankList li .item-num{font-weight: bold;position: absolute;top:10px;left:6px;z-index: 2;width: 24px;height: 30px;text-align: center;color:#fff;background: url(../images/award1.png) no-repeat center;line-height: 24px;font-size:12px;}
.recmd-item .item-right .item-rankList li:nth-child(2) .item-num{background-image: url(../images/award2.png);}
.recmd-item .item-right .item-rankList li:nth-child(3) .item-num{background-image: url(../images/award3.png);}
.recmd-item .item-right .item-rankList li:nth-child(4) .item-num{background:none;color:#666;}
.recmd-item .item-right .item-rankList li:nth-child(4) .item-num::after{position: absolute;content:'';width: 24px;height: 24px;border:3px solid #f3f3f3;border-radius:100%;overflow: hidden;top:0;left:0;}
.recmd-item .item-right .item-areaList{padding:0;border-left:5px solid #f5f5f5;text-align: center;}
.recmd-item .item-right .item-areaList .area-item{margin-bottom: 7px;height:150px;background: url(../images/area-bg1.png) no-repeat center;background-size: 100% 100%;width: 100%;color:#fff;text-shadow: 0.5px 0.87px 2px rgba(8,1,3,.18);}
.recmd-item .item-right .item-areaList .area-item:last-child{margin-bottom: 0;}
.recmd-item .item-right .item-areaList .area-item .item-title{letter-spacing: 2px;}
.recmd-item .item-right .item-areaList .area-item .item-more{width: 37px;height: 37px;margin:4px auto 0;background: url(../images/icon-more.png) no-repeat center;background-size: 100% auto;}
.recmd-item .item-right .item-areaList .area-item:nth-child(3n+2){background-image: url(../images/area-bg2.png);}
.recmd-item .item-right .item-areaList .area-item:nth-child(3n+3){background-image: url(../images/area-bg3.png);}

.part-adv img{width: 100%;}
.part-pro{text-align: center;margin-left:-2px;margin-right: -2px;}
.part-pro .pro-item{padding:30px 2px 0;}
.part-pro .pro-item>div{height: 464px;}
.part-pro .item-left{border:1px solid #eaeaea;padding:0;background: url(../images/pro-bg1.png) no-repeat center bottom;background-size: cover;padding:15px 8px;}
.part-pro .item-right{padding:0;background: #fff;}
.part-pro .item-left .en-name{font-size:13px;color:#929090;letter-spacing: 1px;}
.part-pro .item-left .line{width: 38px;height: 5px;background: #27c0c0;margin:14px auto;}
.part-pro .item-left .title{letter-spacing: 1px;}
.part-pro .item-left .more{display: inline-block;letter-spacing: 1px;font-size:14px;position: relative;margin-top:5px;}
.part-pro .item-left .more::after{position: absolute;content:'';left:100%;margin-left:16px;width:17px;height: 11px;background: url(../images/icon-viewmore.png) no-repeat center right;background-size: 100% auto;top:50%;margin-top:-5px;}
.part-pro .item-left .item-tab{margin-top:30px;font-size:14px;}
.part-pro .item-left .item-tab span{display: inline-block;min-width: 46%;padding:6px 5px;background: #27c0c0;color:#fff;margin:0 2px 9px;}
.part-pro .item-right{border-top:1px solid #f5f5f5;padding:8px 13px;}
.part-pro .item-right li{overflow:hidden;padding:0;border-right:1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;}
.part-pro .item-right li .item-img{position: relative;/*padding-bottom: 97%;*/height:181px;overflow: hidden;transition: all linear .3s;}
.part-pro .item-right li .item-img img{max-height: 98%;max-width: 98%;}
.part-pro .item-right li p{line-height: 42px;}
.part-pro .item-right li:nth-child(2n+2){border-right:none;}
.part-pro .item-right li:nth-child(4n+3),.part-pro .item-right li:nth-child(4n+4){border-bottom:none;}
.part-pro .pro-item:nth-child(2n+2) .item-left .item-tab span{background: #7d7d7d;}

.recmd-item .item-proList li:hover .item-img,.index-pro-item:hover .item-img{transform: scale(1.05);}

.part-service{padding:15px 0;}
.part-service li{padding:30px 0;color:#000;font-weight: bold;}
.part-service li .item-img{margin-right:15px;}

.footer-link{background: #7d7d7d;color:#fff;font-size:14px;padding:14px 0;}
.footer-link a{margin-left: 3px;}
.footer{background: #27c0c0;color:#fff;font-size:14px;padding:28px 0 35px;}
.footer li>h2{font-weight: bold;margin-bottom: 14px;font-size:15px;}
.footer .footer-submenu .submenu-item{margin-bottom: 8px;}
.footer-info>div{padding:0;}
.footer-info .info h2{font-size:16px;font-weight: bold;margin-bottom: 14px;}
.footer-info .info p{margin-bottom: 8px;}
.footer-info .code-item{float:left;width: 50%;text-align: center;padding:0 10px;}
.footer-info .code-item p{margin-top:16px;}

.dropdown-menu{background: rgba(255,255,255,.9);margin:0;}
/*.header-nav #menu>li:hover .dropdown-menu{top:100%;opacity: 1;visibility: visible;}*/
.dropdown-menu>li>a{display: block;padding:10px 15px;}

@media (max-width: 1200px){
 .fs40{font-size: 38px;}
 .fs38{font-size: 36px;}
 .fs30{font-size: 28px;}
 .fs28{font-size: 26px;}
 .fs25{font-size: 23px;}
 .fs20{font-size: 18px;}
 .fs18{font-size: 17px;}
 .fs17{font-size: 16px;}
 .fs16{font-size: 15px;}
 .container{width: 90%;}
 .header_nav .container,.header-top .container{width: 100%!important;}
 .part-pro .item-left .more::after{margin-left:10px;}
 .part-service li{padding:25px 0;}
 .part-service li .item-img{max-width: 15%;margin-right: 10px;}
 .recmd-item .item-left .item-title{letter-spacing: 2px;}
 .header-nav .nav_container>ul>li{margin-right: 30px;}
}
@media (max-width: 1100px) and (min-width:992px){
 .container{width: 98%;}
 .recmd-item .item-proList .item-img{height: 170px;}
 .recmd-item .item-proList li p{line-height: 37px;}
 .recmd-item>div,.part-pro .pro-item>div{height: 416px;}
 .recmd-item .item-right .item-rankList .item-title{font-size:16px;}
 .recmd-item .item-right .item-rankList{padding:0 6px;}
 .recmd-item .item-right .item-rankList .item-title,.part-pro .item-right li p{line-height: 36px;}
 .recmd-item .item-right .item-rankList li{height: 95px;}
 .recmd-item .item-right .item-rankList li .item-num{top:6px;transform: scale(0.8);transform-origin: left top;}
 .part-pro .item-right li .item-img{height: 163px;}
 .recmd-item .item-right .item-areaList .area-item{height: 134px;}
}
@media (max-width: 1100px){
 .header-nav .nav_container>ul>li>a{padding:13px 20px;}
 .part-pro .item-left{padding:15px 5px;}
 .recmd-item .item-right .item-areaList .area-item .item-title{letter-spacing: 1px;}
 .recmd-item .item-left .item-img img{max-width: 54%;}
 .recmd-item .item-left .item-img{font-size:16px;}
 .recmd-item .item-left .item-title{letter-spacing: 1px;font-size:26px;}
 .recmd-item .item-right .item-areaList .area-item .item-more{width: 32px;height: 32px;}

 
 .part-pro .item-left .item-tab{margin-top:20px;}
 .recmd-item{margin-bottom: 25px;}
 .part-pro .pro-item{padding:25px 2px 0;}
}
@media (max-width: 992px){
 .fs40{font-size: 34px;}
 .fs38{font-size: 32px;}
 .fs30{font-size: 25px;}
 .fs28{font-size: 23px;}
 .fs25{font-size: 20px;}
 .header-nav .nav_container>ul>li{margin-right: 5px;font-size:15px;}
 .index-wrapper{padding-top:45px;}
 .header-logo{max-width: 35%;}
 .header-img{max-width: 50%;}
 .header-phone{line-height: 32px;font-size:24px;padding-left: 36px;}
 .part-news .index-news{margin-top:5px;}
 .part-contact{margin-top:13px;}
 .part-recmd .recmd-title a{line-height: 22px;}
 .recmd-item .item-left{padding:40px 5px 20px;}
 .recmd-item .item-proList{width: 72%;}
 .recmd-item .item-left{width: 28%;}
 .recmd-item .item-right{width: 100%;height: auto;margin-top:20px;}

 
 .part-pro .item-left .item-tab span{min-width: 80px;}
 .part-service li{padding:20px 0;}
}
@media (min-width: 767px) and (max-width: 992px){
 .recmd-item .item-right .item-rankList li{float:left;width: 25%;border-right:1px solid #f5f5f5;}
 .recmd-item .item-right .item-rankList li:last-child{border-right:none;}
 .recmd-item .item-right .item-areaList .area-item{float:left;width: 33.333%;margin:0;background-size: cover;}
 .recmd-item .item-right .item-rankList li .item-num{left:10px;}
 .recmd-item .item-right .item-rankList{border:none;}
 .recmd-item .item-right .item-areaList{border:none;border-top:20px solid #f5f5f5;}
}
@media (max-width: 767px){
 .fs40{font-size: 32px;}
 .fs38{font-size: 30px;}
 .fs30{font-size: 23px;}
 .fs28{font-size: 22px;}
 .fs25{font-size: 19px;}

 .footer{padding:14px 0 20px;}
 .footer li>h2{margin:0;}
 .footer-nav{margin-bottom: 20px;}
 .footer-nav ul li{margin:0;border-bottom:1px solid #fff;padding:0;}
 .footer-submenu{padding:5px 0;border-top:1px solid #fff;display: none;}
 .footer-nav ul li a{display: block;margin:0;padding:10px 20px 10px 0;position: relative;}
 .footer-nav ul li a.nav-title{padding:13px 20px 13px 0;}
 .footer-nav ul li a.nav-title i{transition: all linear .3s;position: absolute;right:0;top:50%;margin-top:-10px;width: 20px;height: 20px;background: url(../images/icon-down.png) no-repeat center;background-size: 20px auto;overflow: hidden;}
 .footer-nav ul li .nav-title.on i{transform: rotate(90deg);}
 .footer .footer-submenu .submenu-item{margin:0;}
 .footer-nav ul li .footer-submenu a{margin:0;padding:6px 0 6px 10px;}
 .footer-info{padding:0;}
 .footer-info .info{margin-bottom: 20px;}

 .header-top{position: sticky;top:0;left:0;width: 100%;z-index:100;}
 .header-logo{max-width: 60%;}
 .header-logo img{max-height: 40px;}
 .header-top{padding:6px 0;}
 .header-phone{height:32px;}
 .header-phone span,.header-img{display: none;}
 .header-button{margin-left:10px;display: block;width: 32px;height: 30px;border:2px solid #333;border-radius:4px;overflow:hidden;background: url(../images/icon-nav.png) no-repeat center;background-size: 100% 100%;}
 .index-wrapper{padding-top:30px;}
 .container{width: 100%;}

 .index-proItem .item{height: 0;padding-bottom: 59%;}
 .index-proItem .item .item-con{top:12%;left:7%;}
 .index-proItem .item .c-btn{margin-top:6px;}
 .index-proItem li{padding:0 6px 15px;}
 .index-proItem .item .item-con h2{letter-spacing: 3px;}
 .index-newsItem{padding:10px 3px 0;}
 .index-newsItem ul{height: auto;padding: 5px 0 8px;}
 .index-newsItem ul li a{line-height: 28px;}
 .part-news .index-news{margin:0;padding:0;}
 .index-news-bottom{margin:0;}
 .index-news-bottom a i{margin-bottom: 6px;}
 .part-contact{margin-top:10px;background-image: url(../images/contact-bg1.png);}
 .part-contact h2{opacity: 1;font-size:20px;}
 .part-contact h3{font-size:22px;margin-top:12px;}
 .part-contact .contact-form span{padding:0 20px;}
 .part-contact .contact-form a{margin-top:20px;}

 .recmd-item .item-left,.recmd-item .item-proList{width: 100%;}
 .recmd-item>div{height: auto;}
 .recmd-item .item-left{padding:30px 5px;min-height: 430px;}
 .recmd-item .item-left .item-title{font-size:23px;}
 .recmd-item .item-proList{border:none;margin-top:15px;}
 .recmd-item .item-proList .item-img{height: auto;padding-bottom: 105%;}
 .recmd-item .item-proList li p{line-height: 36px;}
 .recmd-item{margin-bottom: 16px;}
 .recmd-item .item-right,.part-pro .item-right{margin-top:16px;}
 .part-pro .pro-item{padding-top: 16px;}
 .part-pro .pro-item>div{height: auto;}
 .part-pro .pro-item .item-left{background-size:100% auto;min-height: 450px;}
 .part-pro .item-right li .item-img{height: auto;padding-bottom: 97%;}
 .part-service li{font-size:14px;padding:12px 5px;justify-content: flex-start;}
 .no-padding{padding-left:15px;padding-right: 15px;}


}

@media (max-width: 767px){
 .header-nav .nav_container>ul>li{display: block;}
 .header-nav li a{font-size:14px;}
}