*{margin: 0; padding: 0; font-family: "宋体"}
body{overflow-x: hidden;}
html,body{
    width:100%;
    height: 100%;
}
.container{min-width: 1170px !important;}
/** Header **/
.site-header{padding-top: 10px; padding-bottom: 10px; width: 100%; position: relative; top: 0; left: 0 !important; right: 0; z-index: 103; color: #000; background: #fff; color: #fff; background-color: #33b56f;}
.site-header,
.site-header .container{min-width: 1170px !important;}
.site-header #site-header-brand{color: #2e2e2e; float: left; font-style: italic; font-weight: bold;}
.site-header a{text-decoration: none;}
.site-header a:hover{color: #fff;}
#site-header-brand,
#site-header-brand .octicon{margin-top: 4px; margin-bottom: 0; font-size: 38px; font-weight: 400; line-height: 38px;}
.site-header-nav{float: right !important;}
.site-header-nav ul{list-style: none;}
.site-header-nav>ul>li{margin-left: 1.25rem; float: left; position: relative;}
.site-header-nav ul li:first-child{margin-left: 0;}
.site-header-nav-item{color: #000; display: inline-block; padding: 10px 15px; margin-left: 1.25rem; font-size: 20px;}
.site-header-nav-item:first-child{margin-left: 0;}
.logo{height: 53px;}
.logo-handwrite{margin-left: 25px;}
/**** navigation ***/
.navigation{line-height: 40px; height: 40px; background-color: #f9f9f9; color: #cbcbcb;}
.navigation a{padding-left: 10px; padding-right: 10px; cursor: pointer; text-decoration: none; color: #333;}
.navigation a:hover{text-decoration: none;}
/******* Scroll Start *******/
.site-header{box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);}
.site-header.site-header-nav-scrolled{margin: 0; background: #00a14a; -webkit-box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125); -moz-box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125); -ms-box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125); -o-box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125); box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);}
/******* Scroll End *******/
/** Jumbotron **/
.jumbotron{padding-top: 200px; padding-bottom: 100px; color: #fff;}
.jumbotron a{color: #fff; text-decoration: none;}
.jumbotron #jumbotron-meta-info{margin-top: 20px; ;}
.jumbotron .meta-info{font-size: 20px; margin-right: 15px}
.jumbotron.meta-info,
.jumbotron .meta-info .octicon{font-size: 18px;}
.site-footer{position: relative; margin-top: 40px; padding: 40px 0; font-size: 12px; line-height: 1.5; color: #777; border-top: 2px solid #eee}
.site-footer .octicon-mark-github{position: absolute; left: 50%; color: #ccc;}
.site-footer .octicon-mark-github:hover{color: #bbb;}
/**** menu ****/
.menu{padding: 34px 0 21px;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.menu .list{width: auto; margin: 0 auto; text-align: center;}
.menu .list.long{width: auto;}
.menu .list.longer{width: auto;}
.menu .list.short{width: auto;}
.menu .list.small{width: auto;}
.menu .list li{ width: 174px; background-position: 81px 40px; font-size: 15px; line-height: 41px; opacity: 0; display: inline-block;list-style: none;}
.menu .list li a{text-decoration: none; background: transparent; outline: none;}
.menu .list li span.img{display: block; width: 174px; height: 70px;}
.menu .list li p{color: #000; -webkit-transition: all 0.5s; transition: all 0.5s;}
.menu ul{overflow: auto; margin-bottom: 0 !important;}
div{margin: 0; padding: 0;}
/** Post List **/
.post-list-item{position: relative; padding-top: 30px; padding-bottom: 30px; list-style: none; border-bottom: 1px solid #eee;}
.post-list-title a{text-decoration: none;}
.post-list-description{margin-top: 8px; margin-bottom: 0; font-size: 18px; color: #666;}
.post-list-meta{margin-top: 8px; margin-bottom: 0; color: #888;}
.post-list-meta,
.post-list-meta.octicon{font-size: 18px;}
.geopattern{background-size: contain;}
.sidebar-title{text-align: center;}
.drop{overflow: hidden; list-style: none; position: absolute; padding: 0; width: 150%; left: -21px; top: -348px; padding-top: 20px; opacity: 0; transition: margin .15s, opacity .15s;}
.drop li{text-align: center; font-size: 16px; background-color: #33b56f;}
.drop li{transition: background .2s;}
.drop li:hover{background: #008f3d;}
.drop li>a{padding: 15px 10px; display: block; color: #fff;}
.site-header .container{position: relative;}
.site-header-nav{margin-right: 300px;}
.site-header .container .btn{position: absolute; top: 5px; right:-68px; margin-top: 0;}
.site-header .container .btn1{position: absolute; top: 5px; right: 180px; margin-top: 0;}

.btn1 { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 15px; font-weight: 400; line-height: 1.42857143; text-align: center; border: 1px solid #fff; color: #fff; border-radius: 4px;}
a.btn1:hover{ color: #333; background: #fff;}

.site-header-nav>ul>li:hover ul{opacity: 1; top: 38px;}
/**************搜索样式**********/
.site-header .glyphicon-search{font-size: 20px; top: 15px; left: 10px; cursor: pointer;}
.search-box{float: right; opacity: 0;}
.search-box *{user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;}
.search-box input[type=text]{user-select: text;}
.search-box .glyphicon-search{top: 3px;}
.search-box input[type=text]{border: none; background: #00a14a; outline: none; color: #fff; font-size: 20px; width: 400px; padding: 10px 0 10px 0;}
.search-box .glyphicon-remove{font-size: 20px; top: 3px; right: -10px; cursor: pointer;}
::-webkit-input-placeholder{color: #ddd;}
:-ms-input-placeholder{color: #ddd;}
:-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color: #ddd;}
::-moz-placeholder{/* Mozilla Firefox 19+ */ color: #ddd;}
.hidden{display: none;}
.show{display: block;}
.fadein{animation: fadein .5s; display: none;}
.fadeout{animation: fadeout .5s; display: block; opacity: 1;}
@keyframes fadein{from{opacity: 1;} to{opacity: 0;}}
@keyframes fadeout{from{opacity: 0;} to{opacity: 1;}}
/******* banner ******/
.banner{height: 500px;}
.banner.heigher{height: 700px;}
.banner.narrow{height: 500px;}
.i-ban{position: relative; margin: 0 auto; height: 500px; overflow: hidden; max-width: 1920px;}
.i-ban.narrow{height: 500px;}
.i-ban.border{height: 530px;}
.i-ban.heigher{height: 700px;}
.i-ban.heigher li{height: 700px;}
.i-ban.border li{height: 530px;}
.i-ban.narrow li{height: 500px;}
.i-ban.carousel{margin-bottom: 0;}
.i-ban li{position: absolute; left: 50%; width: 1920px; margin-left: -960px; height: 500px; display: none; float: left;}
.i-ban li a{display: block; height: 700px;}
.i-ban.narrow li a{height: 500px;}
.i-ban .arrow{left: 50px; top: 0; width: 27px; height: 700px; cursor: pointer;}
.i-ban .arrow.next{left: auto; right: 50px; background: url("") no-repeat right center transparent;}
.i-ban .arrow.prev{left: auto; right: 50px; background: url("") no-repeat right center transparent;}
.i-ban .btn{position: absolute; left: 48%; bottom: 34px; height: 10px;}
.i-ban .btn span{display: inline-block; width: 14px; height: 14px; margin: 0 5px; cursor: pointer; border-radius: 50%; background: #fff;}
.i-ban .btn span.cur{background: #33b56f;}
.carousel{height: 500px; width: 100%;}
.carousel ul{margin-bottom: 0;}
.leader{background: url() no-repeat 70% 50% !important; padding-top: 200px !important; padding-bottom: 200px !important;}
.team{background: url() no-repeat 50% 20% !important; padding-top: 200px !important; padding-bottom: 200px !important; background-size: 100%;}
.biotechnology{background: url() no-repeat 50% 20%; background-size: 100%; height: 534px;}
.health-banner{background: url() no-repeat 50% 20%; background-size: 100%; height: 534px;}
.biotechnology .container,
.health-banner .container{padding-top: 120px; line-height: 1.5; color: #00a14a;}
.biotechnology .container h3,
.health-banner .container h3{line-height: 1.5;}
.health-banner .container{color: #fff;}
.description .title{color: #009f44;}
.description{color: #333;}
.index-banner{background: #dddee0; height: 1040px; overflow: hidden;}
.index-banner img{width: 90%; text-align: center; display: block; margin: 0 auto;}
.bh{background: url() no-repeat 50% 20% !important; padding-top: 200px !important; padding-bottom: 200px !important; background-size: 100%;}
.gbh{background: url() no-repeat 50% 20% !important; padding-top: 200px !important; padding-bottom: 200px !important; background-size: 100%;}
.social-banner{background: url() no-repeat top center; height: 337px;}
.company-banner{background: url() no-repeat bottom center !important; padding-top: 200px !important; padding-bottom: 200px !important; background-size: 100% 100%;}
.company-banner.culture{background: url() no-repeat !important; padding-top: 0 !important; padding-bottom: 0 !important; background-size: 860px auto !important; height: 500px; position: relative; width: 860px; margin: 40px auto;}
.company-banner .cover{width: 100%; height: 100%; max-width: 1920px; margin: 0 auto; background-color: rgba(0, 0, 0, .4); transition: background-color .5s;}
.company-banner .cover:hover{background-color: rgba(0, 0, 0, .05);}
/****** banner end*****/
/*********** title *****************/
.person-title{height: 230px; background-color: #f8f8f8; color: #6d6d6d; text-align: center; margin-bottom: 65px;}
.person-title h1{padding-top: 35px; letter-spacing: 4px; margin-top: 0;}
.person-title .btn{border-radius: 20px; width: auto; height: 34px; line-height: 28px; font-size: 18px; border: 3px solid #e9e9e9; transition: background-color .5s; margin-right: 15px; padding: 0px 13px; margin-top: 30px; outline: none;}
.person-title:focus{outline: none;}
.person-title .btn.active{background: #33b56f; border: none; color: #fff; line-height: 34px; outline: none;}
.person-reward{display: none;}
.person-reward .row{width: 600px; margin: 0 auto;}
/********** col **********/
.cols{width: 100%; max-width: 1920px; margin: 0 auto;}
.col-4{width: 25%; display: inline-block; margin-right: -5px;}
.col-6{width: 50%; display: inline-block; margin-right: -4px;}
.col-8{width: 75%; display: inline-block; margin-right: -4px;}
.main-points{text-align: center; color: #74747a; }
.main-points .bg{height: 250px;  background-size: 100%; background-position: top center; background-repeat: no-repeat;}
.main-points h3{font-size: 2.5rem; line-height: 2;}
.main-points p{font-size: 1.5rem; white-space: nowrap; overflow-x: hidden; margin-top: -8px; margin-bottom: 20px;}
.markdown-body h2{color: #00b050; font-family: "宋体";}
.lb_wrap{float: none; width: 100%; height: 509px;}
.lb_wrap li{display: none; width: 100%; height: 509px; background-repeat: no-repeat; background-position: center center; float: left; list-style: none;}
.lbanner{width: 100%; height: 509px; overflow: hidden; position: relative;}
.lbanner .dot{position: absolute; height: 10px; bottom: 20px; left: 0; list-style: none;}
.lbanner .dot li{width: 10px; height: 10px; margin-right: 10px; cursor: pointer; z-index: 10; background-color: #fff; border-radius: 50%; float: left;}
.lb_wrap li a{display: block; width: 100%; height: 100%; cursor: pointer;}
.lbanner .dot li.active{background: #00a14a;}
.person-inc{margin-top: 30px;}
.person-inc p{font-size: 17px; line-height: 33px; text-align: justify; margin-bottom: 0; margin-top: 0;}
.person-inc p.spliter{display: block; height: 20px;}
.person-inc p.title{font-weight: bold; color: #117b41; font-size: 20px;}
.leading-body p{margin-right: 20px;}
.leading-body ul{padding-left: 1.4em;}
.leading-body ul li{color: #a5a5a5;}
.leading-body ul li span{line-height: 2.3; color: #4f4f4d;}
.person-inc-box img{margin-bottom: 30px; width: 49%; display: inline-block;}
.leading-body p{text-indent: 32px; text-align: justify; word-break: break-all;}
.biotechnology h3,
.biotechnology h1{line-height: 1.5;}
.banner-bg{width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1);}
.achievments .container{padding: 40px 185px 0 185px;}
.achievments .feature li{display: inline-block; width: 220px; height: 160px; margin-bottom: 90px;}
.achievments .feature li.middle{padding-left: 66px; padding-right: 66px; width: 356px; margin-left: -4px; margin-right: -4px;}
.achievments .feature img{width: 100%;}
.achievments .feature li span{display: block; text-align: center; color: #a0a0a0; line-height: 3;}
.achievments .video-container{}
.achievments ol{margin-left: 16px; color: #838281;}
.achievments ol li{margin-bottom: 10px; height: auto;}
.achievments ol.papers li{height: 40px;}
.achievments ol li a{word-break: break-all; word-wrap: break-word; display: inline; text-wrap: normal; width: 784px;}
.achievments .row img{width: 30%;}
.achievments h3,
.achievments h4{font-weight: bold; margin-top: 30px; margin-bottom: 20px; border-left: 6px solid #95b63e; text-indent: 15px;}
.achievments h3.nb,
.achievments h4.nb{border-left: 0; color: #605c5c; margin-bottom: 30px;}
.achievments .achievment-content{overflow: hidden; margin-bottom: 30px;}
.achievments .achievment-content p{font-size: 15px; line-height: 1.8;}
.achievments p{color: #838281; line-height: 1.5; text-indent: 28px; text-align: justify;}
.achievments .strong{color: #605d5c;}
.achievments img{margin-top: 20px;}
.achievments .col-md-4 img{margin-top: 0;}
.achievments .video{margin-top: 30px;}
.achievments .media-report{background: url(../images/media-report.jpg) no-repeat 0 0; width: 100%; height: 450px; margin-top: 40px; position: relative;}
.achievments a{display: block; position: absolute;}
.achievments a.row1{top: -10px; height: 100px;}
.achievments a.row2{top: 102px; height: 100px;}
.achievments a.row3{top: 215px; height: 100px;}
.achievments a.row4{top: 340px; height: 100px;}
.achievments a.col1{left: 0; width: 154px;}
.achievments a.col2{left: 197px; width: 154px;}
.achievments a.col3{left: 385px; width: 230px;}
.achievments a.col4{left: 644px; width: 160px;}
.achievments a.sina{width: 174px;}
.achievments a.isj{width: 253px;}
.achievments .media-report a:hover{box-shadow: 0 0 5px #ccc;}
.achievments .fields{height: 220px; width: 100%;}
.achievments .fields .field{width: 25%; display: inline-block; height: 250px; margin-left: -5px; vertical-align: top;}
.achievments .fields .field:first-child{margin-left: 0;}
.achievments .fields .field .box{margin: 0 auto; width: 190px;}
.achievments .fields .field:first-child .box{margin-left: 0;}
.achievments .fields .field:last-child .box{margin-right: 0;}
.achievments .fields .field p{text-indent: 0; text-align: center;}
.achievments .box .img{display: block; height: 120px; margin-top: 0; margin-bottom: 15px; background-size: 100% !important; background-position: 0 -28px !important;}
.achievments .box span{display: block; text-align: center; line-height: 2; background: #a8a8a6; color: #fff;}
/*** 公共区域 ***/
img{max-width: 100%;}
.p-b,
.p-m,
.p-s{box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05); position: relative; border: 1px solid #e5e5e5; overflow: hidden; transition: all 0.8s;}
.p-b:hover,
.p-m:hover,
.p-s:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);}
.p-b{min-height: 490px;}
.p-b{margin-bottom: 20px;}
.p-m{min-height: 320px; margin-bottom: 20px;}
.p-b img{height: 300px;}
.p-b img,
.p-m img,
.p-s img{display: block; margin: 0 auto; margin-bottom: 0px; margin-top: 30px;}
.p-m img{margin-top: 0px;}
.w80p{width: 80%;}
.w60p{width: 60%;}
.row{margin-bottom: 30px;}
.h100{height: 100%;}
.pl20{padding-left: 20px !important;}
.ml30{margin-left: 30px;}
.mt0{margin-top: 0;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px !important;}
.mtn20{margin-top: 20px;}
.ml30{margin-left: -30px;}
.mw100{max-width: 100%;}
.fr{float: right; display: line;}
.fl{float: left; display: inline;}
.bb0{border-bottom: none;}
.oys{overflow-y: scroll;}
.bg-light-gray{background-color: #f8f8f8; min-width: 1200px;}
.bg-light-green{background-color: #f3ecdb;}
.biological-products{margin-top: 40px;}
.products .img-right{height: 270px; margin-top: 26px;}
.biological-products .intro{ width: 100%; height: 145px; padding: 10px 32px 0; background: #fff; border: 1px solid #f6f6f6; border-top: 0; -webkit-transition: all 0.8s; transition: all 0.8s;}
.biological-products .title{color: #009f44;}
.biological-products .product-detail{top: 0; width: 780px; height: 350px; padding: 33px 40px 43px; background: #fff; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; opacity: 0; position: absolute; transition: all .5s; z-index: 1000; zoom: 1;}
.biological-products .product-detail .ask{position: absolute; top: 60px; right: 20px;}
.biological-products .product-detail .ask.top{top: 20px;}
.biological-products .product-detail .ask a{display: block; float: right; width: 120px; height: 40px; position: relative; line-height: 40px; text-decoration: none; padding: 0; margin-top: -20px;}
.biological-products .product-detail.oys .ask a,
.biological-products .product-detail.big .ask a{margin-top: 0;}
.biological-products .product-detail.right{right: -764px; border-left: 1px solid #e5e5e5; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg);}
.biological-products .product-detail.left{left: -764px; border-left: 1px solid #e5e5e5; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: right center; -webkit-transform: rotateY(90deg); transform: rotateY(90deg);}
.biological-products .product-detail.right.sm{width: 390px; right: -374px;}
.biological-products .product-detail.left.sm{width: 390px; left: -374px;}
.biological-products .product-detail.left.big{width: 584px; left: -568px; height: 490px;}
.biological-products .product-detail.right.big{width: 584px; right: -568px; height: 490px;}
.biological-products .col-md-4,
.biological-products .col-md-6{position: relative; perspective: 3000px; z-index: 0;}
.biological-products .col-md-4:hover,
.biological-products .col-md-6:hover{z-index: 1;}
.biological-products .col-md-4:hover .product-detail,
.biological-products .col-md-6:hover .product-detail{box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4); transform: rotateY(0); opacity: 1; border-top: 1px solid #e5e5e5; border-left: 0;}
.biological-products .col-md-4:hover .p-m,
.biological-products .col-md-6:hover .p-m,
.biological-products .col-md-6:hover .p-b{box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4); border-right: 0;}
.biological-products .col-md-4:hover .product-detail.left,
.biological-products .col-md-6:hover .product-detail.left{box-shadow: -2px 4px 10px rgba(0, 0, 0, 0.4); transform: rotateY(0); opacity: 1;}
.intro .tips{margin-bottom: 17px;}
.intro .tips p{color: #888;word-break: break-all;}
.intro .tips h3{font-size: 24px; color: #00a14a;}
/********社会责任********/
.social-img,
.img-left,
.img-right{width: 878px; height: 490px; display: inline-block; box-shadow: 1px 1px 20px #b1c1b2; margin-top: 58px;}
.social-img.img-left{background: url() no-repeat top center; background-size: 100%;}
.social-img.img-right{background: url() no-repeat top center; background-size: 100%; margin-left: 293px;}
.hexagon{display: inline-block; width: 310px; height: 600px; border: 4px solid #00a14a; position: absolute; top: 0; right: 70px; z-index: -2;}
.hexagon.left{right: auto; left: 70px;}
.social-part{padding-top: 60px; padding-bottom: 60px; width: 1170px !important;}
.social-part .row{position: relative;}
.social-part .row .content{position: absolute; background: #fff; width: 293px; box-shadow: 6px 1px 19px #999; right: 0; padding: 30px; top: 152px; z-index: -1;}
.social-part .row .content.left{left: 0; right: auto;}
.social-part .row .content h2{color: #00a14a;}
#site-header-brand{position: absolute; top: -9px;}
/******联系我们 contact us****/
.contact{margin-top: 70px; color: #888;}
.contact .header{margin-bottom: 50px;}
.contact .title{color: #00a14a;}
.contact-banner{max-width: 100%;}
.contact .map img{width: 630px; max-width: 100%;}
.contact .map-box{width: 830px; height: 450x; display: block; margin: 0 auto;}
.contact .right-content .header{text-align: center;}
.contact .right-content .content h2{padding-left: 26px;}
.contact .right-content .content{font-size: 18px; padding-left: 100px; line-height: 1.8;}
.contact .right-content .qrcode-box{width: 820px; margin: 30px auto;}
.contact .right-content .qrcode{width: 204px; text-align: center; display: inline-block; margin-right: -3px;}
.contact .right-content .qrcode-box img{width: 180px;}
.contact .right-content .qrcode-box strong{color: #333;}
.contact .right-content .qrcode-box strong,
.contact .right-content .qrcode-box p{display: block; text-indent: 0;}
/****** team *******/
.team-inc{margin: 0 auto;}
.team-inc .row{margin: 80px auto 0 auto; border: 2px solid #eee; padding: 26px 80px; position: relative;}
.team-inc .row .post{background: #35be6c; color: #fff; position: absolute; top: 21px; right: -2px; padding: 6px 12px;}
.person-img{width: 230px; height: 295px; background: #33b56f; display: inline-block; border: 5px solid #e1e1e1;}
.person-img img{width: 290px;}
.person-inc{display: inline-block; width: 630px; height: auto; margin-left: 100px; margin-top: 0; vertical-align: top;}
.person-inc h3{color: #424242; line-height: 1.5; font-weight: bold; margin-top: 0; letter-spacing: 2px;}
/******** vedio *******/
.video{margin-top: 60px;}
.video video{width: 600px; display: block; margin: 0 auto;}
.video.large video{width: 800px;}
.video-content-title{height: 200px; background-color: #f8f8f8; color: #6d6d6d; text-align: center;}
.video-content-title.narrow{height: 140px;}
.video-content-title.narrow h1{line-height: 140px;}
.video-content-title h1{letter-spacing: 4px; margin-top: 0; line-height: 200px;}
.halogenation-content{color: #666; line-height: 2; margin-top: 30px; background: #f8f8f8;}
.halogenation-content h1{line-height: 2.5; color: #33b56f;}
.halogenation-content ul{font-size: 16pt; margin-left: 26px;}
.halogenation-content .row{margin-top: 30px;}
.halogenation-content.step1 p{font-size: 18px; line-height: 2; text-indent: 36px; text-align: justify; margin-bottom: 0;}
.halogenation-content.step1{padding: 40px 0;}
.halogenation-content.step1 img{width: 300px; margin-right: 120px; border: 1px solid #ececec; display: inline-block;}
.halogenation-content.step1 img:last-child{margin-right: 0;}
.halogenation-content.step3{margin-top: 80px; height: 650px; position: relative; min-width: 1170px;}
.halogenation-content.step3 .left,
.halogenation-content.step3 .right{width: 50%; height: 650px; background-color: #f2f2f2; left: 0; position: absolute;}
.halogenation-content.step3 .right{background-color: #d9d9d9; left: 50%;}
.halogenation-content.step3 .container{position: relative;}
.halogenation-content.step3 img{display: block; position: absolute; top: 135px; left: 100px;}
.halogenation-content.step5{background-color: #f2f2f2;}
.halogenation-content.step5 .col-6 h1{color: #333; font-size: 36px;}
.halogenation-content.step5 img{border: 1px solid #ececec; width: 500px; display: block; margin: 0 auto;}
.blue-pigment-content{background: #f8f8f8; padding: 30px 0 30px;}
.blue-pigment-content h1{color: #1f4e79; line-height: 2.6;}
.blue-pigment-content p{font-size: 18px; line-height: 2; padding: 30px 0 30px; text-indent: 36px; text-align: justify; word-break: break-all;}
/******公司 company*****/
.company{margin-top: 40px; color: #888;}
.company .header{margin-left: 15px;}
.company h1.title,
.company h2.title{color: #337ab7; margin-left: 130px;}
.company .header p,
.company .header li{font-size: 14px; line-height: 2; text-align: justify; width: 854px; text-indent: 36px; margin: 0 auto;color:#333;}
.company img{max-width: 100%; width: 100%;}
.company .content .title{margin-top: 0;}
.company .title{color: #009f44;}
.company-banner.culture .content{color: #fff; top: 35%; text-align: center; position: absolute; text-align: center; width: 100%;}
.company .img-right{margin-top: 2px; height: 268px;}
.company .bg .col-md-6,
.company .bg .col-md-12,
.company .sys .col-md-6,
.company .sys .col-md-12{padding-left: 5px; padding-right: 5px; padding-top: 10px;}
.company .content.bg,
.company .content.sys{width: 862px; margin: 0 auto;}
.company .col-md-3{padding-left: 5px; padding-right: 5px; padding-top: 20px;}
.company .col-md-3:first-child{padding-left: 0;}
.company.container{width:900px;min-width:900px !important;margin-bottom: 0 !important;}
/******** health *******/
.placeholder{height: 500px;}
.placeholder h1{text-align: center; line-height: 300px; margin-top: 0;}
.pink{height: 500px; background-color: #efafa3;}
.pink h1{text-align: center; color: #fff; line-height: 300px; text-shadow: 0 0 1px #fff; margin-top: 0;}
.container.width{width: 1400px !important; text-align: center; height: 700px; position: relative;}
.container.width>span{color: #00afc5; font-size: 96px; position: absolute; bottom: 46px; right: 260px;}
.cercel{width: 190px; height: 190px; border-radius: 50%; display: inline-block; background: #f9eeee; color: #fff; text-align: center; cursor: pointer; transition: all .4s;}
.cercel .bg{width: 190px; height: 190px; border-radius: 50%; transition: all .4s; font-weight: normal; position: relative; display: block;}
.cercel span{position: absolute; top: 200px; font-size: 12px; color: #ccc; display: block; text-align: center; width: 100%;}
.cercel:hover{transform: scale(1.2); box-shadow: 0 0 45px #333;}
.cercel:hover .bg{background: rgba(0, 0, 0, 0.01);}
.cercel:hover .bg span{color: #666; font-size: 14px; top: 220px; font-weight: bold;}
.luhua{background-color: #60c0f3; background: url() no-repeat center center; position: absolute; left: 0; top: 350px;}
.luhua .bg{background: rgba(96, 192, 243, 0.7);}
.guaguo{background-color: #00aec3; background: url() no-repeat center center; position: absolute; left: 260px; top: 160px;}
.guaguo .bg{background: rgba(0, 174, 195, 0.7);}
.yangyan{background-color: #63a2c2; background: url() no-repeat center center; position: absolute; left: 569px; top: 60px;}
.yangyan .bg{background: rgba(99, 162, 194, 0.7);}
.no-pre{background-color: #6ac335; background: url() no-repeat center center; position: absolute; left: 885px; top: 150px;}
.no-pre .bg{background: rgba(106, 195, 53, 0.7);}
.ysj{vertical-align: top; background-color: #aadbc6; background: url() no-repeat center center; position: absolute; right: 0; top: 350px;}
.ysj .bg{background: rgba(170, 219, 198, 0.7);}
.section-hp{display: block; max-width: 1920px; margin: 0 auto; height: 700px;}
.section-hp.hp1{background: url(../images/section/five.jpg) no-repeat top center;}
.section-hp.hp2{background: url(../images/section/section-hp-2.jpg) no-repeat top center;}
.section-hp.hp2 h1{color: #fff; position: absolute; top: 300px; right: 130px;}
.section-hp.hp3{background: url(../images/section/section-hp-3.jpg) no-repeat top center;}
.section-hp.hp4{background: url(../images/section/section-hp-4.jpg) no-repeat top center;}
.section-hp.hp5{background: url(../images/section/section-hp-5.jpg) no-repeat top center;}
.health-show{opacity: 1 !important;}
.hxy h1{margin-left: 600px; margin-top: 200px; font-size: 42px; color: #666; letter-spacing: 3px;}
.wtj h1{position: absolute; color: #229245; left: 107px; top: 333px;}
.xs{height: 500px; background: url() no-repeat; background-size: auto 500px; opacity: 0; transition: all 4s;}
.xs h1{margin-left: 450px; margin-top: 80px; font-size: 44px; color: #666;}
.yy h1{color: #fff; position: absolute; right: 88px; top: 320px;}
.nl h1{position: absolute; color: rgb(221, 19, 123); top: 203px; left: 479px; font-size: 54px;}
.container.width h1{font-weight: normal !important; letter-spacing: 2px;}
.ysj .bg{padding-top: 80px; text-shadow: 0 0 1px #fff;}
.no-pre:hover{color: #666;}
.health-content h1.title{color: #4b6e2d;}
.health-content .row.detail{background-color: #4b6e2d;}
.health-content .row .detail{background-color: #4b6e2d; padding: 65px 50px 60px; color: #fff;}
.health-content .row .detail-large{background-color: #4b6e2d; padding: 20px 50px 20px; color: #fff;}
.health-content .row .detail .title{color: #fff;}
.health-content .img{box-shadow: none; width: 100%; height: auto;}
.health-content .img-right{margin-top: 22px; margin-left: -8px;}
.health-content .img-left{margin-top: 24px; margin-left: 7px;}
/****** index *****/
.index-content h2{text-align: center; color: #8cbe37; line-height: 50px; position: relative; font-size: 40px; padding: 30px 0;}
.index-content p{color: #666; text-align: justify; line-height: 25px;}
.index-content .abount-img{overflow: hidden; position: relative;}
.index-content .col-about{text-align: center; margin-top: 50px;}
.index-content .col-about:hover .cover{opacity: .4;}
.index-content .cover{width: 100%; height: 100%; background: #00a14a; position: absolute; left: 0; top: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; z-index: 100; transition: opacity 1s;}
.index-content .about-img{position: relative;}
.index-content .about-img:hover .showtext{bottom: 0; opacity: 1;}
.index-content .showtext{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 100; opacity: 0; transition: bottom .6s, opacity .4s;}
.index-content .showtext p{font-size: 20px; color: #fff !important; font-family: "宋体"; text-align: center; position: absolute; top: 60px; width: 100%;}
.index-content .more{margin-top: 95px;}
.index-content .more a{border: 2px solid #fff; color: #fff; width: 116px; height: 31px; line-height: 29px; text-align: center; display: block; margin: 0 auto; text-decoration: none;}
.index-content .more a:hover{background-color: #fff; color: #00a14a; text-decoration: none;}
/******* biology *******/
.biology-content{color: #666; width: 760px; margin: 80px auto;}
.biology-content h1{color: #33b56f;}
.biology-content p{text-indent: 28px; text-align: justify; word-break: break-all; color: #838281;}
.biology-content .strong{color: #605d5c;}
.biology-content h4{font-weight: bold;}
.biology-content .product-left,
.biology-content .product-right{display: inline-block; line-height: 2;}
.biology-content .product-left{width: 280px; position: relative;}
.biology-content .product-left img{display: block; margin: 0 auto;}
.biology-content .product-left img.bottom{position: absolute; top: 263px; left: 0;}
.biology-content .product-right{vertical-align: top; width: 750px; padding-left: 40px;}
.biology-content .product-right .title{color: #33b56f; margin-top: 0;}
.biology-content form{margin-top: 50px;}
.biology-content p.spliter{display: block; height: 10px;}
.no-indent p{text-indent: 0;}
.biology-content .control-label{width: 110px !important;}
.biology-content form textarea,
.achievments form textarea{height: auto !important; min-height: 70px;}
/***** content *****/
.right-content{width: 900px; margin: 0 auto; line-height: 2;}
.right-content .qq-box{float: right; margin-top: 20px; margin-bottom: 20px; margin-right: 20px;}
.right-content .qq-box a{margin-right: 15px;}
.right-content .img-title-box{position: relative;}
.right-content .img-title{display: block; width: 100%; height: 40px; line-height: 40px; font-size: 18px; color: #fff; background: rgba(0, 0, 0, 0.4); position: absolute; left: 0; bottom: 0; padding-left: 30px; letter-spacing: 2px;}
.right-content .title,
.right-content .title a{color: #33b56f;}
.right-content p{text-indent: 28px;}
.right-content .row{margin: 10px 0;}
.right-content .row img{width: 135px; height: 90px; display: inline-block;}
.right-content .row .content{display: inline-block; height: 90px; overflow: hidden; vertical-align: top; position: relative; width: 740px; line-height: 1.5;}
.right-content .row .content p{margin-bottom: 5px; line-height: 2; padding-left: 30px;}
.right-content .row .content a{color: #cbcbcb; position: absolute; bottom: 2px; right: 0; z-index: 2; background-color: #fff; height: 25px;}
.right-content .row .content a:hover{text-decoration: none; color: #33b56f;}
.right-content .title{margin-top: 20px;}
.right-content .row .content .more-bg{width: 400px; height: 30px; padding-left: 40px; position: absolute; bottom: 0; right: 60px; z-index: 1; background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);}
.news-content{color: #99; width: 960px !important; margin: 0 auto;}
.news-content .header{border-bottom: 1px solid #ebebeb; height: 120px; line-height: 77px;}
.news-content .header.rows{height: 150px;}
.news-content .header.rows h1{line-height: 1.5;margin-top: 0;width:100%;font-size:28px;}
/*.news-content .header .date{float: right;}*/
.news-content .header .date:after{display: table; content: " "; clear: both;}
.news-content .header h1{color: #333; float: left; width: 100%;font-size:28px;}
.news-content p{line-height: 2; text-indent: 28px; word-break: break-all; text-align: justify;}
.news-content .content{padding-top: 30px; padding-bottom: 30px;}
.news-content .content img{display: block; margin: 0 auto 20px auto;height:auto !important;}
.news-content .qrcode{margin-top:14px; height: 240px;border-top:10px solid #33b56f;border-bottom:10px solid #33b56f;padding-top: 45px;font-size: 16px;}
.news-content .qrcode>img{margin: 0 26px;float: left;}
.news-content .qrcode p{margin-bottom: 0;line-height: 2;text-indent: 4px;}
.news-content .qrcode p.red{color:red;}
.news-content .short-list{padding: 10px 15px 20px 15px;border:1px solid #ededed;}
.news-content .short-list h4{line-height: 2;}
.news-content .short-list li{list-style-type: none;}
.news-content .short-list a{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 2;display: block;}


/********* hr *********/
.gray-box{width: 100%; background: #fff; border-radius: 8px; border: 1px solid #dcdcdc; border-color: rgba(0, 0, 0, .14); box-shadow: 0 3px 8px -6px rgba(0, 0, 0, .1); margin-bottom: 50px;}
.gray-box .title{height: 60px; padding: 0 10px 0 30px; border-bottom: 1px solid #d4d4d4; border-radius: 8px 8px 0 0; box-shadow: rgba(0, 0, 0, .06) 0 1px 7px; background: #f3f3f3; background: -webkit-linear-gradient(#fbfbfb, #ececec); background: linear-gradient(#fbfbfb, #ececec); line-height: 60px; font-size: 18px; color: #333; position: relative; margin-top: 0;}
.gray-box .title .hr{float: right; font-size: 14px; margin-right: 30px;}
.job-list-head{overflow: hidden; background: #f2f2f2; margin-bottom: 0;}
.job-list-head li{line-height: 37px; border-left: 1px solid #e4e4e4; border-left: 1px solid rgba(0, 0, 0, .1); cursor: pointer; font-size: 12px; background: #f2f2f2;}
.job-list-head li:first-child{border-left: none;}
.job-list .job-name{color: #8d8d8d; width: 647px; padding-left: 29px; float: left; -webkit-box-sizing: border-box; box-sizing: border-box;}
.job-list .job-name .glyphicon{margin: 7px 0 0 7px;}
.job-list .job-category,
.job-list .job-operation{color: #8d8d8d; text-align: center; float: left; width: 241px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.job-list-body .job-name{cursor: pointer;}
.job-list-body>li{overflow: hidden; border-top: 1px solid #e4e4e4; border-top: 1px solid rgba(0, 0, 0, .1);}
.job-list-body .job-name,
.job-list-body .job-operation{line-height: 34px; padding-top: 20px; padding-bottom: 20px;}
.job-line{height: 74px;}
.job-line>div{display: inline-block;}
.gray-box ul{list-style: none;}
.job-list-body{margin-bottom: 0;}
.job-list-body>li{overflow: hidden; border-top: 1px solid #e4e4e4; border-top: 1px solid rgba(0, 0, 0, .1);}
.job-list-body .job-inner{border-top: 1px solid #e5e5e5; background: #f5f5f5; box-shadow: inset 0 0 6px rgba(0, 0, 0, .06);}
.job-list-body .job-inner>div{padding: 56px 60px 60px;}
.job-list-body .job-block{margin-top: 22px; border-top: 1px solid #e7e7e7; padding-top: 26px;}
.job-list-body .job-block:first-child{border-top: none; margin-top: 0; padding-top: 0;}
.job-list-body .job-content h3{margin-bottom: 9px; font-size: 16px; color: #878787; font-weight: 700; line-height: 1.5; margin-top: 0;}
.job-list-body .job-content ol>li{list-style-type: decimal; margin-left: 17px; color: #999; line-height: 2.15;}
.job-list-body .job-content.hidden{height: 0;}
.job-list-body .job-content.hidden .job-inner{border-top: 0;}
/***** footer ******/

footer .container{min-width: 1170px !important;}
footer{background: #f5f5f5;height: 50px;color: #4f4f4f;border-top: 1px solid #eee;height: 570px;min-width: 1190px !important;overflow: hidden;position: relative;}
footer p img{display: inline;}
footer .backtop{right: 20px; top: 300px; width: 42px; height: 42px; background: url("") no-repeat; cursor: pointer; transition: background 0.5s; position: absolute;}
footer .backtop:hover{background-position: 0 -42px;}
footer .phone{font-size: 24px; color: #4f4f4f; font-family: Arial; font-weight: bold; line-height: 1; margin-bottom: 0; letter-spacing: 2px;}
footer .headline{width: 100%; height: 40px;}
footer .row{margin-bottom: 10px;}
footer .col-md-4{padding: 0;}
footer ul,
footer li{list-style: none;}
footer li{float: left;}
footer .footer-box-left{display: inline-block; position: relative; width: 550px; vertical-align: top;}
footer .logo{height: 66px; margin-top: 46px; margin-left: -10px;}
footer ul{overflow: hidden; margin-bottom: 0;}
footer li{text-align: center; font-size: 12px; line-height: 2.5; margin-right: 59px; margin-top: 10px;}
footer li p{color: #333;}
footer li img{width: 100px;}
footer .splitter{position: absolute; width: 5px; border-right: 1px solid #e2e2e2; height: 310px; right: 10px; top: 10px;}
footer .slogans{color: #33b56f;}
footer .icon-box{height: 20px; width: 20px; display: inline-block; background-color: #c1c1c1; border-radius: 50%; position: absolute; left: 10px;}
footer .iconfont{color: #f7f7f7; font-size: 12px;}
footer .glyphicon{color: #c1c1c1; position: absolute; right: 10px; top: 12px;}
footer .copy-right{background: #f5f5f5;}
footer .address{width: 375px; display: inline-block; vertical-align: top;}
footer .address p{margin-bottom: 2px; color: #7d7d7d; letter-spacing: 1px; line-height: 1.5;}
footer .address p.small{font-size: 12px; line-height: 2.4; letter-spacing: 2px;}
footer .footer-box{height: 330px; width: 1080px; margin: 0 auto;}
footer .news-list{display: inline-block; width: 490px; margin-top: -10px;}
footer .news-header{margin-left: 60px; position: relative; width: 440px;}
footer .news-header .more{position: absolute; right: 0; top: 0; text-decoration: none; color: #515151;}
footer .news-img{width: 440px; border-radius: 8px; height: 120px; margin-left: 60px; margin-top: 20px; background: url("../images/temp/news-title.jpg") no-repeat top center;}
footer .news{margin-top: 10px;}
footer .news li:last-child{border-bottom: none;}
footer .news-list .news{margin-left: 70px; margin-top: 20px; overflow: hidden; }
footer .news-list li{border-bottom: 1px solid #e4e4e4; overflow: hidden; list-style-position: inside !important; list-style-type: disc !important; font-size: 16px; line-height: 2; color: #1072c2; margin-top: 0; transition: all .3s;text-align: left;}
footer .news-list li a{font-size: 14px; margin-top: -29px; text-decoration: none; color: #444; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block;display:grid; width: 410px; line-height: 2; transition: color .3s;margin-left:15px;margin-top:-30px\9;margin-top:-30px\9\0;}
footer .news-list li:hover{color: #444; border-bottom: 1px solid #1072c2;}
footer .news-list li:hover a{color: #1072c2;}
footer .cooperation{background: #fff; height: 100px;}
footer .cooperation span{font-size: 2rem; line-height: 100px; margin-left: 32px;}
footer .cooperation img{display: inline-block;max-width: 160px;max-height: 70px;}
footer .cooperation img:first-child{}
footer .bottom{height: 62px; line-height: 62px; font-size: 12px; position: relative;}
footer .bottom a,
.bottom div,
.bottom p{margin-bottom: 0;}
footer .bottom .splitter{height: 1px; background: #dcdcdc; position: absolute; top: 10px; left: 0; width: 98%; margin-top: 0; margin-left: 15px;}
footer p.fr a{padding-left: 7px; padding-right: 7px; transition: color .5s; color: #666;}
footer p.fr a:hover{color: #33b56f; text-decoration: none;}
footer .bdsharebuttonbox a{width: 19px !important; height: 19px !important; padding: 0 !important;  margin: 22px 0 0 7px !important; opacity: 0.35; display: inline-block;}
footer .bdsharebuttonbox a:hover{opacity: 1;}
/*
.bdshare-button-style2-16 .bds_tsina{background-position: 0 -19px !important;}
.bdshare-button-style2-16 .bds_tqq{background-position: 0 -57px !important;}
.bdshare-button-style2-16 .bds_qzone{background-position: 0 -95px !important;}
.bdshare-button-style2-16 .bds_weixin{background-position: 0 -133px !important;}
*/
.friendlinks{width:1100px;text-align: center;margin:10px auto 0 auto;}
.friendlinks a{margin-right: 20px;}
/***** footer end ******/
/*****top****/
.top-header{background: #f0f0f0; border-bottom: 1px solid #DDDDDD; height: 50px; color: #0468a6;}
.top-header .header-item{display: inline-block; margin-right: 20px; font-size: 12px; padding-top: 4px;}
.pull-left-left{float: left;}
.top-header .header-item i{margin-right: 7px;}
.pull-right{float: right; margin-top: 5px;}
.brands{list-style: none;}
.brands li{float: left;}
.top-header .brands{display: inline-block; margin-right: 20px; position: relative; top: -2px;}
.brands.main{margin: 0;}
.brands{list-style: none; padding-left: 0;}
.brands > li{margin-bottom: 0;}
.brands > li{margin: 8px 0 8px; font-size: 14px;}
.brands-inline > li{display: inline-block; margin-right: 5px;}
.brands.main li a{color: #FFFFFF; transition-duration: 0.2s;}
.brands-circle > li > a{border-radius: 50%;}
.brands > li > a{background-color: #0468a6; text-align: center; color: #555555; display: inline-block; font-size: 20px; padding-top: 11px; width: 50px; height: 50px;}
.brands-tn > li > a{font-size: 12px; padding-top: 2px; width: 25px; height: 25px; text-align: center; outline: 0 none; text-decoration: none;}
.brands > li > a:hover{background-color: #aaa;}
.brands > li > a>.iconfont{font-size: 14px;}

/******* top ********/
/********* bottom ************/
.achievments,
.post.container,
.achievments{margin-bottom: 80px;}
/********** media *********/
@media screen and (max-width: 640px){.site-header-nav{display: block; float: none; margin-top: 60px;} .site-header-nav ul li:first-child{margin-left: 15px;} .site-header-nav ul li{float: none;} .site-header-nav ul li>ul{opacity: 1;}}
@media screen and (max-width: 767px){.site-header-nav{display: block; float: none; margin-top: 60px;} footer{height: auto;} .person-inc img{max-width: 100%; width: 100%; margin-bottom: 10px;} .jumbotron, .social-banner{background-size: cover !important;} .company-banner.culture{height: 300px; background-position: center center !important; background-size: 100% !important;} .company-banner.culture .content{width: 100%;} .company-banner.culture .content h1{font-size: 24px;} .company-banner.culture .content h2{font-size: 18px;} .company .img-right{margin-top: 0; height: auto;} .health-content .img{margin-top: 0; margin-left: 0; margin-bottom: 20px;} .health-content .img-left{margin-top: 20px;} .health-banner{background: url() no-repeat top center; background-size: auto 100%; height: 500px;} .index-content img{width: 100%;}}
@media screen and (min-width: 1921px){.index-banner img{width: 1680px;} .jumbotron{background-size: 1920px auto !important; background-position: 50% 50% !important;} .company-banner.culture .content{padding-top: 300px;} .main-points .bg{width: 480px;}}
@media screen and (max-width: 1907px){.index-banner{height: auto;}}
@media screen and (max-width:1024px) and (min-width: 767px){footer{height: auto;} .index-content img{width: 100%;}}

/***滚动信息****/
.picMarquee-left{overflow: hidden; position: relative; border: 1px solid #ccc;}
.picMarquee-left .hd{overflow: hidden; height: 30px; background: #f4f4f4; padding: 0 10px;}
.picMarquee-left .hd .prev,
.picMarquee-left .hd .next{display: block; width: 5px; height: 9px; float: right; margin-right: 5px; margin-top: 10px; overflow: hidden; cursor: pointer; background: url("../images/arrow.png") no-repeat;}
.picMarquee-left .hd .next{background-position: 0 -50px;}
.picMarquee-left .hd .prevStop{background-position: -60px 0;}
.picMarquee-left .hd .nextStop{background-position: -60px -50px;}
.picMarquee-left .bd{padding: 10px;}
.picMarquee-left .bd ul{overflow: hidden; zoom: 1;}
.picMarquee-left .bd ul li{margin: 0 8px; float: left; _display: inline; overflow: hidden; text-align: center;}
.picMarquee-left .bd ul li .pic{text-align: center;}
.picMarquee-left .bd ul li .pic img{width: 120px; height: 90px; display: block; padding: 2px; border: 1px solid #ccc;}
.picMarquee-left .bd ul li .pic a:hover img{border-color: #999;}
.picMarquee-left .bd ul li .title{line-height: 24px;}

.pagenation{display: block; width: 800px; margin: 0 auto 40px auto;}
.news-content .pagenation{
border-top:1px solid #ededed;
width:100%;
padding-bottom:32px;
border-bottom:32px solid #33b56f;
}
.pagination {
    margin: 20px 0;
}
.pagination ul {
    padding: 0;
    margin: 0 0 10px 25px;
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.pagination ul {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.pagination ul>li {
    display: inline-block;
    line-height:20px;
}
.pagination ul>li:first-child>a, .pagination ul>li:first-child>span{
  border-left-width: 1px;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
}

.pagination ul>li>a:hover, .pagination ul>li>a:focus, .pagination ul>.active>a, .pagination ul>.active>span {
    background-color: #33b56f;
}

.pagination ul>li>a, .pagination ul>li>span {
    margin-right: 6px;
    color: #222;
}

.pagination ul>li>a, .pagination ul>li>span {
    float: left;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #dfdfdf;
    border: 1px solid transparent;
    border-left-width: 0;
}

.ft_lis{ float: left;margin-left: 28px;}
        .logos{  height: 66px; margin-top: 32px;margin-left: 10px;}
        footer .phones{ font-size: 24px; color: red; font-style: normal; font-family:Arial;}
        .addressx{ float: left;width: 240px;  }
        .addressx dl dd{ border: none; padding: 0; font-size: 14px;line-height: 32px; color: #333;}
        .addressx dl dd a{ text-decoration: underline;}
        .addressx dl dd:hover{ background: no-repeat;}
        .addressx dl dd:hover a{ color: inherit;}
        .addressr{width: 300px;}
        .addressr dl dd{line-height: 24px;}

        	.right-content{ width: auto;}
	.conta_box{ background: #f5f5f5; padding: 20px; height: 440px;}
	.cont_lf{ float: left; width: 470px; height: 400px;}
	.conta_items h2{ font-size: 30px; color: #333; font-weight: bold;}
	.cont_ls{ font-size: 24px; color: #333; line-height: 34px; margin-top: 30px;}
	.cont_ls span{ display: block;}
	.cont_maos{margin-top: 96px;}
	.cont_maos ul li{ list-style: none; line-height: 30px; font-size: 20px; color: #555;}
	.cont_rt{ float: right; width: 600px; height: 400px; border: 8px solid #fff;}
	
	.pic_chanpin{ width: 1100px; margin: 0 auto; margin-bottom: 20px; padding-top: 10px; }
		.tonglei_title{ font-size: 16px; color: #33b56f; line-height: 50px; padding-left: 18px; background: url(../images/tl_icon.png) left center no-repeat;}
		.picMarquee-fl{ overflow:hidden; position:relative; height: 224px;  background: #f8f8f8;  }
		.picMarquee-fl .bd{ padding: 28px 14px; }
		.picMarquee-fl .bd ul{ overflow:hidden; zoom:1; padding: 0;}
		.picMarquee-fl .bd ul li{ margin:0 15px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picMarquee-fl .bd ul li .pic{ text-align:center; }
		.picMarquee-fl .bd ul li .pic img{ width:148px; height:152px; display:block;  }
		.picMarquee-fl .bd ul li .pic a:hover img{ border-color:#999;  }
		.picMarquee-fl .bd ul li .title{ line-height:24px;  height: 24px; overflow: hidden; font-size: 14px; }
		.picMarquee-fl .bd ul li .title a{ color: #333;}
		
		.footer_contas{background: #33b56f; height: 187px;}
		.auto{width: 1100px; margin: 0 auto;}
		.ft_logos{ float: left; width: 300px; margin-top: 42px;}
			.ft_logos img{ height: 94px;}
		.ft_contacts{ float: left; width: 620px;}
		.ft_contacts ul{list-style: none;padding: 0;overflow: hidden; margin-top: 38px;}
		.ft_contacts ul li{ font-size: 14px; color: #fff; line-height: 25px; height: 25px; overflow: hidden; }
		.ft_contacts_lf{float: left;  width: 240px;}
		.ft_contacts_rt{ float: right; width: 320px;}
		.ft_codes{ float: right; width: 125px; margin-top: 34px;}
		.ft_codes span{ height: 97px;  width: 97px; display: block;}
		.ft_codes em{ display: block; font-style: normal; font-size: 12px; line-height: 34px; color: #ffffff;}	
		
		.ft_contacts ul li{ margin-top: 0!important; text-align: left!important;}
		
		
		#think_page_trace_open {
	    display: none
	}

	.cont-search{position: absolute;  top: 22px; right: 416px;}
	.container-s {
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 47px;
		height: 35px;
		margin-left: 102px;
	}
	.container-s .search {
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 36px;
		height: 36px;
		background: #fff;
		border-radius: 50%;
		transition: all 1s;
		z-index: 4;

	}
	.container-s .search:hover {
		cursor: pointer;
	}
	.container-s .search::before {
		content: "";
		position: absolute;
		margin: auto;
		top: 13px;
		right: 0;
		bottom: 0;
		left: 13px;
		width: 8px;
		height: 2px;
		background: #00a14a;
		transform: rotate(45deg);
		transition: all .5s;
	}
	.container-s .search::after {
		content: "";
		position: absolute;
		margin: auto;
		top: -5px;
		right: 0;
		bottom: 0;
		left: -5px;
		width: 16px;
		height: 16px;
		border-radius: 50%;
		border: 2px solid #00a14a;
		transition: all .5s;
	}
	.container-s input {
		font-family: "宋体";
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 36px;
		height: 36px;
		outline: none;
		border: none;
		background: #fff;
		color: #ccc;

		padding: 0 80px 0 20px;
		border-radius: 30px;

		transition: all 1s;
		opacity: 0;
		z-index: 5;
		font-weight: bolder;
		letter-spacing: 0.1em;
	}
	.container-s input:hover {
		cursor: pointer;
	}
	.container-s input:focus {
		width: 250px;
		opacity: 1;
		left: -220px;
		cursor: text;
	}
	.container-s input:focus ~ .search {
		right: 0px;
		background: #151515;
		z-index: 6;
	}
	.container-s input:focus ~ .search::before {
		top: 0;
		left: 0;
		width: 25px;
	}
	.container-s input:focus ~ .search::after {
		top: 0;
		left: 0;
		width: 25px;
		height: 2px;
		border: none;
		background: #00a14a;
		border-radius: 0%;
		transform: rotate(-45deg);
	}
	.container-s input::placeholder {
		color: #757575;
		opacity: 0.5;
		font-weight: bolder;
	}

.footer{text-align:center;line-height:25px;color: #666;font-size: 13px;}
.footer a{margin:0px 5px;}