@charset "utf-8";
.wrap{width:1200px; margin:0 auto;}
.fl{float: left;}
.fr{float: right;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.over{overflow: hidden;}
.nowrap{white-space: nowrap;}
.fz0{font-size: 0;}
.nowrap.fz0{letter-spacing: -5px;}
.nowrap.fz0 *{letter-spacing: normal;}
.relative{position: relative;z-index: 1;}
.absolute{position: absolute;z-index: 1;}
.fixed{position: fixed;z-index: 100;}
.inline{display: inline;}
.block{display: block;}
.inline-block{display: inline-block;}
.hide{display: none;}
.max-w100{max-width: 100%;}
.max-h100{max-height: 100%;}
.middle{vertical-align: middle;}
.max{max-width: 280px; max-height: 200px; min-width: 280px; min-height: 200px;}
.middle-span{height: 100%;vertical-align: middle;display: inline-block;}
.border-box{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing: border-box;}
.trans{-webkit-transition:all 1s ease 0s; -moz-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; -o-transition:all 1s ease 0s; transition:all 1s ease 0s;}
.trans_2{-webkit-transition:width 1s; -moz-transition:width 1s; -ms-transition:width 1s; -o-transition:width 1s; transition:width 1s;}
.trans-internal::before,.trans-internal::after{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
*{font-family: '微软雅黑';}
ul{list-style: none;}
a{text-decoration: none;}
.jz{margin:0 auto;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td
{
	padding: 0;
	margin: 0;
}
.clear{clear:both;}
.jz{margin: 0 auto;}
.f0{font-size: 0px;}
.scc{font-family: 'character';}
.din{font-family: 'din';}
.f18{font-size: 18px;}
body{min-width: 1200px;}

@keyframes a{
	0%{transform: translateY(20px);}
	25%{transform: translateY(-70px);}
	50%{transform: translateY(10px);}
	75%{transform: translateY(-40px);}
	100%{transform: translateY(0);}
}
@-moz-keyframes a{
	0%{-moz-transform: translateY(20px);}
	25%{-moz-transform: translateY(-70px);}
	50%{-moz-transform: translateY(10px);}
	75%{-moz-transform: translateY(-40px);}
	100%{-moz-transform: translateY(0);}
}
@-o-keyframes a{
	0%{-o-transform: translateY(20px);}
	25%{-o-transform: translateY(-70px);}
	50%{-o-transform: translateY(10px);}
	75%{-o-transform: translateY(-40px);}
	100%{-o-transform: translateY(0);}
}
@-webkit-keyframes a{
	0%{-webkit-transform: translateY(20px);}
	25%{-webkit-transform: translateY(-70px);}
	50%{-webkit-transform: translateY(10px);}
	75%{-webkit-transform: translateY(-40px);}
	100%{-webkit-transform: translateY(0);}
}
@-ms-keyframes a{
	0%{-ms-transform: translateY(20px);}
	25%{-ms-transform: translateY(-70px);}
	50%{-ms-transform: translateY(10px);}
	75%{-ms-transform: translateY(-40px);}
	100%{-ms-transform: translateY(0);}
}
._blank42{height: 42px;}

.online{right: 0; z-index: 100; top: 20%; width: 150px; border-radius: 4px; overflow: hidden;}
.online .top{height: 50px; background: #00a6ea; color: #fff;}
.online .top .img{padding-left: 12px; padding-top: 12px;}
.online .top .box{padding-left: 4px;}
.online .top .box .cn{font-size: 16px; font-weight: bold; font-family: '苹方'; padding-top: 12px; line-height: 16px;}
.online .top .box .en{font-size: 10px;}
.online .bottom{background: #fff; padding-bottom: 30px;}
.online .bottom::before{display: table;content:'';}
.online .bottom .qq{background: url('/images/qq2.png') no-repeat center center; width: 121px; height: 31px; margin: 20px auto 0; display: block;}

#header .top{height: 110px;}
#header .top .img{padding-left: 9px; height: 100%;}
#header .top .right{color: #666; line-height: 110px; font-size: 14px;}
#header .top .right a{color: #666;}
#header .nav{background: #24201c; height: 60px;}
#header .nav .item{padding: 0 48px; font-size: 16px; line-height: 60px;}
#header .nav .item a{color: #fff;}
#header .nav .item a.on{color: #00a684;}
#header .nav .item a:hover{color: #00a684;}
#header .nav .item:nth-child(1){padding-left: 0;}
#header .nav .item:nth-last-child(2){padding-right: 0;}
#header .banner{height: 260px; position: relative; overflow: hidden;}
#header .banner img{position: absolute; left: 50%; right: 0; margin-left: -960px; opacity: 0;}
#header .banner img.on{opacity: 1; z-index: 10;}
#header .banner ul{position: absolute; bottom: 40px; left: 0; right: 0; text-align: center; font-size: 0; z-index: 20;}
#header .banner ul li{width: 8px; height: 8px; margin-right: 10px; border: 1px solid #009b83; border-radius: 100%; cursor: pointer; display: inline-block;}
#header .banner ul li:nth-last-child(1){margin-right: 0;}
#header .banner ul li.on{background: #fff;}


._title{height: 94px; border-bottom: 1px solid #e1e1e1;}
._title .name{font-size: 32px; color: #fff; padding-top: 30px;}
._title .right{font-size: 14px; color: #fff; padding-top: 48px;}
._title .right a{color: #fff;}

#instance_main{background: #282828;}
#instance_main .list{padding-top: 61px; padding: 61px 17px 0; text-align: center; padding-bottom: 51px; border-bottom: 1px solid #999999;}
#instance_main .list .item{width: 161px; height: 179px; background: url('/images/shape.png') no-repeat center center; margin-right: 40px; margin-bottom: 29px;}
#instance_main .list .item:nth-child(6n+6){margin-right: 0;}
#instance_main .title{font-size: 40px; color: #fff; padding-top: 48px;}
#instance_main .box{padding-bottom: 96px;}
#instance_main .box .left{padding-top: 62px; padding-left: 101px;}
#instance_main .box .right{padding-top: 171px; padding-left: 45px;}

#footer{border-top: 1px solid #666; background: #282828;}
#footer .top{padding-bottom: 34px;}
#footer .top .item{padding-left: 64px;}
#footer .top .item .title{font-size: 16px; color: #fff;}
#footer .top .item ul{padding-top: 26px;}
#footer .top .item ul li{font-size: 12px; line-height: 30px; color: #ccc;}
#footer .top .item ul li a{color: #ccc;}
#footer .top .item .code{text-align: center; color: #ccc; padding-top: 36px;}
#footer .top .item .code img{width: 120px; height: 120px;}
#footer .top .item .code >div{padding-top: 10px; font-size: 12px;}
#footer .bottom{border-top: 1px solid #666; color: #ababab; font-size: 12px; text-align: center; line-height: 62px;}
#footer .link{line-height: 60px; height: 60px; border-bottom: 1px solid #333; margin-bottom: 30px; padding-left: 20px; color: #fff;}
#footer .link a{font-size: 14px; color: #fff;}

#index_main{background: #282828;}
#index_main .pro_box{ position:relative; padding-bottom: 80px; border-bottom: 1px solid #666}
#index_main .pro_box .icon{ width:20%; height:30px; text-align:right; position:absolute; right:0; top:25px; z-index:10;}
#index_main .pro_box .icon ul{ width:100%; height:30px;}
#index_main .pro_box .icon ul li{ width:30px; height:30px; display:inline-block; position:relative; margin-left:6px;border-radius: 100px;border:2px solid transparent;}
#index_main .pro_box .icon ul li:hover{border-color: #ea5305;}
#index_main .pro_box .icon ul li .img1{ width:100%; border-radius:50%;}
#index_main .pro_box .icon ul li .img2{ width:130px; height:130px; display:none; position:absolute; left:-50px; top:-140px; z-index:2;}
#index_main .index_title{padding-top:74px; padding-bottom: 60px;}
#index_main .pro_box .icon ul li:hover .img2{ display:inline-block;}
#index_main .index_title .title span:first-child{font-size: 30px; font-weight: bold; color: #fff; vertical-align: middle;}
#index_main .index_title .title span+span{font-size: 18px; vertical-align: middle; color: #fff;}
#index_main .index_title .title span+span+span{font-size: 18px; color: #999; vertical-align: middle; text-transform: uppercase;}
#index_main .pro_box .index_title .item{line-height: 40px; padding: 0 18px; color: #fff; font-size: 16px; display: inline-block; cursor: pointer;}
#index_main .pro_box .index_title .item:hover{background: #009b83;}
#index_main .pro_box .index_title .item.on{background: #009b83;}
#index_main .pro_box .pro .item{width: 290px; margin-right: 13px; padding-bottom: 22px;}
/*#index_main .pro_box .pro{box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 150px;}*/
/*#index_main .pro_box .pro .item{width: 290px; margin: 0 80px; padding-bottom: 22px;}*/
#index_main .pro_box .pro .item:nth-child(4n+4){margin-right: 0;}
#index_main .pro_box .pro .item .img{width: 290px; height: 232px; overflow: hidden;}
#index_main .pro_box .pro .item .img img{width: 100%;}
#index_main .pro_box .pro .item .name{font-size: 14px; line-height: 50px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #fff;}
#index_main .pro_box .pro .item .name a{color: #fff;}
#index_main .pro_box .pro .prompt{text-align: center; font-size: 22px; color: #fff; font-weight: bold; padding-bottom: 30px;}
#index_main .pro_box .pro .pro_more{margin: 38px auto 0; width: 180px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #fff; background: #009b83; display: block; font-weight: bold;}
#index_main .ins_box{padding-bottom: 60px; border-bottom: 1px solid #666}
#index_main .ins_box .list{background: url('/images/inx_bg.jpg')no-repeat center center; min-height: 327px; text-align: center;}
#index_main .ins_box .list .item{width: 161px; height: 83px; font-family: '苹方'; margin-right: 11px; padding: 48px 0 17px 0; display: inline-block; font-size: 0; overflow: hidden;}
#index_main .ins_box .list .item a{color: #666;}
#index_main .ins_box .list .item .more{font-size: 16px;}
#index_main .ins_box .list .item:nth-child(6n+4){margin-right: 0;}
#index_main .ins_box .us{margin: 60px auto 0; width: 300px; height: 78px; border: 1px solid #fff; text-align: center; line-height: 78px; font-size: 30px; color: #fff; display: block;}
#index_main .difference{padding-bottom: 78px; border-bottom: 1px solid #666;}
#index_main .difference .title{text-align: center; font-size: 30px; font-weight: bold; color: #fff; padding-top: 52px;}
#index_main .difference .list{padding-top: 58px; text-align: center;}
#index_main .difference .list .item{display: inline-block; margin-right: 213px;}
#index_main .difference .list .item:nth-last-child(1){margin-right: 0;}
#index_main .difference .list .item:hover .circular{border: 1px solid #009b83;}
/*#index_main .difference .list .item:hover .name{color: #009b83;}*/
#index_main .difference .list .item:hover .name a{color: #009b83;}
#index_main .difference .list .item .circular{width: 186px; height: 186px; border-radius: 100%; border: 1px solid #fff;}
#index_main .difference .list .item .name{font-size: 30px; color: #fff; padding-top: 22px;}
#index_main .difference .list .item .name a{color: #fff;}
#index_main .answer{padding-bottom: 40px;}
#index_main .answer .list .item{width: 588px; border: 1px solid #454545; margin-right: 20px; margin-bottom: 15px;}
#index_main .answer .list .item:nth-child(2n+2){margin-right: 0;}
#index_main .answer .list .item .title{font-size: 16px; line-height: 30px; font-weight: bold; padding-left: 20px; padding-top: 14px; color: #fff;}
#index_main .answer .list .item .title a{color: #fff;}
#index_main .answer .list .item .bri{font-size: 14px; color: #999; line-height: 20px; padding-left: 20px; padding-right: 40px; padding-top: 8px; padding-bottom: 18px;}

#product_main{background: #282828; padding-bottom: 64px;}
#product_main .title_box{padding-bottom: 20px; border-bottom: 1px solid #666;}
#product_main .title_box .title{font-size: 18px; color: #fff; padding-top: 48px;}
#product_main .title_box .right{padding-top: 40px;}
#product_main .title_box .right .btn{width: 60px; height: 40px; text-align: center; line-height: 40px; font-size: 14px; color: #fff; cursor: pointer; background: #343434; border: 0;}
#product_main .title_box .right .key{width: 238px; height: 38px; border: 1px solid #343434; background: #282828; color: #fff;}
#product_main .cate_list{padding-top: 20px;}
#product_main .cate_list .item{line-height: 59px; border-bottom: 1px solid #333; font-size: 16px; color: #fff;}
#product_main .cate_list .item .left{background: #1f1f1f; text-align: center; padding: 0 30px;}
#product_main .cate_list .item div >a{color: #fff; margin-left: 40px; font-size: 16px; float: left;}
#product_main .cate_list .item div >a.on{color: #00a684;}
#product_main .cate_list .item div >a:hover{color: #00a684;}
#product_main .list{padding-top: 40px;}
#product_main .list .item{width: 230px; text-align: center; margin-right: 12px; padding-bottom: 20px;}
#product_main .list .item:nth-child(5n+5){margin-right: 0;}
#product_main .list .item .img{height: 200px; background: #fdfefe;}
#product_main .list .item .img img{max-width: 230px; max-height: 200px;}
#product_main .list .item .name{line-height: 60px; font-size: 16px; background: #fff; height: 60px;}
#product_main .list .item .name a{color: #606060;}

#product_main_de{padding-bottom: 80px; background: #282828;}
#product_main_de .top{margin-top: 40px; background: #fff; padding-top: 24px; padding-bottom: 87px;}
#product_main_de .top .img_box{width:480px;}
#product_main_de .top .img_box .img{margin-left: 7px; height: 320px; width: 480px; background: #fcfcfc; text-align: center;}
#product_main_de .top .right{padding-left: 38px; width: 56%;}
#product_main_de .top .right .title{font-size: 32px; color: #606060; padding-top: 26px;}
#product_main_de .top .right .parameter{font-size: 18px; color: #333; line-height: 24px; padding-top: 32px;}
#product_main_de .top .right ul{padding-top: 18px;}
#product_main_de .top .right ul li{font-size: 14px; color: #666; line-height: 30px;}
#product_main_de .top .right .btn_box{padding-top: 62px;}
#product_main_de .top .right .btn_box .btn{text-align: center; font-size: 18px; color: #fff; height: 50px; width: 160px; background: #00a684; border-radius: 4px; cursor: pointer; margin-right: 22px;}
#product_main_de .top .right .btn_box .btn.two{background: #00a6ea;}
#product_main_de .content{padding-left: 40px; background: #fff; margin-top: 20px;}
#product_main_de .content .title{font-size: 30px; color: #666; padding-top: 42px;}
#product_main_de .content .word{font-size: 14px; color: #666; line-height: 30px; padding-top: 26px; padding-bottom: 30px;}
#lib_product_inquire .product_list .item .img img,
#lib_product_inquire .product_list .item .img img{vertical-align: middle;}
#lib_product_inquire .product_list .item .img span,
#lib_product_inquire .product_list .item .img span{vertical-align: middle;display: inline-block;height: 100%;}



.left .top{width: 220px; margin-top: -99px;}
.left .top .title_box{height: 99px; background: url('/images/bg.jpg') no-repeat center center; position: relative; z-index: 100; text-align: center;}
.left .top .title_box .title{font-size: 30px; color: #fff; padding-top: 22px;}
.left .top .title_box .en{font-size: 12px; font-family: 'Arial'; color: #a3e6de; padding-top: 4px;}
.left .top ul{padding: 0 20px 16px; background: #fff;}
.left .top ul li{height: 50px; line-height: 50px; font-size: 14px; text-align: center; border-bottom: 1px solid #e8e8e8;}
.left .top ul li a{color: #333333;}
.left .top ul li a:hover{color: #00a684;}
.left .top ul li a.on{color: #00a684;}
.left .bottom{margin-top: 20px; background: url('/images/bg2.jpg') no-repeat center center; height: 180px;}
.left .bottom:before{display: table; content: '';}
.left .bottom .mes{display: block; width: 140px; height: 34px; margin: 35px auto 0; background: url('/images/kuang.png') no-repeat center center; text-align: center; font-size: 14px; color: #f4f4f4;}
.right_content{width: 930px;}
#us{background: #282828; padding-bottom: 61px;}
#us .right_content .list{padding-top: 71px; text-align: center; border-bottom: 1px solid #999;}
#us .right_content .list .item{display: inline-block; width: 198px; color: #fff; vertical-align: top;}
#us .right_content .list .item:nth-child(2){margin: 0 96px;}
#us .right_content .list .item .img{height: 76px;}
#us .right_content .list .item .name{font-size: 14px; font-family: '苹方';}
#us .right_content .list .item .content{font-size: 14px; font-family: '苹方'; padding-top: 4px;}
#us .right_content .mes .title{font-size: 32px; color: #fff; text-align: center; padding-top: 46px;}
#us .right_content .mes ._input{width: 270px; height: 48px; padding-left: 18px; border: 1px solid #999; border-radius: 3px; font-family: '黑体'; margin: 36px 30px 0 0; font-size: 14px; background: #282828; color: #fff; margin-bottom: 30px;}
#us .right_content .mes ._input:nth-child(3){margin-right: 0;}
#us .right_content .mes ._area{width: 910px; padding-left: 18px; font-size: 14px; background: #282828; color: #fff; resize: none; font-family: '黑体';  border: 1px solid #999; border-radius: 3px; height: 270px; padding-top: 18px; margin-bottom: 30px;}
#us .right_content .mes .btn{border: 0; border-radius: 3px; width: 150px; height: 50px; line-height: 50px; background: #00a684; font-size: 16px; color: #fff; cursor: pointer; text-align: center; display: block; margin: 0 auto; font-family: '黑体';}

#query{background: #282828; padding-bottom: 90px;}
#query .list{padding-top: 27px;}
#query .list .item{width: 280px; height: 148px; border-bottom: 1px solid #999; margin-right: 45px; overflow: hidden;}
#query .list .item:nth-child(3n+3){margin-right: 0;}
#query .list .item .img{width: 82px; height: 100%;}
#query .list .item .img img{margin-left: 2px;}
#query .list .item .box{width: 198px; color: #fff;}
#query .list .item .box .address{font-family: '苹方'; font-size: 18px; color: #fff; padding-top: 38px;}
#query .list .item .box .word{font-size: 14px; line-height: 26px; color: #fff;}

#article{background: #282828; padding-bottom: 114px;}
#article .content{font-size: 14px; color: #fff; line-height: 24px; padding-top: 36px;}
#article .box{padding-top: 54px;}
#article .box .item{background: #00a684; color: #fff; font-size: 16px; height: 60px;}
#article .box .item.item_2{background: #fff; color: #333333;}
#article .box .item.item_2.item_3{background: #ededed;}
#article .box .item .name{padding-left: 30px; width: 25%;}
/*#article .box .item .work{padding-left: 15px; width: 16%;}*/
#article .box .item .people{padding-left: 13px; width: 19%;}
#article .box .item .place{padding-left: 10px; width: 22%;}
#article .box .item .salary{padding-left: 14px; width: 20%;}
#article .box .item .jia{background: url('/images/jia.png') no-repeat center center; width: 20px; height: 20px; margin: 20px 18px 0 0; cursor: pointer;}
#article .box .item .jia.jian{background: url('/images/jian.png');}
#article .box .box_2{background: #f4f4f4;}
#article .box .box_2 .content{font-size: 16px; color: #333; line-height: 22px; padding-left: 30px; display: none; padding-top: 16px;}
#article .box .box_2 .content .white{padding-top: 62px; padding-bottom: 39px;}
#article .box .box_2 .content .white .btn{display: block; width: 134px; height: 40px; border-radius: 4px; margin: 0 auto; text-align: center; font-size: 16px; color: #fff; background: url('/images/email2.png') #00a684 no-repeat 22px center;}
#article .box .box_2 .content .white .btn .apply{padding-left: 26px;}

#info{background: #282828; padding-bottom: 95px;}
#info .right_content ul{padding-top: 21px;}
#info .right_content ul li{padding-bottom: 20px; border-bottom: 1px solid #303030; padding-top: 19px;}
#info .right_content ul li .img{width: 201px; height: 130px; overflow: hidden;}
#info .right_content ul li .img img{width: 100%;}
#info .right_content ul li .right{padding-left: 29px; width: 570px;}
#info .right_content ul li .right .title{font-size: 18px; line-height: 32px;}
#info .right_content ul li .right .title a{color: #fff;}
#info .right_content ul li .right .bri{font-size: 12px; color: #ccc; line-height: 22px; padding-top: 16px;}
#info .right_content ul li .more .day{font-size: 28px; color: #ccc; font-family: 'Arial'; padding-top: 16px;}
#info .right_content ul li .more .year{font-size: 12px; color: #ccc; line-height: 22px;}
#info .right_content ul li .more .btn{display: block; width: 37px; height: 37px; background: url('/images/info_more.png') no-repeat center center; margin-top: 10px;}
#info .de_title{font-size: 26px; color: #fff; font-weight: bold; text-align: center; padding-top: 50px; padding-bottom: 40px; border-bottom: 1px solid #303030;}
#info .de_content{font-size: 14px; line-height: 24px; padding: 30px 20px 0; color: #999;}