@font-face{font-family:'iconfont';src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot');src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('http://at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('http://at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('http://at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')}

.fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.fa-icon-qq:before{content:"\e604"}
.fa-icon-weibo:before{content:"\e600"}
.fa-icon-weixin:before{content:"\e605"}
.fa-icon-zaixianzixun:before{content:"\e608"}

*{margin:0;padding:0;}
body{background:#fff; font-size:12px;line-height:22px;font-family:"Microsoft YaHei";}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;}
.body,.ul,.ol,.li,.p,.h1,.h2,.h3,.h4,.h5,.h6,.form,.fieldset,.table,.td,.img,.div,.tr,.dl,.dd,.select,.option{ margin:0; padding:0;}
li,img,input,em,select{ list-style:none; border:none; font-style:normal;}
a{ text-decoration:none !important; cursor:pointer !important;}
select::-ms-expand { display: none; }
.img_cover{position: absolute;top: 0;bottom: 0;left: 0;right: 0;	max-width: 100%;max-height: 100%;display: block;margin:auto;padding: auto;}
.clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
.tr{ transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;}
.wrap{ max-width:1200px; margin:0 auto;width:100%;}
.overflow { overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

header.act{position:fixed;left:0;top:0;z-index:9999;animation:searchTop 0.5s ease-in-out;box-shadow:0 3px 5px #ccc;}
@keyframes searchTop {
    0% {top:-100px}
    to {top:0}
}
header.act .header-top{display:none;}
header{position:relative;width:100%;background:#fff;}
.header-top{background:#f3f3f3;line-height:30px;}
.h-top{display:flex;justify-content:space-between;font-size:13px;color:#999;background:url(../images/dian.png) no-repeat left center;}
.h-top span a{font-size:12px;font-family:"SimSun";color:#666;}
.h-top span a:hover{color:#000;text-decoration:underline !important;}

.header_main{display:flex;justify-content:space-between;align-items:center;}
.logo{ width:251px;}
.logo img{ max-width:100%; display:block;margin:5px auto}
header .tel{background:url(../images/tel.png) no-repeat left center;padding-left:40px;font-size:24px;color:#666;font-weight:bold;font-family:"Arial";font-weight:bold;}

.nav_ul {display: flex;width:650px;}
.nav_ul li {position:relative;width:14.28%;text-align:center;}
.nav_ul li .nav_a {display:inline-block;font-size:15px;color:#010101;line-height:34px;border-bottom:4px solid transparent;transition:0.5s;}
.nav_ul li:hover .nav_a, .nav_ul li .nav_a.active {color: #3899a2;border-color:#3899a2;}
.nav_ul .sub_ul {display: none;width: 100%;position: absolute; padding:0;z-index:999;background:rgba(255,255,255,0.8);width:100%;box-shadow:0 0 10px #333;}
.nav_ul .sub_ul li{width:100%;padding:5px 0;}
.nav_ul .sub_ul li .nav_a2{font-size:12px;line-height:30px;text-align: center;color:#3899a2;display:block;}
.nav_ul li .nav_a2:hover, .nav_ul li .nav_a2.on {background: #3899a2;color: #fff;}

/*移动端导航*/
.sj_nav{ width:100%; }
.icon-menu{ cursor:pointer;z-index:999; width:40px; height:40px; border:3px solid #3899a2; border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;right:0;top:0;}
.icon-menu .span01 { width:18px;height:3px;background:#3899a2;border-radius:5px; display:block;}
.icon-menu .span02 { width:18px;height:3px;background:#3899a2;border-radius:5px; display:block; margin:5px 0;}
.icon-menu .span03 { width:18px;height:3px;background:#3899a2;border-radius:5px; display:block;}
.icon-menu.click .span02 {width:0;opacity:0;filter:alpha(opacity=0); }
.icon-menu.click .span01 { position:relative;top:8px;transform:rotate(45deg);}
.icon-menu.click .span03 { position:relative;top:-8px;transform:rotate(-45deg);}
.sjnav{ width:115px; height:280px; position:absolute;right:0%; top:100px;z-index:9999;background:rgba(44, 44, 44, 0.7) none repeat scroll 0 0 !important; background-color:#202020;}
.sjnav ul{ padding:0; margin:0;}
.sjnav li{ height:44px; line-height:44px;display:block;text-align:center; margin:0; padding:0;}
.sjnav li a{display:block;line-height:40px;  font-size:15px; color:#fff;}
.sjnav li a:hover{background:#333; color:#fd5573;}
.sjnavhide{ height:0; overflow:hidden;}

/*大图滚动开始*/
.banner{}
.ban_img { padding-top:29%;}
/*.swiper-pagination-bullet{width:15px;height:15px;}
.swiper-pagination-bullet-active{background:#fd5573}*/
.prev-banner, .next-banner{ font-size:30px;font-family:"SimSun";color:#fff;width:40px;height:40px;background:rgba(0,0,0,0.5);border-radius:6px;display:flex;justify-content:center;align-items:center;font-weight:bold;}
.prev-banner{left:-50%;}
.next-banner{right:-50%;}
.banner:hover .prev-banner{left:10px;}
.banner:hover .next-banner{right:10px;}

section{background:#daecee;padding:40px 0;}
section ul{display:flex;justify-content:space-around;}
section ul li a{display:flex;flex-wrap:wrap;justify-content:center;}
section ul li a img{display:block;max-width:100%;margin:0 auto;transition:0.5s;}
section ul li a .txt{width:100%;text-align:center;}
section ul li a .txt .t1{line-height:62px;font-size:24px;color:#333;font-weight:bold;position:relative;}
section ul li a .txt .t1:before{content:"";width:25px;height:1px;background:#3e9ca5;position:absolute;left:50%;bottom:0;transform:translate(-50%,0);}
section ul li a .txt .t2{font-size:14px;color:#666;font-family:"Arial";padding-top:10px;}
section ul li:hover a img{transform:translateY(-10px);}
section ul li:hover .txt .t1{color:#3899a2;}

.title{text-align:center;}
.title .t1{line-height:60px;font-size:30px;color:#333;letter-spacing:3px;position:relative;}
.title .t1:before{content:"";width:25px;height:1px;background:#3e9ca5;position:absolute;left:50%;bottom:0;transform:translate(-50%,0);}
.title .t2{font-size:14px;color:#999;padding-top:8px;}
.title b{font-size:30px;color:#3899a2;font-family:"Arial";}

.title2{position:relative;padding-left:20px;height:60px;display:flex;flex-wrap:wrap;align-content:space-between;}
.title2:before{content:"";width:3px;height:100%;background:#3899a2;position:absolute;left:0;top:0;}
.title2 .t1{width:100%;color:#333;font-size:30px;line-height:26px;}
.title2 .t2{width:100%;color:#999;font-size:14px;line-height:16px;}


.box1{padding:35px 0;background:#f2f2f2;}
.box1 ul{display:flex;flex-wrap:wrap;margin:30px 0 0 0;}
.box1 ul li{width:24%;margin:0.5%;height:230px;}
.box1 ul li a{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;text-align:center;height:100%;position:relative;}
.box1 ul li a img{display:block;max-width:100%;margin:0 auto;}
.box1 ul li a b{display:block;width:100%;font-size:18px;color:#fff;font-family:"Arial";margin:15px 0;}
.box1 ul li a span{display:block;width:100%;font-size:18px;color:#fff;}
.box1 ul li a .pic{position:relative;overflow:hidden;width:100%;position:absolute;left:0;top:0;transform:scale(0);transition:0.8s;}
.box1 ul li a .box1-img{padding-top:81%;}
.box1 ul li a .nr{position:relative;z-index:3;}
.box1 ul li .box1-bj{width:100%;height:100%;position:absolute;left:0;top:0;transition:0.8s;}
.box1 ul li:nth-child(1) .box1-bj{background:#2b5298;}
.box1 ul li:nth-child(2) .box1-bj{background:#0a7ed4;}
.box1 ul li:nth-child(3) .box1-bj{background:#4ab4a6;}
.box1 ul li:nth-child(4) .box1-bj{background:#00a3bf;}
.box1 ul li:nth-child(5) .box1-bj{background:#5886ce;}
.box1 ul li:nth-child(6) .box1-bj{background:#17a7ac;}
.box1 ul li:nth-child(7) .box1-bj{background:#25b7a9;}
.box1 ul li:nth-child(8) .box1-bj{background:#2bacd9;}
.box1 ul li:hover .pic{transform:scale(1);}
.box1 ul li:hover .box1-bj{transform:scale(0);}

.box2{background:url(../images/bj1.jpg) no-repeat 50% 50%;background-size:cover;padding:40px 0;}
.box2 ul{display:block;margin:30px 0 0 22px;}
.box2 ul li{margin-bottom:10px;width:585px;background:#f9fcfc;}
.box2 ul li a{display:block;position:relative;border:1px solid #dbd8d8;padding:15px 25px 15px 40px;}
.box2 ul li a .t1{line-height:30px;font-size:16px;color:#333;}
.box2 ul li a .t2{line-height:28px;font-size:13px;color:#666;}
.box2 ul li a img{display:block;max-width:100%;position:absolute;left:-22px;top:50%;transform:translate(0,-50%) rotateY(0deg);transition:0.5s;}
.box2 ul li:hover img{transform: translate(0,-50%) rotateY(-180deg);}
.box2 ul li:hover .t1{color:#3899a2;}

.case{margin:30px 0 0 0;}
.case .tabs{display:flex;justify-content:center;margin:35px 0 0 0;}
.case .tabs a{display:block;width:180px;line-height:46px;text-align:center;border:1px solid #dcdada;font-size:16px;color:#333;margin:1px;}
.case .tabs a:hover, .case .tabs a.on{background:#3899a2;border-color:#3899a2;color:#fff;}
.case ul{display:none;margin:50px 0 0 0;}
.case ul li{width:19%;margin:0.5%;float:left;}
.case ul li .pic{width:100%;position:relative;overflow:hidden;}
.case ul li .pic .case-img{padding-top:122%;}
.case ul li .txt{text-align:center;font-size:14px;color:#333;border:1px solid #dcd9d9;border-top:none;padding:18px 0;}
.case ul li:hover{transform:translateY(-10px);box-shadow:0 5px 10px #ccc;}
.case ul li:hover .txt{color:#3899a2;}

.partner{margin:16px 0 0 0;}
.swiper-partner a{display:block;position:relative;overflow:hidden;background:#f2f2f2;}
.swiper-partner a .partner-img{padding-top:57%;}
.swiper-partner a:hover .img_cover{transform:scale(1.1);}

.ys{margin:40px 0 0 0;}
.ys-bt{font-size:18px;color:#666;padding:20px 0;text-align:center;letter-spacing:3px;}
.ys ul{display:flex;justify-content:space-between;align-items:flex-start;margin-top:10px;}
.ys ul li{width:22%;display:flex;flex-wrap:wrap;justify-content:center;}
.ys ul li .pic{width:115px;height:115px;border:1px solid #dddada;border-radius:50%;position:relative;display:flex;justify-content:center;align-items:center;}
.ys ul li .pic .ys-dian1{width:41px;height:40px;background:url(../images/e1.png) no-repeat center center, url(../images/e1-hover.png) no-repeat center -40px }
.ys ul li .pic .ys-dian2{width:38px;height:38px;background:url(../images/e2.png) no-repeat center center, url(../images/e2-hover.png) no-repeat center -38px }
.ys ul li .pic .ys-dian3{width:38px;height:38px;background:url(../images/e3.png) no-repeat center center, url(../images/e3-hover.png) no-repeat center -38px }
.ys ul li .pic .ys-dian4{width:38px;height:38px;background:url(../images/e4.png) no-repeat center center, url(../images/e4-hover.png) no-repeat center -38px }
.ys ul li .pic .number{position:absolute;right:0;top:15px;width:18px;height:18px;line-height:14px;text-align:center;border-radius:50%;background:#999;font-size:14px;color:#fff;font-family:"Arial";font-weight:bold;border:2px solid #fff;z-index:2;}
.ys ul li .txt{text-align:center;}
.ys ul li .txt .t1{line-height:46px;font-size:16px;color:#333;position:relative;}
.ys ul li .txt .t1:before{content:"";width:25px;height:1px;background:#3e9ca5;position:absolute;left:50%;bottom:0;transform:translate(-50%,0);}
.ys ul li .txt .t2{margin-top:10px;line-height:24px;font-size:13px;color:#666;}
.ys ul li:hover .pic{border-color:#3899a2;}
.ys ul li:hover .pic .ys-dian1{background:url(../images/e1.png) no-repeat center 40px, url(../images/e1-hover.png) no-repeat center center }
.ys ul li:hover .pic .ys-dian2{background:url(../images/e2.png) no-repeat center 38px, url(../images/e2-hover.png) no-repeat center center }
.ys ul li:hover .pic .ys-dian3{background:url(../images/e3.png) no-repeat center 38px, url(../images/e3-hover.png) no-repeat center center }
.ys ul li:hover .pic .ys-dian4{background:url(../images/e4.png) no-repeat center 38px, url(../images/e4-hover.png) no-repeat center center }
.ys ul li:hover .pic .number{background:#3899a2;}
.ys ul li:hover .t1{color:#3899a2;}

.air{margin:30px 0 0 0;}
.swiper-air{padding:30px 0 0 0;}
.swiper-air a{display:block;transition:0.5s;}
.swiper-air a .pic{width:100%;position:relative;overflow:hidden;border:1px solid #dcd9d9;}
.swiper-air a .pic .air-img{padding-top:85%;}
.swiper-air a .txt{margin:7px 0 0 0;}
.swiper-air a .txt .t1{line-height:32px;font-size:16px;color:#333;}
.swiper-air a .txt .t2{line-height:30px;font-size:13px;color:#666;display:flex;justify-content:flex-end;}
.swiper-air a:hover{transform:translateY(-10px);}
.swiper-air a:hover .pic{box-shadow:0 3px 10px #ccc;}
.swiper-air a:hover .txt .t1, .swiper-air a:hover .txt .t2{color:#3899a2;}

.news{padding:40px 0;background:#f2f2f2;margin:40px 0 0 0;}
.news .tabs{display:flex;justify-content:center;margin:35px 0 0 0;}
.news .tabs a{display:block;width:180px;line-height:46px;text-align:center;border:1px solid #dcdada;font-size:16px;color:#333;margin:1px;}
.news .tabs a:hover, .news .tabs a.on{background:#3899a2;border-color:#3899a2;color:#fff;}
.news ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin:45px 0 0 0;}
.news ul li{width:49%;margin-bottom:20px;transition:0.5s;}
.news ul li a{display:flex;}
.news ul li a .pic{width:176px;position:relative;overflow:hidden;}
.news ul li a .pic .news-img{padding-top:83%}
.news ul li a .txt{width:calc(100% - 176px);background:#fff;padding:20px;display:flex;flex-wrap:wrap;align-content:space-between;}
.news ul li a .txt .txt-bt{width:100%;font-size:14px;color:#333;}
.news ul li a .txt .txt-date{width:100%;font-size:14px;color:#3899a2;font-family:"Arial";}
.news ul li a .txt .txt-nr{width:100%;font-size:13px;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.news ul li:hover {transform:translateY(-10px);box-shadow:0 5px 10px #ccc;}
.news ul li:hover .txt .txt-bt{color:#3899a2;}

.commitments{background:url(../images/bj2.jpg) no-repeat 50% 50%;background-size:cover;padding:40px 0 0 0;}
.commitments-bt{font-size:24px;color:#3899a2;font-weight:bold;padding:20px 0;text-align:center;letter-spacing:3px;}
.commitments-bt b{color:#385da2;}
.commitments ul{display:flex;}
.commitments ul li{width:20%;padding:0 15px 40px 15px;text-align:center;}
.commitments ul li .comm-dian{height:86px;display:flex;justify-content:center;align-items:center;}
.commitments ul li .comm-dian img{display:block;max-width:100%;margin:0 auto;transition:0.5s;}
.commitments ul li .t1{line-height:46px;font-size:16px;color:#3899a2;font-weight:bold;}
.commitments ul li .t2{line-height:24px;font-size:13px;color:#666;}
.commitments ul li .t2 span{color:#3899a2;}
.commitments ul li:hover{background:-webkit-linear-gradient(top,rgba(255,255,255,0), #fff);}
.commitments ul li:hover .comm-dian img{transform:rotateY(360deg);}

.about{margin:40px 0 0 0;display:flex;justify-content:space-between;}
.about-left{width:625px;margin-right:10px;display:flex;flex-wrap:wrap;align-content:space-between;}
.about-left .txt-bt{font-size:16px;color:#3899a2;line-height:32px;text-decoration:underline !important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.about-left .txt-nr{font-size:13px;color:#666;line-height:32px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.about-left a{display:block;width:180px;line-height:46px;border:1px solid #dbdbdb;text-align:center;font-size:13px;color:#666;}
.about-left:hover a{background:#3899a2;color:#fff;}
.about-right{width:553px;}
.about-right img{display:block;max-width:100%;margin:0 auto;}

.box3{margin:12px 0 0 0;}
.box3-title-box, .box3-main{display:flex;justify-content:space-between;}
.box3-title-box .box3-title:first-child{width:68%;}
.box3-title-box .box3-title:last-child{width:30%;}
.box3-title{line-height:34px;font-size:13px;color:#999;text-transform:uppercase;letter-spacing:3px;padding:23px 0;}
.box3-title b{font-size:24px;color:#3899a2;}

.team{width:68%;}
.swiper-team a{display:block;position:relative;overflow:hidden;}
.swiper-team a .team-img{padding-top:109%;}
.swiper-team a:hover .img_cover{transform:scale(1.1);}
.honor{width:30%;border:1px solid #dbd8d8;position:relative;}
.swiper-honor a{display:block;position:relative;overflow:hidden;}
.swiper-honor a .honor-img{padding-top:74%;}
.swiper-pagination-honor {width:100%;}
.swiper-pagination-honor .swiper-pagination-bullet{width:8px;height:8px;margin:0 6px;}
.swiper-pagination-honor .swiper-pagination-bullet-active{background:#3899a2}

footer{background:#3f9fa8;margin:50px 0 104px 0;}
.foot-main{display:flex;justify-content:space-between;padding:20px 0;}
.foot-main dl{text-align:center;color:#fff;}
.foot-main dl dt{line-height:36px;font-size:16px;border-bottom:1px solid #fff;margin-bottom:5px;}
.foot-main dl dd, .foot-main dl dd a{line-height:28px;font-size:13px;color:#fff;}
.foot-main dl dd a:hover{text-decoration:underline !important;}
.foot-main dl dd span{font-size:24px;font-family:"Arial"}
.foot-main dl dd i{font-style:normal;}
.foot-main dl:nth-child(5){text-align:left;}
.foot-main dl:nth-child(5) dt{visibility:hidden;}
.foot-main .erweima{width:153px;margin-top:37px;}
.foot-main .erweima img{display:block;max-width:100%;margin:0 auto;}
.foot-main .erweima span{display:block;text-align:center;font-size:13px;color:#fff;margin-top:6px;}

.foot-txt{background:#348e97;padding:20px 0;}
.foot-box{display:flex;justify-content:space-between;align-items:center;}
.foot-box .txt{font-size:13px;color:#fff;}
.foot-box .link{font-size:14px;color:#fff;}
.foot-box .link a{color:#fff;}
.foot-box .link a:hover{text-decoration:underline !important;}

.foot-botoom{background:#212121;width:100%;position:absolute ;left:0;z-index:9999;}
.foot-botoom img{display:block;max-width:100%;}
.foot-botoom form{display:flex;width:590px;justify-content:space-between;}
.foot-botoom form .text{line-height:46px;background:#fff;padding-left:10px;font-size:13px;color:#333;width:31%;}
.foot-botoom form select{width:31%;background:#fff;}
.foot-botoom form .submit{background:#3899a2;text-align:center;font-size:13px;color:#fff;width:31%;}

/*product*/
.page{padding:20px 0;min-height:600px;}
.page .tabs{display:flex;justify-content:center;margin:45px 0 0 0;}
.page .tabs a{display:block;width:180px;line-height:46px;text-align:center;border:1px solid #dcdada;font-size:16px;color:#333;margin:1px;}
.page .tabs a:hover, .page .tabs a.on{background:#3899a2;border-color:#3899a2;color:#fff;}
.pro-ul{display:flex;flex-wrap:wrap;margin:40px 0 0 0;}
.pro-ul li{width:24%;margin:0.5%;}
.pro-ul li a{display:block;transition:0.5s;}
.pro-ul li a .pic{width:100%;position:relative;overflow:hidden;border:1px solid #dcd9d9;}
.pro-ul li a .pic .air-img{padding-top:85%;}
.pro-ul li a .txt{margin:7px 0 0 0;}
.pro-ul li a .txt .t1{line-height:32px;font-size:16px;color:#333;}
.pro-ul li a .txt .t2{line-height:30px;font-size:13px;color:#666;display:flex;justify-content:flex-end;}
.pro-ul li a:hover{transform:translateY(-10px);}
.pro-ul li a:hover .pic{box-shadow:0 3px 10px #ccc;}
.pro-ul li a:hover .txt .t1, .swiper-air a:hover .txt .t2{color:#3899a2;}

/*product-show*/
.page-show{margin:45px 0 0 0;}
.page-main{display:flex;justify-content:space-between;flex-wrap:wrap;}
.show-left{width:50%;}
.gallery-top{border:1px solid #dcd9d9;}
.gallery-top .show_img{padding-top:61%;}

.gallery-thumbs-box{position:relative;}
.gallery-thumbs{margin:10px auto 0 auto;width:calc(100% - 80px);}
.gallery-thumbs .swiper-slide{opacity:0.6; cursor:pointer;border:1px solid #d1d1d1;}
.gallery-thumbs .swiper-slide-thumb-active {opacity: 1;border-color:#3899a2;}
.gallery-thumbs .show_img{padding-top:89%;}
.next-show, .prev-show{font-size:30px;font-family:"SimSun";color:#3899a2;font-weight:bold;background:none;width:initial;height:initial;transform:translate(0,-50%);margin:0;width:30px;line-height:68px;background:#f2f2f2;text-align:center;}
.prev-show{left:0;}
.next-show{right:0;}
.next-show:hover, .prev-show:hover{background:#3899a2;color:#fff;}

.show-right{width:48%;}
.show-right .txt-bt{font-size:24px;color:#3899a2;font-weight:bold;line-height:66px;border-bottom:1px dashed #d9d6d6;}
.show-right .txt-nr{line-height:30px;font-size:14px;color:#666;margin:8px 0 45px 0;}
.show-right .txt-nr span{display:block;color:#333;}
.show-right .txt-tel{background:#f2f2f2;height:66px;text-align:center;font-size:14px;color:#333;font-weight:bold;display:flex;align-items:center;justify-content:center;}
.show-right .txt-tel span{font-family:"Arial";font-size:30px;color:#3899a2;}

.show-xq{margin:50px 0 0 0;}
.show-xq img{max-width:100%; height:auto}
.show-xq-bt{line-height:50px;background:#f2f2f2;display:flex;}
.show-xq-bt a{display:block;width:145px;text-align:center;font-size:16px;color:#3899a2;background:#fff;border-top:2px solid #3899a2;}

/*news*/
.news-ul{margin:50px 0 0 0;display:flex;flex-wrap:wrap;justify-content:space-between;}
.news-ul li{width:49%;margin-bottom:20px;transition:0.5s;}
.news-ul li a{display:flex;}
.news-ul li a .pic{width:176px;position:relative;overflow:hidden;}
.news-ul li a .pic .news-img{padding-top:83%}
.news-ul li a .txt{width:calc(100% - 176px);background:#fff;padding:20px;display:flex;flex-wrap:wrap;align-content:space-between;}
.news-ul li a .txt .txt-bt{width:100%;font-size:14px;color:#333;}
.news-ul li a .txt .txt-date{width:100%;font-size:14px;color:#3899a2;font-family:"Arial";}
.news-ul li a .txt .txt-nr{width:100%;font-size:13px;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.news-ul li:hover {transform:translateY(-10px);box-shadow:0 5px 10px #ccc;}
.news-ul li:hover .txt .txt-bt{color:#3899a2;}

/*news-show*/
.news-show{margin:45px 0 0 0;}
.news-show img{max-width:100%; height:auto}
.news-show .txt-bt{font-size:24px;color:#333;line-height:26px;text-align:center;}
.news-show .txt-date{font-size:14px;color:#3899a2;font-family:"Arial";text-align:center;padding:15px 0;}
.news-show .txt-nr{font-size:13px;color:#333;line-height:26px;}
.news-buzhou{margin:25px 0 0 0;}
.news-buzhou img{display:block;max-width:100%;float:right;margin:0 0 20px 20px;}
.news-buzhou .txt{font-size:13px;color:#333;}
.news-buzhou .txt b{display:block;font-size:14px;color:#3899a2;}

/*case*/
.case-ul{display:block;margin:50px 0 0 0;}
.case-ul li{width:19%;margin:0.5%;float:left;}
.case-ul li .pic{width:100%;position:relative;overflow:hidden;}
.case-ul li .pic .case-img{padding-top:122%;}
.case-ul li .txt{text-align:center;font-size:14px;color:#333;border:1px solid #dcd9d9;border-top:none;padding:18px 0;}
.case-ul li:hover{transform:translateY(-10px);box-shadow:0 5px 10px #ccc;}
.case-ul li:hover .txt{color:#3899a2;}

/*air*/
.air-page{margin:45px 0 0 0;}
.air-page img{display:block;max-width:100%;margin:0 auto;}

/*about*/
.about-page{margin:45px 0 0 0;}
.about-page .txt-nr{font-size:13px;color:#333;line-height:26px;}
.about-page img{display:block;max-width:100%;margin:20px auto;}

/*contact*/
.contact{margin:45px 0 0 0;display:flex;justify-content:space-between;align-items:center;}
.contact .lxfs{font-size:16px;color:#333;}
.contact .lxfs p{padding:15px 0;}
.contact img{display:block;max-width:100%;}








/*手机底部*/
.hot{width:100%; height:58px; background:#191919; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 2px #fff;}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row div a{ display:block; color:#fff; padding:7px 0;}
.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }


@media (max-width:1200px){
	.wrap{ width:96%}
    }

@media (max-width:991px) and (min-width:768px){
	.wrap{ width:96%}
    .news ul li a .txt{padding:10px;}
    .commitments ul li{padding:0 5px 30px 5px;}
    .commitments ul li .t2{font-size:12px;}
    .about, .box3-main{align-items:center;}
    .about-left .txt-bt, .about-left .txt-nr{padding:10px 0;}
    .team{width:55%;}
    .honor{width:43%;margin:0;}
    .foot-main dl dd i{display:block;}
    .foot-botoom img{max-width:35%;}
    .foot-botoom form .text{line-height:34px;}
    .foot-botoom form{margin-left:20px;}
    /*product*/
    .page .tabs{flex-wrap:wrap;justify-content:flex-start;}
    .page .tabs a{width:24%;margin:0.5%;}
    .page-main{align-items:center;}
    /*case*/
    .case-ul li{width:32.3%;}
    }
 
@media (max-width:767px){
	.wrap{ width:96%}
    .ban_img{padding-top:68%}
    section, .box1, .box2{padding:20px 0;}
    section ul{justify-content:space-between;}
    section ul li{width:32%;}
    section ul li a{align-items:center;}
    section ul li a .txt .t1{font-size:16px;line-height:22px;height:44px;display:flex;justify-content:center;align-items:center;}
    section ul li a .txt{margin:10px 0 0 0;}
    section ul li a .txt .t1:before{display:none;}
    .title .t1{line-height:52px;font-size:24px;}
    .title .t2{font-size:13px;padding:0;}
    .title2 .t1{font-size:20px;line-height:20px;}
    .title2 .t2{font-size:13px;}
    .box1 ul, .ys{margin:20px 0 0 0;}
    .box1 ul li{width:49%;height:175px;}
    .box1 ul li a b{margin:7px 0 5px 0;}
    .box1 ul li a img{max-width:85%;}
    .box2 ul{margin:20px 0 0 15px;}
    .box2 ul li{width:100%;}
    .box2 ul li a{padding:10px 10px 10px 30px;}
    .box2 ul li a .t2{line-height:24px;}
    .case .tabs{flex-wrap:wrap;}
    .case .tabs a{width:48%;margin:1%;font-size:14px;}
    .news .tabs a{font-size:14px;}
    .case, .case ul, .news .tabs, .case .tabs, .news ul, .about{margin:20px 0 0 0;}
    .case ul li{width:49%;}
    .ys ul{flex-wrap:wrap;}
    .ys ul li{width:48%;margin-bottom:20px;}
    .air{margin:0;}
    .news{margin:20px 0 0 0;padding:20px 0;}
    .news ul li{width:100%;}
    .news ul li a .pic{width:140px;}
    .news ul li a .txt{width:calc(100% - 140px);padding:10px;}
    .commitments{padding:20px 0 0 0;}
    .commitments ul{flex-wrap:wrap;justify-content:space-between;}
    .commitments ul li{width:32%;padding:0;}
    .commitments ul li .t2{font-size:12px;}
    .commitments ul li .comm-dian{height:60px;}
    .commitments ul li:nth-child(4){width:48%;}
    .commitments ul li:nth-child(5){width:48%;}
    .about{display:block;}
    .about-left{width:100%;margin:0;}
    .about-right{width:100%;margin-top:10px;}
    .about-left .txt-bt, .about-left .txt-nr{padding:10px 0;}
    .box3-title-box, .box3-main{display:block;}
    .box3-title-box .box3-title:first-child, .team, .honor{width:100%;border:none;}
    .foot-main{flex-wrap:wrap;}
    .foot-main dl:nth-child(5) dt{display:none;}
    .foot-main dl dd, .foot-main dl dd a{font-size:12px;}
    .foot-box .txt{font-size:12px;text-align:center;}
    .foot-box{display:block;}
    .foot-botoom{padding:10px 0;}
    .foot-botoom form{width:100%;margin-top:10px;}
    .foot-botoom form .text{line-height:30px;}
    .foot-botoom form .submit{width:35%;}
    /*product*/
    .page .tabs{flex-wrap:wrap;justify-content:flex-start;margin:20px 0 0 0;}
    .page .tabs a{width:49%;margin:0.5%;font-size:14px;line-height:40px;}
    .pro-ul, .news-ul, .page-show, .show-xq, .case-ul{margin:20px 0 0 0;}
    .pro-ul li{width:49%;}
    .page-main{display:block;}
    .show-left, .show-right{width:100%;}
    .show-right .txt-nr{margin:8px 0 15px 0;}
    /*news*/
    .news-ul li{width:100%;}
    .news-ul li a .pic{width:140px;}
    .news-ul li a .txt{width:calc(100% - 140px);padding:10px;}
    .news-buzhou img{margin:0;float:none;}
    /*case*/
    .case-ul li{width:49%;}
    }

@media (max-width:567px){
	}

@media (max-width:467px){

    }

@media (max-width:376px){
	}

@media (max-width:336px) {
    .logo{width:260px;}
    }



/*清除样式*/
.clear {
    clear: both;
    font-family: '微软雅黑';
}

/*分页css scott style pagination*/
div.scott {
    padding: 3px;
    margin: 3px;
    text-align: center;
}

    div.scott a {
        border: #221616 1px solid;
        padding: 2px 5px;
        color: #221616;
        margin: 0 2px 0 0;
        text-decoration: none;
    }

        div.scott a:hover {
            border: #221616 1px solid;
            color: white;
            background-color: #221616;
        }

        div.scott a:active {
            border: #221616 1px solid;
            color: #611985;
            background-color: #221616;
        }

    div.scott span.current {
        border: #221616 1px solid;
        padding: 2px 5px;
        font-weight: bold;
        color: #fff;
        margin: 0 2px 0 0;
        background-color: #221616;
    }

    div.scott span.disabled {
        border: #dfdfdf 1px solid;
        padding: 2px 5px;
        color: #221616;
        margin: 0 2px 0 0;
    }