@charset "utf-8";
/* CSS Document */

/* reset */
html,body,h1,h2,h3,h4,h5,p,dl,dd,ul,ol,form,input,textarea,th,td,select { margin:0; padding:0; }
em { font-style:normal; }
li { list-style:none; }
a { text-decoration:none; color: inherit;}
a:focus { outline: none; } 
img { border:none; vertical-align:middle; max-width: 100%; }
table { border-collapse:collapse; }
input,textarea { outline:none; background: none; border: none; }
textarea { resize:none; overflow:auto; }
body { background-color: #fff; font-size:12px; font-family:"微软雅黑"; position: relative;  -webkit-text-size-adjust: none;}
/* end reset */
/* public */

.nav li,.pro-lead>a,.classify-row a,.in-nav>ul li,.other-pro a{ transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}

.clear { zoom:1; }
.clear:after { content:''; display:block; clear:both; }
.fl { float:left; _display: inline;}
.fr { float:right; _display: inline;}
.clearfix {*zoom: 1;}
.clearfix:before, .clearfix:after {content: '\0020';display: block;height: 0;clear: both;visibility: hidden;}

.main-box {position: relative;max-width: 1100px; width: 100%; margin: auto; *zoom: 1;}
.main-box:before, .main-box:after {content: '\0020';display: block;height: 0;clear: both;visibility: hidden;}
.pic-box div {display: table-cell;vertical-align: middle;text-align: center;*display: block;*font-family: Arial;line-height: 0;*line-height: 1;}
.pic-box img {vertical-align: middle;}
.main-box2{max-width: 1000px; width: 100%;}

.wrapper { width: 100%; box-sizing: border-box; }
.sidebar-ico{float: right; margin: 16px 10px 0 10px; display: none;}
.side-line {background: #000 none repeat scroll 0 0;display: block;height: 3px;margin-bottom: 4px;width: 27px;display: block;}
.sidebar-ico a{display: block;}

.header {height: 100px; line-height: 100px; }
.logo {margin-top:25px; float: left;}
.header-r{float: right;}
.header-r span{display:inline-block;*display:inline;vertical-align: top; color: #555555;}
.top-ewm{position: relative;}
.top-ewm em{position: absolute;left: 0;top: 56px;z-index: 999; display: none;}
.top-ewm em img{max-width: 500%;}
.top-ewm:hover em{display: block;}
.header-r span a:hover{color: #0152a4}

.nav {line-height: 45px; height: 45px; font-size: 0;  background: #0152a4}
.nav li {display:inline-block;*display:inline;vertical-align: top;  padding:0 50px; font-size: 14px;  color: #fff;background: url(../images/nav-bg.jpg) right center no-repeat; }
.nav li:last-child{ background-image: none; }
.nav li a {display: block;}
.nav .active,.nav li:hover {background:#007dc9 url(../images/nav-bg.jpg) right center no-repeat;}

.top-search{display:inline-block;*display:inline;vertical-align: top; margin:0 21px; }
.search-btn{width: 15px;height: 15px;background:url(../images/search.png) no-repeat; vertical-align:-4px;}
.search-text{width: 44px; font-size: 12px; color: #555555;}

.banner{position: relative;}
.banner img{width: 100%;}
.banner .owl-dots{position: absolute;width: 100%;max-width: 1200px;text-align: center; margin: auto;left: 0;right: 0; height: 44px; line-height: 44px; bottom: 0;}
.banner .owl-dot{width: 14px; height: 14px;border-radius: 50%; background: #ffffff;display: inline-block; *display: inline; margin: 0 5px;}
.banner .owl-dot.active{background: #007dc9}

.index-common-tit{padding: 50px 0 20px 0;; text-align: center;}
.index-common-tit p{font-size:26px; color: #333333; }
.index-common-tit p span{display:block; font-size: 12px; color: #8d8d8d;line-height:3;}
 
.index-pro .hd{text-align: center;font-size: 0; font-size: 14px;}
.index-pro .hd li{display:inline-block; cursor: pointer; *display:inline;vertical-align: top; color: #333333; padding: 0 14px;}
.index-pro .hd li:hover,.index-pro .hd li.on{color: #0152a4}


.index-pro .bd{padding: 24px 0; font-size: 0;}
.index-one-pro>div{display:inline-block;*display:inline;vertical-align: top;}
.index-one-pro>div.l{width: 654px; position: relative;  }
.index-one-pro>div.r{width: 446px;}
.l-pro .item{position: relative;}

.l-pro .item .mask{ position: absolute;left: 0;right: 0;bottom: 0; height: 50px; line-height: 50px;font-size:14px; background: rgba(0,0,0,.3); color: #fff;font-weight: bold;padding-left: 23px;}
.l-pro .item .mask span{position: absolute; border-radius: 12px; font-size: 14px; display: block; right: 26px; top: 10px; width: 120px;height: 30px; line-height: 30px;text-align: center;background: rgba(1,82,164,.59);}

.l-pro .owl-nav>div{position: absolute;width: 35px; font-size: 0; height: 99px; top:50%; margin-top: -49px;}
.l-pro .owl-prev{ background: url(../images/pro-l.png); left: 0;}
.l-pro .owl-next{ background: url(../images/pro-r.png);right: 0;}

.r-pro dl dd{float: left; margin: 0 0 3px 3px;width: 220px; height: 220px; position: relative;}
.r-pro dl dd.firstdd{text-align: center; background: #f5f5f5 url(../images/first-dd.png) center 154px no-repeat;}
.r-pro dl dd.firstdd p{font-size: 20px; color: #5c5c5c; padding-top: 88px;}
.r-pro dl dd.firstdd p span{display: block; font-size: 13px; color: #a7a7a7; line-height: 2;}

.r-pro dl dd.extradd .mask{ margin:auto; text-align: center; position: absolute;left: 0;right:0;bottom:0; top: 0;background: rgba(0,0,0,.79);opacity:0; filter:alpha(opacity=0);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.r-pro dl dd.extradd .mask p{font-size: 14px; color: #ffffff; font-weight: bold; padding-top: 76px;}
.r-pro dl dd.extradd .mask .line{width: 60px; height: 1px;background: #b2b0aa;margin: 20px auto;}
.r-pro dl dd.extradd .mask span{display:block;margin: auto; border:1px solid #fff;border-radius: 16px; width: 124px; height:30px; line-height: 30px;color: #fff;text-align: center;  font-size: 12px; }
.r-pro dl dd.extradd:hover .mask{opacity:1; filter:alpha(opacity=100);}
.r-pro dl dd.extradd img{height: 100%; width: 100%;}

.index-case{height: 621px; padding:  0 0 74px 0; /*background: url(../images/index-case.jpg) center center no-repeat;*/background: url(../images/111.jpg) center center no-repeat;}

.index-one-case{float: left;width: 50%; font-size: 0;}
.index-one-case a>div{display:inline-block;*display:inline;vertical-align: top;width: 50%; height: 198px;}
.case-l{position: relative;}
.case-l span.r-sanjiao{display: block; z-index: 20; border-bottom: 8px solid transparent;border-left: 8px solid #0152a4;border-top: 8px solid transparent;bottom: 0;height: 0;margin: auto;position: absolute;right: -8px;top: 0; bottom: 0; width: 0;}
.case-l span.l-sanjiao{display: block; z-index: 20; border-bottom: 8px solid transparent;border-right: 8px solid #0152a4;border-top: 8px solid transparent;bottom: 0;height: 0;margin: auto;position: absolute;left: -8px;top: 0; bottom: 0; width: 0;}
.index-one-case img{width: 100%;height:100%;}

.case-r{position: relative;background: #f2f2f2}
.case-r .con{margin:auto; position: absolute;text-align: center; left:6px;right:6px;bottom:6px; top: 6px; background: #f9f9f9; border:1px solid #ececec;}
.case-r .con p{font-size: 18px; color: #221815; padding-top: 35px;}
.case-r .con p span{display: block;font-size: 14px; color: #c8c8c8; font-family: "Arial"}
.case-r .con em{display:block;margin: auto; border:1px solid #221815; margin-top: 18px; border-radius: 16px; width:94px; height:24px; line-height: 24px;color: #7d7d7d;text-align: center;  font-size: 12px;}

.index-about{background: url(../images/index-about.jpg) center center no-repeat; height: 456px;text-align: center;}
.index-about .tit{font-size: 26px; color: #fff;padding: 132px 0 26px;}
.index-about .text{font-size: 14px; color: #fff; line-height: 30px;}
.index-about .about-more{display:block;margin: 50px auto 0; border:1px solid #fff; width: 147px; height:34px; line-height: 34px;color: #fff;text-align: center; }

.index-join{padding:0 0 50px 0; background: url(../images/111.jpg) center center no-repeat;}
.index-join .con{font-size: 0;text-align: center; padding: 0 48px;}
.index-join .con>div{display:inline-block;*display:inline;vertical-align: top; position: relative; height: 265px; width: 33.3%;}
.index-join .con>div.l{  font-size: 14px; color: #fff; background: url(../images/join-l.jpg);}
.index-join .con>div.l .l-text {margin:auto; line-height: 25px; position: absolute;left: 10px;right:10px;bottom:0; top: 25%;}
.index-join .con>div.m img{width: 100%;height: 100%;}
.index-join .con>div.r{background: #eeeeee;}
.index-join .con>div.r .text{font-size: 14px; color: #555555; line-height: 28px;   padding: 70px 4px 0;}
.index-join .con>div.r span{display:block;margin: 20px auto 0; border:1px solid #0152a4; font-size: 12px; width: 146px; height:36px; line-height: 36px;color: #0152a4; }

.footer { background: #f1f1f1; padding:40px 0; border-top: 1px solid #d8d8d8}
.footer-con{ padding-left: 56px; height: 135px; margin-left: 66px; text-align: left; border-left: 1px solid #dadada; width:260px;}
.footlist  { float: left; margin-left: 48px; position: relative; top: -10px; font-size: 18px; color: #555555; line-height: 40px;}
.footlist a:hover{ color:#0152a4;}
.wrap-foot-ewm{font-size: 0;}
.note-us{font-size: 18px; color:#555555;line-height:1; padding-bottom: 14px; }
.foot-ewm{display:inline-block;*display:inline;vertical-align: top; margin-right: 20px;text-align: center; line-height: 2; font-size: 12px; color: #555555;}
.foot-phone{float: right;}
.foot-phone .t1{font-size: 18px; color: #555555; line-height: 1;}
.foot-phone .t2{font-size: 30px; color: #0152a4; font-family: "Arial";line-height:70px;}

.sup{height: 70px; line-height: 70px;font-size: 12px; color: #555555;}
.sup .con{padding: 0 50px;}

.in-nav {font-size: 0;  border-bottom: 1px solid #e7e7e7;}
.in-nav>ul li {display: inline-block;width:105px; text-align: center; font-size: 14px; position: relative; line-height: 60px;color: #434343; font-weight: bold;}
.in-nav>ul li em{display: none; border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 8px solid #fff;left:0;height: 0;margin: auto;position: absolute;right: 0; bottom: 0; width: 0;}
.in-nav .current ,.in-nav li:hover {color: #fff;background: #0152a4;}
.in-nav .current em,.in-nav li:hover em{display: block;}
.in-nav a {display: block;}

.in-common-tit{text-align: center;margin:50px 0;font-size: 40px; color: #dddddd;line-height: 1; }
.in-common-tit p{ font-family:"Times New Roman";}
.in-common-tit p span{display: block;font-size: 26px; color: #333333; padding-top: 8px;  font-family:"微软雅黑";}

.about-page{text-align: center; line-height: 28px; color: #333;font-size: 14px; margin:0 0 70px 0;}

.one-news {font-size: 14px;color:#ABABAB;border-bottom: 1px dashed #dcdcdc;  margin:0 auto; line-height: 2}
.one-news a {position: relative;display: block;height: 174px; padding:34px 0 18px; }
.one-news .pic-box {float: left;width: 260px;  margin-right: 25px; height:174px; overflow:hidden;}
.one-news .pic-box div {width: 260px;height: 174px;*font-size: 136.5px;}
.one-news .pic-box img {max-width: 260px;max-height: 174px; cursor: pointer;  transition: all 0.6s;  }
.one-news:hover img{ transform: scale(1.08);  } 

.one-news-tit {font-size: 20px;color: #5F5D5D; padding: 12px 0; line-height: 1;font-weight: bold;}
.one-news .time{ line-height: 34px; font-size: 14px; color: #014e94;}
.one-news .time  span{ color: #7f0000; font-weight: bold;}
.one-news .time  span em{ color: #666666;font-weight: normal;}
.one-news:hover .one-news-tit{color: #6d0000}
.news-page{ margin-bottom:80px;}

.news-page-rn{font-size: 16px;color: #797979;line-height: 42px;padding: 2%;border-top: #E4E4E4 1px solid;text-indent: 31px;}

.other-page {padding: 30px 0;font-size: 0;font-weight: bold;line-height: 26px;text-align: center;color: #868686;}
.other-page a {  font-size: 12px; display: inline-block;*display: inline;*zoom: 1;padding: 0 1em; margin-bottom: 10px;  background: #fff;border: 1px solid #868686;}
.other-page .page-on ,.other-page a:hover {color: #fff;border-color: #5e5e5e;background: #5e5e5e;}

.news-title {font-size: 24px;line-height: 3;text-align: center; margin-top: 30px;}
.news-date {margin-bottom: 33px;font-size: 12px;line-height: 0;text-align: center;}
.other-news {padding-bottom: 20px;font-size: 12px;line-height: 2;}
.other-news a:hover {color: #0152a4;}

.pro-lead{/**height: 33px;**/ position: relative; font-size: 0; margin-bottom: 30px;}
.pro-lead>a{padding: 5px 18px;margin: 0 4px;display:inline-block;*display:inline;vertical-align: top;height: 28px; line-height: 28px; font-size: 14px; color: #434343;border:1px solid transparent; border:1px solid #fff; border-bottom:3px solid #fff;}
.pro-lead>a:hover,.pro-lead>a.active{color: #0152a4;border:1px solid #0152a4; border-bottom:3px solid #0152a4; font-weight: bold;}
.pro-lead>span{    position: absolute;right: 0;top: 0;font-size: 14px; cursor: pointer; color: #666666;padding-right: 26px;background: url(../images/down.png) right center no-repeat; line-height: 51px;}
.pro-lead>span:hover{ color:#0152a4;}

.one-pro {float: left;width:300px;padding:12px;height: 352px; background-color: #fff;margin:0 20px 30px;}
.one-pro .pic-box {width: 300px;margin: auto; position: relative;}
.one-pro .pic-box div {width: 300px;height: 300px;*font-size: 145.25px;}
.one-pro .pic-box img {max-width: 300px;max-height: 300px;}
.one-pro:hover {box-shadow: 1px 1px 2px 1px #ccc;}
.one-pro .pic-box img.img2{position: absolute;left: 0;right: 0;top: 0;bottom: 0; margin: auto; display: none;}
.one-pro p{ font-size: 18px; color: #333333; line-height: 1; padding-top: 10px;}
.one-pro p span{ display: block; font-size: 14px; color: #0152a4; padding-top: 6px;}

.pro-classify{ background: #F5F5F5; position: absolute;left: 0;right: 0;top: 53px;display: none; z-index: 30; box-shadow: 0px 4px 7px #BDBDBD; border: 1px solid #DADADA;}
.classify-row {display: block;height: 63px; margin: 0 12px; font-size: 14px;line-height: 63px;color: #454545;border-bottom:1px solid #D6D5D5;}
.classify-row dt {float: left;width: 78px;color: #0f0f0f; font-size:14px; text-align: center;}
.classify-row li {float: left; height: 32px; margin-right: 18px;}
.classify-row a {padding: 4px 10px;text-align: center;}
.classify-row .selecting, .classify-row a:hover {background: #1866be; color: #fff; }

.producut-view{  margin: 54px 0 80px;}
.producut-view .pic-box {float: left;width: 468px; box-shadow: 2px 2px 5px 2px #ccc;}
.producut-view .pic-box div{width: 468px;height: 466px;}
.producut-view .pic-box img {max-width: 468px;max-height: 466px;}
.pro-intro {position: relative;float: right; width:560px;}
.pro-name {font-size: 30px; border-bottom: 1px solid #e8e8e8; margin-bottom: 20px; color: #535353; height:63px; line-height: 63px; padding-left: 40px; background: url(../images/pro-view-tit.jpg) 0px center no-repeat; }
 

.pro-view-con{   height:430px;}
.pro-view-con p{ float: left; width: 249px;margin-bottom: 30px;}
.pro-view-con p span{ height: 20px; float: left; line-height: 19px; padding-right: 12px;width: 56px; display: inline-block; border-right: 1px solid #8c8c8c; margin-right: 12px; font-size: 14px; color:#0152a4; font-weight: bold; margin-top: 6px;}
.pro-view-con p em{ color: #707070; font-size: 14px; display: inline-block; float: left;vertical-align: top; line-height: 28px;}
.pro-view-con p img{vertical-align: top;}
.other-pro{text-align: right; border-top: 1px solid #cbcbcb;height: 48px; line-height: 48px; color: #a3a3a3}
.other-pro a{ padding:  0 18px; border-right: 1px solid #a6a6a6; }
.other-pro a:hover{ color: #0152a4;}

.wrap-pro-view .bd .pic-box{ position: relative;}
.wrap-pro-view .bd p{background: rgba(0,0,0,.6); display: inline-block; *display: line;padding-right: 30px; font-size: 17px; color: #fff;text-indent: 22px; position: absolute; left: 0px;bottom:0px; height: 42px; line-height: 42px;}
.wrap-pro-view{ float: left;}
.wrap-pro-view .kd{margin:15px auto; position: relative;max-width: 480px;}
.wrap-pro-view .kd li{float: left; margin-right: 18px; width: 48px;border: 1px solid transparent;margin-bottom: 10px;}
.wrap-pro-view .kd li img{ width: 48px; height: 48px; }
.wrap-pro-view .kd li.on{border-color: #000000}
 
.relate-case{padding: 50px 0; border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8}
.relate-tit{  font-size: 26px; color: #333333; line-height: 1; padding-bottom: 24px;}
.relate-case ul li{margin-right: 25px; width:350px; float: left; height:286px;text-align:center;position: relative;}
.relate-case ul li img{ max-width: 100%; height: 100%;}
.relate-case li .mask{display: block; color: #fff;font-size: 26px;text-align: center; line-height:286px; webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out;background: rgba(0,0,0,.5) ; opacity:0; filter:alpha(opacity=0); margin:auto;  position: absolute;left: 0;right:0;bottom:0; top: 0;}
.relate-case ul li:hover .mask{opacity:1; filter:alpha(opacity=1);}


.new-view-wrap{ position: relative; width: 100%}
.new-view-wrap img{  height: 100%;} 
.new-view-wrap .gallery-top { height: 542px; margin: 0; }
.new-view-wrap .net-detail{position: absolute; right: 0;top: 88px; z-index: 30; color: #fff; height: 380px; padding:78px 34px; background-color: #0152a4; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;  width:275px;  }
.new-view-wrap .net-detail .tit{ font-size: 18px; padding-bottom: 18px;;padding-left: 20px;}
.new-view-wrap .net-detail .con{ font-size: 16px;   line-height: 2;padding:0 0 20px 20px; border-bottom: 2px solid #fff;}
 
.s-net{  position: relative; margin-bottom: 30px;}
.gallery-thumbs { padding:  22px 0px;  overflow: hidden;}
.gallery-thumbs{ margin-top: 16px;   }
.gallery-thumbs img{ width: 100%; height: 100%;}


.gallery-thumbs  .swiper-slide{ height: 157px; position: relative; width: 22.6%}
.gallery-thumbs  .swiper-slide p{color: #fff; position: absolute;left: 0;right: 0; bottom: 0; line-height: 2; text-align: center;background: rgba(0,0,0,.4);}
.gallery-thumbs .swiper-wrapper{  position: relative; left: -37%;}

.s-net .swiper-scrollbar-drag{background: #fff; top: 1px; bottom: 1px;border-radius:0; left: 1px; height: 8px;}
.s-net .swiper-container-horizontal > .swiper-scrollbar{background: #c2c2c2; opacity: 1 !important;border-radius:0; height: 10px;}
 
/*.s-net .swiper-button-prev{margin-top:-10px; position: absolute;background:url(../images/net-prev.png) center center no-repeat; width: 24px; height:24px; }
.s-net .swiper-button-next{margin-top:-10px; position: absolute;background:url(../images/net-next.png) center center no-repeat;  width: 24px; height:24px;}
*/
.gallery-top .swiper-button-prev,.gallery-top .swiper-button-next{width: 178px; line-height: 44px; padding-left: 30px; color: #fff; margin-top: 0;z-index: 200;}
.gallery-top .swiper-button-prev{background: url(../images/case-l.jpg) left center no-repeat; left: 783px; top: 330px;}
.gallery-top .swiper-button-next{background: url(../images/case-r.jpg) left center no-repeat;left: 783px;top: 360px;}




.net-view-con{ background: #fff;}
 .index-pro{background:url(../images/111.jpg) center center no-repeat;padding-bottom:25px;}





@media screen and (min-width: 1100px) {
.banner .owl-controls{position: absolute;width: 100%;max-width: 1200px;margin: auto;left: 0;right: 0; top: 0;bottom: 0;}
#menu{z-index: -1;opacity: 0;}
}

@media screen and (max-width: 1099px) {
 .nav{display: none;}
 .logo{width: 160px;margin: 0; margin-top: 10px; }
 .header{height: 50px; line-height: 50px; padding: 10px;}
 .sidebar-ico  {display: block;}
 .index-one-pro > div.l ,.index-one-pro > div.r{width: 98%;margin:6px auto;display: block;}
  .r-pro dl{text-align: center;font-size: 0;}
 .r-pro dl dd.firstdd{background: none;}
 .r-pro dl dd{float: none; margin: 0 1% 8px; width: 48%; display:inline-block;*display:inline;vertical-align: top;}
 .foot-phone{float: none;text-align: center;}

.index-pro .hd li{margin-bottom: 10px;}
.one-news .pic-box{float: none;}
.one-pro {float: left;width:32%; box-sizing: border-box; height: auto; background-color: #fff;margin: 10px .5%  !important;}
.one-pro .pic-box {width: auto;  position: relative;}
.one-pro .pic-box div {width: auto;height: auto; }
.one-pro .pic-box img {max-width: 100%;max-height: 272px;}
.relate-case ul li{width: 48%;height: auto;margin: 0 1% 20px !important;}
.relate-case li .mask{ display: none !important;}
.net-detail{display: none;}
.new-view-wrap img,.new-view-wrap .gallery-top{height: auto;}


.ha{height: auto !important;padding: 20px 10px !important;}
.dn{display: none !important;}
.half{width:48% !important; margin: 0 1% 10px!important;}
.p10{padding: 0 10px !important;}
.phone-mar{margin: 20px 0 !important;}
.r-pic-box{width: 96% !important; float: none !important;margin: auto !important;}
.r-pic-box .pic-box {width: auto !important;height: auto !important; margin: auto !important;}
.r-pic-box .pic-box div{display: block !important;height: auto !important;width: auto ;}
.r-pic-box .pic-box img{max-width: 100% !important;} 
 .footer{padding-top: 20px !important}
 .index-pro .index-common-tit{margin-top:0 !important; padding-top:20px  !important;}
}
@media screen and (max-width: 767px) {
.banner .owl-nav div{width: 19px;height: 34px; margin-top: -19px;}
.banner .owl-nav div.owl-prev ,.banner .owl-nav div.owl-next{background-size: contain;}
.banner .owl-dots{height: 30px; line-height: 30px;}
.banner .owl-dot{width: 10px; height: 10px;}
}


@media screen and (max-width: 900px) {
.wrap-pro-view{float: none;padding: 0 10px;}
.producut-view .pic-box {float: none;width: auto;  }
.producut-view .pic-box div{width: auto;height: auto; display: block;}
.producut-view .pic-box img {max-width: 100%;}
.pro-intro {position: relative;float: none; padding: 0 10px;}
.pro-lead-section .hd ul li{width: 50%;}
.pro-lead-section .hd ul li:nth-child(1){border-bottom: 1px solid #e6e6e6}
.pro-lead-section .hd ul li:nth-child(2){border-bottom: 1px solid #e6e6e6}
.pro-intro {position: relative;float: none; padding: 0 10px;}
.pro-lead{height: auto;}

}
@media screen and (max-width: 640px) {
body{opacity: 0;}
.index-pro .hd{text-align: left;font-size: 0;}
.index-pro .hd li{font-size: 14px;width: 33.3%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; text-align: center;padding: 0;}
 .r-pro dl dd{height: auto;}
 .r-pro dl dd.firstdd p{padding-top: 23%;}
 .r-pro dl dd.extradd .mask{display: none !important;}
 .index-one-case{float: none; width: 100%;}
 .case-l>img{margin:auto; height: 100%; position: absolute;left: 0;right:0;bottom:0; top: 0; }
 .index-case{background: none;padding-top: 0 !important}
 .index-about .tit{padding-top: 20px;}
 .index-about .about-more{margin:40px auto;}
 .index-join .con > div{width: auto; display: block;}

 .sup .con{padding: 0 10px; line-height: auto; line-height: 2;}
 .sup{height: auto;}
 .in-common-tit p{font-size: 24px;}
  .in-common-tit p span{font-size: 14px;}
  .one-pro {float: left;width:48%; margin: 10px 1%  !important;}
   .pro-view-con{height: auto;}
   .pro-view-con p img{display: block;}
.pro-view-con p em{width: auto !important;}
.pro-view-con p span{margin-bottom: 10px;}
.pro-view-con p span,.pro-view-con p em{float: none; display: block; border-right: none;}
.pro-view-con p{width: auto; float: none;}
.pro-intro{width: auto;}
.pro-lead > a{width: 48%;margin: 0 1% 10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; text-align: center;}
.index-one-case a > div{height: 121px;}
.case-r .con em{display: none;}
.index-join .con > div{height: auto;}
.index-join .con > div.l .l-text{top: 26%;}
.index-join .con > div.l,.index-join .con > div.r{height: 200px;}
.index-join .con > div.r .text{padding-top: 46px;}
}

@media screen and (max-width: 480px) {
.header-r{display: none;}
}