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

/* reset */
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; }

body { font-size:12px; font-family:"微软雅黑"; }
/* end reset */
/* public */
.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: 1200px; 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;}
.nav .main-box img {
    width: 20%;
}

.owl-carousel .owl-item img{width: auto;margin:auto;}
#fp-nav ul li, .fp-slidesNav ul li{margin-bottom:15px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{ width:12px;height:12px;cursor:pointer;text-indent:-9999px;border-radius:50%;-webkit-border-radius:50%;margin-bottom:12px;border:1px rgba(146, 146, 146, 0.42) solid;text-align:center; color:#fff; onsor:pointer;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{    background: rgba(146, 146, 146, 0.25);border: 1px rgba(146, 146, 146, 0.42) solid;}

.section{height: 100%;overflow: hidden;}
.banner {height: 100%;}
.banner .owl-stage-outer ,.banner .owl-stage , .banner .owl-item{height: 100%;}
.banner .item { height: 100%;background-position: center center;background-repeat: no-repeat;background-size: 100% 100%;-webkit-background-size: 100% 100%;}
.banner .item  {height: 100%; width: 100%; display: block;}
.banner .owl-dots{position: absolute;bottom:40px;text-align: center; left: 0;right: 0;margin:auto;}
.banner .owl-dot{margin:0 15px; display:inline-block;*display:inline;vertical-align: top; width: 55px;height: 6px;background:rgba(255,255,255,.48);}
.banner .owl-dot.active{background:#ba4d58 }

.index-common-tit{padding:95px 0;text-align: center;}
.index-common-tit .tit{font-size: 14px;color:#5f5f5f;line-height: 1}
.index-common-tit .tit span{display: block; font-size: 20px;color: #333333;line-height: 48px;}
.index-common-tit .text{font-size: 18px;color:#d0d0d0;}

.index-about .about-info{width: 560px;float: left;}
.index-about .about-info h4{font-size: 22px;line-height: 78px;margin:0;}
.index-about .about-info p{font-size: 15px;color: #5f5f5f; line-height: 25px; margin-bottom: 28px;}
.index-about .about-info a{border-radius: 18px; display:block; width: 144px; height:40px; line-height: 40px;color: #787878;text-align: center; background: #e9e9e9;  font-size: 14px;}

.product{background:url(../images/test1.jpg) center center;background-repeat: no-repeat;background-size: 100% 100%;-webkit-background-size: 100% 100%;}
.index-product{padding:0 10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.index-product .item{position: relative; height: 516px;text-align: center;}
.index-product .item a{background-size: auto 100%;-webkit-background-size: auto 100%;width: 244px;margin:0  20px; height: 100%;position: relative; display: block;background-repeat:no-repeat}
.index-product .owl-item{position: relative;}
.index-product .mask{margin:auto; position: absolute;left: 0;right:0;bottom:0; top: 0;background: rgba(0,0,0,.8);}
.index-product .wrap1{height: 92px;margin:auto; position: absolute;left: 0;right:0;bottom:0; top: 0; width: 90%;}
.index-product .wrap1 .tit{color:#eb6000;font-size: 22px;line-height: 48px;}
.index-product .wrap1 .test{color:#bebdb9;font-size: 16px;}

.index-product .item.hreset{height: }

.index-product .wrap2{display: none; height: 100%;width:200%; position: absolute;left:-50%; right:-50%; top:0;bottom:0;}
.index-product .wrap2>img{height: 100%;width: 100%}
.hover-item-title {margin:auto; position: absolute;display:block;bottom:0; top:0;height:20%;left:0;right:0;width:80%;color: #000;font-size: 20px;line-height: 2.5;}
.index-product .item:hover .wrap2{display: block;}
.index-product .owl-item:hover{z-index: 2}

.index-product .owl-nav{position: absolute; padding-right: 20%; top: 0%;margin-top: -60px;left: 0;right: 0;text-align: right;}
.index-product .owl-nav div{margin-left: 15px; font-size: 0;width: 30px; height:30px;top:0; display:inline-block;*display:inline;vertical-align: top;}
.index-product .owl-nav div.owl-prev{background: url(../images/a-l2.png);transition: all 1s;}
.index-product .owl-nav div.owl-next{background: url(../images/a-r2.png);transition: all 1s;}
.index-product .owl-nav div.owl-prev.disabled{background: url(../images/a-l.png);}
.index-product .owl-nav div.owl-next.disabled{background: url(../images/a-r.png);}

.index-product-more{display:block; margin:20px auto 0; border-radius: 22px; width:145px; height:40px; line-height: 40px;color: #fff;text-align: center; background:transparent; color: #c1c1c1;border:1px solid #c1c1c1;  font-size: 14px;}

.one-case {width: 29.3%;margin:0 2% 40px;float: left;}
.one-case a{display: block;width: 100%; position: relative;}
.one-case img{width: 100%;  }
.one-case .hide-section{height: 40px; line-height: 40px;font-size: 16px; color: #fff; overflow: hidden; text-align: center; padding: 0 16px; position: absolute;left: 0;right:0;bottom:0;background: rgba(0,0,0,.4);}
.one-case .hide-section2{display: none; margin:auto; position: absolute;left: 0;right:0;bottom:0; top: 0;background: url(../images/vr1.png) center center no-repeat;}
.one-case:hover .hide-section{display: none;}
.one-case:hover .hide-section2{display: block;}
.in-case .one-case:hover{transform: scale(1.05) translateY(-5px);
    -webkit-transform: scale(1.05) translateY(-5px);
    -moz-transform: scale(1.05) translateY(-5px);
    -ms-transform: scale(1.05) translateY(-5px);
    -o-transform: scale(1.05) translateY(-5px);
    transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;}

.news{background:url(../images/news-bg.jpg) center center;background-repeat: no-repeat;background-size: 100% 100%;-webkit-background-size: 100% 100%;}
.index-news-l{width: 508px;float: left;}
.index-news-l img{margin-bottom: 12px;}
.index-news-l h4{font-size: 18px;color: #e1e1e1;line-height: 52px;height: 52px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.index-news-l .date{font-size: 16px;color: #929292;line-height: 1;margin-bottom: 10px}
.index-news-l .text{font-size: 14px;color: #929292;line-height: 24px;}

.index-news-r{width: 560px;float: right;margin-right: 80px;}
.index-news-r ul li{border-bottom: 1px solid #616060;margin-bottom: 10px;}
.index-news-r ul li a{display:block;padding:0 0 15px 0;}
.index-news-r ul li h4{margin:0 0 10px; font-size: 16px;color: #e1e1e1;height: 25px;line-height: 25px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.index-news-r ul li p.date{font-size: 14px;color: #929292;line-height: 1;}

.j-l{float: left;width: 448px;padding-left: 100px;background:url(../images/j1.jpg) left top no-repeat;}
.j-l p{font-size:14px;line-height: 28px;}
.j-l .join-pic{margin-top: 55px;}
.j-l .join-pic a{margin:0 20px 0 0;}

.j-r{float: right;width: 458px;}
.j-r form{display: block;}
.j-r input{height: 38px;line-height: 38px;}
.j-r input,.j-r textarea{display: block;width: 100%;text-indent: 20px; margin-bottom: 20px; color: #9d9d9d;font-size: 14px; border:1px solid #dddddd;}
.j-r textarea{height: 145px;padding:10px 0;}
.j-r input#j-index-sub{cursor: pointer; text-indent:0px; -webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out;width: 143px;border:none;background: #999999;color: #fff;}
.j-r input#j-index-sub:hover{background:#767676;}

.nav{height: 35px;line-height: 35px; padding-top: 20px; position: absolute;top: 0;left: 0;right: 0;margin:auto;z-index: 2}
.nav .logo{float: left;}
.nav ul{float: right;width: 80%;}
.nav ul li{float: left;width: 12.5%;text-align: center;font-size: 16px;color: #a4a4a4;}
.nav ul li a{display: block;color: #fff;}
.nav ul li:hover a{color:#fff;}

.menu-handler{ display: none; padding: 0 5px; width: 23px; height: 24px; cursor: pointer; position: absolute; right: 10px; top: 5px; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); z-index: 1000;}
.menu-handler .burger { width: 23px; height: 3px; background: #8c8c8c; display: block; position: absolute; z-index: 5; top: 4px; left: 50%; margin: 0px 0px 0px -10px; border-radius: 20%; transform-origin: center; -webkit-transform-origin: center; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);}
.menu-handler .burger2 { top: 11px;}
.menu-handler .burger3 { top: 18px;}

.in-banner{height: 450px;background-position: center center;background-repeat: no-repeat;}

.local{color: #a9a9a9; line-height: 20px;padding:15px 0;font-size: 14px;}
.local img{padding-top: 2px;}
.local a{margin:0 6px;color: #333333; }
.local a:hover{color:#eb6000}

.in-common-tit{padding:38px 0; }
.about1 p{font-size: 15px;color: #5f5f5f;text-indent:30px;line-height: 30px; }
.about1 img{margin:32px 0;}
.about1 .con{padding:0 105px;}
.about2{margin-top:50px;}
.about2 .con{padding-bottom: 10px; background:url(../images/red.jpg) bottom center repeat-x;}
.about2 .con ul li{float: left;width:24%;margin:0 .5%; }
.about2 .text{text-align: center;padding:0 130px;}
.about2 .text h4{font-size: 16px;color: #333333;margin:40px 0 30px;}
.about2 .text p{font-size:14px;color: #9d9d9d; line-height: 26px;}

.about3{padding:40px 0;}
.one-honor .pic-box{width: 265px; position: relative; margin:5px auto;}
.one-honor .pic-box div{ width: 265px;height: 300px;}
.one-honor .pic-box div>img{ max-width: 265px; max-height: 300px;}
.one-honor p{height: 65px;line-height: 65px;overflow: hidden;text-align: center;font-size: 16px;color: #565656;}
.one-honor:hover .pic-box div{box-shadow: 0px 0px 5px 2px #ededed;}
.one-honor:hover p{color: #ba4d58}

.about3 .owl-nav{height: 60px; text-align: right;}
.about3 .owl-nav div{margin-left: 15px; font-size: 0;width: 32px; height:32px;top:0; display:inline-block;*display:inline;vertical-align: top;}
.about3 .owl-nav div.owl-prev{background: url(../images/hl2.png);transition: all 1s;}
.about3 .owl-nav div.owl-next{background: url(../images/hr2.png);transition: all 1s;}
.about3 .owl-nav div.owl-prev.disabled{background: url(../images/hl.png);}
.about3 .owl-nav div.owl-next.disabled{background: url(../images/hr.png);}

.contact-map{max-width:100%;overflow: hidden}
.c-l{float: left;width: 527px;}
.c-l h4{border-bottom: 1px solid #d8d8d8; margin:0; height: 78px;line-height: 78px;font-size: 20px;color: #333333;}
.contact{padding:37px 0px 132px 0px;}
.one-c {margin-top: 22px;float: left;width: 100%;}
.one-c .tit{height:34px;line-height: 34px;font-size: 16px;color: #333333;font-weight: bold;}
.one-c .text{font-size: 16px;color: #333333;text-indent:25px;}
.one-c .tit img{vertical-align: middle;padding-right: 10px;}
.one-c .text img{margin-right: 20px;}
.contact .j-r{margin-top: 38px;}

.contact .c-l h4{ font-weight: normal;font-size: 18px;}
.contact .one-c .tit{font-size: 14px;font-weight: normal;}
.contact .one-c .tit span{font-weight: bold; padding-right: 16px;}

.footer{font-size: 12px;color: #898787;border-top: 1px solid #e9e9e9;height: 42px;line-height: 42px;text-align: center;}

.tit-border{border-top: 1px solid #aaaaaa;width: 16px;margin:auto;}

.join1 ul{width: 110%;overflow: hidden;padding:50px 0;}
.join1 li{  text-align: center; float: left;width: 276px;height: 240px;border:1px solid #f2f2f2;margin-right: 26px;}
.join1 li .img-wrap{margin:40px auto 20px; width:52px;height: 40px;position: relative; }
.join1 li .img-wrap img{position: absolute;left: 0;right: 0;bottom: 0;top:0;margin:auto;}
.join1 li h4{font-size: 16px;color:#333333;margin:0; line-height: 1; font-weight: normal;}
.join1 li .line{ width: 36px;background-color: #f39b00;height: 1px;margin:16px auto;}
.join1 li p{width: 150px;font-size: 12px;color: #797979;line-height: 22px;margin:auto;}

.join2  ul{padding:0 70px;}
.join2  ul li{float:left; padding:0 50px; width:415px;height:386px;border-bottom:1px solid #efefef;}
.join2  ul li h4{font-size:16px;line-height:40px;margin-top:20px;}
.join2  ul li p{font-size:12px;line-height:28px;color:#787878;}

.join3 {line-height:46px; text-align:center;font-size:14px;color:#333333;}
.join3 span,.join3 strong{color:#007f86}

.join4 form{width:875px;margin:auto; overflow: hidden}
.join4 .one-row{width: 110%;}
.join4 .one-row input{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; color: #7b7b7b;text-indent: 15px; width: 254px;height: 38px;border:1px solid #e4e4e4; margin:0 52px 0px 0;}
.join4 .one-row{margin-bottom: 22px;}
.join4 textarea{padding: 10px; border:1px solid #e4e4e4;height: 132px;width: 100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }

.join4 {margin-bottom: 60px;}
.yz{position: relative;}
.join4 .one-row .yz input{margin-right: 0}
.yz img{position: absolute;right: 10px;top:8px;}
#j-submit{text-indent: 0; float: right; margin:0; width: 130px;height: 35px;line-height: 35px;background-color: #373737;color: #ffffff}
.join4 .one-row2{width: auto;margin-top: 22px;}
.join1,.join2,.join3,.join4{margin-bottom: 30px;}

.in-nav {font-size: 0;text-align: center; margin:25px 0; }
.in-nav>ul li {display: inline-block; margin: 0 18px ; font-size: 14px;line-height:40px;height:40px;color: #616161;border: 1px solid #e5e5e5;}
.in-nav .current ,.in-nav li:hover {color: #fff;background: #ba4d58; border-color: #ba4d58; }
.in-nav a {display: block;padding: 0 22px;}

.one-news { font-size: 14px;color: #7c7c7c;line-height: 26px; margin-bottom: 10px;}
.one-news a {position: relative;display: block;height: 180px;padding:40px 282px  0px 290px;  }
.one-news .pic-box {float: left;width: 290px; margin:0 46px 0 -290px; }
.one-news .pic-box div {width: 290px;height: 180px;*font-size: 136.5px;}
.one-news .pic-box img {max-width: 290px;max-height: 180px;}
.one-news-tit {font-weight: normal; font-size: 20px;color: #333333; height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-bottom: 1px solid #e6e6e6;overflow: hidden; margin-bottom: 15px;  }
.one-news .con{height: 130px; overflow: hidden; font-size: 14px; color: #a0a0a0;  }
.one-news span.date{border:1px solid #e5e5e5;text-align: center; line-height: 1.5;  display: block; position: absolute; right: 160px; top: 37px; width: 60px; font-size:32px;color: #a4a4a4; font-family: "Arial"; }
.one-news span.date em{display: block; height: 30px; line-height:30px; font-size: 12px; background-color: #e5e5e5; color: #6d6d6d; border-bottom: 2px solid #ba4d58 }
.one-news:hover .one-news-tit{color: #ba4d58;}

.news-load-more{display:block; width: 264px; border-radius: 26px; height:42px; line-height: 42px;color: #fff;text-align: center; background: #ba4d58;  font-size: 16px; margin:50px auto;}

.news-view{ padding: 44px 0;}
.news-wrap{ width: 872px; margin: auto; padding: 34px 30px;}
.news-wrap .tit{ font-size: 28px; color: #6d6d6d; padding:30px 0; line-height:32px;text-align: center;}
.news-wrap .date-section{ position: relative; text-align: right; height: 26px; line-height: 26px; padding: 20px 50px;}
.news-wrap .date-section .line{position: absolute; top: 10px;left: 8px; width: 53px; height: 4px; background: #cc3233;}
.news-wrap .date-section span{   color: #6d6d6d;}
.news-wrap .con{ padding: 36px 50px; }

.news-side-part{position: absolute;right:84px; top:0;}
.news-ewm{position: absolute;  top:0;}
.news-view-return{z-index: 30; width: 49px; height: 112px;position: absolute;  top:300px; background: url(../images/news-view-side.png);}
.news-view-return a{display:block; height: 56px;width: 100%;}
.news-ewm.fixed{position: fixed;top: 160px;}
.news-view-return.fixed{position: fixed;top: 390px;}

.r-fix{position:fixed; display:none;z-index: 30; bottom:18%; right:0;height:121px; width:63px;  background:url(../images/index-v2_05.png) no-repeat center;   z-index:18;}
.r-fix div{width:63px; height: 74px;position: relative; cursor: pointer;}
.r-fix div a{display: block;}

.pro-lead{margin-top: 20px;}
.pro-lead ul{border-bottom: 1px solid #f5e6e7}
.pro-lead li{width: 12.5%; margin-bottom: 20px; text-align: center;float: left;}
.pro-lead li a{display: block;width: 90px;margin:auto;}
.pro-lead li p{height: 40px;line-height: 40px; overflow: hidden; font-size: 14px;color: #777777;}
.pro-lead li .circle{border:4px solid transparent;  background-position: center center; background-repeat: no-repeat;  width: 82px;height: 82px;border-radius: 50%}
.pro-lead li:hover p{color: #ba4d58;}
.pro-lead li:hover .circle{border-color: #eb6000;}

.series-name{font-size: 26px;color: #333333;padding:40px 0  0 0;text-align: center;}

.wrap-in-product{width: 100%;overflow: hidden;}
.in-product{width: 110%;padding:10px 0;}
.in-product li{float: left;width: 356px; margin:0 45px 50px 0; }
.in-product li .pic-box {position: relative;width: 356px; }
.in-product li .pic-box div {width: 356px;height: 356px;*font-size: 136.5px;}
.in-product li .pic-box img {max-width: 356px;max-height: 356px;}
.in-product li span{z-index: -1; 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; display: block;margin:auto; position: absolute;top:0; left: 0;right: 0;bottom: 0;background:rgba(0,0,0,.6); }
.in-product li span em{color: #fff;font-size: 18px;text-align: center; width: 90%;height: 20px;margin:auto; position: absolute;top:0; left: 0;right: 0;bottom: 0;margin:auto;}
.in-product li:hover span{opacity:1; filter:alpha(opacity=100); z-index: 2;}

.other-page {padding: 0px 0 130px 0;font-size: 12px;font-weight: bold;line-height: 26px;text-align: center;color: #5c5c5c;}
.other-page a {display: inline-block;*display: inline;*zoom: 1;padding: 4px 1.2em; margin: 0 4px 4px ; background: #fff;border: 1px solid #eeeeee;}
.other-page .page-on ,.other-page a:hover {color: #fff;background: #ba4d58;}

.producut-view{ padding: 48px 0 0 0;background: #fff;position: relative;}
.pro-left{float: left;width: 500px; position: relative; }
.producut-view .bd .pic-box { width: 500px; padding: 2px;border:1px solid #e9e9e9;}
.producut-view .bd .pic-box div{width: 500px;height: 500px; }
.producut-view .bd .pic-box img {max-width: 500px;max-height: 500px;}

.producut-view .hd{margin: 16px 0; position: absolute; bottom:-15px; left:572px;width: 570px;}
.producut-view .hd li{float: left;margin-left: 12px;border:1px solid #e0e0e0;}
.producut-view .hd .pic-box { width: 34px;}
.producut-view .hd .pic-box div{width: 34px;height: 34px;}
.producut-view .hd .pic-box img {max-width:34px;max-height: 34px;}
.producut-view .hd li.on{box-shadow: 2px 2px 5px 2px #dcdcdc;}

.pro-intro {position: relative;float: right; width:620px;  }
.pro-name {font-size:24px;color: #4f4f4f; height:52px;overflow: hidden;  }
.pro-view-con{ padding: 28px 0 0 0; }
.pro-view-con p{height: 34px; line-height: 34px;  margin-bottom: 5px;clear: both;}
.pro-view-con p span{ width: 45px; display: inline-block; font-size: 14px; color:#757575;}
.pro-view-con p em{ color: #828282; font-size: 14px; display: inline-block;   }

.pro-intro .pro-text{font-size: 14px;color: #757575;line-height: 26px;}

.space-tit {margin: 80px 0 20px;}
.space-tit p{position: relative; line-height: 1.8; margin:auto;z-index: 3; text-align: center;font-size: 14px;color: #ababab; width: 212px;background-color: #fff;}
.space-tit p span{display: block; font-size: 20px;color: #333333;}
.space-tit:after{content:""; display: block; position: relative;top: -15px; border-bottom: 1px solid #e5e5e5}

.space-loop{padding-bottom: 80px;margin-bottom: 50px;}
.one-space .pic-box{width: 350px; position: relative; margin:auto;}
.one-space .pic-box div{ width: 350px;height: 268px;}
.one-space .pic-box div>img{ max-width: 350px; max-height: 268px;}

.space-loop .owl-dots{position: absolute;bottom:30px;text-align: center; left: 0;right: 0;margin:auto;}
.space-loop .owl-dot{margin:0 10px; border-radius: 50%; display:inline-block;*display:inline;vertical-align: top; width: 12px;height: 12px;background:#bebebe;}
.space-loop .owl-dot.active{background:#ba4d58 }

.one-case2 {cursor: pointer;float: left;width: 33.3%; margin-bottom:20px;}
.one-case2 a{display: block;width: 90%; margin:auto; height: 0;position: relative;padding:0 0 70% 0;}
.one-case2 img{margin:auto; position: absolute;left: 0;right:0;bottom:0; top: 0;}
.one-case2 p{z-index: -1; 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;margin:auto; position: absolute;left: 0;right:0;top: 0;text-align: center;font-size: 20px;color: #fff;}
.one-case2 p span{ padding-top: 32%;display: block;}
.one-case2 p span:after{display: block;content:""; border-bottom: 1px solid #fff;width: 45px;margin:20px auto;}
.one-case2:hover p{opacity:1; filter:alpha(opacity=100); z-index: 2;}
.one-case2:hover{transform: scale(1.15) ;
    -webkit-transform: scale(1.15) ;
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15) ;
    transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;}
.index-footer{position:absolute;right: 0;left: 0;bottom:0;margin:auto;width: 1200px;}
.contact .one-c .tit .cant_add{font-weight:  normal;}


@media only screen and (max-width: 1199px) {
   .main-box{width: 1001px;}
   .index-common-tit{padding:40px 0;}
   .banner .item,.product,.news{background-size: auto 100%;-webkit-background-size: auto 100%;}
   .about-pic{margin-top: 20px;}
   .index-about .about-info{width: 40%;float: left;}
   .index-news,.index-case,.index-about,.index-join{padding-top: 50px;}
   .index-news-r{margin-right: 0;width: 420px;}
   .j-r{width: 412px}
   .index-product .item a{width: 98%;margin:0 1%;}
   .c-l{width: 422px;}
   .join1 li{width: 230px;}
   .join2 ul{padding:0;}
   .join2 ul li{padding:0 30px;}
   .one-news{margin-left: 60px;}
   .one-news a{padding-right: 150px;}
   .one-news span.date{right:50px}
   .news-ewm.fixed{display: none;}
   .in-product{width: 100%}
   .in-product li{width:33.3%;margin:0 0 20px 0;}
   .in-product li .pic-box {width: 95%;margin:auto; }
   .in-product li .pic-box div {display: block; padding:0 0 100% 0; width: auto;height: 0;}
   .in-product li .pic-box img {margin:auto; position: absolute;left: 0;right:0;bottom:0; top: 0; max-width: 100%;max-height: 100%;}
   .pro-intro{width: 446px;}
   .producut-view .hd{width: 424px;}
   .one-space .pic-box{width: 98%; position: relative; margin:auto;}
   .one-space .pic-box div{display: block; width: 100%;height: auto;}
   .one-honor .pic-box div>img{ width: 100%; max-height: 268px;}
   .one-honor .pic-box{width:96%;}
   .one-honor .pic-box div{display:block;width: 100%;height:0;padding:0 0 70% 0}
   .one-honor .pic-box div img{position:absolute;left: 0;right:0;bottom:0; top: 0; margin:auto; }
   .about2 .text,.about1 .con{padding:0 10px;}
}

@media only screen and (max-width: 1001px) {
   .main-box{width: 768px;padding:0 20px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
   #fp-nav{display: none;}
   .section{height: auto !important;margin-bottom: 10px;}
   .section.welcome{height: 0 !important;padding:0 0 60% 0;}
   .banner{margin:auto; position: absolute;left: 0;right:0;bottom:0; top: 0;}
   .index-about .about-info{width: 100%}
   .about-pic{float: none; margin:auto;text-align: center;width: 100%}
   .index-common-tit{padding:20px 0;}
   .index-news,.index-case,.index-about,.index-join{padding-top: 10px;}
   .about-info{margin:20px 0;}
   .product,.news {padding-bottom: 15px;}
   .index-product{margin:40px 0 30px;}
   .index-product .owl-nav{margin-top: -40px;}
   .index-product .owl-nav{padding-right: 15px;}
   .index-news-l,.index-news-r,.j-l,.j-r{width: 100%;float: none;margin-bottom: 20px;}
   .j-l{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
   .index-news-l img{display: block;margin:0 auto 14px;}
   .index-product .wrap2{display: none !important}
   .contact{padding:0;}
   .c-l,.contact .j-r{width: 100%;float: none;margin-top: 15px;}
   .contact .j-r{margin-top: 110px;}
   .j-r input#j-index-sub{margin:auto;}
   .join1 li{width: 172px;}
   .join2 ul li{padding:0 18px;width: 326px;}
   .join4 form{width: 100%}
   .join4 .one-row input{width: 205px;}
   .one-news{margin-left:0;}
   .one-news .pic-box{margin:0;margin-right: 20px;}
   .one-news a{padding:0;padding-right: 40px;}
   .one-news span.date{display: none;}
   .news-wrap{width: 100%;padding:0;}
   .news-view-return{position: fixed;right: 20px;top: 80%;}
   .news-view-return.fixed{position: fixed;right:20px;top: 80%;}
   .pro-lead li{width: 20%}
   .pro-left{float: left;width: 400px; position: relative; }
   .producut-view .bd .pic-box { width: 400px; padding: 2px;border:1px solid #e9e9e9;}
   .producut-view .bd .pic-box div{width: 400px;height: 400px; }
   .producut-view .bd .pic-box img {max-width: 400px;max-height: 400px;}
   .producut-view .hd{width: auto;position: relative;left: 0;bottom:0;}
   .pro-intro{width: 294px;}
   .banner .owl-dots{bottom:1%}
   .index-about .about-info h4{line-height:1.6;margin-bottom:12px;}
   .footer{line-height:1.6;margin-top:20px;padding-top:10px;}
   .index-footer{position:relative;width: 100%;}
}

@media only screen and (max-width: 767px) {
    .main-box{width: 540px;}
    .menu-handler{display: block;}
    .nav ul{width: 100%; display: none; background: rgba(0,0,0,.9);position: absolute;top: 50px; left: 0;right: 0;margin:auto; float: none;}
    .nav ul li{width: 100%;float: none;border-bottom: 1px solid #424242;height: 45px;line-height:45px;}
    .nav ul li:last-child{border:none;}
    .section{overflow:auto; }
    .j-l{padding:56px 0 0 0;}
    .j-l{background:url(../images/j1.jpg) center top no-repeat;}
    .join1 li{width: 246px;margin-bottom: 20px;}
    .join2 ul li{width: 100%;padding:0;border:0 !important;text-align: center;}
    .join3{padding:0 10px;}
    .join4 .one-row input{width: 128px;}
    .join4 .one-row .yz input{width: 200px !important}
    .one-news .pic-box{float: none;display: block; margin: 0 auto 30px;}
    .one-news a{height: auto;padding:0;}
    .news-wrap .con{padding:0;}
    .news-view{padding-top:0;}
    .pro-lead li{width: 25%;margin-bottom: 10px;}
    .pro-left.r-pic-box{width: 96% !important; float: none !important;margin: auto !important;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
    .pro-left.r-pic-box .pic-box {width: auto !important;height: auto !important; margin: auto !important;}
    .pro-left.r-pic-box .pic-box div{display: block !important;height: auto !important;width: auto !important;}
    .pro-left.r-pic-box .pic-box img{max-width: 100% !important;}
    .pro-intro{width: 100%}
    .pro-left.r-pic-box .hd li{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; width: 24% !important;margin:0 .5% !important;}
    .pro-view-con p{height: auto;}
    .contact .one-c .tit .cant_add{display: inline-block;width: 100%;line-height: 22px;margin: 4px 0 0 0;padding: 0;float: left;font-weight:  normal;}

}

@media only screen and (max-width: 540px) {
    .main-box{width: 100%}
	.nav .main-box img{width: 45%;}
    .c-l h4{height: auto;padding:10px 0;line-height: 1.2}
    .join1 ul{width: 100%;}
    .join1 li{width: 49%;margin:0 .5% 20px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
    .join1 li p{width: 95%;}
    .join4 .one-row{width: 100%;margin:0;}
    .join4 .one-row input{margin-bottom: 10px;width: 100%}
    .join1,.join2,.join3,.join4{margin-bottom: 5px;}
    .join1 ul{padding:20px 0;}
    .join2 ul li{height: auto;padding-top: 20px !important;}
    .join2{margin-bottom: 20px;}
    .news-view-return{display:none;}
    .news-wrap .date-section{padding-right: 0}
    .in-product li{width: 50%}
    .pro-lead li{width: 20%;margin-bottom: 10px;}
    .pro-lead li .circle{width: 42px;height: 42px;}
    .pro-lead li a{width: 42px;}
    .about2 .con ul li{width: 49%; margin-bottom:10px;}
    .one-case2{width: 49%;}
    .one-case2:hover p,.in-product li:hover span{display:none !important;}
    .producut-view{padding-top:20px;}
}

@media only screen and (max-width: 480px) {
   .one-case{width: 49%;margin:0 .5% 10px;}
   .yz {float: none;}
   #j-submit{float: none;margin-bottom: 15px;}
   .join3{line-height: 30px;}
}