* { padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none;box-sizing: border-box;}
html,body{font-size: 14px;
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;background: #fff;color: #333;}
input,textarea,select{
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;font-size: 14px;}
img,input,textarea{ border: none; }
h1,h2,h3,h4,h5{font-weight: normal;font-size: 14px;}
table{width: 100%;border-collapse: collapse;}
audio,canvas,video{ display: inline-block; *display: inline; *zoom: 1;}
html.hide{overflow: hidden;}
body.hide{overflow: hidden;}
a{color: #333;}
.fl{ float: left;}
.fr{float: right;}
.clear:after{ content: ''; display: table; clear: both; }
p{line-height: 1.6em;}
.img100 img{vertical-align: bottom;width: 100%;}
.middle-box{display: table; height: 100%;  width:100%; margin:0 auto; position:relative; table-layout: fixed;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%;}
.pc-show{display: block;}
.wap-show{display: none;}
.position-full{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.relative{position: relative;}
.text-center{text-align: center;}
.overhide{overflow: hidden;}
.padding-tb60{padding: 60px 0;}
.padding-tb70{padding: 70px 0;}
.padding-tb80{padding: 80px 0;}
.padding-tb90{padding: 90px 0;}
.padding-tb100{padding: 100px 0;}
.padding-tb110{padding: 110px 0;}
.padding-tb120{padding: 120px 0;}
.padding-tb180{padding: 80px 0;}
.w1200{width: 1200px;max-width: 92%;margin: 0 auto;}
.w1280{width: 1280px;max-width: 92%;margin: 0 auto;}
.w1300{width: 1300px;max-width: 92%;margin: 0 auto;}
.w1400{width: 1400px;max-width: 92%;margin: 0 auto;}
.w1440{width: 1440px;max-width: 92%;margin: 0 auto;}
.w1600{width: 1600px;max-width: 92%;margin: 0 auto;}
.bgf1{background: #f1f1f1;}
.bgf2{background: #f2f2f2;}
.bgf3{background: #f3f3f3;}
.bgf4{background: #f4f4f4;}
.bgf5{background: #f5f5f5;}
.bgf6{background: #f6f6f6;}
.bgf7{background: #f7f7f7;}
.bgf8{background: #f8f8f8;}
.bgf9{background: #f9f9f9;}
.bgfff{background: #fff;}
.padding20{padding: 20px;}
.padding30{padding: 30px;}
.padding40{padding: 40px;}
.padding50{padding: 50px;}
.padding60{padding: 60px;}
.mg-bt100{margin-bottom: 100px;}
.mg-bt80{margin-bottom: 80px;}
.mg-bt60{margin-bottom: 60px;}
.mg-bt50{margin-bottom: 50px;}
.mg-bt45{margin-bottom: 45px;}
.mg-bt40{margin-bottom: 40px;}
.mg-bt35{margin-bottom: 35px;}
.mg-bt30{margin-bottom: 30px;}
.mg-bt25{margin-bottom: 25px;}
.mg-bt20{margin-bottom: 20px;}
.mg-bt15{margin-bottom: 15px;}
.mg-bt10{margin-bottom: 10px;}

/*header s*/
body{padding-top: 80px;transition: all .4s;}
.header{position: fixed;z-index: 999;width: 100%;left: 0;top:0;height: 80px;transition: all .4s;background: #fff;}
.logo{position: absolute;left: 23px;top:50%;transform: translateY(-50%);}
.logo img{display: block;height: 49px;transition: all .4s;}
.nav-box{margin-right: 230px;}
.nav li{float: left;position: relative;}
.nav-yi{display: inline-block;line-height: 80px;padding: 0 40px;transition: all .4s;position: relative;z-index: 3;font-size: 16px;}
.nav-yi span{position: relative;display: inline-block;}
.nav-yi span:after{position: absolute;z-index: -1;bottom: 0;left: 50%;transform: translateX(-50%);border-top: 1px solid #e50019; width: 0;content: "";transition: all .4s;display: block;}
.nav li.active .nav-yi span:after{width: 100%;}
.nav li.active .nav-yi{color: #e50019;}
.nav-er{position: absolute;width: 200px;left: 50%;margin-left: -100px;box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.21);opacity: 0;margin-top: -20px;transition: all .4s;pointer-events: none;background:#fff;}
.nav-er a{display: block;background:#fff;text-align: center;line-height: 44px;text-transform: uppercase;color: #777;font-size: 16px;}
.search-box{position: absolute;top:50%;margin-top: -40px; cursor: pointer;z-index: 7;right: 80px;transition: all .4s;}
.search-btn{width: 80px;height: 80px;background: #333333 url("../image/search.png") no-repeat center;background-size:cover;text-align: center; z-index: 5;position: relative;transition: all .4s;}
.search-con{position: absolute;width: 0;right: 0;height: 48px;top:81px;background: #fff;overflow: hidden;transition: all .4s;box-shadow: 0 0 4px #ddd;}
.search-con .text{display: block;height: 48px;width: 100%;background: none;text-indent: 48px;font-size: 16px;line-height: 48px;}
.search-close{width: 48px;height: 48px;position: absolute;top:0;left: 0;text-align: center;line-height: 48px;background:url("../image/gb64.png") no-repeat center;background-size:cover;}
.search-sb{position: absolute;right:0;top:0;cursor: pointer;display: none;height: 48px !important;width: 80px;}
.search-box.active .search-con{width: 300px;}
.search-box.active .search-sb{display: block;}
.search-text{margin-right: 32px;}
.language{position: absolute;top:0;line-height: 80px;right: 200px;font-size: 16px;transition: all .4s;}
.header-btn{position: absolute;right: 0;cursor: pointer;top:0;width: 80px;height: 80px;background: #007eb3;transition: all .4s;}
.header-btn-warp{width: 30px;height: 20px;position: absolute;top:50%;left: 50%;margin: -10px 0 0 -15px;}
.header-btn-warp span{position: absolute;width: 100%;height: 2px;background: #fff;}
.header-btn-warp span:nth-child(1){top:0;}
.header-btn-warp span:nth-child(2){top:50%;margin-top: -1px;}
.header-btn-warp span:nth-child(3){bottom:0;}
.menu-handler{width: 30px; height: 32px; cursor: pointer; position: absolute;right:3%;top:14px; transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); display: none; }
.menu-handler .burger{height: 2px; background: #c19d47; display: block;width: 20px; position: absolute; z-index: 5; left: 5px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center;-o-transform-origin: center; -ms-transform-origin: center;border-radius: 2px;-webkit-border-radius: 2px;top: 8px;transition:all .4s;}
.menu-handler .burger-2{top: 15px; }
.menu-handler .burger-3{top: 22px;}
.menu-handler.active .burger-1{top:15px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2{-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3{top: 15px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
body.is-scroll{padding-top: 70px;}
body.is-scroll .header{box-shadow: 0 1px 2px #ddd;height: 70px;}
body.is-scroll .nav-yi{line-height: 70px;}
body.is-scroll .logo img{height: 46px;}
body.is-scroll .header-btn{height: 70px;}
body.is-scroll .search-btn{height: 70px;}
body.is-scroll .search-box{margin-top: -35px;}
body.is-scroll .search-con{top: 71px;}
body.is-scroll .language{line-height: 70px;}
/*header e*/
/*footer s*/
.footer{background: url("../image/footer.jpg") no-repeat center;background-size: cover;padding: 100px 0 50px;}
.footer-nav{display: flex;justify-content: space-between;width: 54%;}
.footer-nav dt{font-size: 16px;color: #fff;margin-bottom: 20px;}
.footer-nav dd{margin-bottom: 8px;}
.footer-nav dd a{transition: all .4s;font-size: 16px; color: #fff;opacity: 0.5;}
.footer-nav dd a:hover{opacity: 1;}
.footer-r-con{border-bottom: 1px solid rgba(255,255,255,0.1);padding-bottom: 45px;margin-bottom: 32px;}
.footer-r{width: 31%;}
.footer-code img{width: 118px;vertical-align: bottom;}
.footer-logo{}
.footer-logo img{height: 149px; vertical-align: bottom;}
.footer-r p{color: rgba(255,255,255,.5);text-align: right;}
.footer-top{margin-bottom: 65px;}
.footer-bot{color: rgba(255,255,255,.8);}
.footer-bot a,.footer-bot span{color: rgba(255,255,255,.8);transition: all .4s;display: inline-block;vertical-align: middle;}
.footer-bot a:hover{color: rgba(255,255,255,1);}
.youqing a{margin-right: 30px;}
.youqing a:last-child{margin-right: 0;}
.beian span{margin-right: 5px;}
/*footer e*/
/*index s*/
.banner-bot{position: absolute;z-index: 9;bottom:70px;left: 0;width: 100%;}
.bannerDot{padding-top: 8px;}
.bannerDot span{background: none;opacity: 1;width: auto;font-size: 20px;font-family: dincondregular;color: #bdbdd2;margin-right: 20px;height: auto;transition: all .4s;}
.bannerDot span:last-child{margin-right: 0;}
.bannerDot span.swiper-pagination-bullet-active{color: #fff;text-decoration: underline;}
.bannerDot span:hover{color: #fff;text-decoration: underline;}
.btnLiu{font-size: 0;}
.btnLiu div{width: 46px;height: 39px;background: url("../image/liu-1.png") no-repeat center;background-size: cover;position: relative;display: inline-block;vertical-align: middle;font-size: 14px;cursor: pointer;z-index: 9;transition: all .4s;}
.btnLiu div:hover{background: url("../image/liu-2.png") no-repeat center;background-size: cover;}
.btnLiu1 i{background:url("../image/btn1.png") no-repeat center;background-size: cover;}
.btnLiu2 i{background:url("../image/btn2.png") no-repeat center;background-size: cover;}
.bannerBtn1{margin-right: 20px;}
.banner .middle-inner{vertical-align: bottom;text-align: center;}
.banner .ljwm{background: #e50019;border-color: #e50019;z-index: 99;position: relative;}
.banner-des{margin-bottom: 110px;}
.banner-des h2{font-size: 60px;color: #fff;display: inline-block;position: relative;line-height: 1em;z-index: 3;}
.banner-des h2:before{content: '';position: absolute;bottom:0;z-index: -1;left: 0;height: 12px;background: #e81c32;width: 100%;}
.banner-des p{color: #fff;font-size: 24px;margin: 30px 0 45px;}
.ljwm{display: inline-block;width: 160px;line-height: 48px;text-align: center;border:1px solid #fff;border-radius: 4px;font-size: 16px;color: #fff;transition: all .4s;}
.ljwm:hover{background: #e50019;border-color: #e50019;}
.title26{margin-bottom: 60px;}
.title26 h2{font-size: 26px;font-weight: bold;}
.title26 span{font-size: 18px;opacity: 0.5;text-transform: uppercase;font-family: dinbold;}
.about-des{width: 660px;max-width: 100%;padding-top: 20px;}
.about-des h3{font-size: 22px;margin-bottom: 15px;}
.about-des p{font-size: 16px;text-align: justify;}
.about-l{width: 45%;padding-bottom: 20px;}
.data{font-size: 0;display: flex;justify-content: space-between;}
.data li{display: inline-block;vertical-align: top;font-size: 14px;}
.data .s1{font-family: dinmedium;font-size: 36px;}
.data .s2{font-family: dinmedium;font-size: 36px;}
.data .s3{font-size: 16px;opacity: 0.7;}
.data p{font-size: 16px;opacity: 0.7;margin-top: 5px;}
.ljgd{display: inline-block;width: 160px;line-height: 48px;text-align: center;background: #007eb3;color: #fff;border-radius: 5px;font-size: 16px;}
.about-r{position: absolute;height: 100%;top:0;width: 50%;right: 0;}
.play70{display: inline-block;width: 70px;height: 70px;background: url("../image/play70.png") no-repeat center;background-size: cover;}
.sptc{position: fixed;z-index: 99999;background: rgba(0,0,0,0.5);left: 0;right: 0;top: 0;bottom:0;display: none;}
.video_t{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width: 1270px;max-width: 90%; }
.video_t a{position: absolute;width: 38px;height: 38px;right: -19px;top:-19px;z-index: 99}
.video_t a img{width: 100%;vertical-align: bottom;}
.video_t video{width: 100%;vertical-align: bottom;}
.shipin{cursor: pointer;overflow: hidden;}
.shipin .img100{transition: all .4s;}
.shipin:hover .img100{transform: scale(1.1);}
.zindex5{z-index: 5;}
.about-bg{position: absolute;left: -6%;top:50%;transform: translateY(-50%);width: 63%;z-index: -1;}
.proType{position: absolute;right: 0;top:5px;}
.proType a{display: inline-block;width: 160px;line-height: 48px;text-align: center;border-radius: 5px;font-size: 16px;transition: all .4s;margin-right: 20px;}
.proType a:last-child{margin-right:0;}
.proType a.active{background: #007eb3;color: #fff;}
.proType a:hover{background: #007eb3;color: #fff;}
.yblist{overflow: hidden;background: #fff;font-size: 0;white-space: nowrap;position: relative;display: none;}
.yblist.active{display: block;}
.yblist li{height: 490px;position: relative;overflow: hidden;display: inline-block;font-size: 14px;vertical-align: top;white-space: normal;transition: all .4s;}
.yblist li:last-child{position: absolute;right: 0;top: 0;}
.yblist li a{position: absolute;width: 100%;height: 100%;top:0;left: 0;}
.yblist:nth-child(1) li{width: 14.5%;}
.yblist:nth-child(1) li.active{width: 42%;}
.yblist:nth-child(1) li.sm{width: 14.5%;}

.yblist:nth-child(2) li{width: 19.33%;}
.yblist:nth-child(2) li.active{width: 42%;}
.yblist:nth-child(2) li.sm{width: 19.33%;}

.ybms{position: absolute;left: 35px;bottom:25px;color: #fff;transition: all .4s;}
.ybms h3{font-size: 22px;margin-bottom: 5px;}
.ybms p{font-size: 16px;font-family: dincondbold;text-transform: uppercase;}
.yblist-style .i{position: absolute;top:25px;left: 35px;width: 58px;}
.yblist-style .i img{width: 100%;vertical-align: bottom;}
.news .swiper-slide a{display: block;}
.news-warp{height: 424px;transition: all .4s;}
.news-sd{background: #f3f3f3;transition: all .4s;}
.news-con{position: absolute;top:40px;right: 30px;bottom:25px;left: 30px;}
.news-top h4{font-size: 18px;transition: all .4s;}
.news-top p{color:#999;transition: all .4s;}
.news-bot{position: absolute;width: 100%;left:0;bottom:0;}
.jt20x13{display: inline-block;width: 20px;height: 13px;background: url("../image/20x13-1.png") no-repeat center;background-size: cover;transition: all .4s;}
.news-date{border-top: 1px solid #e5e5e5;transition: all .4s;padding-top: 20px;}
.news-day{font-family: dinmedium;font-size: 60px;color: #007eb3;transition: all .4s;line-height: 1em;}
.news-time{text-align: right;}
.news-time span{font-family: dinmedium;transition: all .4s;display: block;text-transform: uppercase;}
.news-time p{font-family: dinmedium;transition: all .4s;}
.news .swiper-slide{padding-top: 10px;}
.news .swiper-slide a:hover .news-sd{background: rgba(21,28,84,.3);}
.news .swiper-slide a:hover .news-warp{transform: translateY(-10px);}
.news .swiper-slide a:hover h4{color: #fff;}
.news .swiper-slide a:hover .news-top p{color: #fff;opacity: 0.5;}
.news .swiper-slide a:hover .jt20x13{background: url("../image/20x13-2.png") no-repeat center;background-size: cover;}
.news .swiper-slide a:hover .news-day{color: #fff;}
.news .swiper-slide a:hover .news-time span{color: #fff;opacity: 0.8;}
.news .swiper-slide a:hover .news-time p{color: #fff;opacity: 0.8;}
.swiperDot{margin-top: 50px;}
.swiperDot .swiper-pagination-bullet{width: 9px;height: 10px;background: url("../image/d1.png") no-repeat center;background-size: cover;opacity: 1;border-radius: 0;margin: 0 6px;}
.swiperDot .swiper-pagination-bullet-active{background: url("../image/d2.png") no-repeat center;background-size: cover;}
/*index e*/
/*2.1关于我们 s*/
.ny-nav{height: 81px;}
.ny-navs{height: 81px;background: #fff;width: 100%;left: 0;top:70px;transition: all .4s;border-bottom: 1px solid #f3f3f3;}
.fixed-ny .ny-navs{position: fixed;z-index: 998;}
.ny-nav-con a{display: inline-block;line-height: 80px;font-size: 22px;margin-right: 100px;transition: all .4s;}
.ny-nav-con a:last-child{margin-right: 0;}
.ny-nav-con a:hover{color: #e50019;}
.ny-nav-con a.active{color: #e50019;}
.ny-nav-con a span{display: inline-block;position: relative;;}
.ny-nav-con a span:before{content: '';position: absolute;width: 0;transition: all .4s;opacity: 0;bottom:0;left: 50%;border-bottom: 2px solid #f27f8c;transform: translateX(-50%);}
.ny-nav-con a.active span:before{width: 100%;opacity: 1;}
.ny-nav-con a:hover span:before{width: 100%;opacity: 1;}
.fixed-ny .ny-nav-con a{font-size: 18px;line-height: 70px;}
.fixed-ny .ny-navs{height: 70px;}
.fixed-ny .guide span, .fixed-ny .guide a{line-height: 70px;}
.guide span:last-child{ display: none}
.guide img{width: 16px;display: inline-block;vertical-align:middle;}
.guide span,.guide a{font-size: 16px;color: #666;display: inline-block;vertical-align:middle;line-height: 80px;margin-right: 10px;transition: all .4s;}
.home{width: 16px;height: 16px;background: url("../image/home.png") no-repeat center;background-size: cover;}
.guide a:last-child{margin-right: 0;}
.gsjj .about-des{padding-top: 0;width: 45%;}
.gsjj .about-des p{color: #333;opacity: 1;text-indent: 2em;margin-bottom: 20px;}
.gsjj .about-des p:last-child{margin-bottom: 0;}
.gsjjimg .swiper-container{margin: 0 88px;}
.gsjjBtn div{position: absolute;top:50%;margin-top: -20px;}
.gsjjBtn1{left: 0;}
.gsjjBtn2{right: 0;}
.qywh li{float: left;width: 50%;position: relative;}
.qywh-bot{position: absolute;z-index: 9;left: 50px;right: 50px;bottom:50px;padding-left: 66px;}
.qywh-bot h3{font-size: 22px;color: #fff;margin-bottom: 5px;}
.qywh-bot p{font-size: 16px;color: #fff;}
.qywh-bot img{width: 46px;position: absolute;left: 0;top:6px;}
.maodian{position: absolute;left: 0;top:-140px;}
.padding-t80{padding-top: 80px;}
.qyry .img100{box-shadow: 0 0 10px 0 rgba(10, 17, 66, 0.1);background: #fff; height:512px;    display: flex;
    align-items: center;}
.qyry .swiper-slide{padding: 10px;box-sizing: border-box;}
.qyry p{text-align: center;font-size: 22px;}
.preview .swiper-slide{width: 12.5%;text-align: center;cursor: pointer;}
.preview{width: 1100px;max-width: 100%;margin: 0 auto 40px;}
.preview h3{font-size: 26px;font-family: bahnschrift;transition: all .4s;position: relative;padding-bottom: 2px;display: inline-block;}
.preview h3:after{content: '';position: absolute;width: 0;transition: all .4s;opacity: 0;bottom:0;left: 50%;border-bottom: 1px solid #a3a6bd;transform: translateX(-50%);}
.preview .active-nav h3{color: #007eb3;}
.preview .active-nav h3:after{width: 100%;opacity: 1;}
.preview .swiper-slide:hover h3{color: #007eb3;}
.preview .swiper-slide:hover h3:after{width: 100%;opacity: 1;}
.view{text-align: center;position: absolute;top:90px;left: 0;width: 100%;z-index: 9;}
.bxg{width: 1230px;max-width: 100%;margin: 0 auto;}
.view .swiper-slide{height: 185px;}
.view:before{content: '';position: absolute;left: 0;height: 4px;top:50%;margin-top: -2px;background: #007eb3;z-index: -1;width: 100%;border-radius: 4px;}
.view h3{font-size: 26px;color: #007eb3;font-family: bahnschrift;position: absolute;left: 0;width: 100%;text-align: center;transition: all .4s;}
.view .swiper-slide:nth-child(odd) h3{top:50%;margin-top: 15px;}
.view .swiper-slide:nth-child(even) h3{bottom:50%;margin-bottom: 15px;}
.hisdot{position: absolute;width: 14px;height: 14px;top:50%;left: 50%;margin: -7px 0 0 -7px;border-radius: 100%;background: #007eb3;cursor: pointer;}
.hisdot i{background: #007eb3;opacity: 0.15;border-radius: 100%;}
.hisdot:hover i{animation: dot1 2s infinite ease;-webkit-animation: dot1 2s infinite ease;}
@keyframes dot1 {
    0%{transform: scale(1);}
    50%{transform: scale(1.5);}
    100%{transform: scale(1);}

}
.preview .swiper-container{margin: 0 30px;}
.preBtn div{position: absolute;width: 32px;height: 27px;top:50%;margin-top: -13px;z-index: 9;cursor: pointer;transition: all .4s;background: url("../image/pre1.png") no-repeat center;background-size: cover;}
.preBtn1{left: 0;}
.preBtn1 i{background: url("../image/001.png") no-repeat center;background-size: cover;transition: all .4s;}
.preBtn1:hover i{background: url("../image/003.png") no-repeat center;background-size: cover;}
.preBtn2{right: 0;}
.preBtn2 i{background: url("../image/002.png") no-repeat center;background-size: cover;}
.preBtn2:hover i{background: url("../image/004.png") no-repeat center;background-size: cover;}
.preBtn div:hover{background: url("../image/pre2.png") no-repeat center;background-size: cover;}
.his-con{overflow: hidden;}
.his-con li{display: none;}
.his-con li.active{display: block;}
.his-con h2{font-size: 200px;color: #eaedf6;text-align: center;line-height: 1em;margin-bottom: 100px;font-family: bahnschrift;}
.his-des{margin: 0 auto;width: 400px;max-width: 100%;}
.his-des p{font-size: 16px;position: relative;padding-left: 30px;text-align: justify;margin-bottom: 5px;}
.his-des p:nth-child(2){animation-delay: 0.2s !important;}
.his-des p:nth-child(3){animation-delay: 0.4s !important;}
.his-des p:nth-child(4){animation-delay: 0.6s !important;}
.his-des p:nth-child(5){animation-delay: 0.8s !important;}
.his-des p:nth-child(6){animation-delay: 1s !important;}
.his-des p:nth-child(7){animation-delay: 1.2s !important;}
.his-des p:nth-child(8){animation-delay: 1.4s !important;}
.his-des p:nth-child(9){animation-delay: 1.6s !important;}
.his-des p:nth-child(10){animation-delay: 1.8s !important;}
.his-des p span{position: absolute;top:0;left: 0;}
.view-hide{width: 186px;height: 162px;background: url("../image/n1.png") no-repeat center;background-size: cover;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%) scale(0);transition: all .4s; z-index: 9;}
.view-hide h4{color: #fff;font-size: 60px;font-family: bahnschrift;}
.view-hide .i1{background: url("../image/dbx1.png") no-repeat center;background-size: 100% 100%;width: 180px;height: 180px;left: -3px;top:-9px;animation: alpha 5.5s linear infinite forwards;}
@keyframes alpha {
    0%{transform: rotate(0deg);}
    25% {}
    50% {border-radius: 50%;}
    75% {}
    100% {transform: rotate(360deg);}
}
.view .swiper-slide-active .view-hide{transform: translate(-50%,-50%) scale(1);}
.view .swiper-slide-active h3{transform: scale(1);}
/*2.1关于我们 e*/
/*产品中心s*/
.ban{position: relative;}
.ban-des h2{font-size: 60px;font-weight: bold;color: #fff;}
.ban-des p{font-size: 30px;font-family: "Microsoft YaHei Medium", "PingFang SC Medium"; color: #fff;}
.cp{font-size: 0;}
.cp li{font-size: 14px;display: inline-block;vertical-align: top;width: 31%;margin-right: 3.5%;text-align: center;background: #fafafa;transition: all .4s;margin-bottom: 3.5%;}
.cp li:nth-child(3n){margin-right: 0;}
.cp-title h3{font-size: 20px;}
.cp-title p{font-size: 20px;text-transform: uppercase;font-family: dincondbold;}
.cp-bot{padding: 40px 10px;}
.ckxx{display: inline-block;background: #9495a5;width: 184px;text-align: center;transition: all .4s;color: #fff;font-size: 16px;}
.ckxx span{line-height: 50px;display: inline-block;vertical-align: middle;}
.ckxx i{display: inline-block;vertical-align: middle;width: 26px;height: 26px;background: url("../image/xx1.png") no-repeat center;background-size: cover;transition: all .4s;margin-left: 30px;border-radius: 100%;}
.cp li:hover{background: #ffffff; box-shadow: 0 0 15px 0 rgba(11, 19, 88, 0.2);}
.cp li a{display: block;}
a:hover .ckxx{background: #007eb3 !important; box-shadow: 0 0 10px 0 rgba(13, 22, 92, 0.6);color: #fff !important;}
a:hover .ckxx i{background: url("../image/xx2.png") no-repeat center !important;background-size: cover;}
/*产品中心e*/
/*产品列表s*/
.border-bottom{border-bottom: 1px solid #f3f3f3;}
.fenlei-name{font-size: 16px;color: #666666;position: absolute;left: 0;top:0;}
.fenlei-r{font-size: 0;margin-left: 110px;}
.fenlei-r a{display: inline-block; font-size: 16px;margin-right: 50px;color: #666666;transition: all .4s;}
.fenlei-r a:hover{color: #e50019;}
.fenlei-r a.active{color: #e50019;}
.product{font-size: 0;}
.product li{font-size: 14px;display: inline-block;vertical-align: top;width: 23%;margin-right: 2.66%;text-align: center;margin-bottom: 100px;}
.product li:nth-child(4n){margin-right: 0;}
.product li a{display: block;background: #fafafa;transition: all .4s;padding: 25px 30px;position: relative;}
.product li a:hover{background: #ffffff; box-shadow: 0 0 15px 0 rgba(11, 19, 88, 0.2);}
.product-mid h3{font-size: 22px;transition: all .4s;}
.product-mid p{color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 3.2em;width: 200px;max-width: 100%;margin: 0 auto;}
.product .ckxx{position: absolute;left: 50%;border:1px solid #f1f1f4;margin-left: -92px;bottom: -25px;background: #fafafa;color: #666;}
.product .ckxx i{background: url("../image/xx3.png") no-repeat center;background-size: cover;}
.product a:hover .ckxx{border:1px solid #007eb3;background: #007eb3;}
.product a:hover h3{color: #007eb3;}
.tip{font-size: 16px;color: #fff;position: absolute;left: 30px;top:25px;line-height: 30px;padding: 0 14px;}
.hot-tip{background: #e50019;}
.new-tip{background: #007eb3;}
.product .img100 img{max-width: 100%;}
.ckgd{display: inline-block;background: #e50019;color: #fff;text-align: center;font-size: 22px; border-radius: 10px;line-height: 60px;width: 400px;transition: all .4s;max-width: 100%;}
.ckgd:hover{background: #007eb3;}
.guide a:hover{color: #e50019;}
/*产品列表e*/
/*æ–°é—» s*/
.hotnew .swiper-slide a{display: block;}
.hotnew-con{width: 570px;height: 700px;background: url("../image/hotnew-bg.jpg") no-repeat right bottom;background-size: cover;padding: 100px 50px;position: relative;}
.hotnew-img{position: absolute;left: 0;top:0;right: 570px;height: 100%;overflow: hidden;}
.hotnew-top h3{color: #fff;font-size: 26px;font-weight: bold;}
.hotnew-top span{font-size: 18px;color: #fff;font-family: bahnschrift;position: absolute;right: 0;bottom:0;}
.hotnew-mid h4{font-size: 26px;font-family: "Microsoft YaHei Medium", "PingFang SC Medium";color: #fff;}
.hotnew-mid p{font-size: 16px;color: #fff;}
.jt856{display: inline-block;width: 68px;height: 30px;line-height: 30px;border-radius: 30px;background: #d9dcfb;text-align: center;transition: all .4s;}
.jt856:hover{background: #fff;}
.jt856:hover img{transform: translateX(5px);}
.jt856 img{vertical-align: middle;width: 20px;transition: all .4s;}
.hotnew-con .jt856{position: absolute;left: 50px;bottom:100px;}
.hotnew-img .position-full{transition:all .4s;}
.hotnew-img:hover .position-full{transform: scale(1.1);}
.xw{font-size: 0;}
.xw li{display: inline-block;vertical-align: top; font-size: 14px;width: 31%;margin-right:3.5%;margin-bottom: 50px;box-shadow: 0 0 10px 0 rgba(10, 17, 66, 0.1);transition: all .4s;border-radius: 10px;overflow: hidden;}
.xw li:nth-child(3n){margin-right: 0;}
.xw-bot{padding: 30px 35px;}
.xw-top h3{font-size: 18px;font-family: "Microsoft YaHei Medium", "PingFang SC Medium";display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 1.4em;max-height: 2.8em;transition: all .4s;}
.xw-top p{color: #666;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.xw-top{height: auto;margin-bottom: 10px;}
.xw-time{color: #666;font-size: 18px;font-family: bahnschrift;}
.xw-di .jt20x13{margin-top: 3px;background: url("../image/jt20x13-3.png") no-repeat center;background-size: cover;}
.xw a:hover .jt20x13{background: url("../image/jt20x13.png") no-repeat center;background-size: cover;}
.xw a:hover h3{color: #007eb3;}
.xw .img100{height: 320px;overflow: hidden;}
.xw .img100 .position-full{transition: all .4s;}
.xw a:hover .img100 .position-full{transform: scale(1.1);}
.page{margin-top: 50px;text-align: center;font-size: 0;}
.page a{display: inline-block;vertical-align: middle;min-width: 30px;height: 32px;text-align: center;line-height: 32px;background: url("../image/lbx30x32.png") no-repeat center;background-size: 100% 100%;font-size: 16px;color: #999;transition: all .4s;margin-right: 18px;position: relative;}
.page a:last-child{margin-right: 0;}
.page a.active{background: url("../image/lbx30x32-2.png") no-repeat center;background-size: cover;color: #fff;}
.page a:hover{background: url("../image/lbx30x32-2.png") no-repeat center;background-size: cover;color: #fff;}
.page-btn:before{content: '';position: absolute;width: 100%;height: 100%;top:0;left: 0;transition: all .4s;}
.page-left:before{background: url("../image/jt001.png") no-repeat center;background-size: cover;}
.page-left:hover:before{background: url("../image/jt003.png") no-repeat center;background-size: cover;}
.page-right:before{background: url("../image/jt002.png") no-repeat center;background-size: cover;}
.page-right:hover:before{background: url("../image/jt004.png") no-repeat center;background-size: cover;}
/*æ–°é—» e*/
/*新闻详情 s*/
.cpxq-title h1{font-size: 22px;font-family: "Microsoft YaHei Medium", "PingFang SC Medium";}
.cpxq-title span{display: inline-block;vertical-align: middle;font-size: 18px;font-family: bahnschrift;color: #666;}
.cpxq-title img{width: 20px;margin-right: 10px; display: inline-block;vertical-align: middle;}
.xqxq-time{margin-right: 50px;}
.xwxqw-l{width: 71%;}
.edit *{font-size: 18px ;color: #333 !important;font-family: "Microsoft YaHei", "PingFang SC" !important;margin: 20px 0;}
.edit img{display: block;margin: 20px auto;max-width: 100%;height: auto !important;vertical-align: bottom;}
.edit h2{    font-size: 21px;
    font-weight: bold;}
.xwxq-top{background: #fff; box-shadow: 0 0 25px 0 rgba(10, 17, 66, 0.15);padding: 50px;}
.fhlb{display: inline-block;width: 250px;background: #007eb3;text-align: center;transition: all .4s;}
.fhlb:hover{background: #e50019;}
.fhlb i{width: 20px;height: 20px;display: inline-block;vertical-align: middle;background: url("../image/fhlb.png") no-repeat center;background-size: cover;}
.fhlb span{display: inline-block;vertical-align: middle;color: #fff;font-size: 18px;line-height: 50px;margin-left: 18px;}
.xwxqw-r{width: 23%;}
.title22{margin-bottom: 35px;}
.title22 h2{font-size: 22px;font-weight: bold;}
.title22 span{display: block;font-size: 16px;text-transform: uppercase;color: #666666;margin-top: 5px;}
.zxdt{border-top: 1px solid #adadad;}
.zxdt a{display: block;padding: 35px 0;}
.zxdt h3{transition: all .4s;font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.zxdt span{font-family: bahnschrift;font-size: 16px;color: #999;transition: all .4s;}
.zxdt .jt20x13{width: 16px;height: 10px;margin-top: 4px;}
.zxdt .i{transition: all .4s;width: 42px;border-top: 1px solid #999999;}
.zxdt a:hover .i{width: 100%;border-color: #007eb3;}
.zxdt a:hover h3{color: #007eb3;}
.zxdt a:hover span{color: #007eb3;}
.zxdt a:hover .jt20x13{background: url("../image/jt20x13.png") no-repeat center;background-size: cover;}
/*新闻详情 e*/
/*联系我们 s*/
/*.lxwm-warp{margin-right: 200px;}*/
.lxwm-list{width: 100%;}
.lxwm-list li{background: #007eb3;padding: 30px;min-height: initial;margin-bottom: 25px;cursor: pointer;}
.lxwm-list li:last-child{margin-bottom: 0;}
.lxwm-list li.active{background: #007db2;}
.map{position: initial;right: 363px;top:0;left: 0;height: 100%;background: #f0f0f0;}
.lxwm-page{margin-top: 25px;}
.lxwm-list h2{color: #fff;font-size: 26px;}
.lxwm-page img{width: 22px;position: absolute;top:1px;left: 0;}
.lxwm-page p{font-size: 16px;color: #fff;}
.lxwm-page .lx-add{font-size: 14px;margin-top: 10px;}
.lxwm-des{margin-left: 40px;}
.map h3{font-size: 16px;margin-bottom: 5px;}
.fixed-right{box-shadow: 0 0 10px 0 rgba(21, 31, 110, 0.15);width: 106px;position: fixed;z-index: 998;right: 0 !important;top:50%;display: none;}
.fixed-right.active{display: block;}
.fixed-right li{background: #fff;}
.fixed-right li > a{display: block;text-align: center;padding: 17px 0;}
.fixed-right li > a .i{width: 26px;height: 26px;transition: all .4s;margin: 0 auto 5px;}
.zxkf .i{background: url("../image/kf1.png") no-repeat center;background-size: cover;}
.fhdb .i{background: url("../image/top1.png") no-repeat center;background-size: cover;}
.fixed-right p{transition: all .4s;font-size: 16px;}
.fixed-right .zxkf{background: #007eb3;}
.fixed-right .zxkf .i{background: url("../image/kf2.png") no-repeat center;background-size: cover;}
.fixed-right .zxkf p{color: #fff;}
/*联系我们 e*/
.w1290{max-width: 92%;margin: 0 auto;width: 1290px;}
.danqian{font-size: 16px;color: #666;}
.danqian a{font-size: 16px;color: #666;transition: all .4s;}
.danqian a:hover{color: #e50019;}
.danqian i{font-style: normal;color: #e50019;margin-left: 10px;}
.cpxq-img{width: 44.1%;}
.cpxq-img .tip{z-index: 9;}
.cpxqdot{position: absolute;width: 100%;left: 0;z-index: 9;bottom:30px;}
.cpxqsp{cursor: pointer;}
.cpxq-con{position: absolute;width: 46%;height: 100%;right: 0;top:0;}
.cpxq-title h2{font-size: 26px;color: #e50019;font-family: "Microsoft YaHei Medium", "PingFang SC Medium";}
.cpxq-title p{font-size: 16px;line-height: 1.8em;text-align: justify;}
.cpxq-btn a{width: 47%;text-align: center;font-size: 18px;color: #fff;background: #e50019;line-height: 56px;transition: all .4s;}
.cpxq-btn a:nth-child(1){background: #007eb3;}
.cpxq-btn a:nth-child(1):hover{background: #e50019;}
.cpxq-btn a:nth-child(2):hover{background: #007eb3;}
.kfus{font-size: 22px;}
.cpxq-cs li{position: relative;padding: 70px 0;border-top: 1px solid #f2f2f2;}
.cpxq-cs-name{position: absolute;top:0;left: 0;}
.cpxq-cs-name img{display: inline-block;vertical-align: middle;width: 28px;}
.cpxq-cs-name p{font-size: 18px;font-family: "Microsoft YaHei Medium", "PingFang SC Medium"; display: inline-block;vertical-align: middle;margin-left: 20px;}
.cpxq-cs-con{margin-left: 320px;}
.cpxq-cs-con p{font-size: 16px;text-align: justify;}
.cpal1{font-size: 0;}
.cpal1s{font-size: 14px;display: inline-block;vertical-align: top;width: 49%;margin-right: 2%;margin-bottom: 2%;}
.cpal1s:nth-child(2n){margin-right: 0;}
.cpcs-table{text-align: center;border-radius: 20px;overflow: hidden;}
.cpcs-table td{border:1px solid #ccc;height: 55px;padding: 5px;border-bottom: none;border-right: none;}
.cpcs-table tr:nth-child(1) td{font-size: 22px;height: 80px;border-top: none;}
.cpcs-table2 tr:nth-child(1) td{font-size: 14px;height: 55px;}
.tb-title{border-left: none; background: #007eb3;color: #fff;font-size: 22px;}
.tb-title p{width: 1em;text-align: center;margin: 0 auto;line-height: normal;}
.cpcs-table{background-color: rgb(255, 255, 255);box-shadow: 0 0 20px 0 rgba(6, 13, 71, 0.1);}
.cpcs-table-tip p{text-align: inherit;font-size: 14px;}
.cpal2{font-size: 0;}
.cpal2s{font-size: 14px;display: inline-block;vertical-align: top;width: 31%;margin-right: 3.5%;margin-bottom: 3.5%;}
.cpal2s p{text-align: center;}
.cpal2s:nth-child(3n){margin-right: 0;}
/*search s*/
.ss-a h3{font-family: "dincondregular";letter-spacing: 4px;text-indent: 4px;}
.ss-a p{font-size: 22px;}
.ssbox{width: 600px;margin: 0 auto;max-width: 94%;}
.ssingput{border-radius: 6px;overflow: hidden;margin-right: 100px;}
.ssingput input{display: block;width: 100%;height: 54px;text-indent: 1em;font-size: 16px;}
.sbmint{position: absolute;right: 0;width: 92px;height: 100%;top:0;background: #333;line-height: 54px;text-align: center;color: #fff;font-size: 18px;border-radius: 6px;cursor: pointer;}
/*.ssingput:before{position: absolute;content: ''; height: 100%;width: 63px;background-image: url("../images/fdj.png");left: 0;top:0;}*/
.ssdh a{float: left;line-height: 54px;position: relative;font-size: 16px;color: #a2a2a2;margin-right: 55px;}
.ssdh a:last-child{margin-right: 0;}
.ssdh a:after{position: absolute;width: 100%;bottom:0;border-top: 2px solid #333;content: '';left: 0;display: none;}
.result{margin-bottom: 35px;}
.ssdh a.active{color: #333;}
.ssdh a.active:after{display: block;}
.ssdh a:hover{color: #333;}
.ssdh a:hover:after{display: block;}
/*.ssdh{border-bottom: 1px solid #ddd;}*/
.ssjecon{padding: 40px 0 80px;min-height: 500px;}
.conrt{padding: 40px;}
.result{font-size: 18px;color: #aeaeae;}
.result span{color: #333;}
.sslb-tabs{display: none;}
.sslb-tabs.active{display: block;}
/*search e*/

.fixed-left{right: -375px;position: absolute;height: 100%;top:0;background: #fff;width: 375px;transition: all .4s;}
.fixed-left-wrap{position: absolute;left: 30px;top:35px;right: 0;bottom:0;}
.fixed-left-close{width: 25px;height: 25px;background: url("../image/gb49.png") no-repeat center;background-size: cover;cursor: pointer;}
.nav-left{margin-top: 35px;}
.nav-left li{position: relative;margin-bottom: 30px;}
.nav-left-yi{display: block;color: #333;font-weight: bold;margin-bottom: 15px;}
.nav-left-hide{font-size: 0;}
.nav-left-hide a{display: inline-block;width: 30%;margin-right: 2%; font-size: 14px; color: #666666;margin-bottom: 8px;vertical-align: top;transition: all .4s;}
.nav-left-hide a:nth-child(3n){margin-right: 0;}
.nav-left-hide a:hover{color: #000;}
.nav-left-hide a:last-child{margin-bottom: 0;}
.left-code{position: absolute;bottom:20px;left: 0;}
.code{width: 120px;margin-right: 20px;display: inline-block;vertical-align: middle;}
.code-text p{font-size: 14px;color: #666;}
.fixed-left-box{display: none;}
.fixed-left-box.active .fixed-left{right:0;}
.code-text{display: inline-block;vertical-align: middle;}
.shadowStyle{background: rgba(0,0,0,.7);}
.fixed-full{position: fixed;z-index: 9999;left: 0;top: 0;width: 100%;height: 100%;}

.fixed-right .to-kf{position: absolute;top: 0;left: 100%;width: 115px;height: 87px;background: #b0b0b0;transition: all .4s;}
.fixed-right .to-kf a{display: block;width:115px;height: 43px;text-align: center; line-height: 43px;overflow: hidden;color:#fff;background: url(../image/qq_bg.png) no-repeat; background-size: 100% 100%;text-indent: 30px;transition: all .4s;}
.fixed-right .to-kf a:nth-child(2){height: 44px;line-height: 44px;}
.fixed-right .to-kf i{display: inline-block;width:24px;height: 24px;background: url(../image/qq.png) no-repeat; background-size: 100% 100%;margin: -2px 4px 0 0;vertical-align: middle;}
.fixed-right .to-kf.active{right:auto;left:-117px;}
.fixed-right .to-kf a:hover{background: #007eb3 url(../image/qq_bg.png) no-repeat; background-size: 100% 100%;}
.fixed-right:hover .to-top{background: #007eb3 url(http://www.hosenchem.com/template/default/images/lxkf.png) no-repeat center;}
.fixed-right .to-kf img{vertical-align:middle;margin-top:-4px;}
.pro98s{display: none;}
.pro98s.active{display: block;}

.imgscale .img100{overflow: hidden;}
.imgscale .img100 img{transition: all .4s;}
.imgscale:hover .img100 img{transform: scale(1.1);}
.background-cover{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.slideUp,.swiper-slide-active .banner-des{
    animation:slideUp 1s both ease-out;-webkit-animation:slideUp 1s both ease-out;
}
@keyframes slideUp{
    0%{opacity:0;-webkit-transform: translateY(60px);transform: translateY(60px);}
    100%{opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
}
.slideLeft{
    animation:slideLeft 1s both ease-out;-webkit-animation:slideLeft 1s both ease-out;
}
@keyframes slideLeft{
    0%{opacity:0;-webkit-transform: translateX(-60px);transform: translateX(-60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.slideRight{
    animation:slideRight 1s both ease-out;-webkit-animation:slideRight 1s both ease-out;
}
@keyframes slideRight{
    0%{opacity:0;-webkit-transform: translateX(60px);transform: translateX(60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.tobig{
    animation:tobig 1s both ease-out;-webkit-animation:tobig 1s both ease-out;
}
@keyframes tobig{
    0%{opacity:0;-webkit-transform: scale(0);transform: scale(0);}
    100%{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}


/* #region ==================== 内页-留言 start ==================== */
.ny-message {

    margin-bottom: 40px;

}

.ny-message .title {
    text-align: center;
    font-size: 0.6rem;
    color: #333;
    line-height: 1.2;
    margin-bottom: 0.766rem;
    font-weight: bold;
    position: relative;
    padding-bottom: 0.4rem;
}

.ny-message .title::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 1.1167rem;
    height: 0.066rem;
    background-color: #1d2087;
    left: 50%;
    transform: translateX(-50%);
}

.ny-message .mxw-form .top {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.ny-message .mxw-form input,
.ny-message .mxw-form textarea {
    display: block;
    width: 100%;
    border: 1px solid #e4e6e8;
    background-color: #fff;
    font-size: 14px;
    line-height: 1.8;
    color: #333;
    transition: all 0.4s;
}

.ny-message .mxw-form input:focus,
.ny-message .mxw-form textarea:focus {
    border-color: #000;
}

.ny-message .mxw-form input::-webkit-input-placeholder,
.ny-message .mxw-form textarea::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999;
}

.ny-message .mxw-form input:-moz-placeholder,
.ny-message .mxw-form textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999;
}

.ny-message .mxw-form input::-moz-placeholder,
.ny-message .mxw-form textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
}

.ny-message .mxw-form input:-ms-input-placeholder,
.ny-message .mxw-form textarea:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999;
}

.ny-message .mxw-form input {
    padding: 8px 15px;
}

.ny-message .mxw-form textarea {
    width: 100%;
    height: 140px;
    padding: 15px;
    resize: none;
}

.ny-message .mxw-form button {
    background-color: #007eb3;
    color: #fff;
    font-size: 18px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    width: 100%;
    display: block;
    margin: 20px auto 0;
    cursor: pointer;    border: 0;
    transition: all 0.4s;
}

.ny-message .mxw-form button:hover {
    box-shadow: 0 0 8px #007eb3;
}

.ny-message .mxw-form .text {
    color: #b31d23;
    font-size: 16px;
    margin-top: 20px;
}


.my-map { margin: 0 auto; width: 100%; height: 100%; } .my-map .icon { background: url(//a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat; } .my-map .icon-cir { height: 31px; width: 28px; } .my-map .icon-cir-red { background-position: -11px -5px; }
     .amap-container{height: 100%;}
     .myinfowindow{width: 240px;min-height: 50px;}
     .myinfowindow h5{ height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; font-weight: bold; width: 220px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }
     .myinfowindow div{ margin-top: 10px; min-height: 40px; line-height: 20px; font-size: 13px; color: #6f6f6f; }
.abcomm li{width: 23.5%;margin-right: 2%;}
.abcomm li:nth-child(3n){margin-right: 2%;}
.abcomm li:nth-child(4n){margin-right:0;}
.abcomm .img100 {    text-align: center;}
.abcomm .img100 img{    height: 100%;    width: initial;
    max-width: 100%;}

.w1600 .abcomm .img100{height: auto;}






@media screen and (min-width: 751px) {
    .ny-message .mxw-ny-box {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .ny-message .mxw-form input {
        width: 48.5%;
        margin-top: 1.5%;
    }

    .ny-message .mxw-form input:nth-child(2n) {
        margin-left: 3%;
    }
}

@media screen and (max-width: 751px) {
    .ny-message .title {
        font-size: 22px;
        margin-bottom: 30px;
    }

    .ny-message .mxw-form {
        padding: 6% 4%;
    }

    .ny-message .mxw-form input {
        font-size: 12px;
        margin-top: 10px;
    }

    .ny-message .mxw-form textarea {
        padding: 8px 15px;
    }

    .ny-message .mxw-form button {
        width: 100%;
        height: 38px;
        line-height: 38px;
        font-size: 12px;
        margin-top: 10px;
    }
body.is-scroll .search-con {
    top: 40px;    position: absolute;
}
.w1600 .abcomm{display: flex;
    flex-wrap: wrap;}
.w1600 .abcomm li{    width: 48.5%;
    margin-right: 3%;}
.w1600 .abcomm  li:nth-child(2n) {
    margin-right: 0;
}
.w1600 .abcomm .img100{height: auto;}
.w1600 .abcomm .xw-bot {
    padding: 8px 10px;
}
}

/* #endregion ==================== 内页-留言 end ==================== */