@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:16px; 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;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;}

body.mar{padding-top: 58px;}
.header {height:85px;-webkit-transition:height .4s ease-in-out;-moz-transition:height .4s ease-in-out;transition:height .4s ease-in-out; background: #353534; }
.header.fixed{position: fixed;top: 0;left: 0;right: 0;height:58px;background: #212121;z-index: 999; }
.header.fixed li{height:58px; line-height: 58px;}
.header.fixed .logo{width: 120px; margin-top:6px; margin-left: 100px;}
.header.fixed .language{width: 30px; height: 30px; line-height: 30px;margin-top:14px; }

.logo {margin:8px 0 0 0; width: 180px; -webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.nav {float: right;text-align: right; font-size: 0; margin-right: 44px; }
.nav li {display:inline-block;*display:inline;vertical-align: top; margin:0 10px; padding: 0 20px; font-size: 14px;line-height: 85px;color: #a4a4a4; text-align: center;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.nav li:hover ,.nav .present {  color: #f5f5f5;}
.nav a {display: block;}

.language{display: block; -webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out;width: 40px;height: 40px; line-height: 40px; float: right;margin: 22px 30px 0 0; border-radius: 50%; text-align: center;background: #606060;color: #fff;}

.banner {position: relative; min-width: 1200px;background: #fff;}
.one-banner {height: 722px;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;}

.index-products{background: #fff; padding-bottom: 66px; min-width: 1200px;}
.index-products .top{height: 174px;background: #fbfbfa;text-align: center;}

.index-products .top h2{ font-size: 44px; color: #393939;padding-top: 20px;}
.index-products .top .tit{font-size: 30px; color: #393939; line-height: 60px;}
.index-products .top .text{font-size: 18px; color: #9c9c9c; padding-top: 18px;}

.plant-list{padding: 89px 0 0 0;}
.plant-list li{width: 25%;text-align: center; float: left;text-align: center;  }
.plant-list li a{display: block; margin: auto;  width: 210px;}
.plant-list li .tit{font-size: 23px; padding-bottom:14px; color: #595959; line-height:72px;height: 72px; font-weight: bold;}
.plant-list li .img-wrap{width: 210px; height: 210px;overflow: hidden; }

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

.one-series{width: 260px; text-align: center;}
.one-series .tit{font-size: 30px; color: #636264; line-height: 1; padding-bottom: 14px;}
.one-series .text{font-size: 14px; color: #a2a2a2; line-height: 24px;}
.one-series .more{font-size: 12px;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out; display: block;margin:15px auto 0; width: 130px; color: #707070; border-radius: 24px;border:1px solid #c6c6c6;height: 20px; line-height: 20px;}
.one-series1{padding: 95px 0 0 740px;}
.one-series2{padding: 216px 0 0 82px;}

.one-series:hover .more{color: #fff;background: #000;}

.index-about{height: 566px}
.index-about .tit{font-size: 30px;text-align: center; padding: 42px 0 ; color: #f7f7f7; color: #f7f7f7;}
.index-about .tit span{display: block; font-size: 15px; color: #fff;}
.index-about .con{background: #fff; height: 354px;}

.about-logo{padding: 34px 0 0 210px;float: left;}
.index-about .con .text{float: right;margin: 56px 76px 0 0;width: 570px;}
.index-about .con .text .p{ height: 168px;overflow: hidden;font-size: 14px; line-height: 25px; color: #7c7c7c;}
 

.index-bg{background: url(../images/ddd.jpg) center center no-repeat fixed; min-width: 1200px;}

.index-news{background: #fff; padding-bottom: 57px;}
.index-news .top-section {text-align: center;}
.index-news .top-section .tit{font-size: 44px;color: #393939; padding: 95px 0 0 0;}
.index-news .top-section .tit span{display: block;font-size: 30px; color: #393939;}
.index-news .top-section .text{font-size: 18px; color: #9c9c9c; height: 63px;line-height: 63px; background: url(../images/index-news-line.png) center bottom no-repeat; }
 
.index-one-news {float: left;width: 340px;margin:0 80px 0 0; line-height: 1; }
.index-news .con {padding: 110px 0 55px;}
.index-news-tit {font-size: 18px; color: #393939;font-weight: 600; }
.index-news-date{font-size: 12px; color: #3b3b3b; padding: 18px 0 20px;}
.index-news-date em{font-size: 23px; color: #c8c8c8;font-family: "Arial";margin-right: 6px;position: relative; top: 4px;}
.index-news-con {display: block;height: 100px;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out; font-size: 14px; line-height: 30px; color: #777777;overflow:hidden;}
.index-news .more{display: block;margin: 6px auto 0;width: 131px; }
.index-one-news:hover .index-news-con{color: #000000}

.foot-link{height: 46px; line-height: 46px;background: #1b1b1c; min-width: 1200px;color: #9b9b9b;font-size: 14px;}
.foot-lang{margin: 0 10px;}
.friend-part{float: right;}
.friend-part a{margin:0 8px; position: relative;}
.friend-part a span{position: absolute;left: -66px;top: -168px;display: none;}
.friend-part a span img{width: 150px;height: 150px; }
.friend-part a:hover span{display: block;}

.footer {font-size: 12px;background: #000000;  min-width: 1200px; padding:35px 0 15px 0; color: #343434;}
.foot-ewm{float: right; width: 150px;margin-right: 70px;text-align: center;line-height: 3;}
 
.footlist dl{ float: left; margin-right:50px; }
.footlist dl dt{ font-size: 16px; color: #9b9b9b; line-height:30px;}
.footlist dl ul{  line-height:32px; text-align: left;}
.footlist dl ul li a:hover{ color: #fff}
 
.sup{background: #9b9b9b; color: #1e1e1e; height: 52px; line-height: 52px;}

.in-banner {height: 350px;background-position: center center;background-repeat: no-repeat; min-width: 1200px;}

.about1 .con{padding: 60px 48px; font-size: 16px; line-height: 36px; color: #2a2a2a;}

.about2 {height: 570px;background: url(../images/index-about.jpg) center center no-repeat;min-width: 1200px;}
.about2 .wrap{padding: 100px 0 0 720px;}
.about2 .wrap .con{padding: 40px 35px; line-height: 28px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; background:#333333; font-size: 16px; color: #fff; border-radius: 6px; width: 356px; height: 418px; }

.about3{height: 853px; margin: 62px 0; background: url(../images/about3.png) center center no-repeat;min-width: 1200px;}
.about3 .con{padding: 56px 0 0 812px;}
.about3 .con .tit{font-size: 24px; color: #313131; line-height: 1;padding-bottom: 22px;}
.about3 .con .text{font-size: 16px; color: #313131; line-height: 38px;}
.about-mid{display: block;margin: auto;}

.about4{height: 797px;   background: url(../images/about4.png) center center no-repeat;min-width: 1200px;}
.about4 .con{padding:103px 0 0 758px;}
.about4 .con .tit{font-size: 24px; color: #313131; line-height: 1;padding-bottom: 30px;}
.about4 .con .text{font-size: 14px; color: #606060; line-height: 30px;}


.about5{height: 999px;   background: url(../images/about5.jpg) center center no-repeat;min-width: 1200px;}
.about5 .con{padding:164px 0 100px 0  ;}
.about5 .con .tit{font-size: 24px; color: #120f0a; line-height:28px;padding-bottom: 20px; font-weight: bold;}
.about5 .con .tit span{display: block;font-size: 16px;}
.about5 .con .text{font-size: 14px; color: #6a6a6a; line-height: 30px;}

.one-text{text-align: center;float: left;width: 50%}
.about5 .en-text{font-size: 14px; color: #828282;line-height: 36px;text-align: center; padding-top: 32px;}

.contact-map{margin:56px 0; }
.contact-map .l{float: left; font-size: 14px; height: 522px; color: #474747; line-height: 38px; width: 436px;background: #f3f3f3;padding: 33px 0 0 44px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.contact-map .r{float: right;width: 752px;}

.contact-form{padding: 0 24px;}
.contact-form .top{height: 98px; position: relative;}
.contact-form .top .tit{font-size: 20px;color: #cab698; line-height: 1;}
.contact-form .top .tit strong{ font-size: 40px; }
.contact-form .top .con{font-size: 16px; padding-top: 18px;}
.contact-form .bot{margin-top: 50px;}

.contact-share{position: absolute;right:0;top: 26px; }
.contact-form{margin:48px 0;}
.contact-form .l{width: 335px; float: left}
.contact-form .l .contact-row input{width: 100%; border:none;display: block; margin-bottom:21px;height:44px; line-height: 44px; background: #ededed; text-indent: 14px;}
.contact-form .r textarea{display: block;width: 100%;height: 172px;background: #ededed;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;  padding: 10px}

 
.contact-form .r{width: 820px;float: right;}
#sub-mit{width: 268px; cursor:pointer; text-align:center; margin:30px auto 0; border-radius: 28px; font-size: 14px; height: 48px; line-height: 48px; display: block;border:1px solid #838383;}

.local{font-size: 13px; color: #70706e; margin-top: 40px; height: 40px; line-height: 40px;}
.local a{margin: 0 2px;}
.local a:hover {color: #cab698;}

.in-nav ul{font-size: 0; padding:10px 0 30px;border-bottom: 1px solid #f6f6f6}
.in-nav ul li{display:inline-block;*display:inline;vertical-align: top; font-size: 13px;height: 28px; line-height: 28px; color: #70706e;}
.in-nav ul li a{ padding: 0 20px;display:inline-block;*display:inline;vertical-align: top;   height: 28px; line-height: 28px; }
.in-nav ul li:hover a,.in-nav ul li.current a{background: #181818; color: #fff;}

.in-nav .back{position: absolute;right: 0;top: 12px;}


.in-one-news {float: left;width: 50%;margin-bottom: 50px;}
.in-one-news a{display: block;width: 562px; margin:auto; border-bottom: 1px solid #1d1d1d; height: 334px;}
.in-one-news .pic-box{width: 562px;margin:0 auto 14px;}
.in-one-news .pic-box div {width: 562px;height: 230px;*font-size: 135.63px;}
.in-one-news .pic-box img {max-width: 562px;max-height: 230px;}
.in-one-news p{padding-left: 25px; max-width: 460px;overflow: hidden;}
.in-news-tit {font-size: 18px;line-height:2;color: #393939;}
.in-news-con {display: block;height: 30px; line-height: 30px; color: #bababa;}
.in-news-btn {display: block; position: absolute;right: 22px;bottom: 16px; font-family: "SimSun";font-size: 18px; width: 27px;height: 27px; line-height: 27px;text-align: center;color: #cab698;border:1px solid #cab698;}
.in-one-news .wrap{position: relative;}
.in-one-news a:hover{box-shadow: 2px 2px 5px 2px #ccc;
transform: scale(1.01) translateY(-5px);
    -webkit-transform: scale(1.01) translateY(-5px);
    -moz-transform: scale(1.01) translateY(-5px);
    -ms-transform: scale(1.01) translateY(-5px);
    -o-transform: scale(1.01) 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;}

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

.news-title {font-size: 24px;line-height: 3;text-align: center;}
.news-date {margin-bottom: 20px;font-size: 12px;line-height: 0;text-align: center;}
.other-news {padding-bottom: 20px;font-size: 12px;line-height: 2;}
.other-news a{ color: #70706e}
.other-news a:hover {color: #333;}

 
.one-pro {float: left;width: 385px;margin:35px 20px 0 0; }
.one-pro .pic-box {width: 385px; margin: auto; }
.one-pro .pic-box div {width: 385px;height: 260px;*font-size: 145.25px;}
.one-pro .pic-box img { width: 385px; height: 260px;}
 
.one-pro p{ height: 55px; background: #fff; text-align: center;box-shadow: 2px 2px 7px 2px #e2e2e2; line-height: 55px;overflow: hidden;width: 360px;margin: auto;position: relative; top: -34px;}
.one-pro:hover { 
transform: scale(1.01) translateY(-5px);
    -webkit-transform: scale(1.01) translateY(-5px);
    -moz-transform: scale(1.01) translateY(-5px);
    -ms-transform: scale(1.01) translateY(-5px);
    -o-transform: scale(1.01) 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;}


.pro-big .pic-box{width: 1200px; position: relative;}
.pro-big .pic-box div{width: 1200px; height: 740px;}
.pro-big .pic-box div img{max-width: 1200px;max-height: 740px;}
.pro-big .pic-box p{position: absolute;right: 6px;top: 14px;height: 55px; background: #fff; text-align: center;box-shadow: 2px 2px 7px 2px #e2e2e2; line-height: 55px;overflow: hidden;width: 360px;margin: auto; }

.pro-detail{padding-bottom: 144px;}
.pro-detail .tit{display:block; width: 218px; border-radius: 14px; height:36px; line-height: 36px;color: #fff; margin: 32px 0; text-align: center; background: #cab698;  font-size: 16px; }



.join-con{ margin: 50px  36px 0 0;}
.join-section{ height: 186px; margin: 0 28px;}
.join-section .tit{ width: 332px; height: 36px; line-height: 36px; text-indent: 24px; border-radius: 12px;background: #383736; color: #fff;}
.join-section .con{ width: 332px; line-height: 2; padding-top: 20px; color:#292229; }

.join-con2{margin-left: 38px; padding: 50px 0 0 0px;}
.join-con2 .tit{ font-size: 18px; color: #292229; margin-bottom: 15px; font-weight: bold;}
.join-con2 .text{ line-height: 40px;}