@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; } 
img { border:none; vertical-align:middle; }
table { border-collapse:collapse; }
input,textarea { outline:none; background: none; border: none; }
textarea { resize:none; overflow:auto; }
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: 1400px; 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: 1200px; width: 100%;margin: auto; }
.main-box3{max-width: 1000px; width: 100%;margin: auto; }


.header {height:90px;background:rgba(67,67,67,.9);position: fixed;top: 0;left: 0;right: 0;;margin: auto;z-index: 999;}
.header .main-box{height: 100%;}
.header-search { position: absolute; height: 34px; left:0;right: 0;margin: auto; top:15px;bottom: 0; width: 560px;}
.header-search span{font-size: 20px;color: #ffffff; padding-right: 7px;margin-right: 10px; font-size:20px;display:inline-block;*display:inline;vertical-align: top; margin-top: 3px; height: 20px; line-height: 20px; border-right: 3px solid #ffffff;}
.search {display:inline-block;*display:inline;vertical-align: top;padding-left: 14px; position: relative; width: 430px;line-height: 26px;background: #000000; border-radius: 18px;}
.search-bar {border: 0 none; width: 80%; color: #fff;font-size: 12px;}
.search-btn {position:absolute;width: 15px;height: 15px; background: url(../images/search.png);border: 0 none; right:6px; top:4px }
 
.lang{float: right; margin-top: 41px;}
.logo{float: left; margin-top: 14px;}
.top-ewm {  position: relative;  }
.top-ewm span{position: absolute;display: none; z-index: 30; left:-37px;top:50px;}
.top-ewm span img{width: 100px;height: 100px;}
.top-ewm:hover span{display: block;}
 
placeholder
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
     opacity:1; 
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
     opacity:1;
}

input:-ms-input-placeholder{
     opacity:1;
}

input::-webkit-input-placeholder{
    opacity:1;
}

.banner {position: relative;}
.one-banner {height:870px;background-position: center center;background-repeat: no-repeat;}
.banner .hd {position: absolute; bottom: 20px; left: 0;right: 0; z-index: 10;margin: auto; text-align: center;}
.banner .hd li {display: inline-block;*display: inline;*zoom: 1; width: 12px; height: 12px; margin-right: 4px; background: #ccc; text-indent: -9999px;}
.banner .hd li.on {background: #333;}

.nav{height: 56px; line-height: 56px;background: #333333; font-size: 0;text-align: center;}
.nav li{height: 56px; color: #fff;font-size: 20px; display:inline-block;*display:inline;vertical-align: top; width: 14.2%;}
.nav li a{display: block;}
.nav li.current,.nav li:hover{background: #ae0003;color: #fed100;}

.index-products{ position: relative; }
.index-products .bd{ width: 1171px; height: 450px; overflow: hidden; margin:0 auto; background-color: #fff; position: relative; z-index: 9}
.index-one-pro {position: relative; height:450px;   }
.index-one-pro .pro{ max-width:720px;max-height:450px;position: absolute; left: 0;top: 0;z-index: 2}
.index-one-pro .pro-con{position: relative; width:451px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;  padding: 17px 22px 22px 28px; margin-left:720px; height: 450px;background: #f7f5f5;}
.index-one-pro .pro-con .tit{font-size: 20px; color: #ae0003; line-height: 36px;}
.index-one-pro .pro-con img{width: 160px; height: 160px;}
.index-one-pro .pro-con .text{font-size: 14px; color: #333333; line-height: 26px;}
.index-one-pro .pro-con .detail{font-size: 12px; color: #333333;height: 106px; line-height: 32px;margin-top:60px;}
.index-one-pro .pro-con .more{display:block; width:98px; height:26px; line-height: 26px;color: #333333;text-align: center; border:1px solid #edc821; background:transparent; }
.index-one-pro .pro-con .more:hover{background: #edc821;color: #fff;}

.index-products .bd-pro .hd a{cursor: pointer; display: block; width:50px; height:72px; position: absolute; top: 50%; margin-top: -38px; z-index: 3}
.index-products .bd-pro .hd a.prev{left:0; background: url(../images/left.png);}
.index-products .bd-pro .hd a.next{right: 0; background: url(../images/right.png);}
 
.l-part{ position: absolute; left: 0; top: 0;width: 316px; height: 450px;}
.l-part .l-bg{ position:absolute;left:0; top: 0; z-index: 3; }
.l-part .pic{position: relative; background-position: center center; background-repeat: no-repeat;width: 100%; height: 100%; z-index: -1}
.l-part .mask{position:absolute; left: 0;top: 0; width: 100%; height: 100%; background:rgba(0,0,0,.4); z-index: -1}

  
.r-part{ position: absolute; right: 0; top: 0;width: 316px; height: 450px;}
.r-part .r-bg{ position:absolute;left:0; top: 0; z-index: 3; }
.r-part .pic{position: relative; background-position: center center; background-repeat: no-repeat;width: 100%; height: 100%; z-index: -1}
.r-part .mask{position:absolute; left: 0;top: 0; width: 100%; height: 100%; background:rgba(0,0,0,.4); z-index: -1}

.index-products{ width:100%; overflow:hidden;}
.change-pro-wrap{ position: absolute;left: 0;z-index: -1;top: 0; right: 0; height: 482px;}
.change-pro{ width: 316px; height: 448px; float: left; padding-right:477px; }
.change-pro .pic{position: relative; background-position: center center; background-repeat: no-repeat;width: 100%; height: 100%;}

.news-pro-tit{font-size: 28px;text-align: center; color: #42464e; margin-top: 80px; line-height: 1;}
.news-pro-tit span{font-size: 20px;color: #7f7f7f;}

.new-pro-lead{text-align: center; font-size: 0; margin: 30px 0} 
.new-pro-lead dd{height: 62px;line-height: 62px;color: #000000;font-size: 20px; display:inline-block;*display:inline;vertical-align: top;width: 275px;margin: 0 70px;} 
.new-pro-lead dd a{padding-left: 68px; display: block; background-position: left center;background-repeat: no-repeat;}
.new-pro-lead dd.on,.new-pro-lead dd:hover{color: #ae0003}

.new-pro-lead dd.d1 a{background-image: url(../images/d1.png);}
.new-pro-lead dd.d2 a{background-image: url(../images/d2.png);}
.new-pro-lead dd.d3 a{background-image: url(../images/d3.png);}


.new-pro-lead dd.d1.on a,.new-pro-lead dd.d1:hover a{background-image: url(../images/d1-on.png);}
.new-pro-lead dd.d2.on a,.new-pro-lead dd.d2:hover a{background-image: url(../images/d2-on.png);}
.new-pro-lead dd.d3.on a,.new-pro-lead dd.d3:hover a{background-image: url(../images/d3-on.png);}

.index-case{height:680px; margin: 107px 0 78px; background: url(../images/index-case.jpg) center center no-repeat; }
.case-tit{font-size: 28px;text-align: center; color: #fff;line-height: 1;padding: 48px;}
.case-tit span{font-size: 20px;}

.index-case ul{text-align: center;}
.index-case li{position: relative; overflow: hidden; height: 440px; width: 330px; margin: 0 3%; display:inline-block;*display:inline;vertical-align: top; position: relative; text-align: center;}
.index-case li img{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.index-case li a{ display: block;}
.index-case li .mask{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out;
margin:auto;opacity:1; filter:alpha(opacity=100);background-position:center 30%; line-height: 440px; background-repeat: no-repeat; text-align: center;font-size: 24px; color: #fff; position: absolute;left: 0;right:0;bottom:0; top: 0;background-color: rgba(0,0,0,.5); }
.index-case li.l1 .mask{background-image:url(../images/c1.png); }
.index-case li.l2 .mask{background-image:url(../images/c2.png); }
.index-case li.l3 .mask{background-image:url(../images/c3.png); }

.index-case li.l1{border-bottom: 4px solid #448aff;}
.index-case li.l2{border-bottom: 4px solid #1ed5b7;}
.index-case li.l3{border-bottom: 4px solid #eb6451;}

.index-case li:hover .mask{opacity:0; filter:alpha(opacity=0);}
.index-case li:hover img{-webkit-transform: scale(1.15);-moz-transform: scale(1.15);transform: scale(1.15);}

.space-tit{font-size: 28px;text-align: center; color: #42464e;line-height: 1;padding: 0 0 34px 0;}
.space-tit span{font-size: 20px;color: #7f7f7f;}

.index-space ul li{float: left; width: 25%;height: 260px; position: relative;}
.index-space ul li img{width: 100%;height: 100%;}
.index-space ul li .mask{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out; opacity:0; font-size: 25px;color: #fff;text-align: center; filter:alpha(opacity=0);margin:auto; position: absolute;left: 0;right:0;bottom:0; top: 0;background: rgba(0,0,0,.3);}
.index-space ul li .mask p{padding-top:38%;}
.index-space ul li:hover .mask{opacity:1; filter:alpha(opacity=100); }
.index-space ul li.first{width: 50%;height: 520px;}
 
.case-more{display: block; margin: 24px auto 60px; width: 98px;height: 26px; line-height: 26px;border:1px solid #edc821;text-align: center;font-size: 12px; color: #333333;}
.case-more:hover{background: #edc821;color: #fff;}

.footer{height: 90px;line-height: 90px;background: #42464e;}
.foot-nav{float: left;  color: #c2c3c5; }
.foot-nav a{font-size: 12px; margin: 0 3px;color: #fff;}
.foot-nav a:hover{color: #ededed}
.foot-sup{float: right;font-size: 12px; color: #dddddd;}
.foot-sup span{color: #999999;}
.foot-sup a:hover{color: #fff;}

.in-banner {height: 265px; margin-top: 90px; background-position: center center;background-repeat: no-repeat;}

.in-common-tit{text-align: center;margin: 60px 0 18px;}
.in-common-tit .t1{font-size: 20px; padding-bottom: 10px; color: #000000;line-height: 1;}
.in-common-tit .t2{font-size: 14px; background: #fff; color:#7f7f7f; position: relative; z-index: 2; display:inline-block;*display:inline; padding: 0 16px;}
.in-common-tit .line{width: 200px; margin: auto; position: relative; height: 1px;background: #000000; top:-10px; z-index: 1;}

.mid-lead{text-align: center;font-size: 14px; margin-bottom: 18px; color: #000000;}
.mid-lead li{display:inline-block;*display:inline; margin: 0 16px; vertical-align: top; cursor: pointer;}
.mid-lead li:hover,.mid-lead li.current{color: #ae0003;}

.one-name{text-align: center;font-size: 19px;color: #000000;}
.mid-pic{height: 14px; margin: 8px 0; background: url(../images/mid-pic.png) center center no-repeat;}

.aobut1 .top{margin: 10px 0 14px;}
.aobut1 .top .l{float: left;}
.aobut1 .top .r{float: right;width: 840px; height: 352px; padding: 53px 18px 18px; background: #f7f5f5; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font-size: 14px;color: #000000;}
.aobut1 .top .r .tit{line-height: 1;padding-bottom: 48px; font-size: 14px;color: #000000;font-weight: bold;}
.aobut1 .top .r .con{font-size: 14px;color: #000000; line-height: 40px;}
.aobut1 .bottom .l{float: left;}
.aobut1 .bottom .l .con{width: 840px; line-height: 42px; height: 352px; padding:72px 18px 18px; background: #f7f5f5; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font-size: 14px;color: #000000;}
.aobut1 .bottom .r{float: right;}

.about2{height: 650px; margin: 78px 0; background: url(../images/about2.jpg) center center no-repeat;}
.about2 .con{ padding: 170px 162px;}
.about2 .con .tit{font-size: 20px;color: #000000; line-height: 1;padding-bottom: 28px;}
.about2 .con .text{font-size: 14px;color: #000000;line-height: 28px;}


.pro-view-box{ position: relative; margin: 14px 0 60px; height: 720px;background: url(../images/pro-view-box.jpg);}
.s-pro{margin: 20px 0; position: relative;}
.pro-view-box .bd{padding-top: 26px;}
.pro-view-box .hd{ position: relative; margin-top: 60px; padding: 0 80px; }
.pro-view-box .hd>a{position: absolute; cursor: pointer; top:31%;width:35px;height: 64px;   display: block; cursor: pointer;}
.pro-view-box .hd>a.hd-prev{left: 12px;background: url(../images/r-p.png);}
.pro-view-box .hd>a.hd-next{right:12px;background: url(../images/r-n.png);  }
.one-pro-s {float: left;  margin-right: 14px;}
.one-pro-s .pic-box{width: 157px;border:2px solid transparent; }
.one-pro-s .pic-box div {width: 157px; height:142px;}
.one-pro-s .pic-box img {max-width:157px;max-height:142px;}
.one-pro-s.on .pic-box{border:2px solid #d53b00;}
.one-big-pic .pic-box{width: 668px;  margin: auto;background:transparent;  }
.one-big-pic .pic-box div {width:668px; height:440px;}
.one-big-pic .pic-box div img { max-width: 668px;  max-height: 440px;}

.about3 .one-pro-s .pic-box img {max-width:auto;max-height:auto;width:100%;height:100%;}

.map{width: 1100px;margin: auto;}
.map1{margin: 20px 0;}
.map2{ height: auto; margin-bottom: 90px; background: url(../images/map2.jpg) right center no-repeat;}
.map2 .tit{line-height: 1;padding-bottom: 20px; font-size: 18px; color:#000000;}
.map2 .con{font-size: 14px;color: #000000; line-height: 25px;}

.case-over{margin-top: 34px;}
.one-case {float: left;width:33.3%;margin: 0px 0 30px 0;font-size: 18px;color: #605f5f;}
.one-case a{border: 1px solid #d5d3d4; display: block; width: 358px; margin: auto}
.one-case .pic-box {margin: auto;width: 358px;}
.one-case .pic-box div {width: 358px;height:280px; text-align: center;}
.one-case .pic-box img {max-width: 358px;max-height: 280px; }
.one-case  p {height: 54px;line-height: 54px;text-indent: 18px;overflow:hidden;}
.one-case:hover p{color: #ae0003;}

.other-page {padding: 30px 24px;font-size: 14px;font-weight: bold;line-height: 26px;text-align: right;color: #605f5f;}
.other-page>a {text-align:center; vertical-align: middle; display: inline-block;*display: inline;*zoom: 1; margin: 0 2px; width: 22px; height: 22px; line-height: 22px; border-radius: 50%;background: transparent;}
.other-page .page-on ,.other-page>a:hover {color: #fed100;background: #b81f22;}

.otherbtn{font-family: "SimSun";vertical-align: top;} 
.otherbtn-g{color: #c1c1c1}

.join .tit{text-align: center; line-height: 1;margin: 50px 0 22px; font-size: 16px;color: #333333;font-weight: bold;}
.join .con{font-size:14px;color: #7f7f7f; line-height: 25px; }

.join-pic{text-align: center;margin:24px 0 60px;}
.net{text-align: center;}
 
.one-hot-news  {padding: 30px 100px 18px; margin: 10px 0 30px; display: block; background: #eeeeee; height: 264px;}
.one-hot-news .bd{float: left;width: 320px;}
.one-hot-news .pic-box {width: 320px; }
.one-hot-news .pic-box div {width: 320px;height: 220px;*font-size: 136.5px;}
.one-hot-news .pic-box img {max-width: 320px;max-height: 220px;}
.one-hot-news .hd {z-index: 10;margin: auto; text-align: center; margin-top: 30px;}
.one-hot-news .hd li {cursor: pointer; display: inline-block;*display: inline;*zoom: 1; margin: 0 6px; background: url(../images/n-li1.png); width: 11px;height: 11px;  text-indent: -9999px;}
.one-hot-news .hd li.on {background: url(../images/n-li2.png);}
.one-hot-news .wrap{font-size: 12px;color: #333333; line-height: 25px; float: right; width: 782px; position: relative;height: 264px;}
.one-news-tit {font-size: 18px; color: #333333; padding: 14px 0 0 0;line-height: 1;}
.one-news-date {line-height: 1;color: #a9a9a9;padding: 10px 0 23px}
.view-news {position: absolute;left: 0;bottom: 44px;width: 98px;height: 28px;font-size: 12px;line-height: 28px;text-align: center;color: #333333;border: 1px solid #edc821;}
.view-news:hover {color: #fff;background: #edc821;}
 
.in-news li{border-bottom: 1px solid #bfbfbf}
.in-news li a{position: relative; display: block; padding: 14px ; height: 110px;}
.in-news li .date{  display: block; position: absolute; left: 26px; top: 18px; font-size: 72px; line-height: 1;color: #7d7d7d;width: 128px; height: 110px;  text-align: center; }
.in-news li .date em{display: block;font-size: 18px; padding-top: 10px; color: #7d7d7d; position: relative;  }
.in-news li .wrap{margin-left:174px; height: 110px; }
.in-news li .tit { font-size: 18px; line-height: 1;padding-bottom: 14px;}
.in-news li .con{ color:#7d7d7d;line-height: 26px; height: 58px;overflow: hidden; }
.in-news li .more{ font-size: 16px;color: #999999;} 
.in-news li:hover{background: #bfbfbf;}
.in-news li:hover .date ,.in-news li:hover .date em,.in-news li:hover .tit,.in-news li:hover .con,.in-news li:hover .more{color: #fff;}

.news-title {font-size: 24px;line-height: 3;text-align: center; color: #333333;}
.news-date {margin-bottom: 20px;font-size: 14px; padding-bottom: 30px; line-height: 0;text-align: center;}
.other-news  {padding-bottom: 20px;font-size: 12px;line-height: 2;}
.other-news p a:hover {color: #edc821;}  
.other-news>a{position: absolute; right: 0;top: 4px;width: 72px;height: 26px;line-height: 26px;border:1px solid #edc821;text-align: center; color: #333333;}
.other-news>a:hover{background:#edc821;color: #fff; }
 
.pro-nav {background: #f3f3f3;margin: 10px 0 25px;}
.pro-nav li{ height: 70px; line-height: 70px; padding-left: 14px;}
.pro-nav li a{ font-size: 16px; color: #504f4f; border-radius: 4px; padding:3px 9px 5px 9px; margin:0 18px}
.pro-nav li a.active ,.pro-nav li a:hover{ background-color: #92050c; color: #fff;}

.one-pro {float: left;width:33.3%;   margin-bottom:15px;  }
.one-pro a{display: block;margin: auto;width: 358px; border:1px solid #d5d3d4;}
.one-pro .pic-box {width: 358px;margin: auto; position: relative;}
.one-pro .pic-box div {width: 358px;height: 358px;*font-size: 145.25px;}
.one-pro .pic-box img {max-width: 358px;max-height: 358px;}
 
.one-pro .pic-box img.img2{position: absolute;left: 0;right: 0;top: 0;bottom: 0; margin: auto; display: none;width: 358px;height: 358px;}
.one-pro p{text-align: left; font-size: 18px; color: #605f5f; padding: 13px; }
.one-pro p span{padding-left: 20px;margin-left: 20px; position: relative; top: -2px;  font-size: 15px; color: #919090; border-left: 2px solid #ff0000; }

.producut-view{ padding: 52px 0 0 0;}
.producut-view .pic-box {float: left;  width: 500px;padding: 2px;border: 1px solid #c9c9c9;}
.producut-view .pic-box a{display: block;}
.producut-view .pic-box div{width: 500px;height: 500px;}
.producut-view .pic-box img {max-width: 500px;max-height: 500px;}

.pro-intro {position: relative;width:458px; height: 308px;float:right;font-size: 14px;line-height: 2.4;color: #333;}
.pro-name {font-size:26px;color: #1f1f1f;border-bottom: 1px solid #c9c9c9; height: 74px; line-height: 74px;}
.pro-intro .con p{ padding: 30px 0;}
.pro-intro .con span{font-weight: bold; padding-right: 38px;display:inline-block;*display:inline;vertical-align: top;}
.pro-intro .con  em{display:inline-block;*display:inline;vertical-align: top;width: 360px;}

.share-part{margin: 24px 0;}
.up{margin:52px 0; }

.relate-pro{ margin-bottom: 55px; }
.pro-relate-tit {  font-size: 26px; color: #333333; margin-bottom: 18px;}
.relate-pro .hd a {position: absolute;top:54px;width: 36px;height: 200px; display: block; cursor: pointer;}
.relate-pro .prev {left: 0;background: url(../images/arrow-l.jpg);}
.relate-pro .next {right:0;background: url(../images/arrow-r.jpg); }
 
.relate-pro .bd{margin: 0 40px;}
 
.re-one-pro {float: left;width: 25%;  }
.re-one-pro .pic-box {width: 200px;margin: auto;}
.re-one-pro .pic-box div {width: 200px;height: 200px;*font-size: 145.25px;}
.re-one-pro .pic-box img {max-width: 200px;max-height: 200px;}
 

@media screen and (max-width:1680px) {
     .l-part{ left: -100px;}
     .r-part{ right: -100px;}
     .change-pro-wrap{ left: -100px;}
     .change-pro{padding-right:458px; }
}


@media screen and (max-width:1600px) {
.change-pro{padding-right:500px; }
}
@media screen and (max-width:1584px) {
.change-pro{padding-right:490px; }
}


@media screen and (max-width:1440px) {
     .l-part{ left: -400px;}
     .r-part{ right: -400px;}
     .change-pro-wrap{ left: -300px;}
     .change-pro{ display: none;}
 
     .index-products .bd-pro .hd a.prev{ left: 0;}
     .index-products .bd-pro .hd a.next{ right: 0;}
} 


.format_box{
    padding:10px 0 20px 0;
    text-align:center;
}
.format_box ul li{
    width:100px;
    height:25px;
    line-height:25px;
    border:1px solid #ccc;
    font-size:14px;
    color:#979797;
    display:inline-block;
    margin:0 5px;
}