@charset "utf-8";
.w1200{width:1200px; margin:0 auto;}
.fl{float: left;}
.fr{float: right; margin-top:15px;}
.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;}
.relative{position: relative;z-index: 1;}
.absolute{position: absolute;z-index: 1;}
.fixed{position: fixed;z-index: 1;}
.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;}
.trans{-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;}
.bg_w{background:#fff;}

body{padding-top:100px;}
#header{width:100%; max-width:1920px; min-width:1200px; height:100px; background:#fff; filter:drop-shadow(0 3px 5px #ccc); overflow:hidden; position:fixed; left:0; top:0; z-index:999;}
#header .logo{width:400px;}
#header .rig{width:680px;}
#header .search{float:right; width:200px; height:25px; border:1px solid #999; border-radius:12px; margin-top:12px; overflow:hidden;}
#header .search input{vertical-align:middle; background:none; border:0;}
#header .search input.sear{width:160px; text-indent:12px; outline:none;}
#header .search input.sear_btn{width:25px; height:25px; background:url(../images/glass.png) no-repeat center; cursor:pointer;}
#header .menu{
	width: 780px;
	height: 60px;
}
#header .menu li{float:left; margin:0 22px; height:58px; line-height:58px; overflow:hidden;}
#header .menu li a{color:#555; font-size:14px;}
#header .menu li.on{border-bottom:2px solid #309ad3;}
#header .menu li.on a{color:#309ad3; font-weight:bold;}

/*广告图*/
#banner{max-width:1920px; min-width:1200px; width:100%; overflow:hidden; position:relative; /*height:900px; margin:0 auto; z-index:9;*/}
#banner .bd{/*position:absolute; left:50%; margin-left:-960px; z-index:9;*/ width:100%; overflow:hidden;}
/*#banner .hd{position:absolute; bottom:30px; left:45%; text-align:center; z-index:9; width:145px; height:21px; background:#154560; opacity:0.8; border-radius:25px;}
#banner .hd li{width:13px; height:13px; background:url(../images/off.png) no-repeat; display:inline-block; margin:4px; cursor:pointer;}
#banner .hd li.on{background:url(../images/on.png) no-repeat;}
#banner .hd li:last-child{margin-right:0;}*/
#banner .hd{width:135px; padding-left:10px; height:21px; background:#154560; opacity:0.8; border-radius:25px; position:absolute; bottom:20px; left:0; right:0; margin:0 auto;}
#banner .hd li{width:13px; height:13px; background:url(../images/off.png) no-repeat; display:inline-block; margin:4px; cursor:pointer;}
#banner .hd li.on{background:url(../images/on.png) no-repeat!important;}

#web{ position:relative;z-index: 3;}

#banner_in{width:100%; max-width:1920px; min-width:1200px; overflow:hidden; margin:0 auto; position:relative; z-index:9;}
#banner_in .bd{position:absolute; /*left:50%; margin-left:-960px;*/ z-index:9;}
#banner_in .bd li a{cursor:default;}

.index_title{color:#2680cf; font-size:24px; text-align:center; padding:30px 0 12px; background:url(../images/blue.jpg) no-repeat bottom center;}
.index_title font{display:block; color:#b4c7e3; font-size:12px;}
.index_title a{color:#fff; font-size:12px; display:block; padding-top:15px;}

#index_brand{background-attachment:fixed; max-width:1920px; min-width:1200px;}
#index_brand .box{margin-top:40px;}
#index_brand ul{float:left; width:320px; height:385px; text-align:center; margin:0 40px; overflow:hidden;}
#index_brand .img{width:222px; height:252px; margin:0 auto; overflow:hidden;}
#index_brand .name{height:40px; line-height:40px; margin-top:15px; text-align:center; font-size:18px; color:#565656; overflow:hidden;}
#index_brand .brief{line-height:20px; color:#626262;}

#index_brand1{height:360px; background-attachment:fixed; max-width:1920px; min-width:1200px; text-align:center;}


#index_pro{width:100%; max-width:1920px; min-width:1200px; height:278px; background:url(../images/index_pro_bg.jpg) no-repeat top center; overflow:hidden;}
#index_pro #lef{display:block; width:26px; height:49px; margin:53px 12px 0; float:left;}
#index_pro #rig{display:block; width:26px; height:49px; margin:55px 12px 0; float:right;}
#pro_box{/*width:1100px;*/width:1200px; height:180px; margin-top:62px; overflow:hidden; position:relative;}
#pro_box li{float:left; width:200px; height:180px; margin:0 15px; background:url(../images/bg.png) no-repeat center 155px; overflow:hidden;}
#pro_scrol{position:absolute; left:0; top:0; height:180px; overflow:hidden;}

#index_news{width:100%; max-width:1920px; min-width:1200px; height:700px; background:url(../images/index_news_bg.jpg) no-repeat top center; overflow:hidden;}
#index_news .index_title{color:#fff; text-align:left; background:none;}
#index_news .index_title label{color:#fff; font-size:24px;}
#index_news .index_title font{color:#fff;}
#index_news .news_l{width:580px; overflow:hidden;}
#index_news .news_l cite{width:90px; height:13px; overflow:hidden;}
#index_news .news_l cite span{width:13px; height:13px; background:url(../images/off2.png) no-repeat; display:inline-block; margin-right:9px; cursor:pointer;}
#index_news .news_l cite span.on{background:url(../images/on2.png) no-repeat;}
#index_news .news_r{width:580px; overflow:hidden;}
#index_news .cate{
	height: 40px;
	line-height: 40px;
	overflow: hidden;
}
#index_news .cate a{font-size:18px; color:#fff; margin-right:30px; cursor:pointer;}
#index_news .cate a.on{color:#319ed8; text-decoration:underline;}
#index_news .cate span{display:block; float:left; width:29px; height:29px; line-height:29px; margin-right:9px; border:1px solid #d5dbdf; color:#d5dbdf; font-size:14px; text-align:center; overflow:hidden; cursor:pointer;}
#index_news .item{width:580px; height:97px; padding:25px 0; border-bottom:1px solid #3f5b6a; overflow:hidden;}
#index_news .item .img{width:130px; height:97px; text-align:center; overflow:hidden;}
#index_news .item .img img{vertical-align:middle; width:130px; height:97px;}
#index_news .item .img span{vertical-align:middle; display:inline-block; height:100%;}
#index_news .item .des{width:420px; height:87px; padding:10px 15px 0 15px; overflow:hidden;}
#index_news .item .des_t{height:30px; line-height:30px; font-size:16px; overflow:hidden;}
#index_news .item .des_t a{color:#fff;}
#index_news .item .des_b{height:40px; line-height:20px; margin-top:5px; font-size:14px; color:#fff; overflow:hidden;}
#index_news .last{border-bottom:none;}
#index_news .item:hover .des{background:#309ad3;}
#index_news .item:hover .des_t a{text-decoration:underline;}
#index_news .item:hover .des_b{text-decoration:underline;}
#index_news .tab{display:none; height:444px; overflow:hidden;}
#index_news .news_r .box{ position:relative; width:580px; height:444px;}
#index_news .news_r .box #tab_scrol{ position:absolute; top:0; left:0; height:444px;}
#index_news .news_r .tab{width:580px; float:left;}

#index_unit{width:100%; max-width:1920px; min-width:1200px; height:494px; background-attachment:fixed; overflow:hidden;}
#index_unit .box{margin:30px 0 40px;}
#index_unit .box a{display:block; float:left; width:149px; height:104px; background:#fff; margin:1px 1px 0 0; text-align:center; overflow:hidden;}
#index_unit .box a img{vertical-align:middle;}
#index_unit .box a span{vertical-align:middle; display:inline-block; height:100%;}

#index_cont{width:100%; background:#eee; padding-bottom:30px; max-width:1920px; min-width:1200px; overflow:hidden;}
#index_cont .index_title{width:100%; padding-bottom:40px; background:url(../images/white.jpg) no-repeat center 86px #309ad3; color:#fff;}
#index_cont .feedback{width:800px; color:#666; font-size:13px; overflow:hidden;}
#index_cont .feedback .f_input{width:390px; height:36px; line-height:36px; border:1px solid #d4d4d4; background:#fff; text-indent:15px; color:#adadad; font-size:13px; overflow:hidden;}
#index_cont .feedback .f_area{width:798px; height:113px; border:1px solid #d4d4d4; background:#fff; padding:8px 0; margin:15px 0; text-indent:15px; color:#adadad; font-size:13px; overflow:hidden;}
#index_cont .feedback .f_btn{width:850px; height:38px; line-height:38px; text-align:center; background:#62bbeb; border:0; color:#fff; font-size:14px; overflow:hidden;}
#index_cont .cont{width:265px; overflow:hidden;}
#index_cont .cont .t{color:#4f4f4f; font-size:16px;}
#index_cont .cont li{margin-top:15px;}
#index_cont .cont li .img{width:35px; height:35px; overflow:hidden;}
#index_cont .cont li .txt{width:210px; line-height:20px; color:#8c8c8c;}
#index_cont .cont li .txt font{display:block; color:#3b8cc4; font-size:14px;}
#index_cont .qr{ width:100px; margin-top:80px; text-align:center;}
#index_cont .qr img{ max-width:100%;  }

#main{width:100%; max-width:1920px; min-width:1200px; background:url(../images/main_bg.jpg) repeat-y top center #f4f4f4;}
#main .w1200{position:relative;}
#main .w1198{position:absolute; top:-50px; left:0; z-index:99; width:1198px; border:1px solid #efefef; overflow:hidden;}
.main_lef{width:240px; padding:15px 19px 20px; border-right:1px solid #efefef; overflow:hidden; margin-bottom:-10000px; padding-bottom:10000px;}
.main_lef_t{color:#2583b5; font-size:28px; padding-left:15px;}
.main_lef_t font{color:#999; font-size:14px; display:block;}
.main_lef ul{margin-bottom:45px;}
.main_lef li{margin-bottom:12px;}
.main_lef li>a{display:block; width:240px; height:50px; line-height:50px; background:#f2f2f2; border-radius:25px; text-indent:30px; font-size:16px; color:#666; cursor:pointer;}
.main_lef li.on>a{color:#fff; background:#309ad3;}
.main_lef ul.pro li>a{background:url(../images/jia.png) no-repeat 16px center #f2f2f2; text-indent:43px;}
.main_lef ul.pro li>a.cur{background:url(../images/jian.png) no-repeat 16px center #309ad3; color:#fff;}
.main_lef ul.pro dl{display:none;}
.main_lef ul.pro dd b{font-size:15px; display:block; height:40px; line-height:40px; padding-left:40px; overflow:hidden; cursor:pointer; background:url(../images/jia.png) no-repeat 20px center;}
.main_lef ul.pro dd b.on{ background:url(../images/jian2.png) no-repeat 20px center;}
.main_lef ul.pro dd a{color:#666; font-size:14px; display:block; height:40px; line-height:40px; padding-left:33px; overflow:hidden;}
.main_lef ul.pro dd a:hover,.main_lef ul.pro dd a.on{color:#309ad3; font-weight:bold;}

.main_lef ul.info li.ff>a{background:url(../images/jia.png) no-repeat 16px center #f2f2f2; text-indent:43px;}
.main_lef ul.info li.ff>a.cur{background:url(../images/jian.png) no-repeat 16px center #309ad3; color:#fff;}
.main_lef ul.info dl{display:none;}
.main_lef ul.info dd a{color:#666; font-size:14px; display:block; height:40px; line-height:40px; padding-left:33px; overflow:hidden;}
.main_lef ul.info dd a:hover,.main_lef ul.info dd a.on{color:#309ad3; font-weight:bold;}

.main_rig{width:841px; margin:0 39px; overflow:hidden; margin-bottom:-10000px; padding-bottom:10000px;}
.main_rig_t{height:98px; line-height:98px; border-bottom:1px solid #f2f2f2; font-size:14px; color:#999; overflow:hidden;}
.main_rig_t a{color:#999;}
.main_rig .box{line-height:1.8; padding:20px 0; font-size:14px; color:#515151;}

#main_cont{padding:0 39px;}
#main_cont .box font{display:block; color:#309ad3; font-size:24px; text-align:center; padding:50px 0;}
#main_cont .box ul li{float:left; display:flex; width:25%; height:100%; align-items:center; justify-content:center;}
#main_cont .box ul li img{margin-right:12px;}
#main_cont .box .map{margin:50px 0; width:1120px; height:633px; background:url(../images/map.jpg) no-repeat; position:relative;}
#main_cont .box .mp{position:absolute; background:url(../images/dot.png) no-repeat left center; cursor:pointer; width:85px; height:25px;}
#main_cont .box .mp .mito{width:85px; height:25px; line-height:25px; padding-left:15px; position:absolute; top:0; left:0;}
#main_cont .box .mp .feng{position:absolute; top:-140px; left:-180px; width:385px; height:106px; padding:12px; background:#707070; border-radius:6px; display:none;}
#main_cont .box .mp .feng i{position:absolute; left:176px; bottom:-18px; width:0px; height:0px; overflow:hidden; border:9px solid transparent; border-top-color:#707070;}
#main_cont .box .mp .feng .img{width:86px; height:106px; margin-right:22px; overflow:hidden;}
#main_cont .box .mp .feng .des{width:260px; height:100px; line-height:25px; font-size:14px; color:#fff; overflow:hidden;}
#main_cont .box .mp .feng2{height:156px; top:-190px;}
#main_cont .box .mp .feng2 .des{height:150px;}
#main_cont .box .mp_cur{background:url(../images/dot2.png) no-repeat left center;}
#main_cont .box .mp_cur .feng{display:block;}

#main_join{padding:0 39px; min-height:800px;}
#main_join .box{margin:50px 0;}
#main_join .box .item{background: #888; color: #fff; font-size: 14px; height: 60px; line-height:60px;}
#main_join .box .item_2{background:#fff; color: #666;}
#main_join .box .item_3{background: #e4e6e7;}
#main_join .box .item div{font-size:16px; color:#fff;}
#main_join .box .item .name{padding-left: 20px; width: 360px;}
#main_join .box .item .work{width: 180px;}
#main_join .box .item .people{width: 200px;}
#main_join .box .item .place{width: 120px;}
#main_join .box .item .salary{width: 100px;}
#main_join .box .item .jia{background: url('../images/more.png') no-repeat center center; width: 20px; height: 20px; margin:20px; cursor: pointer;}
#main_join .box .item .jian{background: url('../images/more2.png');}
#main_join .box .box_2{background: #fff; overflow:hidden;}
#main_join .box .box_2 .item div{font-size:14px; color:#666;}
#main_join .box .box_2 .content{font-size: 14px; color: #666; line-height: 1.8; padding:16px 0 0 30px; display: none;}
#main_join .box .box_2 .content .white{padding:40px;}
#main_join .box .box_2 .content .white .btn{display: block; width: 124px; height: 40px; line-height:40px; border-radius: 4px; margin: 0 auto; text-align: center; font-size: 14px; color: #fff; background: url('../images/email.png') #309ad3 no-repeat 22px center;}
#main_join .box .box_2 .content .white .btn .apply{padding-left: 26px;}

#lib_info{width:100%; min-height:500px;}
#lib_info .item{width:841px; height:148px; padding:35px 0; border-bottom:1px solid #eaeaea; overflow:hidden;}
#lib_info .item .des{width:555px; height:148px; overflow:hidden;}
#lib_info .item .des_t{height:45px; line-height:45px; font-size:18px; overflow:hidden;}
#lib_info .item .des_b{height:48px; line-height:24px; margin:15px 0 10px; font-size:14px; color:#666; overflow:hidden;}
#lib_info .item .des_time{font-size:14px; color:#999;}
#lib_info .item .img{width:200px; height:148px; text-align:center; overflow:hidden;}
#lib_info .item .img img{ vertical-align:middle;}
#lib_info .item .img span{ vertical-align:middle; height:100%; display:inline-block;}

#lib_info_detail{width:100%;}
#lib_info_detail .title{height:50px; line-height:50px; margin-top:45px; text-align:center; font-size:20px; color:#333; overflow:hidden;}
#lib_info_detail .date{height:30px; line-height:30px; padding-bottom:25px; border-bottom:1px solid #eaeaea; text-align:center; color:#999; overflow:hidden;}
#lib_info_detail .detail{min-height:400px; padding:25px 0; line-height:1.8; font-size:14px; color:#666;}
#lib_info_detail .jump_page{padding:25px 0; border-top:1px solid #eaeaea;}
#lib_info_detail .page div{height:28px; line-height:28px; font-size:14px; color:#999; overflow:hidden; cursor:pointer;}
#lib_info_detail .page div *{font-size:14px; color:#999;}
#lib_info_detail .page div:hover,#lib_info_detail .page div:hover *{color:#309ad3;}
#lib_info_detail .share{font-size:14px; color:#a2a2a2; padding-top:15px;}
#lib_info_detail .share img{ vertical-align:middle; padding-left:16px;}

#lib_faq{width:100%;}
#lib_faq ul{border-bottom:1px solid #eaeaea; padding:15px 0;}
#lib_faq ul .que{height:40px; line-height:40px; padding-left:30px; background:url(../images/que.jpg) no-repeat left center; font-size:18px; overflow:hidden; cursor:pointer;}
#lib_faq ul .ans{line-height:20px; font-size:14px; color:#666; padding-left:30px; background:url(../images/ans.jpg) no-repeat 0 3px; display:none;}
#lib_faq ul .ans span,#lib_faq ul .ans font{font-size: inherit;line-height: initial;}

#lib_pro{width:100%; min-height:500px;}
#lib_pro ul{height:140px; padding-top:40px; overflow:hidden;}
#lib_pro ul .img{width:238px; height:138px; border:1px solid #ededed; text-align:center; overflow:hidden;}
#lib_pro ul .img img{ vertical-align:middle;}
#lib_pro ul .img span{ vertical-align:middle; display:inline-block; height:100%;}
#lib_pro ul .des{width:570px; height:140px; overflow:hidden;}
#lib_pro ul .des_t{height:45px; line-height:45px; font-size:24px; color:#515151; overflow:hidden;}
#lib_pro ul .des_b{height:75px; line-height:25px; margin-top:5px; font-size:14px; color:#515151; overflow:hidden;}
#lib_pro_brief{padding:15px; line-height:1.8; font-size:14px;}

#lib_pro_detail{width:100%; min-height:500px;}
#lib_pro_detail .tab{margin:40px 0; width:839px; height:48px; border:1px solid #eaeaea; overflow:hidden;}
#lib_pro_detail .tab span{display:block; float:left; width:419px; height:48px; line-height:48px; text-align:center; font-size:16px; font-weight:bold; overflow:hidden; cursor:pointer;}
#lib_pro_detail .tab span.first{border-right:1px solid #eaeaea;}
#lib_pro_detail .tab span.on{color:#309ad3; border-top:3px solid #309ad3;}
#lib_pro_detail .detail{ visibility:hidden; font-size:16px; color:#666; line-height:1.8;}
#lib_pro_detail .detail .item{padding:8px 0 30px; font-size:14px; color:#666; line-height:1.8;}
#lib_pro_detail .detail .item *{/*font-size:16px; color:#666;*/ font-size: inherit;color: inherit; line-height:1.8;}
#floor{position:fixed; top:250px; right:60px; background:url(../images/line.png) repeat-y top center;}
#floor span{display:block; width:15px; height:15px; padding-top:25px; background:url(../images/off3.png) no-repeat bottom; cursor:pointer; position:relative;}
#floor span.f{padding-top:0;}
#floor span.on{background:url(../images/on3.png) no-repeat bottom;}
#floor span font{position:absolute; top:20px; right:-50px; font-size:14px;}
#floor span.f font{top:-5px;}

#footer{width:100%; height:67px; line-height:67px; background:#696969; overflow:hidden; max-width:1920px; min-width:1200px;}
#footer div{
	color: #FFFFFF;
	text-align: center;
}

#nav{position:fixed; right:50px; top:250px; width:40px; height:175px; z-index:99;}
#nav span{display:block; width:40px; height:40px; background:url(../images/off5.png) no-repeat top center; position:relative; cursor:pointer;}
#nav span.last{background:url(../images/off4.png) no-repeat top center;}
#nav span font{display:none; width:40px; height:40px; line-height:20px; background:#309bd4; border-radius:25px; text-align:center; color:#fff; overflow:hidden; position:absolute; left:0; top:-12px;}
#nav span.on font{display:block;}

#certificate{width:100%;}
#certificate .item{float:left; width:260px; margin-right:30px; overflow:hidden;}
#certificate .last{margin-right:0;}
#certificate .item .img{widht:246px; height:246px; padding:5px; border:1px solid #ccc; display:flex; align-items:center; justify-content:center; overflow:hidden;}
#certificate .item .name{height:50px; line-height:25px; margin-top:10px; text-align:center; font-size:14px; overflow:hidden;}

#wrap_product{ position:relative;}
#wrap_product #main{ height:auto!important; /*padding:410px 0 60px; */position:relative;}
#wrap_product #banner_pro{ position:absolute; top:0; left:0; right:0; margin:0 auto; z-index:1;}
#wrap_product #pro_main{z-index:2;}
#wrap_product #pro_main .w1198{ position:static;}

#notic{width:740px; height:400px; padding:30px; background:#fff; border-radius:10px; overflow:hidden; position:fixed; left:0; right:0; top:0; bottom:0; margin:auto; z-index:10; display:none;}
#notic .close{position:absolute; top:22px; right:22px; cursor:pointer;}
#notic .t{hegith:30px; line-height:30px; text-align:center; color:#2680cf; font-size:24px; font-weight:bold; overflow:hidden;}
#notic .t a{color:#2680cf;}
#notic .time{height:25px; line-height:25px; margin:8px 0 15px; text-align:center; color:#999; overflow:hidden;}
#notic .cont{line-height:1.8; font-size:14px; color:#666;}
#notic .cont a{color:#666;}

#online{position:fixed; top:480px; right:-140px; width:182px; z-index:99; cursor:pointer;}
#online .t{width:42px; height:87px; float:left;}
#online .box{width:140px; height:120px; padding:20px 0; background:#fff; float:left; line-height:1.8; text-align:center; font-size:14px; overflow:hidden;}
#online .box li{font-size:14px;}

#main_search{padding:0 39px;}
#main_search dl{min-height:200px; padding:12px 0;}
#main_search dl dd{height:30px; line-height:30px; border-bottom:1px dashed #ccc; font-size:14px; color:#666; overflow:hidden;}
#main_search dl dd a{color:#666;}

@media only screen and (max-width: 1920px){
	#wrap_product #main{padding:410px 0 60px; }
}

@media only screen and (max-width: 1680px){
	#wrap_product #main{padding:350px 0 60px; }
}

@media only screen and (max-width: 1440px){
	#wrap_product #main{padding:295px 0 60px; }
}

@media only screen and (max-width: 1366px){
	#wrap_product #main{padding:277px 0 60px; }
}