@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;}
.nav li a,.in-nav li,.in-nav2 li a,.case li p,.other-page a,#footer dl dd a{ transition:0.2s; -moz-transition:0.2s; -o-transition:0.2s; -webkit-transition:0.2s;}


.main-box {position: relative;width: 1200px; 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;}

.banner {position: relative;min-width: 1200px;}
.one-banner {height: 830px;background-position: center center;background-repeat: no-repeat;}
.one-banner a{height: 100%;display: block;}
.banner .hd {position: absolute; bottom: 45px; left: 0;right: 0; z-index: 10;margin: auto; text-align: center;}
.banner .hd li {display: inline-block;*display: inline;*zoom: 1; width: 52px; height:6px; margin-right: 15px; background:rgba(255,255,255,.54); text-indent: -9999px;}
.banner .hd li.on {background: #00b9ef;}

.banner-btn{width: 1200px; margin: auto;position: absolute; left:0; right: 0;z-index:2; top: 0;}
.banner-btn a{cursor: pointer; position: absolute; display: block; width: 41px;height: 68px; top:415px; }
.banner-btn a.prev{left:0; background: url(../images/banner-btn-l.png);}
.banner-btn a.next{right:0; background: url(../images/banner-btn-r.png);}

.header {height:88px;position:absolute;top:0;left:0;right:0;width: 1200px; margin:auto;z-index:20;  }
.logo {float:left;}
.nav {float: left;margin: 30px 0 0 126px;font-size: 14px;line-height:34px;}
.nav li {float: left; margin-right:38px; text-align: center; color: #f1f1f1;}
.nav li a:hover:after ,.nav .present a:after {width:27px;height:2px; display:block; margin:auto;background:#fff;content: '\0020';}
.nav a {display: block; }
 
.header-search { float: left; color: #007969; position:relative;margin:32px 0 0 20px;}
.search {padding-left: 10px;width: 132px;line-height: 30px;color: #999999;background: #bebebe; border-radius: 16px;}
.search-bar {border: 0 none;text-indent:30px; color:#333;}
.search-btn {position:absolute;width: 16px;height: 15px; background: url(../images/search.png);border: 0 none; top:7px; left: 14px;}

.top-ewm { position: relative; float: right;margin-top: 33px;}
.top-ewm  span{display: none; position: absolute;left: -120px;bottom: -168px;}
.top-ewm  span img{width: 150px;height: 150px;}
.top-ewm:hover span{display: block;}

.index-pro{background: url(../images/index-pro.jpg); height: 690px;min-width: 1200px;}
.index-pro-tit{height: 85px;min-width: 1200px;padding-top: 76px;background: url(../images/index-tit1.png) center bottom  no-repeat;}
.index-pro-tit .hd2{text-align: right;font-size: 0; padding-top: 5px;}
.index-pro-tit .hd2 li{display:inline-block;*display:inline;vertical-align: top; height: 38px; line-height: 1;border-bottom: 3px solid transparent; font-size:14px;color: #8f8f8f;margin-left: 42px; }
.index-pro-tit .hd2 li.on,.index-pro-tit .hd2 li:hover{border-color: #b0b0b0;color: #393939;}

.index-pro-con{padding-top: 50px;}
.index-one-pro-loop{position: relative;height: 390px;}
.index-one-pro-loop .hd a {cursor:pointer;z-index: 3; position: absolute;top:50%;width: 44px;height:115px; margin-top: -55px;}
.index-one-pro-loop .prev {left:0;background: url(../images/p-prev.png);}
.index-one-pro-loop .next {right:0;background: url(../images/p-next.png);}
 
.index-one-pro {float: left;width:390px;margin-right: 14px; font-size: 16px;}
.index-one-pro .pic-box {width: 390px;margin: auto; position: relative; }
.index-one-pro .pic-box div {width: 390px;height:390px;*font-size: 390px.63px;}
.index-one-pro .pic-box img {width: 390px;height: 390px;}
.index-one-pro .pic-box p{background: rgba(0,0,0,.4); color: #fff;text-align: center; font-size: 16px; position: absolute; left: 0; right: 0; bottom: 0; height: 47px; line-height: 47px;}

.index-about{background: url(../images/index-about.jpg) center center no-repeat; min-width: 1200px; height: 866px;}

.about-top{padding: 98px 0 50px;height: 38px;text-align: right;}
.about-top  a{display:inline-block;*display:inline;vertical-align: top;width: 110px; height:38px; line-height: 38px;color: #fff;text-align: center; background: #02aee7;  font-size: 14px;}
.index-about .wrap{padding-left: 422px;}
.index-about .wrap .text{padding: 23px 0 0 33px; height: 278px;}
.index-about .wrap .text .tit{font-size: 16px; color: #fff;line-height: 37px; margin-bottom: 27px;}
.index-about .wrap .text .tit span{display: block;line-height: 1;font-size: 22px;}
.index-about .wrap .text .con{font-size: 14px; color: #d4d4d4; line-height: 30px;}

.plant-list{margin-top: 68px}
.plant-list li{width: 25%;  float: left;text-align: center; background-repeat:  no-repeat;background-position: center top;}
.plant-list li a{display: block;padding: 134px 0 30px; width: 105px; margin: auto;}
.plant-list li .tit{font-size:16px;  color: #ececec; line-height: 1; font-weight: bold;}
 
.plant-list li.plant1{background-image: url(../images/j1.png);}
.plant-list li.plant2{background-image: url(../images/j2.png);}
.plant-list li.plant3{background-image: url(../images/j3.png);}
.plant-list li.plant4{background-image: url(../images/j4.png);}
 
.index-case{background: url(../images/index-pro.jpg); height: 624px;min-width: 1200px;}

.index-case-con{width: 1120px; margin: auto; box-shadow: 0px 0px 3px 1px #d7d6d7;position: relative;top: -71px;background: #fff;padding: 44px 46px 56px;}
.case-top{height: 86px;text-align: right;  background: url(../images/case-top.jpg) center bottom  no-repeat;}
.case-top  a{display:inline-block;*display:inline;vertical-align: top;width: 110px; height:38px; line-height: 38px; margin-top: -6px; color: #fff;text-align: center; background: #02aee7;  font-size: 14px;}

.case-list{padding-top: 40px;}
.case-list li{float: left;position: relative;overflow: hidden;}
.case-list li img{width: 100%; height: 100%; -webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.case-list li p{background:url(../images/c-bg.png) center bottom no-repeat; position: absolute;text-align: center;color: #fff;font-size: 15px; left: 0;right: 0;bottom: 0;height:44px;line-height: 44px;}
.case-list li.c1{width: 350px;height: 400px; margin-right: 8px;}
.case-list li.c2{width: 194.5px;height: 200px; margin:0 10px 8px 0; }
.case-list li.c3{width: 194.5px;height: 200px;margin:0 10px 8px 0;}
.case-list li.c4{width: 350px;height: 200px;}
.case-list li.c5{width: 400px;height: 190px; margin-right: 10px;}
.case-list li.c6{width: 350px;height: 190px;}
.case-list li:hover img{-webkit-transform: scale(1.15);-moz-transform: scale(1.15);transform: scale(1.15);}

.index-news{background: #223052;height: 745px;min-width: 1200px;}
.index-news-tit{height: 84px; padding-top: 76px;background: url(../images/index-tit2.png) center bottom  no-repeat;}
.index-news-tit .hd2{text-align: right;font-size: 0; padding-top: 5px;}
.index-news-tit .hd2 li{display:inline-block;*display:inline;vertical-align: top; height: 38px; line-height: 1;border-bottom: 3px solid transparent; font-size:14px;color: #eeeeee;margin-left: 42px; }
.index-news-tit .hd2 li.on,.index-news-tit .hd2 li:hover{border-color: #bacdfd;color: #bacdfd;}

.index-contact{background: url(../images/index-pro.jpg); height: 573px;min-width: 1200px;}

.choose-wrap li{ float: left; width: 25%; }
.choose-wrap li  .img-part{height: 245px;}
.choose-wrap li  .choose-text{height: 204px;}
 

 .choose-wrap{padding-top: 40px;}
.choose-wrap .choose-text{position: relative;background: #fff; }
.choose-wrap .wrap-text{padding: 30px  24px 0; }
.choose-wrap h4{font-weight: normal;font-size: 14px;  color: #333333; font-family: "Arial";}
.choose-wrap .line{width: 30px;height: 3px;background: #7b90c5;margin: 12px 0;}
.choose-wrap p{font-size: 15px;  color: #333333; height: 84px;overflow:hidden;line-height: 22px;}
.choose-wrap span{font-size: 14px; color: #7b90c5}

.img-part{width:300px; height: 244px;overflow: hidden; }
.img-part img{/*width: 100%;height: 100%;*/position: relative;left: -24%;  -webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
 
.choose-text  .arrow-t {z-index: 2;border-bottom: 26px solid #fff;;border-left: 26px solid transparent;border-right: 26px solid transparent;height: 0;margin: auto;position: absolute;right:0;top: -26px;left: 0; width: 0;}
.choose-text  .arrow-b {z-index: 2;border-top: 26px solid #fff;;border-left: 26px solid transparent;border-right: 26px solid transparent;height: 0;margin: auto;position: absolute;right:0;bottom: -26px;left: 0; width: 0;}
.choose-wrap li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1)}
.contacnt-top{height: 87px;padding: 52px 0 0 0; background: url(../images/index-tit3.png) center bottom no-repeat; min-width: 1200px;}

.index-form {  padding-top:44px; }
.index-form  .rows{ margin-bottom: 20px;}
.index-form  .rows input,.index-form  .rows select{  color: #8e8e8e;  float: left; width:385px;height: 46px; border: 1px solid #cbcbcb; line-height: 46px; text-indent: 50px; margin-right: 22px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.index-form  .rows select{text-indent: 54px;}
.index-form  textarea{ height:182px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; padding: 14px 30px 0;text-indent: 30px; display: block;width: 100%; border: 1px solid #cbcbcb;}

.submit-senton{text-align: right;}
.submit-senton .index-submit{width: 140px; display:inline-block;*display:inline;vertical-align: top;  font-size: 14px;height: 40px; margin-left: 12px;  text-align: center; color: #fff; background: #898989;}
 
#name{ background:#fff url(../images/i1.png) 14px center no-repeat;}
#phone{ background:#fff url(../images/i2.png) 15px center no-repeat;}
#kind{ background:#fff url(../images/i3.png) 18px center no-repeat;}
#mes{ background:#fff url(../images/i4.png) 13px 12px no-repeat;}

#footer{background: #272727;min-width: 1200px; padding: 60px 0;}
.foot-contact {float: left;width: 354px;}
.foot-contact .tit{ font-size: 18px; margin-bottom:16px; padding-bottom: 16px; color: #f9f9f9;background: url(../images/foot-contact.png) left bottom no-repeat;}
.foot-contact .con{font-size: 12px; color: #a5a5a5; line-height: 25px;}

.foot-nav{float: right;width: 826px;}
#footer dl{float: left;max-width: 92px;margin-left: 48px;}
#footer dl dt{font-size: 15px; color: #f4f4f4; line-height: 1;}
#footer dl span{display: block; height: 3px; background: url(../images/foot-line.png) left center no-repeat; margin: 25px 0 16px;}
#footer dl dd{font-size: 12px; color: #a5a5a5; line-height: 22px;}
#footer dl dd a{ color: #a5a5a5;}
#footer dl dd a:hover{ color: #f4f4f4;}

.foot-ewm{float: right;width: 140px;}
 
.in-banner {height:440px;background-position: center center;background-repeat: no-repeat;}
 
.in-page-con{background: #fff; position: relative; z-index: 20; padding-bottom: 58px; min-width: 1200px;}
.page{ position: relative; top: -66px; background: #fff; margin-bottom:-58px}

.in-nav {font-size: 0;-webkit-box-shadow: -2px -7px 16px -3px rgba(51,41,35,1);
-moz-box-shadow: -2px -7px 16px -3px rgba(51,41,35,1);
box-shadow: -2px -7px 16px -3px rgba(51,41,35,1);text-align: center;width: 1200px; margin:auto; height: 66px; line-height: 66px; border-bottom: 1px solid #e5e5e5}
.in-nav  li {display: inline-block; padding: 0 4px; margin: 0 28px; border-bottom: 3px solid transparent; font-size: 15px; color: #595959;}
.in-nav .current ,.in-nav li:hover {color: #04acdd; border-color:#04acdd;}
.in-nav a {display: block;}

.page2{-webkit-box-shadow: 0px 0px 4px 0px rgba(138,138,138,1);
-moz-box-shadow: 0px 0px 4px 0px rgba(138,138,138,1);
box-shadow: 0px 0px 4px 0px rgba(138,138,138,1);padding-bottom: 40px;}


.about1{padding-top: 58px;}
.about-common-tit{font-size: 30px; color: #17298c;line-height: 1; margin-bottom: 20px; }
.about-common-tit span{display: block; font-family: "Arial"; margin: 12px 0;font-size: 16px; color: #d3d3d3}
.about-common-tit img{vertical-align: top;}
.about-common-tit2{text-align: center;margin: 43px 0  7px;}

.about1 .l{float: left; width: 766px; font-size: 14px; color: #818181; line-height: 25px;}
.about1 .r{float: right; width:403px;}

.about2{height: 879px; min-width: 1200px; background: url(../images/about2.jpg) center center no-repeat;}

.about2 .con{padding:359px 46px;}
.about2 .con .l{float: left;width: 474px;}
.about2 .con .l .tit{font-size: 16px; color: #ffffff; line-height: 30px;}
.about2 .con .l .text{font-size: 14px;color: #ececec; line-height: 30px;}

.about2 .con .r{float: right;width: 465px;}
.about2 .con .r .tit{font-size: 15px; font-weight: bold; color: #114675; line-height: 30px;}
.about2 .con .r .text{font-size: 14px;color: #114675; line-height: 30px;}

.about3{padding: 63px 0 84px;}
.about3-text{font-size: 14px;   color: #7c7c7c; line-height:25px;padding-left: 16px;border-left: 9px solid #ededed }

.wrap-house-list{height: 428px;position: relative;}
.one-house {width: 300px; float: left;  }
.one-house .wrap-house{width: 300px;height: 334px;overflow: hidden;}
.one-house .wrap-house img{width: 100%; height: 100%;webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.one-house .wrap-text{text-align: center; height: 94px;background: #ebebeb;position: relative; line-height: 94px; text-align: center; color: #333333;}
.one-house .wrap-text p{  font-size: 15px;}
 
.one-house .wrap-text em.em1{border-bottom: 16px solid #ebebeb;border-right: 16px solid transparent;border-left: 16px solid transparent; display: block;left: 0;  height: 0;margin: auto;position: absolute;right: 0;top:-16px;width: 0; z-index: 20}
.one-house .wrap-text em.em2{border-top: 16px solid #ebebeb;border-right: 16px solid transparent;border-left: 16px solid transparent; display: block;left: 0;  height: 0;margin: auto;position: absolute;right: 0;bottom:-16px;width: 0; z-index: 20}
.one-house:hover img{transform: scale(1.2);-webkit-transform: scale(1.2)}

.wrap-house-list{margin-top: 42px;}
.wrap-house-list>span {cursor:pointer;z-index: 3; position: absolute;top:50%;width: 44px;height:115px; margin-top: -55px;}
.wrap-house-list .prev {left:0;background: url(../images/p-prev.png);}
.wrap-house-list .next {right:0;background: url(../images/p-next.png);}

.about4{padding-bottom: 124px;}
.Bridgelist li{position: relative; float: left;width: 25%; margin-bottom: 36px;  }
.Bridgelist li .pic-box{width: 290px; margin: auto; height: 345px; border:1px solid #dedede;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.Bridgelist li .pic-box div{width: 290px;height: 345px;}
.Bridgelist li .pic-box img{max-width: 290px;max-height: 345px;}
.Bridgelist li p{margin:auto;background: #f2f2f2; font-size: 16px; color: #333333; line-height: 42px;text-align: center; width: 290px;height: 42px;overflow: hidden; }

#Bridge{position: relative; margin:auto; padding:0 0 40px 0;}
#Bridge .hd {position: absolute; bottom:0px; left:0; right: 0; z-index: 10;margin: 0 auto; text-align: center;}
#Bridge .hd li {-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out; cursor: pointer; display: inline-block;*display: inline;*zoom: 1;  width:9px; height:9px; margin:0 4px; background: #aaaaaa; border-radius: 50%; text-indent: -9999px;}
#Bridge .hd li.on {background: #17298c;border-radius: 10px;width: 56px;}

.case li{position: relative; float: left;width:290px; margin:0 10px 40px 0;   }
.case li .pic-box{width: 290px; margin: auto; height: 345px; border:1px solid #dedede;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.case li .pic-box div{width: 290px;height: 345px;}
.case li .pic-box img{max-width: 268px;max-height: 326px;}
.case li p{margin:auto;background: #f2f2f2; font-size: 16px; color: #333333; line-height: 42px;text-align: center; width: 290px;height: 42px;overflow: hidden; }
.case li:hover p{ background:#0B95BD; color:#FFFFFF;}

.other-page {padding: 30px 0 40px;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: 0 1em; margin: 0 6px; background: #fff;border: 1px solid #cbcbcb;}
.other-page .page-on ,.other-page a:hover {color: #fff;background: #787878; border-color: #117f9f;}

.contact{padding: 70px 0 60px;}
.contact .l{float: left;width: 534px; }
.contact .l .con{width:528px; margin-top: 12px;   padding-top: 14px; background: url(../images/contact-l.png) center 24px no-repeat; font-size: 14px; color: #2c2c2c;}
.contact .l p{padding-left:82px; line-height: 72px;}
.contact .r{float: right; width:612px; height: 354px; }
.contact .r .map{border:1px solid #e1e1e1;}

.contact-logo{padding-bottom: 20px; border-bottom: 1px solid #d8d8d8;}
.contact-ewm{display:inline-block;*display:inline;vertical-align: top;text-align: center; color: #9d0713;line-height: 3;}

.net {padding: 68px 0;}
.net .l{ float: left; width: 665px;}
.net .r{float: right; width: 468px; margin-right: 10px}
.net .r .con{padding: 5px 12px;background: #f8f8f8}

.one-store{border-bottom: 1px solid #dfdfdf; padding:10px 0; width: 418px; }
.one-store h2{font-size: 16px; color: #333333; line-height: 44px;}
.one-store p{padding-left: 34px;}
.one-store p.tit1{font-size: 16px; color: #0a85a9; font-weight: bold; line-height: 38px;}
.one-store p.text{font-size: 14px; color: #626262; line-height: 2;}

.wrap-store{padding-bottom: 28px;}
.wrap-store h2{padding-left:6px; font-size: 16px;}
.wrap-store .container2{height:434px; position: relative;}
.wrap-store .div_scroll{ background:transparent;height: 434px; width: 100%; overflow: auto;}
.wrap-store .scroll_container {overflow: hidden;position: relative;}
.wrap-store .scroll_absolute {position: absolute;}
.wrap-store .scroll_vertical_bar {position: absolute;top: 0; right: 0;width: 4px;height: 100%;background: green; margin: 0;padding: 0;}
.wrap-store .scroll_track {position: relative;background-color: #d3d3d3;}
.wrap-store .scroll_drag {position: relative;top: 0;left: 0;cursor: pointer;background-color: #edb438;}
.wrap-store .scroll_arrow {text-indent: -20000px;display: block;cursor: pointer;}
.wrap-store .scroll_vertical_bar .scroll_arrow {height: 16px;}

.secelc-section{padding: 20px 0}
.net-select{width: 218px; height: 38px;position: relative;float: left; color: #fff; font-size: 16px; line-height: 38px;background: url(../images/select-bg.jpg) no-repeat;}
.select-item2{padding-left: 16px;}
.net-select select { position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;filter: alpha(opacity=0);border:none;}

.in-news-wrap{padding-top: 40px;}
.one-news {font-size: 14px; color: #666666; line-height: 26px;webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out; border-bottom: 1px dashed #C3C3C3;padding-bottom: 35px;margin-top: 35px;}
.one-news .wrap {position: relative;display: block;height: 292px;padding: 0 0 0px 514px;}
.one-news .pic-box {float: left;width: 484px;margin-left: -514px;}
.one-news .pic-box div {width: 484px;height: 292px;*font-size: 136.5px;}
.one-news .pic-box img {max-width:484px;max-height:292px;}
.one-news-tit {padding-top: 18px; font-size: 20px;color: #333333; line-height: 1;padding-bottom: 18px; margin-bottom: 16px; border-bottom: 1px solid #e7e7e7}
.one-news-date {webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;transition:all .6s ease-in-out;position: absolute;right: 0;bottom: 0;line-height: 24px; color: #b3b3b3}
/*.one-news-date span{padding: 0 14px 0 24px;}*/
.one-news:hover{ color: #333; background: #F1F1F1; }
.one-news:hover .one-news-tit{ color:#17298c;}
.one-news:hover .one-news-date{color: #333;}

.in-news-wrap2{padding: 30px 0;}
.in-news-wrap2 .tit{ font-size: 22px; color: #343333; line-height: 4;border-bottom: 1px solid #d8d8d8;text-align: center;}
.in-news-wrap2 .date-section{ position: relative; height: 26px; line-height: 26px;}
.in-news-wrap2 .date-section .line{position: absolute; top: 10px;left: 8px; width: 53px; height: 4px; background: #cc3233;}
.in-news-wrap2 .date-section span{ position: absolute; right: 0; top: 6px; color: #b3b3b3;}
.in-news-wrap2 .date-section em{line-height: 38px; color: #b3b3b3;}
.in-news-wrap2 .con{ padding: 36px 0; border-bottom: 1px solid #c8c8c8}
.other-news2 {padding: 20px 0;font-size: 12px;line-height: 2; color: #444444;}
.other-news2 a:hover {color: #000;}
.other-news2 em{color: #aaaaaa}

.in-nav2 {font-size: 0; border-bottom: 1px solid #e2e2e2; text-align: center; height: 80px; line-height: 80px;  -webkit-box-shadow: -2px -7px 16px -3px rgba(51,41,35,1);-moz-box-shadow: -2px -7px 16px -3px rgba(51,41,35,1);box-shadow: -2px -7px 16px -3px rgba(51,41,35,1);}
.in-nav2>ul li {display: inline-block; font-size: 14px; color: #626262; margin: 25px 15px 0; height: 32px; line-height: 32px; }
.in-nav2 .current a,.in-nav2 li:hover a{ background:#04acdd url(../images/click2.png) 16px center no-repeat;color: #fff;}
.in-nav2 a {display: block;padding: 0px 24px 0 30px;  background:#efefef url(../images/click.png) 16px center no-repeat;text-indent: 6px;border-radius:6px;}

.more-products{width: 146px;height: 42px;background: url(../images/pro-choose.png) center center no-repeat; margin:0 auto 20px; }

.choose-pro-list{background: #2a2a2a;min-width: 1200px; display: none;}
.choose-pro-list .main-box{padding: 15px 0;}
.choose-pro-list .main-box{background: #3f3f3f;} 
.choose-pro-list dl{float:left;width: 183px; margin-right: 20px;}
.choose-pro-list dl dt{font-size: 14px; padding-left: 20px; color: #fff;font-weight: bold; height: 40px; line-height: 40px; border-bottom: 1px solid #656565;}
.choose-pro-list dl dt img{vertical-align: middle;}
.choose-pro-list dl dd{padding-left: 50px; cursor: pointer; color: #fff; height: 32px; line-height: 32px; background: url(../images/click.png) 27px center no-repeat;}
.choose-pro-list dl dd.on{color: #0ab5e7; background: url(../images/click2.png) 27px center no-repeat;}

.one-pro {float: left;width:25%; background-color: #fff;  margin-bottom:30px; }
.one-pro .pic-box {width: 280px;margin: auto; position: relative;}
.one-pro .pic-box div {width: 280px;height: 280px;*font-size: 280.25px;}
.one-pro .pic-box img {max-width: 280px;max-height: 280px;}

 
.one-pro .pic-box img.img2{position: absolute;left: 0;right: 0;top: 0;bottom: 0; margin: auto; display: none;}
.one-pro p{text-align: left; font-size: 13px;width: 280px;margin: auto; color: #2b2b2b; line-height: 1; padding: 20px 10px 0;}
.one-pro p span{float: right; display: block; font-size: 15px; color: #9a9a9a; }
li.one-pro:hover p{ color:#108ACE;}

.producut-view{  margin: 60px 48px 0 ;}
.wrap-pro-view{ float: left;width: 502px;}
.producut-view .pic-box {width: 502px; position: relative;}
 .producut-view .pic-box div{width: 502px;height: 502px;}
.producut-view .pic-box img {max-width: 502px;max-height: 502px;  }
.pro-intro {position: relative;float: right; width:504px;}
.pro-name {font-size:26px; position: relative; border-bottom: 2px solid #e3e3e3; color: #333; height:55px; line-height: 35px; }
.pro-name span{font-size: 16px;color: #6e6e6e;}
.pro-name a{position: absolute;right: 0;top: -10px;}

.pro-view-con{ padding: 14px 0 20px 6px; border-bottom: 1px solid #dfdfdf;}
.pro-view-con p{background-position: left center; background-repeat: no-repeat; height: 34px; line-height: 34px; padding-left: 26px; margin-bottom: 10px;}
.pro-view-con p span{margin-right: 36px;vertical-align: top;width: 80px; display: inline-block; font-size: 14px; color:#0793bc; font-weight: bold; margin-left: 18px;}
.pro-view-con p em{ color: #575757; font-size: 14px; display: inline-block; }
.pro-view-con p.c1{ background-image: url(../images/c1.png);}
.pro-view-con p.c2{ background-image: url(../images/c2.png);}
.pro-view-con p.c3{ background-image: url(../images/c3.png);}
.pro-view-con p.c4{ background-image: url(../images/c4.png);}
.pro-view-con p.c5{ background-image: url(../images/c5.png);}
.pro-view-con p.c6{ background-image: url(../images/c6.png);}
.pro-view-con p.c7{ background-image: url(../images/c7.png);}
.pro-view-con p.c8{ background-image: url(../images/c8.png);}
 
.share-part{height:67px; line-height: 67px; font-size: 14px; color: #8c8c8c;}
.share-part img{vertical-align: middle;}
.other-pro{text-align:right; position: relative;  margin-top: 10px; font-size: 12px; color: #a3a3a3;line-height: 48px;}
.other-pro a:hover{color: #0793bc}
.pro-buy{ position: absolute;left:0;top: 0px;}

.pro-view-con p.c8 em:hover strong{display: block;}
.pro-view-con p.c8 em{position: relative;vertical-align: top;width:50px;height:50px;cursor: pointer;}
.pro-view-con p.c8 em img{width:100%;height:100%;}
.pro-view-con p.c8 em strong{display: none; position: absolute;left: -46px;top: -168px;}
.pro-view-con p.c8 em strong img{width: 150px;height: 150px;}


.pro-case{padding: 60px 48px ;}
.pro-up{margin: 30px 0;}
.relate-pro2 {padding-bottom: 60px;}
.pro-view-box{ position: relative;}
.s-pro{margin: 20px 0; position: relative;}
.pro-view-box .hd{ position: relative; width:937px;margin: 15px auto }
.pro-view-box>a{position: absolute; cursor: pointer; top:38%;width: 41px;height: 61px;   display: block; cursor: pointer;}
.pro-view-box a.hd-prev{left: 12px;background: url(../images/r-p.png);}
.pro-view-box a.hd-next{right:12px;background: url(../images/r-n.png);  }
.one-pro-s {float: left; width: 92px; margin-right: 14px;}
.one-pro-s .pic-box{width: 86px;border:3px solid #d0d0d0; }
.one-pro-s .pic-box div {width: 86px; height:86px;}
.one-pro-s .pic-box img {max-width:86px;max-height:86px;}
.one-pro-s.on .pic-box{border:3px solid #09a2ce;}
.one-big-pic .pic-box{width: 937px;  margin: auto;background: #f7f7f7;border:1px solid #d3d3d3; }
.one-big-pic .pic-box div {width:937px; height:600px;}
.one-big-pic .pic-box div img { max-width: 937px;  max-height: 600px;}

.pro-relate-tit{font-size: 30px;margin:0 0 6px 10px; color: #646464; line-height: 1;}
.pro-relate-tit strong{color:#17298c;font-size: 30px;}
.blue-line img{vertical-align: top; margin-top: 9px;}

.relate-pro{margin: 60px 48px ; position: relative;}
.relate-pro .hd {position: relative;}
.relate-pro .hd a {position: absolute;top:52px;width: 41px;height: 61px;   display: block; cursor: pointer;}
.relate-pro .prev {left: 0px;background: url(../images/r-p.png);}
.relate-pro .next {right:0px;background: url(../images/r-n.png);  }
 
.relate-pro .bd{margin: 0 55px;}
.re-one-pro {float: left;  margin-right: 20px; font-size: 14px;line-height:46px;text-align: center;color: #8e8e8e;}
.re-one-pro .pic-box {width:230px;margin: auto;border:1px solid #e7e7e7;}
.re-one-pro .pic-box div {width: 230px;height: 170px;*font-size: 145.25px;}
.re-one-pro .pic-box img {max-width: 230px;max-height: 170px;}
.re-one-pro:hover {color: #17298c;}
.re-one-pro  p{  line-height: 1.4;padding-top: 6px;}
.re-one-pro p span{ display: block;font-size: 12px; color: #626262;}

.about-common-tit img.p-line{display: block; margin-top: 12px; vertical-align: middle;}
.about-common-tit3{padding-bottom: 24px;}