@charset "utf-8";
/* Css Document */
html, body{-webkit-text-size-adjust:none;}
body{margin: 0 auto; font-size: 12px; color: #565656; line-height: 1.5; font-style: normal; background: #f4f4f4;}
html, body, input, p, a, span, ul, li, dl, dt, dd, ol, select, td, th, input, textarea, button, div{font-family:"微软雅黑","宋体";}
a, a:link, a:visited, a:hover, a:active{color: #565656;}
a:hover{color: #03979d;}
a:link, a:active{background-color: transparent;}
small{display: block; font-size: 100%;}
img{display: block; margin: 0 auto;}
input, textarea, button, select, radio{outline: 0; border: 0;}
textarea{resize: none;}
a{text-decoration: none; outline: 0; blr:expression(this.onFocus=this.blur()); /*按下鼠标图片周边不会出现虚线*/}
::-ms-clear, ::-ms-reveal{display: none; /*IE10 input X 去掉文本框的叉叉和密码输入框的眼睛图标 */}
.text-c{ text-align:center;}

.container{margin: 0 auto; width: 1200px;}
.index-ecosphere .container{ margin:0 10%; width:80%;}

ul.style li{float: left;}
/*.w_1200{ width:1200px; margin:0 auto;}*/

/* Grid */
.col-12x{width: 100%}
.col-11x{width: 88%}
.col-10x{width: 83.3333333333%}
.col-9x{width: 75%}
.col-8x{width: 66.6666666667%}
.col-7x{width: 58.3333333333%}
.col-6x{width: 50%}
.col-5x{width: 41.6666666667%}
.col-4x{width: 33.3333333333%}
.col-3x{width: 25%}
.col-2x{width: 16.6666666667%}
.col-1x{width: 8.3333333333%}

.poster a img{ width:100%;}
/* header */
.header{position: absolute; z-index: 1002; width: 100%; height: 35px;     background: url(../images/cr0101.png) repeat center center; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d000000,endColorstr=#4d000000); zoom:1;}
:root .header{filter: none\9;}
.topbar{z-index: 1002; width: 90px;}
.topbar a{padding: 0 10px; line-height: 35px;}
.topbar a img{display: inline; opacity: .5; filter: alpha(opacity=50);}
.topbar a{ display: none}
.topbar a.wechat{ display: block; padding-left:58px;}
.topbar a:hover img{opacity: 1; filter: alpha(opacity=100);}
.ewmbox{display: none; z-index: 1002; top: 35px; right: -3px; width: 129px; height: 141px; background: url(../images/ewmbox.png) no-repeat;}
.ewmbox img{margin-top: 20px; width: 110px; height: 110px;}
.nav {width: 80%;}
.nav ul{float: right;}
.nav ul li{float: left; position: relative;}
.nav ul li a{padding: 0 22px; font-size: 14px; line-height: 35px;color: #fff; }
.nav ul li >a span{position: relative; top: -1px; color: #ffffff; opacity: 0; filter: alpha(opacity=0); transition: all 0.4s;}
.nav ul li a .before{left: 5px;}
.nav ul li a .after{left: -5px;}
.nav ul li a:hover, .nav ul li.active a{color: #ffffff;}
.nav ul li a:hover span, .nav ul li.active >a span{opacity: 1; filter: alpha(opacity=100);}
.nav ul li a:hover .before, .nav ul li.active .before{left: -5px;}
.nav ul li a:hover .after, .nav ul li.active .after{left: 5px;}
.nav ul li.active >a{color: #ffffff;}
.dropmenu{position: absolute; z-index: 1002; left:0px; top: 35px; display: none; background: url(../images/cr0101.png) repeat center center;  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d000000,endColorstr=#4d000000); zoom:1;}
:root .dropmenu{filter: none\9;}
.nav .dropmenu a{text-align: center; font-size: 14px; color: #fff; line-height: 35px;width:85px; padding: 0 12px;}
.dropmenu a:hover{background: rgba(0,0,0,.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom:1;}
:root .dropmenu a:hover{filter: none\9;}
.logo{position: absolute; z-index: 1001; top: 55px; left: 10%; width: 131px; height: 102px;}

#head-nav{ display:  none;}
/* footer */
.footer{padding: 45px 0 0; background: #242a37;}
.foot-title{margin-bottom: 15px; color: #fff;}
.foot-title small{font-size: 16px; font-weight: bold; letter-spacing: 10px;}
.footer ul{padding: 0;}
.foot-left{float: left; width: 22%;}
.foot-left a{float: left; width: 49%; font-size: 14px; line-height: 35px; color: rgba(255,255,255,.75);}
.foot-left a:hover{color: #fff;}
.foot-center{float: left; margin: 0 10%; width: 12%;}
.foot-ewmbox{margin-top: 26px; width: 118px;}
.foot-right{float: right; width: 40%;}
.foot-right p{font-size: 14px; line-height: 35px; color:rgba(255,255,255,.75); text-transform: uppercase;}


/* index */
.fullSlide{width:100%; position:relative; height: 600px; background:#fff;}
.fullSlide .bd{margin:0 auto; position:relative; z-index:0; overflow:hidden;} 
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important; height:600px; overflow:hidden; text-align:center; background-repeat: no-repeat; background-position: center center; background-image: url(../images/loader.gif);}
.fullSlide .bd li a{position: relative; display:block; height:100%; width: 100%;}
.fullSlide .bd li a img{position: absolute; top: 220px; left: 10%;}
.fullSlide .hd{width:100%; position:absolute; z-index:1; bottom:50px; left:0; height:30px; line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{border: 2px solid #fff; cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; overflow:hidden; line-height:999px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; 
border: 0\9; width: 10px\9; height: 10px\9; background: url(../images/dots.png) no-repeat left center\9;}
.fullSlide .hd ul .on{background-color: #fff; background-color: none\9; background-position: right center\9;}
.index-about{max-height:700px; overflow:hidden;}
.index-about .bg1{right: 0; top: -43px; width: 45%; height: 43px;}
.index-about .bg2{right: 0; top: 0; width: 45%; height: 100%;}
.index-about-left{width: 55%; height: 100%;}
.index-about-left >div{margin-left: 20%; padding: 20px 0 50px;}
.index-about-left ul.style li.l1{width:25%;}
.index-about-left ul.style li.l2{width:70%;}
.index-about-left ul.style li span{transition: all 0.35s linear; -webkit-transition: all 0.35s linear; -moz-transition: all 0.35s linear;}
.index-about-left ul.style li .en{font-size: 14px; color: #999;}
.index-about-left ul.style li .en i{padding-right: 5px; font-style: normal; font-size: 18px; font-weight: bold; font-family: "HELVETI1ca Neue","Microsoft Yahei","微软雅黑","Tohoma";}
.index-about-left ul.style li .cn{padding-left: 10px; font-size: 16px; color: #444; letter-spacing: 2px;}
.index-about-left ul.style li a:hover span{color: #03979d;}
.index-about-slick{z-index: 2; margin-top: 40px; width: 107%;}
.index-about-right{position: relative; padding-bottom: 50px; width: 45%; height: 100%; background: #03979d; max-height:700px; overflow:hidden;}
.index-about-right >div .ff-ar{margin-left: 40%; margin-right: 10%; width: 50%; margin-top:3%;}
.index-wrap .article{font-size: 16px; line-height: 32px; color: #fff; text-indent:2em;}
.index-wrap .article h4{margin-bottom: 40px; margin-top: 50px; line-height: 28px; color: #528500;}
.index-title h3{font-size: 40px; line-height: 50px; text-transform: uppercase;}
.index-title p{font-size: 20px; letter-spacing: 10px;}
.index-title span{display: inline-block; margin: 10px 0 15px; width: 35px; height: 3px; background: #fff;}
.index-pro{padding-top: 320px; padding-bottom: 77px; font-weight: bold; background: #f5f5f5 url(../images/index_pic2.jpg) no-repeat center top;}
.index-pro .col-4x{ width:33%;}
.index-pro ul li p.ft-16{text-align: center;}
.more{margin: 20px auto 0; width: 139px; height: 29px; line-height: 29px; color: #fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.more a{position: relative; display: block; padding-left: 4px; font-size: 14px; color: #fff; letter-spacing: 4px;text-align:center;}
.more a em{position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 0; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.more a span{position: relative; z-index: 1;}
.index-pro ul .li1{color: #03979d;}
.index-pro ul .li1 .more{background: linear-gradient(to right, #005e8bc7 , #03979dba);}
.index-pro ul .li1 .more a em{background: linear-gradient(to right, #005e8bc7 , #03979dba);}
.index-pro ul .li2{color: #03979d;}
.index-pro ul .li2 .more{background: linear-gradient(to right, #005e8bc7 , #03979dba);}
.index-pro ul .li2 .more a em{background: linear-gradient(to right, #005e8bc7 , #03979dba);}
.index-pro ul .li3{color: #03979d;}
.index-pro ul .li3 .more{background: linear-gradient(to right, #005e8bc7 , #03979dba);}
.index-pro ul .li3 .more a em{background: linear-gradient(to right, #005e8bc7 , #03979dba);}
.more a:hover em{height: 100%;} 

#a1{ max-width:600px; margin:0 auto; width:100%; max-height:400px;}
@media (max-width: 1700px){.index-pro .container{padding-top: 350px;}}
@media (max-width: 1380px){.index-pro .container{padding-top: 400px;}}
@media (max-width: 1300px){
	.index-wrap .article .on1{ line-height:26px;}
	.index-title span{margin-top:30px;}
	.index-wrap .article h4{margin-top: 30px; margin-bottom: 30px;}
}
.ecosphere{position: relative; z-index: 1;}
.ecosphere .number{font-size: 14px; color: #b1b1b1; background-image: url(../images/dot.png); background-repeat: no-repeat;}
.ecosphere .icons{position: relative; margin: 0 auto; width: 60px; height: 60px;}
.ecosphere .icons img{position: absolute; top: 0; left: 0;}
.ecosphere .icons .after{opacity: 0; filter: alpha(opacity=0);}
.ecosphere .title{color: #dcdcdd;}
.ecosphere .title p{font-size: 10px;}
.ecosphere li.active .number{color: #f5f5f5; background-image: url(../images/dot_hover.png);}
.ecosphere li.active .title{color: #03979d;}
.ecosphere li.active .icons .before{opacity: 0; filter: alpha(opacity=0);}
.ecosphere li.active .icons .after{opacity: 1; filter: alpha(opacity=100);}
.index-ecosphere .bgcolor-green{left: 0; top: 0; width: 50%; height: 100%;}
.index-ecosphere .container{z-index: 1; min-height: 580px;}
.index-ecosphere .index-title img{right:0; top: 0;}
@media (max-width: 1660px){
.index-ecosphere .index-title img{right: 0;}
.index-wrap .article .on1{ line-height:26px;}
}
@media (max-width: 1460px){
.index-wrap .article .on1{ line-height:26px;}
.index-pro .container{padding-top: 380px;}
.index-ecosphere .index-title img{display: none;}
}
.index-ecosphere .left{position: absolute; top: 80px; left: -50px; width: 32%;}
.index-ecosphere .left h4{margin-bottom: 20px; margin-top: 10px; line-height: 28px; color: #fff;}
.index-ecosphere .center{position: relative; margin: 0 auto; width: 46%; left:3%;}
.index-ecosphere .center .circle{ max-width:100%;}
.index-ecosphere .center .imgbox{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.index-ecosphere .center .imgbox table{height: 100%;}
.index-ecosphere .center .imgbox td{vertical-align: middle; text-align: center;}
.index-ecosphere .center .imgbox td img{display: inline;}
.index-ecosphere .circle{-webkit-animation: myCircle 40s infinite; -moz-animation: myCircle 40s infinite; animation: myCircle 40s infinite; -webkit-animation-fill-mode:both; animation-fill-mode:both}
.index-ecosphere .right{position: absolute; top: 80px; right: -50px; width: 32%;}
.index-ecosphere .right .line{z-index: 0; top: 0; right: 52px; width: 1px; height: 100%; border-right: 1px dashed #a1a1a1;}
.index-ecosphere .right .number{padding-left: 28px;}
.index-ecosphere .right td{padding: 28px 0; vertical-align: middle;}
.index-ecosphere .right td .title{ margin:0px;}
@media (max-width: 1300px){
	.index-ecosphere .left{left:2%; width: 30%;}
	.index-ecosphere .left h4{margin-top: 30px; margin-bottom: 30px;}
	.index-ecosphere .right{right: 0; width: 30%;}
}
@-webkit-keyframes myCircle{
0%{-webkit-transform: rotate(0); transform: rotate(0);}
100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes myCircle{
0%{-webkit-transform: rotate(0); transform: rotate(0);}
100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}
}

/* about */
.banner{position: relative; height: 350px;  background-repeat: no-repeat; background-position: center center; animation: fadeInDown 1s; -webkit-animation: fadeInDown 2s; -moz-animation: fadeInDown 1s;}
.banner-tit{position: absolute; top:  45%; left: 45%; font-size: 30px; line-height: 62px; font-weight: 100; color: #fff; animation: fadeInLeft 1s 0.5s; -webkit-animation: fadeInLeft 1s 1.5s; -moz-animation: fadeInLeft 1s 0.5s; animation-fill-mode: both; -webkit-animation-fill-mode: both;}
@media (max-width: 1380px){.logo, .fullSlide .bd li a img{left: 7%;}}
@media (max-width: 1300px){.logo, .fullSlide .bd li a img{left: 4%;}}
.subnav{position: relative; z-index: 1; top: -22px; height: 65px; text-align: center; background: #fff;box-shadow: 0 5px 10px rgba(0,0,0,.05); -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.05); -moz-box-shadow: 0 20px 50px rgba(0,0,0,.05);}
.subnav ul li{ width:14.2%}
.subnav ul li a{position: relative; display: inline-block; line-height:65px; width:96%; margin:0 2%;font-size: 16px;color: #3e3e3e;}
.subnav ul li a i{position: absolute; bottom: 0; left: 50%; display: block; width: 0; height: 3px; background: #03979d;}
.subnav ul li.active a i, .subnav ul li a:hover i{left: 0; width: 100%;}
.tabs{margin-top: 48px;}
.tabs .line{left: 0; top: 9px; width: 100%; height: 1px; border-top: 1px dashed #a1a1a1;}
.tabs ul li{float: left; width: 20%; text-align: center;}
.tabs .ecosphere .number{padding-top: 33px; background-position: center top;}
.tabs .ecosphere .icons{margin-top: 12px; margin-bottom: 14px;}
.tabs .ecosphere .title{height: 80px; overflow: hidden;}
.tabs .ecosphere .title h6{margin-bottom: 5px;}
.tabs .ecosphere .triangle{display: none;}
.tabs .ecosphere li.active .number{color: #b1b1b1;}
.tabs .ecosphere li.active .triangle{display: block;}
.bigimg{margin-top: -1px; margin-bottom: 35px; padding: 17px; border: 1px solid #e5dcde; background: #fff;}
.bigimg .imgbox{background: #000;}
.bigimg .imgbox img{opacity: .5; filter: alpha(opacity=50);}
.bigimg p{position: absolute; width: 100%; left: 0; top: 38%; font-size: 30px; color: #fff;}
.bigimg .more{position: absolute; top: 46%; left: 50%; margin-left: -87px; width: 175px; height: 38px; line-height: 38px; border: 1px solid #949495; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.bigimg .more a em{width: 0; height: 100%; background: #949495; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.bigimg .more a:hover em{width: 100%;}
.ecosphere-details{margin: 0 auto; padding: 50px 0; width: 1124px;}
.ecosphere-details-title h1{margin-bottom: 5px; padding-left: 4px; font-size: 30px; font-weight: normal; color: #535353; letter-spacing: 4px; padding-bottom:15px; border-bottom:1px dotted #fff;}
.ecosphere-details-title p{font-size: 12px; color: #a1a1a1;}
.ecosphere-details .article{margin: 50px 0; font-size: 16px; line-height: 32px; color: #343434;}
.ecosphere-details .article p,.ecosphere-details .article div{ font-size: 16px; line-height: 32px; color: #343434; padding:5px 0;}
.about-box1{margin-top: -75px; padding-top: 115px; padding-bottom: 60px;}
.about-box1 .bgcolor-green{top: 0; left: 0; width: 50%; height: 100%;}
.about-title p{letter-spacing: 0px;}
.about-title img.pa{top: 0; right: 0;}
.video-wrap{position: relative; z-index: 1; margin: 0 auto; width: 900px;}
@media (max-width: 1300px){.video-wrap{width: 990px;}}
.video{margin: 0;}
.video .player{top: 50%; left: 50%; margin-top: -48px; margin-left: -48px;}
.video video{display: none;}
.news-article video{ display: block;}

.video video p{margin: 200px auto 120px; text-align: center; color: #fff; font-size: 20px;}
.video-title{padding: 0 5% 1%; }
.video-title p.ft-20{margin-bottom: 5px; color: #545454;}
.video-title p.ft-10{color: #888;}
.about-box2{ background-repeat: no-repeat; background-position: center 0; padding-bottom:35px;}
.about-box2 ul li a p{ padding-top:15px; font-size:16px; color:#fff;}
.profile{margin: 60px auto 0; width: 1000px;}
.profile .article{margin: 30px 0; font-size: 16px; line-height: 27px; color: #eee; text-align:center; text-indent:2em;}
.profile .article a{ padding-left:15px; font-size: 14px;color: #fff; }
.profile ul{padding: 0 10% 7%;}
.about-box3{padding: 35px 0 80px;}
.about-box3 ul li >div{margin: 0 auto; width: 282px; font-size: 14px; line-height: 27px; color: #797979; overflow: hidden;}
.about-box3 ul li >div h5{margin: 28px 0; color: #363636;}
.about-box4{padding: 50px 0; color: #3e3e3e;}
.about-box4 p.ft-38 { font-size:30px;}
.about-box4 p.ft-38 span{padding: 0 40px; font-size: 30px; font-weight: bold;}
.about-box4 p.ft-20{margin-bottom: 5px; padding-left: 20px; letter-spacing: 20px;}

.honor{margin-top: 13px; margin-bottom: 30px;}
.honor ul li{margin-top: 20px; width: 25%;}
.honor ul li a>div{margin: 0 4px; padding: 20px 20px 20px; border: 1px solid #dedede; background: #fff; font-size: 16px; color: #262626;}
.honor ul li .imgbox{height: 215px;}
.honor ul li .shade{position: relative; top: -2px;}
.honor ul li .imgbox img.shade{ height:30px; }
.honor ul li:hover .imgbox{transform: matrix(1,0,0,1,0,-10); -webkit-transform: matrix(1,0,0,1,0,-10); -moz-transform: matrix(1,0,0,1,0,-10);}
.honor ul li:hover >div{border-color: #03979d\9;}
.honor ul li .imgbox img{ max-width:100%; height:187px;}
.team{margin-top: 50px; margin-bottom: 85px;}
.team-pic .filterbox{top: auto; bottom: 0; height: auto;}
.team-pic .filterbox div{color: #fff; font-size: 12px; line-height: 24px;}
.team-pic .filterbox div h4{font-weight: normal;}
.team-slick{margin-top: 3px;}
.team-slick .item a{display: inline-block; margin: 0 auto; background-color:#000;}
.team-slick .item img{opacity: .45; filter: alpha(opacity=45);}
.team-slick .item.active img{opacity: 1; filter: alpha(opacity=100);}

/* product */
.product{padding-bottom: 50px; margin-top:50px;}
.product-info{padding: 45px; color: #686868;}
.product-info .title h3{margin-top: 6%; margin-left: 15%; padding-left: 8px; font-size: 38px; font-weight: normal; letter-spacing: 8px;}
.product-info .title p{margin-left: 15%; padding-left: 8px;}
.product-info .article{font-size: 14px; line-height: 32px;}
.product-tabs{margin: 25px 0;}
.product-tabs a{margin: 0 5px; padding: 0 58px 0 62px; font-size: 16px; line-height: 38px; color: #3e3e3e; border: 1px solid #dbdbdb; background: #fff; letter-spacing: 8px;}
.product-tabs a:hover, .product-tabs a.active{background: #03979d; color: #fff; border-color: #03979d;}
.product ul{margin-left: -15px; margin-right: -15px; padding-bottom: 30px;}
.product ul li{width: 33.33333333%;}
.product ul li >div{margin: 15px; padding: 40px; background: #fff; font-size: 24px; color: #3e3e3e; letter-spacing: 12px;}
.product ul li p{margin-top: 20px; padding-left: 12px; font-size:16px;}
.product ul li:hover .imgbox{transform: matrix(1,0,0,1,0,-10); -webkit-transform: matrix(1,0,0,1,0,-10); -moz-transform: matrix(1,0,0,1,0,-10);}
.product-details .article{margin: 80px auto 100px; width: 1152px; font-size: 14px; line-height: 32px; color: #626262;}
.page{margin: 0 auto; padding: 5px 0; overflow: hidden; text-align: center;}
.page a{display: inline-block; margin: 0 5px; width: 30px; height: 30px; font-size: 12px; line-height: 32px; border: 1px solid transparent; color: #6f6f6f; font-family: "Arial";}
.page a:hover{color: #03979d; border: 1px solid #03979d;}
.page-m{position: relative; top: -1px; +display: inline !important;}
.page-m a.active{background: #03979d; color: #fff; border: 1px solid #03979d;}
.page-m a.active:hover{color: #fff !important;}
.page-prev, .page-next{position: relative; top: -1px; +display: inline !important; +margin: 0 4px;}
.page-prev a, .page-next a{border: 1px solid #d3d3d3; background-repeat: no-repeat; background-image: url(../images/arrows.png);}
.page-prev a:hover, .page-next a:hover{background-image: url(../images/arrows_hover_blue.png);}
.page-prev a{background-position: left bottom;}
.page-next a{background-position: right bottom;}

#pages { padding:44px 0 30px; font-size:14px;}
#pages a { display:inline-block; height:30px; line-height:30px; background:#fff; border:1px solid #e3e3e3; font-size:14px; text-align:center; color:#333; padding:0 12px}
#pages a.a1 { width:56px; padding:0 }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages span { display:inline-block; height:30px; line-height:30px; background:#03979d; border:1px solid #03979d; color:#fff; text-align:center;padding:0 12px}
.page .noPage { display:inline-block; width:56px; height:30px; line-height:30px; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }


/* news */
.news-top{padding-top: 30px; padding-bottom: 65px;}
.news-slick{width: 53.9%;}
.news-slick .item a, .news-hot ul li a{display: block; width: 100%; height: 100%;}
.news-slick .filterbox{top: auto; bottom: 0; height: auto;}
.news-slick .filterbox div{padding: 18px 0 18px 25px; width: 80%;}
.news-slick .filterbox div p{color: #c3c3c3;}
.news-slick .filterbox div h5{margin-top: 2px; color: #fff; font-weight: normal;}
.news-hot{width: 44%;}
.news-hot ul li{margin-top: 15px; padding-bottom: 12px; border-bottom: 1px dotted #eee;} 
.news-hot ul li:first-child{margin-top: 0;}
.news-hot ul li a{color: #8b8b8b; font-size: 14px; line-height: 22px;}
.news-hot ul li h2{font-weight: normal; line-height: 26px; padding-top:5px; color: #393939;}
.news-hot ul li .date{margin-top: 5px; margin-bottom: 8px;}
.news-hot ul li .desc{height: 44px; overflow: hidden;}


.news-one{width:75%; margin-left:15%; margin-right:10%; text-align:left;}
.news-one ul li.l1{margin-top: 10px; padding-bottom: 15px; margin-bottom:15px; border-bottom: 1px dotted #dcdcdd;} 
.news-one ul li.l1 a{color: #dcdcdd; font-size: 14px; line-height: 22px;}
.news-one ul li.l1 h2{font-weight: normal; line-height: 24px; color: #fff; font-size:20px;}
.news-one ul li .desc{ font-size:16px; line-height:26px;}
.news-one ul li.l2{ line-height:40px;height:40px;}
.news-one ul li.l2 h2.on{font-weight: normal; line-height:40px; color: #fff; font-size:16px;}
.news-one ul li.l2 h2 font{ font-size:14px;color: #dcdcdd; float:right}


@media (max-width: 1680px){
	.slick-slide img { display: block;height: auto !important;; width:100%; }
}
@media (max-width: 1620px){
    .news-one ul li.li4,.news-one ul li.li5{ display:none;}
}
@media (max-width: 1460px){

	.slick-slide img { display: block;height:auto !important; width:100%; }
}
@media (max-width: 1420px){.news-one ul li.li4,.news-one ul li.li3,.news-one ul li.li5{display:none;}}
@media (max-width: 1380px){
.index-ecosphere .container{width:96%; margin:0 2%;min-height: 680px;}
.index-ecosphere .center{ margin-top:5%;}
.news-one ul li.l2 h2 font{ display: none;}
.index-ecosphere .left{left: 2%;width: 30%;}
.index-ecosphere .right{ right:0;width: 30%;}
.index-about-left ul.style li.l1,.index-about-left ul.style li.l2{ width:100%}
}
@media (max-width: 1200px){
.news-one ul li.li4,.news-one ul li.li5,.news-one ul li.li6,.news-one ul li.li7{ display:none;}
}
.news-list{padding-bottom: 26px; min-height:300px;} 
.news-list ul{margin-left: -12px; margin-right: -12px; padding-top: 26px; padding-bottom: 26px;}
.news-list ul li{padding: 12px 0; width: 25%; overflow: hidden;}
.news-list ul li >div{margin: 0 12px; padding: 15px; background: #fff; font-size: 12px; line-height: 22px; color: #5d5d5d; height:265px;}
.news-list ul li h4{margin-bottom: 5px; font-weight: normal; line-height: 20px; color: #393939; font-size:16px; font-weight:600;}
.news-list ul li p.date{ color:#999}
.news-list ul li img{ height:170px; width:100%;}
.news-list ul li .imgbox{margin: 14px 0 17px;}
.news-list ul li .imgbox a{display: block; width: 100%; height: 100%;}
.news-list ul li .desc{margin-bottom: 25px; overflow: hidden; font-size:14px; line-height:26px;    color: #8b8b8b; margin-top:20px;}
.news-list ul li .details{color: #03979d;}
.news-list ul li .details span{padding-left: 8px; font-family: "SimSun";}
.news-list ul li >div:hover{box-shadow: 0 0 12px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 12px rgba(0,0,0,.3); -moz-box-shadow: 0 0 12px rgba(0,0,0,.3); transform: matrix(1,0,0,1,0,-3); -webkit-transform: matrix(1,0,0,1,0,-3); -moz-transform: matrix(1,0,0,1,0,-3);}

/* industry */
.industry >div{padding: 109px 0;}
.industry .bgcolor-gray{position: absolute; top: 0; width: 40%; height: 100%;}
.industry .container{position: relative; z-index: 1;}
.industry td{vertical-align: middle;}
.industry .article{font-size: 16px; line-height: 32px;}
.industry .article img{display: inline;}
.industry h4{margin-top: 16px; margin-bottom: 30px; color: #fff; font-weight: normal; }
.industry p{ font-size:14px;}
.industry p a{ width:120px; line-height:35px; height:35px; text-align:center; display:block;  text-align:center; font-size:14px; color:#333; background-color:#fff; margin-top:15px;border-radius:3px;}
.industry p a:hover{background-color:#eee;}
.industry .imgbox{position: relative; z-index: 2;}
.industry .even{background: #03979d;}
.industry .odd{background: #289a43;}
.industry .even .bgcolor-gray{right: 0;}
.industry .odd .bgcolor-gray{left: 0;}
.industry .even .article{margin-right: 22%; color: #000; width:355px;}
.industry .odd .article{margin-left: 22%; color: #fff; width:355px;}
.industry .even .first{width: 38%;}
.industry .even .last{width: 62%;}
.industry .odd .first{width: 62%;}
.industry .odd .last{width: 38%;}
.industry img{ max-width:100%;}
/* quality */
.quality >div{padding: 60px 0; color: #4e4e4e;}
.quality-title{margin-bottom: 10px; font-size: 30px; font-weight: normal; }
.quality-title p{ font-size:14px; }
.quality-block1 .article{margin-bottom: 75px; font-size: 14px; line-height: 28px;}
.quality-block1 ul li h6{margin-top: 58px; padding-left: 2px; font-size: 30px; font-weight: normal; letter-spacing: 2px;color: #000;}
.quality-block1 ul li p{font-size: 10px;}
.quality-block2{margin-top: 60px; margin-bottom: 60px; background: #f3f3f3;}
.quality-block2 >div{margin-left: 5%; width: 490px; padding: 8% 0; font-size: 14px; line-height: 32px;}
.quality-block2 .imgbox{right:0px; top: 20%; width: 50%;}
.quality-block2 .imgbox img{ max-width:100%;}
.quality-block3{background: #289a43; color: #fff !important; font-size: 16px; line-height: 28px;}
.quality-block2 .article p{ font-size:16px;text-indent:2em;color: #333;}
.quality-block2 .article a{ padding:0 15px; height:30px; line-height:30px; display:inline-block; background-color:#03979d; font-size:14px; color:#fff; margin-top:15px;border-radius:2px;}
.quality-block2 .article a:hover{background-color:#5e881b}
/* recruit */
.recruit{padding-bottom: 30px;}
.recruit dl{margin-top: 43px;} 
.recruit dl dt{position: relative; margin-bottom: 33px; font-size: 30px; line-height: 30px; color: #373737;}
.recruit dl dt span{position: absolute; top: 0; right: 0; font-size: 14px;}
.recruit dl dd{background: #ebebeb;position:relative;}
.recruit dl dd .bg{top: 0; left: 0; width: 24%; background: #f3f3f3;height:100%;}
.recruit dl dd .left{padding: 3%; width: 18%; font-size: 14px; line-height: 24px; color: #373737; background: #f3f3f3;position:relative;}
.recruit dl dd .left p{margin-bottom: 15px;}
.recruit dl dd .right{padding: 5%; width: 66%; font-size: 12px; line-height: 28px; color: #373737;}
.recruit dl dd .right ul li{padding: 0 3%; width: 44%;}

/* contact */
.contact{padding-top: 65px; padding-bottom: 40px;}
.contact .info{width: 31%; font-size: 14px; line-height: 28px; color: #434343; min-height:370px;}
.contact .info img{ margin:0px;}
.contact .info p{margin-top: 10px; margin-bottom: 70px;}
.contact .map{width: 65%; height: 370px;}
.contact .map img{max-width: none !important;}
.aboutone .map{width: 65%; height: 370px;}
.aboutone .map img{max-width: none !important;}
.aboutone .article img{ max-width:inherit;}
.aboutone .article p{ padding:0px;}
#dituContent p,#dituContent div{ padding:0px;}
.BMap_bubble_content img{display: inline; margin: 0;}
.anchorBL{display: none;}
.message{padding: 35px 0 45px;}
.message >div{padding: 48px;}
.message ul li label{position: relative; display: block; margin: 10px; padding: 15px 10px; background: #f1f1f1; font-size: 14px; line-height: 20px; color: #717171;}
.message ul li .input-text{width: 80%; padding-left:17%; height: 20px; line-height: 20px; font-size: 14px; color: #717171; background: #f1f1f1;}
.message ul li.on5{width: 100%; }
.message ul li.on5 textarea{width: 100%; height: 20px; line-height: 20px; font-size: 14px; color: #717171; background: #f1f1f1;}
.message ul li span{position: absolute; left: 10px; top: 15px; letter-spacing: 5px;width: 17%; }
.message ul li textarea{height: 218px !important; width:100%; margin-top:20px;}

.message input[type="submit"]{margin-top: 30px; width: 186px; height: 40px; background: #289a43; color: #fff; font-size: 18px;}
.message input[type="submit"]:hover{background: #0b7825;}
.tips{display: none; z-index: 10; top: 50%; left: 50%; margin-top: -25px; margin-left: -125px; padding: 10px; width: 250px; line-height: 20px; text-align: center; font-size: 14px; color: #fff; border-radius: 3px; background: rgba(0,0,0,.75); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf000000,endColorstr=#bf000000); zoom:1;}
:root .tips{filter: none\9;}
 
/* public style */
.white{color: #fff;}
.bgcolor-white{background: #fff;}
.bgcolor-gray{background: #f4f4f4;}
.bgcolor-green{background: #03979d;}
.pd-tb80{padding-top: 80px; padding-bottom: 80px;}
.mt{margin-top: 0 !important;}
.mr{margin-right: 0 !important;}
.mb{margin-bottom: 0 !important;}
.ml{margin-left: 0 !important;}

.ft-10{font-size: 10px;}
.ft-12{font-size: 12px;}
.ft-14{font-size: 14px;}
.ft-16{font-size: 16px;}
.ft-18{font-size: 18px;}
.ft-20{font-size: 20px;}
.ft-22{font-size: 22px;}
.ft-24{font-size: 24px;}
.ft-38{font-size: 38px;}
.ft-40{font-size: 40px;}
.ft-50{font-size: 50px;}

.tl{text-align: left;}
.tc{text-align: left;}
.tr{text-align: right;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.pr{position: relative;}
.pa{position: absolute;}
.pf{position: fixed;}
.block{display: block;}
.hide{display: none;}
.inline{display: inline-block;}
.hidden{overflow: hidden;}
.cap{text-transform: capitalize;}
.upper{text-transform: uppercase;}
.bold{font-weight: bold;}
.indent{text-indent: 2em;}
.normal{font-weight: normal;}
.vmid{vertical-align: middle;}
.hand{cursor: pointer; _cursor: hand;}
.ff-ar{font-family:"微软雅黑" !important;}
.ellipsis{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.justify{text-align:justify; text-justify: distribute-all-lines; text-align-last:justify; }
.filterbox{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom:1;}
:root .filterbox{filter: none\9;}

/* css3 style */
.trans-3{transition: all 0.35s linear; -webkit-transition: all 0.35s linear; -moz-transition: all 0.35s linear;}
.trans-5{transition: all 0.3s; -webkit-transition: all 0.5s;-moz-transition: all 0.3s;}
.trans-8{transition: all 0.3s; -webkit-transition: all 0.8s; -moz-transition: all 0.3s;}
.trans-12{transition: all 0.3s; -webkit-transition: all 1.2s; -moz-transition: all 1.2s; }
.scale-0x{transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0);}
.scale-1x{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05);}
.radius-3{border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
.radius-half{border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}
.shadow{ box-shadow: 21px 21px 49px rgba(0,0,0,.31); -webkit-box-shadow: 21px 21px 49px rgba(0,0,0,.31); -moz-box-shadow: 21px 21px 49px rgba(0,0,0,.31);}

.message .bgcolor-white{background:#fff url(../images/yyzz.jpg) 20px 53px no-repeat;}
.message ul{ width:70%; float:right;}

/*1*/
.banImgWrap { position:relative; overflow:hidden; }
.banImgCenter { position:absolute; top:0; left:50%; margin-left:-960px; width:1920px; max-width:none;height:100%;}
.wrap { width:1200px; margin-right:auto; margin-left:auto;}

.cBanner { height:300px; text-align:center; }
.cBanner .cBanImg {height: 100%;}
.cTopNavUni { position:absolute; bottom:15px; margin:0 auto;width:1200px;}
.cTopNavUni li { display:inline-block; *display:inline; *zoom:1; margin:5px; }
.cTopNavUni a { display:block; height:46px; padding:0 35px; color:#333;background-color:#fff;  font-size:16px; text-align:center; line-height:46px; border:#ffffff 1px solid; }
.cTopNavUni li.cur a,.cTopNavUni li:hover a{ background-color:#03979d; border-color:#fff;color:#fff; }
.s_fixed{position:fixed;top:0;background:url(../images/black.6.png) repeat;margin-top:0;padding: 10px 0;z-index: 11;}
#ban14 .cTopNavUni li.cur a,#ban14 .cTopNavUni li:hover a{ background-color:#a47f4a; border-color:#fff;color:#fff; }

/*关于我们*/
.about{ background-color:#fff;}
.in_t .i_en{font-family: Arial;font-size:20px;text-transform: uppercase;line-height: 30px;color: #ededed;}
.in_t .i_cn{font-size:30px;font-weight: normal;}
.in_t .i_en b{font-weight: normal;}
.downScroll .in_t .i_en b{color: #ccc;}
.cSubTitle { margin-bottom:50px; }
.part01 { padding:50px 0 60px; overflow:hidden; background-color:#fff; }
.part01 .pleft { width:45%; float:left; width:540px; }
.part01 .picWrap { width:85%; float:right; position:relative; z-index:1111; }
.part01 .pic { width:100%; height:0; }
.rect-110 { padding-bottom:110%; }
.part01 .pleft { position:relative;background:url(../images/b0001.jpg) no-repeat 0 center;}
.part01 .borderWrap { padding-top:78px; position:relative; z-index:1; display: none; }
.part01 .border { width:72%; height:330px; }
.part01 .pright { float:right; width:50%; padding-top:12px; width:600px; }
.part01 .tp01 { padding:10px 0 20px; }
.part01 .tp01 p{ font-size:14px; line-height:2; text-indent:2em; padding:5px 0;}
.part01 .tp01 b { font-weight:normal; color:#0087d2; }
.part01 .tp02 { padding:4px 0; }
.part01 .tp01 h4.on{ margin-top:10px;}
.part01 .tp01 h4{ font-size:14px;text-indent:2em; line-height:26px;}
.part01 .tp01 h4.on1{ margin-left:55px;}
.picBox .border { border:#03979d 12px solid; }
.cells ._cell { display:inline-block; *display:inline; *zoom:1; padding:0 4%; text-align:center; }
.cells ._cell ._num,.cells ._cell ._wd { display:block; }
.cells ._cell ._num { position:relative; padding-bottom:10px; font-size:22px; font-weight:100; color:#03979d; }
.cells ._cell ._num:after { content:''; display:block; position:absolute; left:50%; bottom:8px; margin-left:-16px; width:32px; height:1px; background-color:#ebebeb; }
.cells ._cell ._wd { font-size:12px; font-family:Arial;text-transform:uppercase; color:#999; }

.part02 { background-color:#03979d; padding:50px 0;}
.part02 .tab_t_list { font-size:0; text-align:center; }
.part02 .tab_t { display:inline-block; *display:inline; *zoom:1; position:relative; width:292px; margin-right:10px; height:164px; font-size:14px;visibility:hidden; }
.part02 .tab_t.last{ margin-right:0px;}
.part02 .tab_t.tab_t_cur {color:#333;background:url(../images/yx003.png) center center no-repeat;}
.part02 ._t_wd { line-height:164px; font-size:16px }
.part02 ._ln01 { left:0; }
.part02 ._ln02 { right:0; }
.part02 .in_t .i_cn{ color:#fff;}
.part02 .in_t { margin-bottom:30px;}

.part03{ overflow:hidden; min-height:550px;}
.index_news{ overflow:hidden;margin-top:22px;}
.index_news ._left{width:46%; float:left;}
.index_news ._right{width:54%; float:right;}
.index_news .jjnews-list2{margin-top:-15px;}
.index_news .jjnews-list2 li{overflow:hidden;border-bottom: 1px #ececec solid;padding:18px 0 22px;}
.index_news .jjnews-list2 li a { cursor:pointer;}
.index_news .jjnews-list2 li ._time{ float:left; font-family:Arial;margin-right: 4%;color:#ddd;margin-top: 8px;text-align: center;}
.index_news .jjnews-list2 li ._time ._ri{ display:block; font-size:56px;text-align:center; line-height:50px;}
.index_news .jjnews-list2 li ._time ._year{ display:block; font-size:14px;}
.index_news .jjnews-list2 li ._intro{ float:left;width:81%;}
.index_news .jjnews-list2 li ._intro ._title{font-size: 18px;}
.index_news .jjnews-list2 li ._intro ._text{margin-top: 5px;height:50px;line-height: 25px;overflow:hidden;}
.index_news .jjnews-list2 li:hover ._time{ color:#03979d;}
.index_news .-news-top{width:90%;height:350px;}
.index_news .-news-top a img{ width:100%; height:350px;}
.index_news .-news-top .word{background:url(../images/black.6.png) repeat;position: relative;bottom:105px;left:0;right:0;padding:10px 10px 10px 20%; height:85px;color:#fff;}
.index_news .-news-top .word ._tit{font-size:18px;}
.index_news .-news-top .word .p{margin-top:5px;}
.index_news .-news-top .word .date{display:block;width:82px;height:100%;background-color:#03979d;text-align: center;position:absolute;left:0;bottom:0;font-family: Arial;}
.index_news .-news-top .word .date span{display:block;}
.index_news .-news-top .word .date .ri{font-size: 34px;line-height: 38px;padding: 6px 0; }
.index_news .-news-top .word .date .year{font-size: 14px;line-height: 24px;display:inline-block;border-top: 1px #fff dotted;padding:5px 2px 0;}

.downScroll { padding:90px 0 130px; background-color:#f8f8f8; }
.downScroll .in_t { padding-bottom:15px; }
.imgScrollWrap { position:relative; }
.imgScrollWrap .imgs_prev,.imgScrollWrap .imgs_next { display:block; position:absolute; top:50%; margin-top:-19px; width:48px; height:38px; box-shadow:#dbdbdb 0 0 2px 2px; cursor:pointer;z-index: 3;}
.imgScrollWrap .imgs_prev:hover,.imgScrollWrap .imgs_next:hover { box-shadow:#dbdbdb 0 0 6px 2px; }
.imgs_prev { left:0%; margin-left:-65px; background:url(../images/solution04.png) no-repeat; }
.imgs_next { right:0%; margin-right:-65px; background:url(../images/solution05.png) no-repeat; }

/*2*/
.pro { overflow:hidden; width:100%; padding-bottom:60px; background-color:#f9f9f9;}
.pro h3.htitle a:hover{ color:#128836}
h3.htitle{ text-align:center; font-size:28px; margin-top:55px; margin-bottom:3px; color:#333;}
h3.htitle a{ color:#333;}
h3.htitle a:hover{color:#128836;}
span.htitle{ display:block; text-align:center; font-size:12px; color:#777; font-family:Arial; padding-bottom:20px; background:url(../images/title_bg.png) no-repeat center bottom; margin-bottom:40px;  text-transform: uppercase;}

.pro ul{ overflow:hidden; width:1220px; margin:0 auto;}
.pro li{ overflow:hidden; float:left; width:227px; height:154px; position:relative; margin-right:15px; margin-bottom:15px;border:1px solid #eee;}
.pro li.li05{ margin:0px;}
.pro li img.pro_tu{ display:block; width:230px; height:154px; }
.pro li b{ width:100%; height:100%; position:absolute; background:url(../images/pro_cur_bg.png) repeat center; z-index:1}
.pro li .wen{ display:block; overflow:hidden; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2}
.pro li .wen .icon{ display:block; margin:0 auto; margin-top:30px;}
.pro li .wen h4{ margin-top:56px; color:#fff; text-align:center; font-weight:normal; font-size:16px; margin-bottom:10px;}
.pro li .wen a{ display:block; width:100%; height:100%; color:#fff; text-decoration:none;}
.pro li .wen i{ display:block; margin:0 auto; width:40px; height:2px; background-color:#fff; margin-bottom:15px;}
.pro li .wen p{ width:190px; margin:0 auto; font-size:14px; color:#e8e8e8; line-height:22px; height:66px; overflow:hidden; text-align:justify; text-align-last:center; display:none;}
.pro li .wen span{ display:none; font-size:0}
.pro li .wen span img{ display:block; margin:0 auto; margin-top:15px;}
.pro li.li01 b{ left:-230px; top:-235px;}
.pro li.li02 b{ left:-230px; top:0;}
.pro li.li03 b{ left:0; top:235px;}
.pro li.li04 b{ left:230px; top:0;}
.pro li.li05 b{ left:230px; top:-235px;}
.pro li.li06 b{ left:-230px; top:235px;}
.pro li.li07 b{ left:-230px; top:0;}
.pro li.li08 b{ left:0; top:-235px;}
.pro li.li09 b{ left:230px; top:0;}
.pro li.li010 b{ left:230px; top:235px;}

.pro .protxt{ padding:5px 0 40px;}
.pro .protxt h4{ text-align:center; font-size:18px; padding-bottom:10px;color: #128836;}
.pro .protxt p{ font-size:16px; line-height:28px; text-indent:2em;}
.pro .protxt p a{color: #128836;}
/*news*/
.news { overflow:hidden; width:1200px; margin:0 auto; margin-bottom:45px;}
.news h3.htitle a:hover{ color:#128836}
.news .newbox{ overflow:hidden; width:100%; height:420px;}
.news .newsLeft { overflow:hidden; width:590px; background-color:#f9f9f9; height:420px; float:left;}
.news .newsLeft .tubox{ display:block; width:590px; height:290px; overflow:hidden; margin-bottom:25px; position:relative;}
.news .newsLeft img{ display:block; position:absolute; left:0; width:100%;}
.news .newsLeft h4{ width:555px; margin:0 auto; margin-bottom:15px; overflow:hidden;}
.news .newsLeft h4 a{ display:block; width:440px; font-size:16px; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; float:left;}
.news .newsLeft h4 span{ font-weight:normal; font-size:14px; color:#999; float:right;}
.news .newsLeft p{ font-size:12px; width:555px; margin:0 auto; color:#5555; line-height:20px; height:40px; overflow:hidden;}
.news .newsLeft p a{ color:#128836;}
.news .newsLeft:hover h4 a{ color:#128836}

.news .newsRight{ overflow:hidden; width:590px; height:420px; float:right;}
.news .newsRight dl{ overflow:hidden; width:570px; padding:10px; height:106px; margin-bottom:20px;}
.news .newsRight dt{ overflow:hidden; float:left; width:160px; height:106px;}
.news .newsRight dd{ overflow:hidden; float:left; margin-left:20px; width:370px;}
.news .newsRight dd h4{ margin-top:10px; font-size:16px; margin-bottom:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news .newsRight dd h4 a{ color:#333}
.news .newsRight dd p{ font-size:12px; color:#555; line-height:20px; height:40px; overflow:hidden}
.news .newsRight dd font{ float:right; display:block; font-size:12px; color:#999; font-family:Arial; margin-top:5px;}
.news .newsRight dl:hover{ background-color:#f5f5f5;}
.news .newsRight dl:hover h4 a{ color:#128836}

.news .newsmore .more{ display:block; width:116px; height:31px; line-height:31px; text-align:center; font-size:12px; color:#999; font-family:Arial; border:2px solid #e9e9e9; text-decoration:none; margin: 0 auto; margin-top: 40px;border-radius:0px;}
.news .newsmore .more:hover{ color:#fff; border-color:#128836; background-color:#128836}

.abouttwo { overflow:hidden; width:100%; height:590px; background:url(../images/banner3.jpg) no-repeat center top;;}
.abouttwo h3.htitle a:hover{ color:#128836}
.abouttwo dl{ overflow:hidden; width:1200px; margin:0 auto; height:360px; background-color:#fff;}
.abouttwo dt{ overflow:hidden; width:610px; height:360px; float:left}
.abouttwo dd{ overflow:hidden; float:right; width:510px; height:360px; padding:0 35px; background-color:#fff;}
.abouttwo dd h4{ font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-top:30px; margin-bottom:10px;}
.abouttwo dd h4 a{ color:#333}
.abouttwo dd p{ font-size:14px; text-align:justify; margin-bottom:25px; color:#666; line-height:28px; text-indent:2em; overflow:hidden}
.abouttwo dd p a{ color:#128836;}
.abouttwo dd .news_txt{ overflow:hidden; width:100%; padding-top:15px; border-top:2px solid #e8e8e8;}
.abouttwo dd h5{ font-size:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;margin-bottom:10px;}


.abouttwo dd ul{ overflow:hidden; width:100%; padding-top:25px; border-top:2px solid #e8e8e8;}
.abouttwo dd li{ float:left; width:102px; margin-right:34px;}
.abouttwo dd li.last{ margin-right:0;}
.abouttwo dd li i{ display:block; width:102px; height:102px; position:relative; margin:0 auto; overflow:hidden; margin-bottom:10px;}
.abouttwo dd li i img{ display:block; position:absolute; left:0; top:0;}
.abouttwo dd li span{ display:block; text-align:center; font-size:14px; color:#666;}
.abouttwo dd li a{ display:block; text-decoration:none}
.abouttwo dd li:hover span{ color:#128836}
.abouttwo dd li:hover i img{top:-102px}

/*3*/
/*about*/
.about_xg { overflow:hidden; width:1200px; margin:0 auto; margin-bottom:60px; margin-top:50px;}
.about_xg .box{ overflow:hidden; width:100%;}
.about_xg .aleft{ overflow:hidden; float:left; width:675px;}
.about_xg .aleft h3{ font-weight: bold; font-size:20px;}
.about_xg .aleft h3 a{ color:#555}
.about_xg .aleft i{ display:block; width:30px; height:2px; background-color:#a47f4a; margin:16px 0; }
.about_xg .aleft p{font-size:15px;color:#666;line-height: 30px;height: 130px; border-bottom:1px solid #eee;display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 3; margin-bottom:15px;}
.about_xg .aleft .more{ padding-left:5px; color:#f00;}
.about_xg .aleft ul{ overflow:hidden; width:110%; margin-top:35px;}
.about_xg .aleft li{ float:left; width:160px; height:120px; margin-right:20px; background-color:#a47f4a;border-radius: 5px;}
.about_xg .aleft li a{ text-decoration: none;}
.about_xg .aleft li img{ display: block; margin: 10px  auto 0}
.about_xg .aleft li p{ text-align: center; font-size: 14px; color: #fff; margin-top: 10px; height:40px;}
.about_xg .aleft li:hover{ background-color: #d81e1e}
.about_xg .aright {overflow:hidden;float:right;width: 410px;background:#eee; padding: 0 30px; border-radius: 3px; height:420px;}
.about_xg .aright h3{font-size:18px;margin:20px 0 5px 140px;text-align: right;}
.about_xg .aright h3 a{ color:#333;}
.about_xg .aright em{display:block;font-size:12px;color:#999;margin-left:140px;margin-bottom: 18px;text-align: right;}
.about_xg .video{ overflow:hidden; width:410px;  margin: 0 auto; position: relative}
.about_xg .vBox{ width: 410px; position: relative; height: 330px;}
.about_xg .vSpPa{ position: absolute; top:0; left:0; display: none}
.about_xg .vSpDiv{ width: 410px; height: 259px; text-align:center;}
.about_xg .vSpPa p{line-height: 35px;font-size: 14px;color: #666;margin-top: 10px;}
.about_xg .vList {position:absolute;width:100%;text-align: right;bottom: 20px;left: 0;}
.about_xg .vList li{ cursor:pointer; border-radius: 50%;width: 22px;height: 22px;text-align: center;display: inline-block;background-color: #fff;color: #0a47b4;line-height: 22px;margin: 0 2px;}
.about_xg .vList li{ *display: inline}
.about_xg .vList li:hover,.about_xg .vList li.cur{ background: #46c76e; color: #fff}
.about_xg .vSpPa:first-child{ display: block}

/**/
.lingyu { overflow:hidden; padding-top:60px; width:100%; background:url(../images/lingyu_bg.png) repeat left top; padding-bottom:80px;}
.lingyu ul{ overflow:hidden; width:1220px; margin:0 auto;}
.lingyu li{ overflow:hidden; float:left; width:285px; margin:0 10px 30px; height:226px; position:relative;}
.lingyu li img{ display:block;}
.lingyu li .imgIcon{ display:block; position:absolute; left:50%; margin-left:-25px; top:185px; z-index:2; display: none;}
.lingyu li a{ display:block; width:100%; height:45px; position: absolute; left:0; bottom:0; text-decoration:none}
.lingyu li .icon{ margin:0 auto; display:none;}
.lingyu li .aa{background: url(../images/cr010.png) repeat center center;}
.lingyu li font{ display:block; margin:0 auto; text-align:center; line-height:45px; width:120px; font-size:16px; color:#fff;font-weight: normal;}
.lingyu li p{ width:80%; margin:10px auto; font-size:14px; color:#fff; line-height:20px; height:40px; overflow:hidden; text-align:center}

/*title*/
.title { overflow:hidden; width:100%; margin-bottom:40px;}
.title h2{ text-align:center; font-weight:normal; font-size:36px; color:#333}
.title h2 a{ color:#333;}
.title em{ display:block; text-align:center; font-size:12px; color:#999; font-family:Arial; margin-bottom:10px; text-transform:uppercase}
.title i{ display:block; margin:0 auto; width:30px; height:1px; background-color:#a47f4a;}
.title.wt h2{ color:#fff}
.title.wt h2 a{ color:#fff;}
.title.wt em{ color:#fff;}
.title.wt i{ background-color:#fff;}

/*news*/
.newstrt { overflow:hidden; width:1200px; margin:0 auto; padding-bottom:50px;}
.newstrt dl{ overflow:hidden; width:100%; height:410px;}
.newstrt dt{ overflow:hidden; float:left; width:580px; height:410px; position:relative}
.newstrt dt a{ display:block; text-decoration:none;}
.newstrt dt span{ display:block; width:100%; line-height:33px; text-align:center; font-size:15px; color:#fff; background:url(../images/news02.png) repeat center; position:absolute; left:0; bottom:0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.newstrt dt span font{ display:block; width:90%; margin:0 auto; text-align:left; font-size:13px; color:#fff; line-height:25px; height:55px; white-space:normal}
.newstrt dd{ overflow:hidden; float:right; width:580px; height:410px;}
.newstrt .ntop{ overflow:hidden; width:100%; height:140px; margin-bottom:20px; padding-bottom:30px; border-bottom:2px solid #cecece;}
.newstrt .ntop img{ display:block; float:left}
.newstrt .ntop .wen{ overflow:hidden; float:right; width:360px;}
.newstrt .ntop h3{ font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding-bottom:10px; border-bottom:1px solid #cecece; margin-bottom:10px;}
.newstrt .ntop h3 a{ color:#555;}
.newstrt .ntop p{ font-size:14px; color:#777; line-height:24px; overflow:hidden}

.newstrt .nright { overflow:hidden; float:right; width:100%; height:218px; position:relative}
.newstrt .nright ul{ overflow:hidden; width:100%; position:absolute}
.newstrt .nright li{ overflow:hidden; width:100%; margin-bottom:6px;}
.newstrt .nright .wen{ overflow:hidden; width:100%; background-color:#fff; float:left; border-radius:3px;}
.newstrt .nright .wen .at{ overflow:hidden}
.newstrt .nright .wen .at a{ display:block; float:left; padding-left:15px; background:url(../images/news_03.png) no-repeat left center; font-size:14px; color:#282828; height:25px; line-height:25px; width:440px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.newstrt .nright .wen .at span{ float:right; line-height:25px; font-size:14px; color:#8d8d8d; margin-right:20px;}
.newstrt .nright dl{ display:none; overflow:hidden; width:100%; height:155px; background-color:#1b43c4;}
.newstrt .nright dt{ overflow:hidden; float:left; margin:18px 13px; width:210px; height:120px; border-radius:3px;}
.newstrt .nright dd{ overflow:hidden; float:right; width:320px; margin-right:20px; margin-top:30px;}
.newstrt .nright dd h3{ font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:5px;}
.newstrt .nright dd h3 a{ color:#fff;}
.newstrt .nright dd p{ font-size:13px; color:#fff; line-height:22px; height:44px; overflow:hidden; margin-bottom:20px;}
.newstrt .nright dd font{ display:block; font-size:14px; color:#fff; text-decoration:none;}

.fruit{ width:1200px; margin:0 auto;}
.fruit .crumbs{ height:40px; line-height:40px; font-size:12px; color:#888; padding-bottom:5px;}
.fruit .crumbs a{color:#888;}

.fruit .fruitfl{ width:640px; float:left; padding:5px; border:1px solid #eee; background-color:#fff; margin-bottom:50px; height:548px;overflow: hidden;}
.fruit .fruitfl .team-pic{ height:450px; position:relative;}
.fruit .fruitfl .team-pic img{ max-width:640PX; height:450px;}
.fruit .filterbox{ height:40px; line-height:40px;background: rgba(0,0,0,.3); text-align:center;}
.fruit .filterbox h4{line-height:40px; font-size:14px;}
.fruit .slick-list,.fruit .slick-slider{height:95px; overflow:hidden; background-color:#fff;}
.fruit .slick-slide img{ max-width:135PX; height:95px !important;}

.fruit .slick-slider{margin-bottom: 0;}
.fruit .slick-list{margin: 0;}
.fruit .slick-prev,.fruit .slick-next{margin-top: -12px; width: 14px; height: 24px; background: url(../images/arrows.png) no-repeat;}
.fruit .slick-prev{left: 10px; background-position: left center;}
.fruit .slick-next{right: 10px; background-position: right center;}
.fruit .slick-prev:before, .slick-next:before{content: ""; font-size: 0;}
.fruit .slick-disabled{opacity: .5; filter: alpha(opacity=50);}
.fruit .fruitfr{ width:495px; float: right;border:1px solid #eee; background-color:#fff; padding:20px; height:522px;}
.fruit .fruitfr h1{ font-size:20px;}
.fruit .fruitfr h1 font{ padding-left:20px; color:#f00; font-size:18px;}
.fruit .fruitfr h1 font i{ font-size:16px;font-style:normal;}
.fruit .fruitfr span{ height:40px; line-height:40px; font-size:12px; color:#666; }
.fruit .fruitfr .txt{border-top:1px solid #eee; padding:15px 10px;font-size:14px; line-height:26px;min-height:150px;}
.fruit .fruitfr .txt font{ font-weight:bold;}
.fruit .fruitfr .txt p,.fruit .fruitfr .txt div{ font-size:14px; line-height:28px; max-height:200px;}
.fruit .fruitfr .txt a{ padding:5px 20px; display:inline-block; background-color:#f00; font-size:14px; color:#fff;}
.fruit .fruitfr .txt img{ width:162px; height: auto; margin:0px; border:1px solid #eee; padding:1px;}
.fruit .slick-slide { float: left; height: 95px; width:135px !important; min-height: 1px; display: none; margin-right:1px; background-color:#eee; }
.fruit .slick-track{ min-width:600px;}
.fruit .syyxyy{ margin:10px 0 0 0; height:30px; line-height:30px; border-top:1px dotted #eee; padding-top:8px;font-size:14px;}
.fruit .syyxyy a{ font-size:14px; color:#666; }

.hotel{ width:1200px; margin:0 auto;}
.hotel .crumbs{ height:40px; line-height:40px; font-size:12px; color:#888; padding-bottom:5px;}
.hotel .crumbs a{color:#888;}

.hotel .fruitfl{ width:640px; float:left; padding:5px; border:1px solid #eee; background-color:#fff; margin-bottom:50px; height:550px; overflow: hidden;}
.hotel .fruitfl .team-pic{ height:450px; position:relative;}
.hotel .fruitfl .team-pic img{max-width:640PX; height:450px;}
.hotel .filterbox{ height:40px; line-height:40px;background: rgba(0,0,0,.3); text-align:center;}
.hotel .filterbox h4{line-height:40px; font-size:14px;}
.hotel .slick-list,.fruit .slick-slider{height:95px; overflow:hidden; background-color:#fff;}
.hotel .slick-slide img{ max-width:135PX; height:95px!important;}
.hotel .slick-track{ min-width:600px;}

.hotel .slick-slider{margin-bottom: 0;}
.hotel .slick-list{margin: 0;}
.hotel .slick-prev, .hotel .slick-next{margin-top: -12px; width: 14px; height: 24px; background: url(../images/arrows.png) no-repeat;}
.hotel .slick-prev{left: 10px; background-position: left center;}
.hotel .slick-next{right: 10px; background-position: right center;}
.hotel .slick-prev:before, .slick-next:before{content: ""; font-size: 0;}
.hotel .slick-disabled{opacity: .5; filter: alpha(opacity=50);}
.hotel .fruitfr{ width:495px; float: right;border:1px solid #eee; background-color:#fff; padding:20px; height:520px;}
.hotel .fruitfr h1{ font-size:20px;}
.hotel .fruitfr h1 font{ padding-left:20px; color:#f00; font-size:18px;}
.hotel .fruitfr h1 font i{ font-size:16px;font-style:normal;}
.hotel .fruitfr span{ height:40px; line-height:40px; font-size:12px; color:#999; }
.hotel .fruitfr .txt{border-top:1px solid #eee; padding:15px 10px;font-size:14px; line-height:26px; min-height:380px;}
.hotel .fruitfr .txt p,.hotel .fruitfr .txt div{ font-size:14px; line-height:28px; max-height:200px;}
.hotel .fruitfr .txt a{ padding:5px 20px; display:inline-block; background-color:#f00; font-size:14px; color:#fff;}
.hotel .fruitfr .txt img{ width:162px; height: auto; margin:0px; border:1px solid #eee; padding:1px;}
.hotel .slick-slide { float: left; height: 95px; width:135px !important; min-height: 1px; display: none;margin-right:1px; background-color:#eee;}
.hotel .syyxyy{ margin:10px 0 0 0; height:30px; line-height:30px; border-top:1px dotted #eee; padding-top:8px;font-size:14px;}
.hotel .syyxyy a{ font-size:14px; color:#666;}
.about-titleone{ margin-top:60px; color:#333;}
.about-titletxt{color:#444 !important; }

li{list-style:none;}
.newsone .crumbs{ height:30px; line-height:36px; font-size:12px; color:#888; padding-bottom:5px; margin-top:-25px; border-bottom:1px solid #ddd;}
.newsone .crumbs a{color:#888;}
.newsonefl{ width:900px; float:left;}
.news-top h1{padding: 0 25px; color: #171717; font-size: 30px; font-weight: normal;margin-top:40px; text-align:center;}
.news-details-top{margin: 0 0 35px;; height:30px; line-height:30px; padding:0 15px 15px;text-align:center; border-bottom:1px solid #eee;}
.news-details-top .date{width: 100%; line-height: 45px; font-size: 12px; color: #999;}
.news-details-top .share,.news-details-top .share a{ color:#999;}
.news-article{font-size: 16px; line-height: 32px; color: #333;}
.news-article img{ padding:5px 0;}
.news-article p,.news-article div{ padding:5px 0; font-size:16px;}
.syyxyy{ margin:30px 15px 50px; height:40px; line-height:40px; border-top:1px dotted #eee; padding:10px}
.syyxyy a{ font-size:14px; color:#03979d;}
.newsone .container,.aboutone .container{ max-width:1200px; margin:0px auto;}

.newsonefr{ width:250px; float:right;}
.news_newest{float:right;width:250px;margin-top:92px}
.news_newest .tit{padding:0 0 15px;height:24px; border-bottom:1px solid #eee; margin-bottom:15px;}
.news_newest .tit span{float:right;margin-top:8px;color:#888}
.news_newest .tit h2{float:left;border-left:solid 5px #03979d;padding-left:10px; font-size:20px; height:20px; line-height:20px;}
.news_newest .cnt li{padding:10px 0;border-top: dotted 1px #eee; font-size:14px;}
.news_newest .cnt a img{ width:100%; height:175px;}
.news_newest .cnt h5{ font-size:14px; height:35px; line-height:35px; text-align:center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news_newest .cnt p{ display: none;}
.news_newest .cnt ul li{ background: url(../images/cr011.png) no-repeat 0 center; padding-left:20px;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.news_newest .cnt a{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.box{ width:1200px; margin-top:20px; }
.simply-scroll-container{position:relative}
.simply-scroll-clip{position:relative;overflow:hidden}
.simply-scroll-list{overflow:hidden;margin:0;padding:0;list-style:none}
.simply-scroll-list li{padding:0;margin:0;list-style:none}
.simply-scroll-list li img{border:none;display:block; }
.simply-scroll{width:1200px;height:200px; overflow:hidden;}
.simply-scroll .simply-scroll-clip{width:1200px;height:200px}
.simply-scroll .simply-scroll-list li{float:left;width:275px;height:200px;margin-right:25px}
.simply-scroll .simply-scroll-list li img{width:275px; height:200px;}
.simply-scroll .simply-scroll-list li p{ height:30px; line-height:30px; text-align:center; font-size:14px; color:#fff;background:url(../images/cr010.png) repeat center center; position: relative; bottom:30px;}

#owl-demo{position:relative;width:410px;height:308px;}
#owl-demo .item{ position:relative;display:block;}
#owl-demo img{display:block;width:410px;height:308px;}
#owl-demo b{position:absolute;left:0;bottom:0;width:100%;height:78px;background-color:#000;opacity:.5;filter:alpha(opacity=50);}
#owl-demo span{position:absolute;left:0;bottom:37px;width:100%;font:18px/32px "微软雅黑","黑体";color:#fff;text-align:center;}

.owl-pagination{position:absolute;left:0;bottom:0px;width:100%;height:22px;text-align:center;}
.owl-page{display:inline-block;width:10px;height:10px;margin:0 5px;background-image:url(../images/bg15.png);*display:inline;*zoom:1;}
.owl-pagination .active{width:25px;background-image:url(../images/bg16.png);}
.owl-buttons{display:none;}
.owl-buttons div{position:absolute;top:50%;width:40px;height:80px;margin-top:-40px;text-indent:-9999px;}
.owl-prev{left:0;background-image:url(../images/bg17.png);}
.owl-next{right:0;background-image:url(../images/bg18.png);}
.owl-prev:hover{background-image:url(../images/bg19.png);}
.owl-next:hover{background-image:url(../images/bg20.png);}
.owl-carousel .owl-item{float: left;}

.aboutds{ margin-top:40px; margin-bottom:40px; overflow:hidden; min-height:400px; padding:15px 10px; background-color:#fff;}
.aboutdsfl{ width:500px; float:left; padding-left:25px;}
.aboutdsfr{ width:300px; float: left; padding-left:15px;}
.aboutdsfr img{ height:auto;  margin:0px;}
.aboutdsfl h6{  margin-top:15px; margin-bottom:10px;border-bottom:1px solid #eee; padding-bottom:10px; height:20px; line-height:20px; overflow:hidden;}
.aboutdsfl h6 font{font-size:20px; padding-left:10px; border-left:4px solid #6d9c23; height:20px; line-height:20px; }
.aboutdsfl p{ font-size:16px; line-height:35px; color:#333;}

.izl-rmenu{position:fixed; right:15px;bottom:10px; padding-bottom:56px;  z-index:999; }
.izl-rmenu .btn{width:55px; height:56px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#03979d;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-120px; top:0px; display:none;width:120px;height:120px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:56px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}
.article img{ max-width:100%; height:auto !important;}
.index-pro ul li .imgbox img{ max-width:100%;height:auto !important;}
.video-wrap .video{ margin:50px 0;}
@media (max-width: 1200px){
.index-ecosphere .container{width:90%; margin:0 5%}
.container,.wrap{ width:98%; margin:0 1%;}
.ecosphere-details{width:98%; margin:0 1%;}
.fullSlide{ height:800px;}	
.index-pro ul li .imgbox img{ width:100%;height:auto !important; }
.index-ecosphere .container{ min-height:700px;}

.aboutdsfr img{ max-width:100%; margin:0px;}

.aboutds{ min-height:inherit}
.newsonefl{ width:70%;}
.newsonefl img{ max-width:100%; height:auto !important; }
.newsonefr{ width:25%;}
.news-list ul li img{ height:145px;}
.cTopNavUni,.pro ul{width:96%; margin:0 2%;}
.news,.abouttwo dl{ width:98%; margin:0 1%;}
.news .newsLeft{ width:50%;}
.news .newsLeft h4,.news .newsLeft p{ width:96%}
.news .newsRight{ width:48%;}
.abouttwo dt{ width:50%;}
.abouttwo dd{ width:45%; padding:0 1%;}
.cTopNavUni li{ width:13%;}
.cTopNavUni a{ padding:0px;}
.part01 .pleft{ width:45%;}
.part01 .pright{ width:45%;}
.part02 .tab_t{ width:22%; margin-right:2%;}
.box,.simply-scroll,.simply-scroll .simply-scroll-clip{width:100%;}
.hotel .fruitfl{ width:58%;}
.hotel .fruitfr{ width:36%; padding:2%}
.news-top .slick-slide img{ height:350px !important;}
.news-one ul li.li2,.news-one ul li.li4,.news-one ul li.li3,.news-one ul li.li5{display:none;}
.lingyu ul,.newstrt,.about_xg{  width:98%; margin:0 1%;}
.about_xg .aleft{ width:60%;}
.about_xg .aleft p{ height:auto;}
.about_xg .aright{ width:35%; padding:0 1%;}
#owl-demo{ width:98%;}
.owl-carousel .owl-item{ width:50% !important;}
#owl-demo img{ width:100% !important; height:auto;}
.lingyu li{ width:23%; unicode-bidi:0 1%; height:194px;}
.lingyu li img{ width:100%;}
.newstrt dt{ width:50%;}
.newstrt dd{width:48%;}
.newstrt .ntop img{ width:35%; height:auto;}
.newstrt .ntop .wen{ width:60%;}
.index-wrap .article .on1{ line-height:26px;}
}
@media screen and (max-width:1024px){
.message .bgcolor-white{background:#fff;}
.message ul{ width:100%; float: none;}
.nav ul li a{ padding:0 10px;}	
.fullSlide{ height:600px;}
.fullSlide ul{ height:600px !important;}
.fullSlide .bd li{ height:600px !important;}
.index-about-left >div{ margin-left:5%;}
.news-one ul li.li1{ display: none;}
.index-ecosphere .center{ display: none;}
.index-ecosphere .container{ width:94%; margin:0 3%;}
.index-ecosphere .left{ width:48%;}
.index-wrap .article .on1{ line-height:30px;}
.video-wrap{ width:90%; margin:0 5%;}
.quality-block2 >div{ width:40%;}
.profile{width:94%; margin:0 3%;}
.honor ul li .imgbox{ height:auto;}
.honor ul li .imgbox img{height:auto;}
.news-list ul li,.honor ul li{ width:33%;}
.newsonefl{ width:96%; float:inherit; margin:0 2%;}
.newsonefr{ display: none;}
.industry .odd .article{ margin-left:10%; width:300px;}
.cTopNavUni li{ width:10%;}
#dituContent{ width:100% !important;}
.part01 .picWrap{ width:100%;}
.lingyu li{ width:31%;}
.about_xg .aleft{ width:100%; float:inherit;}
.about_xg .aright{ display: none;}


#top{ display: none;}
}


@media screen and (max-width:801px){


#head-nav{ display: block; height:55px;}
.headerm{z-index: 108; height: 55px; background: #dcdcdd; text-align: center;}
.headerm h1{font-size: 1.8em; line-height: 55px; font-weight: normal; color: #212121;}
.icon-back{width: 55px; height: 55px; top: 0; left: 0;}
.icon-back:before{position: absolute; left: 50%; top: 50%; content: ""; display: block; margin-top: -9px; margin-left: -6px; width: 14px; height: 14px; border-top: 2px solid #000; border-right: 2px solid #000; transform: rotate(-135deg); -webkit-transform: rotate(-135deg);}
.logom{position: absolute; left: 0; top: 0; padding-left: 12px; width: 50%; height: 55px;}
.logom a{display: block; width: 100%; height: 100%; background: url(../images/logo.png) no-repeat left center; background-size: auto 35px;}
.cd-nav-trigger{position: absolute; right: 0; top: 0; display: block; width: 55px; height: 55px; text-align: center;}
.cd-nav-trigger i{display: block; margin: 5px auto; width: 27px; height: 3px; background: linear-gradient(to right, #005e8bc7 , #03979dba);}
.cd-nav-trigger i:first-child{margin-top: 18px;}
.cd-close-nav {position: absolute; height: 55px; width: 55px; right: 0; top: 0;}
.cd-close-nav i{position: absolute; top: 27px; left: 14px; display: block; width: 30px; height: 2px; background: #6b6b6b;}
.cd-close-nav i:first-child{-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}
.cd-close-nav i:last-child{-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);}
.cd-nav-container {position: fixed; z-index: 109; top: 0; right: 0; width: 50%; height: 100%; overflow-y: auto; background-color: #fff;
-webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);
-webkit-backface-visibility: hidden; backface-visibility: hidden;
-webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%);
-webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s; -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0.4s; transition: transform 0.4s 0s, box-shadow 0s 0.4s;}
.cd-nav-container.is-visible {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);
-webkit-overflow-scrolling: touch; box-shadow: -4px 0 30px rgba(0, 0, 0, 0.2);
-webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0s; -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0s; transition: transform 0.4s 0s, box-shadow 0s 0s;}
.cd-nav-container header {height: 55px; position: fixed; top: 0; left: 0; width: 100%; background: #fff;}
.cd-overlay {position: fixed; z-index: 2; height: 100%; width: 100%; top: 0; left: 0; cursor: pointer; background-color: rgba(0, 0, 0, 0.35); visibility: hidden; opacity: 0;   
-webkit-backface-visibility: hidden; backface-visibility: hidden;
-webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s; -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s; transition: opacity 0.4s 0s, visibility 0s 0.4s;}
.cd-overlay.is-visible {opacity: 1; visibility: visible;
-webkit-transition: opacity 0.4s 0s, visibility 0s 0s; -moz-transition: opacity 0.4s 0s, visibility 0s 0s; transition: opacity 0.4s 0s, visibility 0s 0s;}
.cd-nav{margin-top: 55px;}
.cd-nav li a{display: block; padding: 0 20px; line-height: 40px; font-size: 1.4em; color: #666;}
.cd-nav li >a{background-color: #fafafa; color: #333; border-bottom: 1px solid #fff;}
main {position: relative; overflow-x: hidden; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s;}
main.scale-down {-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}

.header{ display: none;}	
.logo{display: none;}	
.fullSlide{ height:200px;}	
.fullSlide .hd{ bottom:10px;}
.fullSlide .bd ul{height:200px !important;}
.fullSlide .bd li{height:200px !important; background-size:100% 200px; }
.fullSlide .bd li a img{ top:20%; height: 60%; width:auto;}

.index-about{ max-height:inherit;}	
.index-about-left{ width:100%; float:inherit;}	
.index-about .bg2{ background: none;}	
.index-about-left >div{ margin:0 10px; padding:22px 0;}	
.index-about-slick{ margin-top:16px; width:100%;}	
.index-about-right{ width:100%; float:inherit; padding-bottom:25px;}	
.index-title h3{ font-size:22px; line-height:30px;}	
.index-title p{letter-spacing:0 !important; font-size:18px;}	
.index-title span{ margin:10px 0 15px; height:1px;}	
.news-one{ width:96%; margin:0 2%; float:inherit;}
.news-one ul li.l1{ border: none; padding:0px; margin:0px; line-height:34px;height:34px;}
.news-one ul li.l2{line-height:34px;height:34px;}
.news-one ul li.l1 a{ line-height:inherit;}
.news-one ul li.l1 h2{ font-size:16px;line-height:inherit;}
.news-one ul li .desc,.news-one ul li .date{ display: none;}
.news-one ul li.li2, .news-one ul li.li4, .news-one ul li.li3, .news-one ul li.li5{ display: block;}
.index-pro{ padding:35px 0;background:#f5f5f5 ;}	
.index-pro .col-4x{ width:100%; margin-bottom:15px;}	

.index-ecosphere .container{ padding:30px 0; width:98%; margin:0 1%; min-height:580px;}	
.index-ecosphere .left{ top:20px; width:98%;}
.index-ecosphere .center{ display: none;}
.index-ecosphere .right td{ padding:5px 0;}
.index-ecosphere .right td.tdon1{ display: none;}
.index-ecosphere .right td.tdon2{ width:20px; padding-left:5px;}
.index-ecosphere .right td.tdon2 .number { padding:0px; font-size:0px; width:20px; height:20px;}
.ecosphere .title p.ff-ar{ display: none}
.index-ecosphere .right .line{ display: none;}
.index-ecosphere .bgcolor-green{ width:100%;}
.index-ecosphere .left h4{ margin:10px 0; display: none;}
.index-wrap .col-11x{ width:100%;}
.index-wrap .article p{ font-size:16px;}
.index-ecosphere .right{ width:100%; right: inherit; top:90px;}
.index-ecosphere .ecosphere li{ float:left; margin:0 6px;}
.index-wrap .article{ margin-top:66px;}
.ecosphere .title{color:#d5e8bf;}
.ecosphere li.active .title{ color:#fff;}
.footer{ padding:15px 0;}
.footer br{ display: none;}
.footer ul{ display: none;}
#top{ display: none;}	

.banner{ height:150px !important; background-size:150% 150px;}
.banner-tit{ top:25%; left:35%; font-size:25px;}
.subnav{ top:0px; height:auto;}
.subnav ul li{ width:inherit;}
.subnav ul li a{ width:100%; margin:0 8px; line-height:36px;}
.subnav ul li.active a { color:#03979d;}
.subnav ul li a i{ display: none;}

.ecosphere-details{ padding:25px 0;}
.ecosphere-details-title h1{ font-size:20px; font-weight:600;}
.ecosphere-details .article{ margin:15px 10px;}
.aboutone .article img{ width:100% !important;}
.aboutdsfl{ width:100%; float:inherit; padding:0px;}
.aboutdsfr{ width:100%; float:inherit; padding:0px;}
.aboutdsfr img{ width:100%;}

.honor ul li{ width:100%;}
.newsonefr{ display: none;}
.newsonefl{float:inherit;}
.syyxyy{ margin:15px; height:60px !important; line-height:26px; padding:0px;}
.syyxyy a{ float:inherit; display:block;}
.news-top{ padding-bottom:30px;}
.honor ul li .imgbox img{ width:100%; height:auto;}
.honor ul li .imgbox{height:auto;}
.hotel .fruitfl{ width:98%; float:inherit;height:inherit; padding:1%;}
.hotel .fruitfr{ width:100%; float:inherit;height:inherit;}
.hotel .fruitfl .team-pic img{ height:auto; max-width:100%;}
.hotel .fruitfr .txt{ min-height:inherit;}
.news-slick,.news-hot{ width:100%; float:inherit;}
.news-top .slick-slide img{ height:250px !important; max-width:100%;}

.container, .wrap{ width:96%; margin:0 2%;}
.news-hot ul li h2{ font-size:18px;}
.news-list ul li{ width:100%;}
.news-list ul li >div{ height:auto;}
.news-list ul li img{ height:auto; width:100%;}
.news-top h1{ font-size:20px; padding:0px;}

.cBanner{height:150px;}
.cBanner .cBanImg{ width: inherit; margin:0px; left:inherit; height:150px;}
.cTopNavUni{ top:20%;}
.cTopNavUni li{ width:inherit; margin:5px 2px;}
.cTopNavUni a{ height:auto; padding:3px 5px; line-height:inherit;}
.banImgWrap .wrap{ margin:0px;}

.pro{ height:auto;}
.news .newbox{height:auto;}
.news .newsLeft,.news .newsRight{ width:100%; height:auto; float:inherit; padding-bottom:15px;}
.news .newsLeft .tubox{width:100%; height:auto; min-height:200px; }
.news .newsLeft img{ height:auto;}
.news .newsRight{ width: auto;}
.news .newsRight dt{ display: none;}
.news .newsRight dl{width:96%; height:auto; padding:10px 2%; margin-bottom:10px; border-bottom:1px dotted #eee;}
.news .newsRight dd{ width:100%; margin:0px; float:inherit;}
.news .newsRight dd p{ height:auto;}
.news .newsmore .more{ margin:0 auto 15px;}
.abouttwo dt{ width:100%; height:auto;float:inherit;}
.abouttwo dd{ width:96%; height:auto; padding:2%;float:inherit;}
.abouttwo dl,.abouttwo{ height:auto;}
.abouttwo dt img{ width:100% !important; height:auto !important;}
#dituContent{ display: none;}
h3.htitle{ margin-top:20px;}
span.htitle{ margin-bottom:20px;}
.pro li{ width:94%; height:auto; margin:0 3% 15px;}
.pro li img.pro_tu{width:100%; height:auto;}
.pro li.li01 b,.pro li.li02 b,.pro li.li03 b,.pro li.li04 b,.pro li.li05 b{ display: none;}
.pro li .wen h4{ margin-top:25%;}
.pro li.li05{ margin:0 3% 15px;}
.fruit .fruitfl{ width:100%; float:inherit; height:auto}
.fruit .fruitfl .team-pic{ height:auto}
.fruit .fruitfl .team-pic img{ max-width:100%; height:auto;}
.fruit .fruitfr{width:96%; float:inherit; height:auto; padding:2%;}
.fruit .syyxyy{ height:auto;}


.part01{ padding:15px 0px;}
.part01 .picWrap{ z-index:1;}
.part01 .pleft,.part01 .pright{ width:100%; background:none;}
.part01 .picWrap{ float:inherit; width:100%; height:274px; overflow:hidden;}
.part01 .pic img{ width:100%; height:auto;}
.in_t .i_cn{ font-size:20px; font-weight:600;}
.part02{ padding:15px 0; margin-bottom:16px;}
.part02 .tab_t{ width:40%;}
.part02 .in_t{ margin-bottom:15px;}
.part02 .tab_t.tab_t_cur{ background-size:100%;}
.index_news ._left{height:250px;}
.index_news ._left,.index_news ._right{ width:100%; float:inherit;}
.index_news .-news-top{ width:100%; height:250px;}
.index_news .-news-top a img{height:250px;}
.index_news .-news-top .word{ padding-left:26%;}
.index_news .-news-top .word .p{ height:50px; overflow:hidden;}
.index_news .jjnews-list2 li{margin-top:15px; padding:10px 0;}
.index_news .jjnews-list2 li ._intro{ width:100%; }
.index_news .jjnews-list2 li ._time{ display: none;}
.downScroll{ padding:25px 0;}
.hotel .fruitfl .team-pic{ height: inherit;}
.title { margin:15px 0;}
.title h2{ font-size:22px;}

#ban14{ margin-top:15px;}
.about_xg .aleft,.about_xg .aright{ width:98%; float:inherit; padding:1%;}
.about_xg .aleft ul{ width:100%;}
.about_xg .aleft i{ margin:5px 0;}
.about_xg .aleft p{ display:inherit; line-height:26px; border: none;}
.about_xg .aleft li{ width:31%; height:auto; margin:0 1%; padding-bottom:15px; text-align:center;}
.about_xg .aright{ display: none;}
.lingyu{ margin-bottom:20px; padding-bottom:20px;}
.lingyu li{ width:100%; margin:0 0 15px 0; height:auto;}
.newstrt dl{ height:auto;}
.newstrt dt{ width:100%; height:auto;float:inherit;}
.newstrt dd{ width:96%; height:auto; padding:2%; float:inherit;}
.newstrt dl{ height:auto;}
.newstrt dt img{ width:100% !important; height:auto !important;width:550px !important;}
.newstrt dt span font{ display: none;}
.newstrt .ntop{ height:auto; padding-bottom:10px; margin-bottom:10px;}
.newstrt .ntop p{ display: none;}
.newstrt .nright{ float:inherit; overflow:hidden;}
.contact{ padding:20px 0;}
.contact .info{ width:100%; float:inherit; min-height:inherit;}
.contact .info p{ margin-bottom:0;}
.message >div{ padding:10px;}
.message .col-6x{ width:100%;}
.message ul li span{ width:30%;}
.message ul li label{ margin:10px 0 ;}
.message ul li .input-text{ width:70%; padding-left:22%;}
.newstrt dt img{ width:100% !important;}

.news-top .slick-dots li{ display:none; }
.slick-track{ width:2000px !important;}

}

.listPage{MARGIN: 0px auto 0px; WIDTH: 100%; PADDING: 20px 0px; TEXT-ALIGN: center}
.listPage li{display: inline-block; BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 8px! important; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #333; PADDING-TOP: 4px! important; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none! important}
.listPage li.thisclass{background-color: #6D9C23; border-color: #6D9C23; color: #fff;}
.listPage li.thisclass a{color:#fff;}