锘?* CSS Document */
/*鍏ㄥ眬鏍峰紡*/
*{
	moz-user-select: -moz-none;
	-moz-user-select: none;
	-o-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
html,body{margin:0; padding:0; width:100%;}
body{font: 400 14px/2em 'Microsoft Yahei', 'PingFang SC', 'Avenir', 'Segoe UI', 'Hiragino Sans GB', STHeiti, 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif;background:#f8f8f8;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,a,button,input,select{margin:0; padding:0; font-size:14px; font-weight:normal; font-family: simsun; list-style:none; color:#333; font-size: 12px}
form{margin:0; padding:0;}
input,select{border: 1px solid #ccc}
a:link,a:visited{text-decoration:none; color:#666;}
a:hover{text-decoration: none;}
.none{display:none;}
.clear{clear:both;}

.warp{width:100%;}
.centre{width:1140px; margin:0 auto;}

button{cursor: pointer;}
.bar .bar_centre .items .smsub{
	font-size: 12px;
}
/*鍦板浘*/
.BMapLabel .map-info {height:90px;display:flex;align-items:center;}
.BMapLabel {left:-200px !important;top:-95px !important;border:0 !important;}
.BMapLabel .map-info .info {width:460px;height:100%;padding:20px;}
.BMapLabel .map-info .info .t1 {font-size:14px;color:#666;margin-top: 20px;}
.BMapLabel .map-info .info .t2 {font-size:18px;margin-top:10px;}
.BMapLabel .map-info .gps-box {display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#0f6ab4;width:90px;height:100%;}
.BMapLabel .map-info .gps-box i {font-size:26px;color:#fff;}
.BMapLabel .map-info .gps-box .tt {font-size:14px;color:#fff;margin-top:10px;}
/*棣栭〉鏍峰紡*/
.top_tip{height: 34px; line-height: 34px; border-bottom: 1px solid #ddd;}
.top_tip .login_bar{float: right; height: 34px; line-height: 34px; position: relative;}
.top_tip .login_bar a{padding: 0 5px; cursor: pointer;}
.top_tip .login_bar a:hover{color: #2a5aaa}
.top_tip .login_bar a.buy{margin: 0 15px;}
.top_tip .login_bar a.language{margin-left: 10px;  padding-right: 15px;   background: url(pulldown-icon.png) no-repeat right center;}
.top_tip .login_bar a.list{margin: 0; padding: 0;}


.pulldown{padding: 5px 0; background: #fff;  border: 1px solid #999; position: absolute; right: 0; top: 36px;z-index: 10}
.pulldown li{height: 25px; line-height: 25px; display: block;padding: 0 5px}
.pulldown li:hover{background: #f7f7f7; color: #333;cursor: pointer;}



.header{height: 115px;}
.header img{float: left; margin-top:10px;}

.header .b-search{float: left; margin-left:80px; margin-top:20px; width: 780px;}

.header .class{margin-bottom: 4px;}
.header .class label{display: inline-block; margin-right: 12px}

.header .search{height: 34px; line-height: 34px; background: #f7f7f7; border: 1px solid #ccc; border-radius: 3px;}
.header .search .all_select {float: left;}
.header .search .all_select a{height: 34px;  line-height: 34px; font-size: 14px; padding: 0 30px 0 15px;  border-right: 1px solid #ddd; cursor: pointer; display: block;}
.header .search .all_select a:hover{text-decoration: none;}
.header .search .all_select label{display: inline-block; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #aaa; margin: 0 5px;}
.header .search .all_pullow{padding: 5px 0; background: #fff;  border: 1px solid #999; z-index: 20; position: absolute}
.header .search .all_pullow li{height: 25px; line-height: 25px; display: block; padding: 0 5px;}
.header .search .all_pullow li:hover{background: #f7f7f7; color: #333; cursor: pointer}
.header .search input{border: none; height: 34px; line-height: 34px; width: 500px; padding-left: 10px;  background: #f7f7f7; outline:none;font-size: 14px;}
.header .search button{ float: right; width: 48px; height: 34px; line-height: 34px; border: 0;  background: #2a5aaa; border-radius: 0px 3px 3px 0; }
.header .search span{background: url(s-icon.png) no-repeat 0 -140px; height: 18PX; width: 18PX; display: block; margin: 0 auto; text-indent: -9999px}

.header .keyword{padding-top: 4px;font-weight: bold;}
.header .keyword a{font-weight: bold;color: #333;}




.bar{width: 100%; height: 38px; background: #2a5aaa;}
.bar .bar_centre{background: url(bar_bg.jpg); position: relative;}
.bar .bar_centre li{float: left; height: 38px; line-height: 38px; padding: 0 32px; color: #FFF; font-size: 14px; font-weight: bold; cursor: pointer;}
.bar .bar_centre li:hover{background: #1f4e95;}
.bar .bar_centre a{color: #fff; font-weight: bold; font-size: 14px;}

.bar .bar_centre .sub_bar{position: absolute; left: 0; top: 38px; z-index: 999; width: 800px;  background: #fff; box-shadow: 0px 4px 8px #ccc;}
.bar .bar_centre .sub_bar .sub_bar_c{background:url(b-shadow.png) repeat-x; padding: 35px;}
.waterfall_four{column-count:4;column-gap: 1em;column-span: none;}
.waterfall_three{column-count:3;column-gap: 1em;}
.waterfall_two{column-count:2;column-gap: 1em;}
.items{page-break-inside: avoid;-webkit-column-break-inside: avoid;break-inside: avoid; margin:0 25px 5px 25px; width: 218px; }
.item{page-break-inside: avoid;-webkit-column-break-inside: avoid;break-inside: avoid;padding-bottom: 10px; margin:0 25px 25px 25px; width: 173px; }
.item a{position: relative;}
.item a i{position: absolute; color: red; font-size: 10px;  top:-4px; font-style: italic;}
.bar .bar_centre .sub_bar label{font-size: 12px;  margin-bottom: 5px; font-weight: bold;}

.bar .bar_centre .sub_bar a.sub{color: #666; height: 24px; line-height: 24px; padding:0 5px;display: block; font-weight: normal; font-size: 12px}
.bar .bar_centre .sub_bar a.sub:hover{text-decoration: none; background: #2a5aaa; color: #fff;}

.bar .bar_centre .sub_bar_xs{position: absolute; left: 0; top: 38px; z-index: 999; display: table; background: #fff; box-shadow: 0px 4px 8px #ccc;}

.bar .bar_centre .sub_bar_xs a.sub{color: #666; height: 40px; line-height: 40px; padding:0 35px; display: table; white-space : nowrap;font-weight:normal; }
.bar .bar_centre .sub_bar_xs a.sub:hover{text-decoration: none; background: #2a5aaa; color: #fff;}

.bar_shadow{height: 30px; background: url(b-shadow.png) repeat-x;}


.banner{height: 450px; width: 100%; position: relative;}
.banner .b_shadow{position: absolute; top: 0; left: 0; height: 15px; width: 100%; background: url(b-shadow.png) repeat-x; text-indent: -9999px;}
.banner .b_dot{position: absolute; bottom: 15px; left: 50%; height: 15px; margin-left: -40px;}
.banner .b_dot li{float: left; width: 15px; height: 15px; border-radius: 50%; background: #aaa; margin: 0 5px; text-indent: -9999px}
.banner .b_dot li.on{background: #2a5aaa;}
.banner .b1{height: 450px; text-indent: -9999px;cursor: pointer;display: none;}
.banner .b_next{position: absolute; right: 50px; top: 50%; margin-top: -22px; width: 28px; height: 45px; cursor: pointer}
.banner .b_prev{position: absolute; left: 50px; top: 50%; margin-top: -22px; width: 28px; height: 45px; cursor: pointer}

 

/*鎼滅储鍒楄〃*/
.search_list h2{ font-size: 16px; font-weight: bold; margin-bottom: 10px; color: #333;}
.search_list label{color: #999; display: block;margin-bottom: 5px;}
.search_list a{font-size: 12px; color: #666; display: block; width: 100%;}
.search_list a:hover {text-decoration: underline;}







.gray_bg{background: #f7f7f7;}
.board_title{height: 44px; line-height: 44px; font-size: 16px; font-weight: bold; position: relative;}
.board_title i{position: absolute; right: 0; top: 0; font-style: normal; font-size: 12px; font-weight: normal;}

.product{width: 722px; float: left; margin-right: 40px;}
.product .p_banner{width: 100%; height: 210px; margin-bottom: 30px;position: relative;}
.product .p_banner .p_b1{width:722px; height: 210px;cursor:pointer; display:none;}
.product .p_banner .p_b_dot{position: absolute; bottom: 15px; left: 50%; width: 80px; height: 15px; margin-left: -40px;}
.product .p_banner .p_b_dot li{float: left; width: 15px; height: 15px; border-radius: 50%; background: #aaa; margin: 0 5px; text-indent: -9999px}
.product .p_banner .p_b_dot li.on{background: #2a5aaa;}
.product .p_banner{width: 100%; height: 210px; margin-bottom: 30px; position: relative;}
.product .p_banner .b_next{position: absolute; right: 0; top: 50%; margin-top: -25px; width: 25px; height: 50px; cursor: pointer;}
.product .p_banner .b_prev{position: absolute; left: 0; top: 50%; margin-top: -25px; width: 25px; height: 50px; cursor: pointer;}

.product .p_category{margin-bottom: 20px;}
.product .p_category li{width: 228px; height: 90px; float: left; background: #eaeaea; margin-right: 10px; margin-bottom: 10px; position: relative;}
.product .p_category li.no_margin{margin-right: 0;}
.product .p_category li a{display: block; width: 100%; text-align: center; height: 90px; line-height: 90px; font-size: 14px; font-weight: bold; color: #555; position: absolute; z-index: 2;}
.product .p_category li a h2{color: #555;font-size: 14px; font-weight: bold;}
.product .p_category li.select{background: #2a5aaa;}
.product .p_category li.select a h2{color: #fff;}
.product .p_category li a.c1{background: url(product-icon-h.png) no-repeat;}
.product .p_category li a.c2{background: url(product-icon-h.png) no-repeat 0px -90px;}
.product .p_category li a.c3{background: url(product-icon-h.png) no-repeat 0px -180px;}
.product .p_category li a.c4{background: url(product-icon-h.png) no-repeat 0px -270px;}
.product .p_category li a.c5{background: url(product-icon-h.png) no-repeat 0px -360px;}
.product .p_category li a.c6{background: url(product-icon-h.png) no-repeat 0px -450px;}
.product .p_category li a.c7{background: url(product-icon-h.png) no-repeat 0px -540px;}
.product .p_category li a.c8{background: url(product-icon-h.png) no-repeat 0px -630px;}
.product .p_category li a.c9{background: url(product-icon-h.png) no-repeat 0px -720px;}
.product .p_category li .menus{position: absolute; bottom: 90px; left: 0;  z-index: 2;background: #2a5aaa; padding: 25px 25px 0 25px; width: 178px;}
.product .p_category li .menus p{border-bottom: 1px solid #fff}
.product .p_category li .menus h3{color:#fff; font-weight: normal; font-size: 14px; margin-bottom: 8px; display: block;height: 24px;line-height: 24px;cursor: pointer;}
.product .p_category li .menus h3:hover{text-decoration: none}


.serve{width:378px; float: right;}

.serve .serve_search{background: #FFF; border-top: 3px solid #5b96c5; height: 35px; padding: 30px; font-size: 14px; box-shadow: 0 2px 2px #eee}
.serve .serve_search input{height: 32px; line-height: 32px; background: #f7f7f7; border: 1px solid #ddd; border-radius: 3px; width: 180px; padding-left: 5px; margin:1px 5px 2px 5px; outline: none}
.serve .serve_search button{height: 32px; line-height: 32px; background:#444; border-radius: 3px; width: 65px; border: none; color: #fff; text-align: center;}
.serve .serve_banner{margin: 22px 0;}

.serve .serve_category li{height: 68px; line-height: 68px; padding-left: 20px; background: #2a5aaa; color: #FFF; font-size: 14px; font-weight: bold; margin-bottom: 10px; border-radius: 6px; position: relative; cursor: pointer;}
.serve .serve_category a{ padding-left: 20px;  color: #FFF; font-size: 14px; font-weight: bold;}
.serve .serve_category h3 li:last-child{margin-bottom: 0;}
.serve .serve_category li.s{background: #00a2b0;}
.serve .serve_category li label{width: 20px; height: 20px; position: absolute; right: 20px; top: 50%; margin-top: -6px; background: url(s-icon.png) no-repeat 0 -160px; text-indent: -9999px}

.serve .serve_category .menus{background: #2a5aaa; border-radius: 6px; width: 100%; position: absolute; left: 0; top: 60px}
.serve .serve_category .menus.s{background: #00a2b0;}
.serve .serve_category .menus p{padding: 15px 0; border-top: 1px solid #fff;}
.serve .serve_category .menus a{color: #fff; padding-left: 20px; margin-bottom: 5px; display: block; line-height: 20px;}

.experiment{width: 722px; float: left; margin-right: 40px;}
.experiment li{width:225px; float: left; margin-right: 23px; height: 390px; position: relative; cursor: pointer}
.experiment li:last-child{margin-right: 0;}
.experiment li:hover{background: #f7f7f7; border-bottom: 2px solid #5b96c5;text-decoration:none;}
.experiment img{width: 225px; height: 225px;}
.experiment .experiment_c{padding: 8px;}
.experiment h2{font-size: 14px; margin-bottom: 10px; font-weight: bold}
.experiment p{color: #666;}
.experiment label{display: block; width: 84px; height: 84px; line-height: 84px; border-radius: 50%; background: #2a5aaa; opacity:0.8; text-align: center; color: #FFF; font-size: 14px; position: absolute; left: 50%; margin-left: -42px; top:70px; }

.experiment-tab{width: 722px; float: left; margin-right: 40px;}
.experiment-tab .sub_title{height: 48px; background: #f7f7f7; margin-bottom: 10px; }
.experiment-tab .sub_title li{padding: 0 68px; height: 48px; line-height: 48px; text-align: center; float: left; border-right: 2px solid #fff;font-size: 14px;cursor: pointer}
.experiment-tab .sub_title li.active{background: #2a5da4; color: #fff; font-weight: bold;}
.experiment-tab .sub_title li.normal{color: #333; }
.experiment-tab .pic_txt{margin-bottom: 15px; line-height: 24px;height:145px }
.experiment-tab .pic_txt img{float: left; margin-right: 20px; width: 235px; height: 145px;}
.experiment-tab .pic_txt h2{font-size: 16px; font-weight: bold; line-height: 45px; color: #333; cursor: pointer}
.experiment-tab .pic_txt a{color: #999;font-size: 14px}
.experiment-tab .list{clear: both}
.experiment-tab .list li{height: 38px; line-height: 38px; font-size: 14px; cursor: pointer}
.experiment-tab .list li:hover{background: #f7f7f7}
.experiment-tab .list p{display: inline-block; width: 85%; float: left; font-size: 14px; color: #333}
.experiment-tab .list i{display: inline-block; margin:0 6px}
.experiment-tab .list span{display: inline-block; width: 12%; color: #999; text-align: right}

.news{width: 378px; float: right;}
.news li{border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 28px; cursor: pointer;}
.news li:hover{text-decoration:none; }
.news img{float: left; margin-right: 20px; width: 120px; height: 100px;}
.news h2{margin-bottom: 15px; font-size: 14px; font-weight: bold;}
.news p{color: #666;}

.photo_show{background: #eee; padding: 30px 0 20px; color: #333; width: 100%; position: relative;}
.photo_show h1{font-size: 24px; text-align: center; color: #333; font-weight: bold;}
.photo_show p{font-size: 14px;  text-align: center; line-height: 35px}
.photo_show ul{display: table; margin: 0 auto;}
.photo_show li{float: left; width: 25%; height: 350px; margin: 15px 0;}
.photo_show img{margin: 0 5px;}

.s_board{width: 465px; height: 350px; background: #2a5aaa; position: relative; margin: 0 5px;}
.s_board h2{position: absolute; bottom: 70px;  left: 30px; color: #fff; font-size: 16px; font-family: sans-serif;}
.s_board h3{position: absolute; bottom: 30px;  left: 30px; color: #fff; font-size: 25px; font-family: sans-serif;}
.s_board u{display: block; position: absolute; width: 40px; height: 40px; right: 30px; top: 30px; cursor: pointer}


.photo_show .b_next{position: absolute; right: 50px; top: 57%; margin-top: -22px; width: 28px; height: 45px; cursor: pointer}
.photo_show .b_prev{position: absolute; left: 50px; top: 57%; margin-top: -22px; width: 28px; height: 45px; cursor: pointer}

.footer{padding: 30px 0;}

.subnav{padding-bottom: 20px; background:url(line.png) repeat-x center bottom; margin-bottom: 20px;}
.subnav .nav_list{float: left; width: 70%;}
.subnav .nav_list li{float: left; width: 33%;}
.subnav .nav_list label{font-size: 14px; margin-bottom: 10px; font-weight: bold;display: block;-webkit-margin-before: 0.67em;-webkit-margin-after: 0.67em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;}
.subnav .nav_list a{display: block; height: 24px; line-height: 24px; color: #666}
.subnav .contact{float: left; width: 30%;}
.subnav .contact label{font-size: 14px; margin-bottom: 10px; font-weight: bold;display:block}
.subnav .contact li{color: #666; line-height: 20px;}
.subnav .contact U{display:block; float: left; margin-right: 10px; width: 20px; height: 20px;}
.subnav .contact i{display: block; float: left; width: 250px; font-style: normal;}
.subnav .contact p{margin-top: 10px; color: #666}
.subnav .contact img{float: left; margin-right: 10px;}


.friendlink{padding-bottom: 20px; background:url(line.png) repeat-x center bottom;}
.friendlink h2{font-size: 14px; margin-bottom: 10px; font-weight: bold;}
.friendlink a{display: inline-block; margin-right: 48px;}
.friendlink a:last-child{margin-right: 0;}

.joinus{padding: 20px}
.joinus img{display: inline-block; margin-right: 40px;}

.copyright{ background: #2a5aaa; padding: 12px 0; }
.copyright .copyright_txt{color: #fff; float: left;}
.copyright .footer_link{float: right; color: #fff; line-height: 30px;}
.copyright .footer_link .safe{float: left; margin-right: 40px; color: #fff; background: url(safe.png) no-repeat left center; padding-left: 25px;}
.copyright .footer_link a{color: #fff;}

.backtop{width: 40px; height: 40px; background:url(backtop.png) no-repeat;   position: fixed; bottom: 5PX; right: 5%;cursor: pointer;}
.myCart{width: 35px; height: 35px;  bottom: 5PX; top:20%;right: 1%;cursor: pointer;margin-bottom:3px;}
.Cart{ position: fixed; bottom: 5PX; top:190px;right: 10px;}
.m-sun{background: #ff0000; border-radius: 8px; padding:0 5px; color: #fff; text-align: center; display: table;position: relative; top:-5px;left:22px;}
.floatbox{width: 60px; border: 1px solid #ccc; position: fixed; right: 0; top: 550px; background: #fff}
.floatbox li{height: 50px; padding-top: 10px; text-align: center; color: #666; border-bottom: 1px solid #ccc;}
.floatbox li:last-child{border-bottom: none;}
.floatbox li.on{background: #2a5aaa; color: #fff;}
.floatbox b{height: 25px; width: 25px;  display: block; margin: 0 auto; text-indent: -9999px; margin-bottom: 5px}

.floatbox-two{
  width: 120px;
  border-radius: 6px;
  border: 1px solid #00a2b0;
  background: #fff;
  position: fixed; 
  right: 0;
  bottom:40%;
}

.floatbox-two h1{
  background: #00a2b0;
  height: 38px;
  line-height: 38px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.floatbox-two ul {
  padding:12px;
}

.floatbox-two li {
  height: 28px;
  line-height: 28px;
  background: #eee;
  border-radius: 14px;
  color: #00a2b0;
  text-align: center;
  margin: 10px auto;
  padding-right: 10px;
  cursor: pointer;
}

.floatbox-two li:hover {
  background: #00a2b0;
  color: #fff;
}


.floatbox-two u {
  display:block;
  float: left;
  width: 28px;
  height: 28px;
  text-indent: -9999px;
}


/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/




/*鍐呴〉鏍峰紡 鍏辩敤*/
	
	/*鏍囬*/
	.page_title{font-size: 16px; font-weight: bold; margin-bottom: 15px; position: relative;}
	.page_title .right_btn{position: absolute; right: 0; top: 0;}



	/*鍐呴〉宸﹁彍鍗?/
	.left_bar{width: 185px; float: left; margin-right: 50px;}
	.left_bar_big{width: 200px; margin-right: 40px}
	.left_bar ul{margin-bottom: 15px; margin-top: 5px}
	.left_bar li{padding-left: 15px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
	.left_bar a{height: 20px; line-height: 20px}
	.left_bar a.on{color: #2a5aaa;}

	/*妯″潡*/
	.pboard{background: #f7f7f7; border: 1px solid #eee; padding: 10px; margin-bottom: 10px}
	.pboard .pboard_c{background: #fff; padding: 20px;}
	.pboard .pboard_c b{position: absolute; width: 30px; height: 30px; right: 1px; bottom: 1px;}
	.pbottom{float: right;}
	
	.pboard .pboard_c p,.pboard .pboard_c div{ font-size:16px!Important; line-height:2!Important; }
	.pboard .pboard_c img{ display:block; margin:auto}



	.list_serach_control{height: 32px; line-height: 32px; margin-bottom: 10px;}
	.list_serach_control .s_left{float: left;}
	.list_serach_control .s_right{float: right;}
	.list_serach_control select{height: 25px; line-height: 25px; border: 1px solid #ccc;}
	.serach_style{border: 1px solid #ccc; height: 25px; line-height: 25px;}
	.serach_style input{border: none; padding: 0 5px; color: #999}
	.serach_style a{display: inline-block; height: 25px; width: 60px; background: #f5f5f5; border-left: 1px solid #ccc; text-align: center;cursor: pointer;}
	.serach_style a:hover{text-decoration: none}

	/*琛ㄦ牸*/
	.table{width: 100%; border-collapse: collapse}
	.table thead{background: #f4f4f4;}
	.table td,th{height: 28px; line-height: 28px;}
	.table td{border-bottom: 1px solid #ddd; text-align: center;}
	.table .frist{text-align: left; padding-left: 5px}
	.table input{float: left; border-left: none; border-right: none; text-align: center; width:55px;}

	
	/*鍒嗛〉*/
	.paging{margin: 40px auto; display: table;}
	.paging a{display: inline-block; padding: 4px 8px; color: #333; margin: 0 5px}
	.paging a:hover{background: #eee;}
	.paging a.on{background: #00a2b0; color: #fff;}

	/*璺緞鎵€鍦ㄤ綅缃?/
	.path{margin-bottom: 15px; color: #666;}
	.path a{color: #2a5aaa;}


	/*鎸夐挳鏍峰紡*/
	.default_btn{padding: 0 12px; color: #fff; background: #00a2b0; border-radius: 3px; border: none; text-align: center;cursor: pointer;}
	.gray_btn{background: #777; color: #fff;cursor: pointer;}

	.s_btn{height:25px; line-height: 25px;cursor: pointer;}
	.m_btn{height:32px; line-height: 32px; font-size: 14px; padding: 0 25px;cursor: pointer;}
	.b_btn{height:38px; line-height: 38px; font-size: 14px; padding: 0 25px;cursor: pointer;}


	/*瀛椾綋鏍峰紡*/
	.c_blue{color: #2a5aaa;}
	a.c_blue {color: #2a5aaa;cursor: pointer;}
	.c_yellow{color: #ff9b2d}
	.c_green{color: #00a204}


	/*寮圭獥*/
	.pop_up{background: #f7f7f7; border-radius: 10px; padding: 10px;}
	.pop_up .pop_up_c{background: #fff;  border-radius: 10px; padding: 20px 20px 30px 20px; position: relative;}
	.pop_up .pop_up_c i{position: absolute; right: 15px; top: 15px; height: 20px; width: 20px; background: url(s-icon.png) no-repeat 0 -180px; text-indent: -9999px; cursor: pointer}
	.pop_up .pop_up_c .title{font-size: 14px; font-weight: bold; margin-bottom: 10px}

	
	/*琛ㄥ崟鏍峰紡*/
	.form_group{width: 100%; clear: both;}
	.control_label{width: 10%; float: left; margin-bottom: 8px}
	.form_control{float: left; border: 1px solid #ccc; border-radius: 3px; padding-left: 5px}
	.txt_control{float: left;}
	.txt_control label{font-weight: bold;}
	.m_control{height: 32px; line-height: 32px;}
	.s_control{height: 25px; line-height: 25px;}

	.sr-only{text-indent: -9999px}

	.input-group{position: relative; display: table; border-collapse: separate;} 
	.input-group-btn{width: 25px; height: 25px; border: 1px solid #ccc; background: #eee; color: #333; float: left; text-align: center; white-space: nowrap; font-size: 16px; cursor: pointer;  text-align: center;}
	.input-group-btn U{width: 25px; height: 25px; display: block; text-indent: -9999px; margin: auto}

	.form_btn{background: #2a5aaa; text-align: center; color: #FFF; border-radius: 16px; width: 150PX; height: 32px; line-height: 32px; display: block; float: left;  cursor: pointer}
	.form_txt{float: right; height: 32px; line-height: 32px; }
	p.form_warn{color: #ff0000;}

	.caret {
	  display: inline-block;
	  width: 0;
	  height: 0;
	  margin-left: 2px;
	  vertical-align: middle;
	  border-top: 4px dashed;
	  border-top: 4px solid \9;
	  border-right: 4px solid transparent;
	  border-left: 4px solid transparent;
	}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*娉ㄥ唽鐧诲綍銆佺墿娴佷俊鎭?/
.login_title{height: 120px; background: url(logo.png) no-repeat center top; text-align: center; margin-bottom: 10px}
.login_title h1{font-size: 14px; padding-top: 85px;}

.l_form_group{margin-bottom: 12px;}
.l_control_label{width: 100%; margin-bottom: 5px;}
.l_form_control{width: 98%; height: 32px; line-height: 32px; float: none}

.clause{padding: 15px; background: #f7f7f7; height: 260px; overflow-y: scroll; margin-bottom: 20px}
.clause h2{font-size: 14px; font-weight: bold; margin-bottom: 5px;}
.clause p{margin-bottom: 15px;}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*浜у搧涓績*/
.product_class{height: 32px; line-height: 32px; border: 1px solid #8f9ca6; padding-left: 30px; border-radius: 16px; font-weight: bold; margin-bottom: 6px; background: url(icon-class.png) no-repeat 15px -32px}
.product_class_on{background: url(icon-class.png) no-repeat 15px 0px;}

.product_list{float: left;}
.product_list .p-subbar {border: 1px solid #ccc; padding: 15px 0; margin:0;}
.product_list .p-subbar li{border-right: 1px solid #ccc; padding: 0 40px; width: 225px; float: left; display: block;}
.product_list .p-subbar li:last-child {border: none;}
.product_list .p-subbar a{display: block; height: 25px; line-height: 25px;}
.product_list .p-subbar a.more{display: table; height: 20px; line-height: 20px; background: #336699; color: #fff; text-align: center; border-radius: 10px; padding: 0 15px;}
.product_list .p-serve { margin-bottom: 20px; text-align: right; height: 24px; line-height: 24px;}

/*浜у搧棣栭〉*/
.product_index {width:915px; float: left;}
.product_about {color: #666; line-height: 1.8; margin-bottom: 20px}
.product_about h1 {font-size: 18px; font-weight: bold; margin-bottom: 15px;}

.product_inlist {background: #f7f7f7; padding: 20px 0;}
.product_inlist li{width: 38%; float: left; margin: 0 4%; padding: 0 2%; height: 60px; line-height: 60px; background: url(bg_line.png) repeat-x 0 bottom; font-size: 14px; color: #666; position: relative;}
.product_inlist a{display: block; float: left;}
.product_inlist span{display: block; height: 60px; width: 60px; float: right; background: url(product-inlist.png); text-indent: -9999px;}
.product_inlist .menus{position: absolute; bottom: 60px; left: 0; background: #2a5aaa; width: 90%; padding: 5%;}
.product_inlist .menus p{border-bottom: 1px solid #fff;}
.product_inlist .menus h3{color:#fff; font-weight: normal; font-size: 14px; margin-bottom: 8px; display: block; height: 24px; line-height: 24px;}
/* 鎶樺彔灞曞紑 */
.fold_class{height: 32px; line-height: 32px; border: 1px solid #8f9ca6;border-radius: 16px; font-weight: bold; margin-bottom: 6px;}
.unfold_class{background: url(icon-class.png) no-repeat 15px 0px;}

.serv_class{padding-left: 30px;background: url(icon-class.png) no-repeat 15px -40px;}
.serv_class_on{padding-left: 30px;background: url(icon-class.png) no-repeat 15px -8px}

.product_list{width:915px; float: left;}
.product_list h2{font-size: 14px; font-weight: bold; padding-left: 35px; height: 32px; line-height: 32px; border-bottom: 1px solid #ccc; margin-bottom: 15px; position: relative;display: block;}
.product_list  i{position: absolute; right: 0; font-size: 12px; font-weight: normal}

.product_list .pic{float: left; border: 1px solid #ddd; position: relative; margin-right: 60px; width: 235px; height: 135px;}
.product_list .pic ul{position: absolute; width: 20px; right: -25px; bottom: 0;}
.product_list .pic li{width: 20px; height: 20px; background: #eee; color: #666; text-align: center; line-height: 20px; margin-top: 2px;}
.product_list .pic li.on{background: #777; color: #fff;}
.product_list .pic img{ max-height: 150px;width: auto;max-width: 100%;}

.product_list .txt{margin-right: 30px; width: 415px; float: left; }
.product_list .txt h4{font-size: 14px; font-weight: bold; margin-bottom: 15px;}
.product_list .txt p{margin-bottom: 5px; color: #666;}
.product_list .txt label{color: #333;font-weight: bold;}

.product_list .info{float: left; width: 110px}
.product_list .info li{margin-bottom: 8px;}
.product_list .info select{width: 110px;}
.product_list .info input{float: left; border-left: none; border-right: none; text-align: center; width:55px;}
.product_list .info .btn{height: 25px; line-height: 25px; width: 100%; border-radius: 3px; text-align: center; color: #fff; background: #00a2b0;cursor: pointer;}
.product_list .info .favorite{background: #777;cursor: pointer;}

/*瀹為獙涓績*/
.testcenter_bar{width: 198px; border: 1px solid #ddd; float: left; margin-right:60px}
.testcenter_bar h1{height: 50px;line-height: 50px; background: #00a2b0; text-align: center; color: #fff; font-size: 16px;}
.testcenter_bar a{display: block; height: 38px; line-height: 38px; border-bottom: 1px solid #ddd; text-align: center; color: #333; font-size: 14px;}
.testcenter_bar a:hover{background: #f7f7f7; text-decoration: none}
.testcenter_bar a:last-child{border-bottom: none}

.testcenter_list{ float: left; width:880px }
.testcenter_list .title{font-size: 14px; font-weight: bold; padding-left: 35px; height: 32px; line-height: 32px; border-bottom: 1px solid #ccc; margin-bottom: 15px; position: relative;}
.testcenter_list .title i{position: absolute; right: 0; font-size: 12px; font-weight: normal}

.testcenter_list .test_c{margin-bottom:20px;cursor:pointer}
.testcenter_list .test_c img{float: left;  margin-right: 40px; width: 235px; height: 135px;}
.testcenter_list .test_c .txt{width: 605px; float: left; display: block; font-size: 14px}
.testcenter_list .test_c .txt h2{font-size: 18px; font-weight: bold;}
.testcenter_list .test_c .txt i{display: block; color: #999; height: 28px; line-height: 28px; font-style: normal;}
.testcenter_list .test_c .txt p{color: #666; font-size: 14px;}
/*--鎼滅储缁撴灉椤?-*/
.product_result{width: 100%; float: none;}
.product_result .txt{ width: 600px;}
.product_result .title{padding-left: 0;font-size: 14px; font-weight: bold; padding-left: 35px; height: 32px; line-height: 32px; border-bottom: 1px solid #ccc; margin-bottom: 15px; position: relative;}
.product_result .list h1{font-size: 16px; font-weight: bold; line-height: 35px;color: #ff0000;}
.product_result .list p{line-height: 28px; font-size: 14px;}
.product_result .list b{font-weight: normal; color: #ff0000}
.product_result .list u{color: #336699; font-weight: bold;font-size: 14px;}

.product_detail{width: 100%;}
.product_detail .title h1{font-size: 14px; font-weight: bold; padding-left: 35px; height: 32px; line-height: 32px; border-bottom: 1px solid #ccc; margin-bottom: 15px; position: relative;}
.product_detail .title i{position: absolute; right: 0; font-size: 12px; font-weight: normal}



.product_detail .pic{float: left; border: 1px solid #ddd; position: relative; margin-right: 90px; width: 620px; height: 360px; }
.product_detail .pic ul{position: absolute; width: 20px; right: -25px; bottom: 0;}
.product_detail .pic li{width: 20px; height: 20px; background: #eee; color: #666; text-align: center; line-height: 20px; margin-top: 2px;}
.product_detail .pic li.on{background: #777; color: #fff;}
.product_detail .pic img{ max-height: 288px;width: auto;max-width: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.product_detail .pic b{position: absolute; width: 30px; height: 30px; right: 1px; bottom: 1px;}

.product_detail .s_pic{float: left; border: 1px solid #ddd; position: relative; margin-right: 60px; width: 520px; height: 360px; background: #eee}
.product_detail .s_pic ul{position: absolute; width: 20px; right: -25px; bottom: 0;}
.product_detail .s_pic li{width: 20px; height: 20px; background: #eee; color: #666; text-align: center; line-height: 20px; margin-top: 2px;}
.product_detail .s_pic li.on{background: #777; color: #fff;}

.product_detail .add_info{float: right; width: 180px; background: #f7f7f7; margin-left: 20px; padding: 20px}
.product_detail .add_info h1{display: block; padding: 10px; text-align: center; background: #2a5aaa; color: #fff; font-weight: normal; font-size: 14px; margin-bottom: 20px;}
.product_detail .add_info li{border-bottom: 1px solid #777; padding-bottom: 5px; color: #666; margin-bottom: 10px; cursor: pointer}
.product_detail .add_info a{display: block; width: 100%; padding: 10px 0; border: 1px solid #777;  text-align: center; color: #666; font-size: 14px; cursor: pointer}

.product_detail .slide_pic{float: left; position: relative; margin-right: 50px; width: 660px; height: 280px; overflow-x: scroll;}
.product_detail .slide_pic ul{width:10000px}
.product_detail .slide_pic li{float: left; border: 1px solid #ccc; margin-right: 10px; width: 250px; display: inline}
.product_detail .slide_pic img{width: 250px;}

.product_detail .txt{margin-right: 30px; width: 420px; clear: both;}
.product_detail .txt label{font-size: 14px; font-weight: bold; padding: 20px 0;display: block;}
.product_detail .txt p{margin-bottom: 8px; color: #666;}
.product_detail .txt span{color: #333; font-weight: bold;}

.product_detail .info{float: left; width: 260px; border-left: 1px solid #ddd; padding-left: 60px; height: 360px;}
.product_detail .info input{text-align: center; border-radius: 0; width: 70px; border-left: none; border-right: none}

.product_detail .s_info{float: left; width: 260px;  padding-left: 20px; height: 360px; }
.product_detail .s_info input{text-align: center; border-radius: 0; width: 70px; border-left: none; border-right: none}


.product_detail .sub_title{margin: 30px 0 20px; border-bottom: 2px solid #00a2b0; }
.product_detail .sub_title .theme{cursor:pointer }
.product_detail .sub_title li{padding: 0 25px; height: 32px; line-height: 32px; text-align: center; float: left; margin-right: 2px;border-top: 2px solid #fff}
.product_detail .sub_title li.active{background: #00a2b0; color: #fff;}
.product_detail .sub_title li.normal{background: #f1f1f1; color: #333; }

.product_detail .c_content{margin-bottom: 20px; padding-left: 10px;}
.product_detail .c_content .h1{color: #333; height: 28px; line-height: 28px; font-weight: bold; font-family: "Times New Roman"; font-size:14px}
.product_detail .c_content .p{margin-bottom: 25px; line-height:20px; letter-spacing:0.7px; font-size:14px; font-family: "Century Gothic"}

.product_detail .c_title{height: 32px; line-height: 32px; color: #333; background: #f1f1f1; font-weight: bold; padding-left: 10px; margin-bottom: 5px; position: relative; cursor:pointer; font-family: "Times New Roman"; font-size:14px}
.product_detail .c_title b{position: absolute; right: 10px; top: 10px; width: 15px; height: 15px; background: #ff0000; display: block; text-indent: -9999px}
.product_detail .c_hot{margin-bottom: 40px; margin-top:40px; }
.product_detail .c_hot label{font-size: 18px; border-bottom: 1px solid #ddd; line-height: 38px;font-weight: bold; margin-bottom: 25px;display:block}
.product_detail .c_hot .pname{color:#0047bb;}
.product_detail .c_hot .list{margin: 0 30px; position: relative;}
.product_detail .c_hot .list .btn{width: 18px; height: 30px; position: absolute; text-indent: -9999px;cursor:pointer}
.product_detail .c_hot .list li{width: 235px; float: left; margin: 0px 8px; }
.product_detail .pboard .tab{word-wrap:break-word}
.product_detail .c_hot .list img{max-height: 135px; width: auto; max-width: 100%;}
.product_detail .c_hot .list p{margin-bottom: 5px; color: #666}
.product_detail .c_hot .list font{color: #333;font-weight: bold;}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*鏂伴椈涓績*/
.news-menus .p{float: left; padding: 0 16px; height: 25px; line-height: 25px; border-radius:25px; border: 1px solid #ccc; color: #333; margin-left: 8px; position: relative;}
.news-menus .p.on{border: 1px solid #2a5aaa; color: #2a5aaa}
.news-menus .pulldown{padding: 5px 10px; background: #fff;  border: 1px solid #999; position: absolute; left: 0px; top: 26.5px; z-index: 2;}
.news-menus .pulldown a{height: 25px; line-height: 25px; display: block;}
.news-menus .pulldown a:hover{color: #2a5aaa; text-decoration: none;}
.news-menus ul li{cursor: pointer;}

.news-list{position:relative; margin-left:-60px; margin-right:-60px; margin-top: 30px;}
.news-list li{position:absolute; width:340px; margin:0 60px; background:#f7f7f7; height:340px;}
.news-list img{width:340px; height:185px;}
/* .news-list img{max-height: 185px;width: auto;max-width: 100%;} */
.news-list .date{width: 50px; height: 50px; background: #00a2b0; text-align: center; color: #fff; float: left; padding: 5px; margin-right: 15px;}
.news-list .date b{font-size: 26px; font-weight: bold; line-height: 1.2;}
.news-list .txt{float: left; width: 255px;}
.news-list .txt:hover{text-decoration: none;cursor: pointer;}
.news-list .txt h2{font-size: 14px; font-weight: bold; margin: 10px 0;text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.news-list .txt p{color: #666; line-height: 1.6}
.news-list .btn{float: right; width: 50px; height: 20px; line-height: 20PX; text-align: center; border: 1PX solid #777; color: #777; position: absolute; bottom: 15PX; right: 15PX;border-radius: 3PX; cursor: pointer}
.news-list .btn:hover{background: #777; color: #fff;}

.news-detail{padding-left: 200px; position: relative;}
.news-detail .date{width: 168px; height: 120px; background: #f7f7f7; position: absolute; left: 0; top: 5px;}
.news-detail .date p{display: block; width: 85px; height: 70px; padding-top: 10px; margin: 0 auto; background: #00a2b0; text-align: center;color: #fff; font-size: 14px;}
.news-detail .date b{font-size: 30px; display: block;}

.news-detail .title{border-bottom: 1px solid #ccc; height: 45px; line-height: 45px; font-size: 18px; position: relative; margin-bottom: 20px}
.news-detail .title .share{position: absolute; right: 0; top: 5px; background: }
.news-detail .title .share i{ background:url(s-icon.png) no-repeat 0 -62px; height: 20px; width: 20px; line-height: 20px; padding-left: 24px; margin-right: 30px}
.news-detail .title .share a{display: inline-block; width: 20px; height: 20px; line-height: 20px; text-indent: -9999px; margin: 0 2px;}

.news-detail .txt{color: #666; line-height: 1.8; min-height: 300px}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*鎶€鏈湇鍔?/
.server_list{width:900px; float: left;}
/* .server_list .title{font-size: 18px; font-weight: bold; height: 32px; line-height: 32px; border-bottom: 1px solid #ccc; margin-bottom: 15px;} */
.server_list .tab{ height: 32px; background: #eee; margin-bottom: 30px;}
.server_list .tab li{float: left; width: 20%; text-align: center; color: #333; font-size: 14px; height: 32px; line-height: 32px;}
.server_list .tab li.on{background: #00a2b0; color: #FFF;}
.server_list .sub_title{ height: 1px; border-bottom: 1px dashed #ccc; position: relative; margin: 10px 0; }
/*.server_list .sub_title h4{display: block; width: 150px; background: #fff; height: 32px; position: absolute; left:0; top: -10px;  font-size: 14px; font-weight: bold; color: #666}*/
.server_list .sub_title h4{display: block; padding-right: 15px; background: #fff; height: 32px; position: absolute; left:0; top: -10px;  font-size: 14px; font-weight: bold; color: #666}
.server_list .txt{padding:20px 0px; color: #666; line-height: 1.8;}
.server_list .txt a{color:#75b1e3;font-size: 10.5000pt;}
.server_list h2{font-size: 18px; font-weight: bold; height: 32px; line-height: 32px; border-bottom: 1px solid #ccc; margin-bottom: 15px; position: relative;}
.server_list h2 i{position: absolute; right: 0; font-size: 12px; font-weight: normal}



/*鎶€鏈湇鍔′笁绾ч〉闈?/
.server {width:900px; float: left; }

.server_about {color: #666; line-height: 1.8; margin-bottom: 20px}
.server_about h3{font-size: 18px; font-weight: bold; margin-bottom: 15px;}
.server_about h2{font-size: 18px; font-weight: bold; margin-bottom: 15px;}
.server_class {margin-bottom: 40px;}
.server_class h2 {font-weight: bold; font-size: 14px; margin-bottom: 20px;}
.server_class li {float: left; width: 33%;}
.server_class .scontent {width: 80%; margin: 0 auto; }
.server_class .scontent .circle_pic{width: 120px; height: 120px; border-radius: 50%; padding: 10px;margin: 10px auto;}
.server_class .scontent .circle_pic img{border-radius: 50%;}
.server_class .scontent dl {width: 80%; margin: 0 auto; margin-bottom: 20px;}
.server_class .scontent dt{ margin-bottom: 10px; text-align: center}
.server_class .scontent a{font-weight: bold; font-size: 14px; color: #336699; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.server_class .scontent dd{height: 20px;}

.server_detail {color: #666;}



/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*鎶€鏈敮鎸?/
.support_class{
	height: 40px;
	line-height: 40px;
	border: 1px solid #2a5aaa;
	border-radius: 10px;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
}
.support_class_on{color: #2a5aaa;}

.support_list{width:900px; float: left;}
.support_list li img{ border: solid 1px #f8f8f8;
	object-fit: cover;margin-right: 10px}
.support_list h2{font-size: 14px; font-weight: bold; height: 32px; line-height: 32px; border-bottom: 1px solid #ccc; margin-bottom: 15px;}
.support_list li{border-bottom: 1px dashed #ccc; height: 46px; line-height: 46px; position: relative;}
.support_list b{width: 24px; height: 24px; line-height: 24px; border-radius: 3px; background: #00a2b0; color: #fff; display: block; float: left; margin-right: 15PX; margin-top: 10PX; text-align: center; font-size: 10px}
.support_list b.pdf{height: 20px; width: 20px; background: url(s-icon.png) no-repeat 0 -80PX; text-indent: -9999px; margin-top: 15PX}
.support_list a{font-size: 14px}
.support_list u{position: absolute; right: 0; top: 15px; text-decoration: none; color: #666; background:url(s-icon.png) no-repeat 0 -220px; height: 20px; line-height: 20px; padding-left: 25px;}

.support_detail{width:900px; float: left;}
.support_detail h3{font-size: 18px; font-weight: bold; height: 32px; line-height: 32px; border-bottom: 1px solid #ccc; margin-bottom: 15px;}
.support_detail .sub_title{height: 32px; line-height: 32px; background: #f7f7f7; padding: 0 10px; font-size: 14px; font-weight: bold;}
.support_detail .txt{padding:20px 10px; color: #666; line-height: 1.8;}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*缁忛攢鍟?/
.agency{width: 76%; margin: 0 auto;}
.agency .title{border-bottom: 1px solid #ccc; height: 32px; line-height: 32px; font-weight: bold; margin-bottom: 20px; font-size: 16px}
.agency .agency_list{width: 20%; float: left; margin-right: 3%;  border: 1px solid #ccc; min-height: 600px;}
.agency .agency_list .sub_title{height: 32px; line-height: 32px; background: #00a2b0; color: #fff; text-align: center; font-size: 14px;}
.agency .agency_list li{border-bottom: 1px dashed #ccc; padding-bottom:10px; padding-top:10px;padding-left: 20px; padding-right: 20px;}
.agency .agency_list li:hover{background: #f4f4f4; cursor: pointer;}

.agency .agency_list label{height: 30px; font-size: 14px; font-weight: bold; display: inline-block;}
.agency .agency_list b{display: block; float: left; margin-right: 10px; width: 20px; height: 25px; line-height: 25px; color: #fff; text-align: center; background: url(pot.png) no-repeat; margin-top: -4px; font-weight: normal}
.agency .agency_list p{margin-bottom: 10px;}

.agency .agency_map{float: left; width:76%;}
.agency .agency_map .select{height: 32px; line-height: 32px; margin-bottom: 10px}
.agency .agency_map .select li{float: left; margin-right: 20px;}
.agency .agency_map .map{width: 100%; min-height: 560px; background: url(map.png) no-repeat;}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*鍏充簬鎴戜滑*/

/*鏂囩尞寮曠敤*/
.paper_class{height: 32px; line-height: 32px; border: 1px solid #8f9ca6;  border-radius: 16px; font-weight: bold; margin-bottom: 6px; padding-left: 20px;}
.paper_class_on{color: #2a5aaa;}

.paper_list{width:900px; float: left;}
.paper_list .title{font-size: 18px; font-weight: bold; height: 32px; line-height: 32px; border-bottom: 1px solid #ccc; margin-bottom: 15px;}
.paper_list b{font-size: 14px; font-weight: bold; margin-bottom: 5px;display: block;-webkit-margin-before: 0.67em;-webkit-margin-after: 0.67em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;}
.paper_list label{display: block;color: #999; margin-bottom: 10px;}
.paper_list li{width: 33%; float: left; height: 25px; line-height: 25px}
.paper_list li.w-row{width: 100%;}

/*鑱旂郴鎴戜滑*/
.contact_txt{float: left; width: 400px; margin-right: 140px;}
.contact_txt label{display: block;color: #2a5aaa; font-size: 16px; margin-bottom:15px; font-weight: bold;}
.contact_txt ul{width: 78%;}
.contact_txt li{ color: #666; line-height: 20px; margin-bottom: 5px;}
.contact_txt b{display:block; float: left; margin-right: 10px; width: 20px; height: 20px;}
/* .contact_txt .map{width: 400px; height: 240px; text-indent: -9999px; margin-top: 20px} */
.contact_txt .map{width: 100%; min-height: 240px; margin-top: 20px;background: url(map.png) no-repeat;}

.contact_info{float: left; width: 600px;}
.contact_info p{font-size: 18px; font-weight: bold; height: 32px; line-height: 32px; border-bottom: 1px solid #ccc; margin-bottom: 15px;}

/*鍔犲叆鎴戜滑*/
.join_banner{height: 260px; margin-bottom: 30px;}

.join_title{font-size: 16px; margin-bottom:20px; font-weight: bold; border-bottom: 1px solid #ccc; height: 32px; line-height: 32px;}

.join_list{margin-bottom: 50px;}
.join_list li{ margin-bottom:20px;}
.join_list .title{height: 32px; border-bottom: 1px solid #ccc;}
/*.join_list .title td{width: 30%}*/
.join_list .title b{color: #2a5aaa; font-weight: normal}

.join_list label{ display: block;margin: 10px 0;}
.join_list p{line-height: 1.8; color: #666;}
.join_list .btn{ height: 32px}
.join_list .btn a{display: block; width: 100px; height: 32px; line-height: 32px; background: #2a5aaa; text-align: center; color: #fff; border-radius: 3px; float: right}

/*鍏充簬鎴戜滑*/
.about_banner{height:450px; width: 100%; position: relative;}
.about_banner .b_shadow{position: absolute; top: 0; left: 0; height: 15px; width: 100%; background: url(b-shadow.png) repeat-x; text-indent: -9999px;}

.about_txt{height: 500px; }
.about_txt label{display: block; width: 158px; height: 70px; background: #2a5aaa; padding: 20px 30px; color: #fff; font-size: 20px; font-weight: bold; line-height: 1.5; margin-bottom: 40px}
.about_txt p{color: #666; line-height: 1.8;font-size: 14px;}

.about_team{background: #e3e3e3; padding: 30px 0; height: 320px;}
.about_team label{display: table; margin: 0 auto; font-size: 24px;}
.about_team .member{padding: 0 20px;}
.about_team .member .circle_pic{width: 130px; height: 130px; border-radius: 50%; padding: 10px; background: #fff; margin: 10px auto;}
.about_team .member .circle_pic img{border-radius: 50%;}
.about_team .member label{text-align: center; font-size: 16px; font-weight: bold; margin: 15px auto;}
.about_team .member li{margin-bottom: 5px;}
.about_team .member b{color: #666; font-weight: normal; width: 20%; float: left; text-align: right}
.about_team .member p{display: inline-block; width: 80%; float: right;}

.about_product{height: 380px; margin: 85px 0; color: #fff}
.about_product .p1{ background: #00a2b0; border-right: 5px solid #fff; border-top-left-radius: 120px; width: 445px; height: 330px; padding: 25px 60px}
.about_product .p2{ background: #2a5aaa; border-left: 5px solid #fff; border-bottom-right-radius: 120px; width: 445px; height: 330px; padding: 25px 60px}

.about_product label{display: block;height:68px; line-height: 68px; border-bottom: 1px solid #b3e3e7; font-size: 24px; font-weight: bold; color: #fff; margin-bottom: 30px;}
.about_product li{ width: 180px; margin-right: 80px; float: left;}
.about_product li:last-child{margin-right: 0;}
.about_product i{display: block; margin-bottom: 15px; color: #fff;  font-style: normal; font-size: 16px; font-weight: bold;}
.about_product a{height: 30px; line-height: 30px; color: #fff; display: block; font-size: 14px;}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*璐墿杞?/
.order_board{margin-bottom: 20px; padding: 0 10px;}

.order_title{height: 28px; line-height: 28px; background: #9caebb; color: #fff; margin-bottom: 5px; padding: 0 10px}
.order_sub_title{height: 32px; line-height: 32px; border-bottom: 1px solid #ddd; position: relative; padding: 0 10px; font-weight: bold; margin-bottom: 10px}
.order_sub_title a{position: absolute; right: 0; top: 0; height: 32px; line-height: 32px; color: #2a5aaa; padding-left: 20px;cursor: pointer;}
.order_sub_title a.btn{padding:0 15px; border: 1px solid #ccc; height: 24px; line-height: 24px; border-radius: 3px; color: #666;cursor: pointer;}

.order_account{float: right; margin: 30px 0}
.order_account ul{display: table; float: right;}
.order_account li{height: 28px; line-height: 28px}
.order_account i{display: inline-block; text-align: right; width: 100px; font-style: normal;}
.order_account b{display: inline-block; text-align: left; font-size: 14px;}
.order_account b.ze{font-size: 16px; color: #ff0000;}
.order_account input{height: 28px; line-height: 28px; border: 1px solid #ccc; border-radius: 3px;}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*浼氬憳涓績*/
.personal_bar{width: 120px; float: left; border: 1px solid #d9e2ea; margin-right: 40px;}
.personal_bar h2{height: 28px; line-height: 28px; background: #9caebb; text-align: center; color: #fff; font-size: 14px; font-weight: bold;}
.personal_bar ul{margin: 10px 0;}
.personal_bar li{text-align: center;}
.personal_bar a{height: 24px; line-height: 24px; color: #333}

.personal_content{width: 978px; float: left;}

.personal_title{height: 28px; height: 28px; position: relative; font-size: 14px; font-weight: bold;}
.personal_title i{position: absolute; right: 0; top: 0; font-style: normal}
.personal_title a.btn{padding: 2px 8px; border-radius: 3px; background: #777; color: #fff; text-align: center;cursor: pointer;}
.personal_title a.btn:hover{text-decoration: none;}

/*鍜ㄨ*/
.consult_title{border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 30px;}
.consult_title h2{font-size: 14px; position: relative; margin-bottom: 10px; font-weight: bold;}
.consult_title i{position: absolute; right: 0; top: 0; font-style: normal;font-size: 12px; font-weight: normal;}
.consult_title li{float: left; margin-right: 30px; color: #666}
.consult_title b{color: #2a5aaa; font-weight: normal;}

/*鍥炲*/
.consult_reply h2{margin-bottom: 10px;}
.consult_reply b{display: block; font-weight: normal; color: #666; margin: 5px 0;}
.consult_reply p{line-height: 1.8; color: #666; margin-bottom: 30px;}


/*鐗╂祦*/
.logistics .date{width:68px; float: left; text-align: right;}
.logistics .date h2{font-size: 10px; color: #777;}
.logistics .info{width: 250px;  float: left;  border-left: 1px solid #ccc; padding-left: 25px; padding-bottom: 25px; position: relative; margin-left: 30px}
.logistics .info i{width: 15px; height: 15px; display: block; position: absolute; left: -8px; top: 0;}
.logistics .info h1{font-size: 14px; font-weight: bold; margin-bottom: 6px;}

/*404*/
.error{height: 225px; padding-left: 265px;display: table; margin: 0 auto;}
.error_404{background: url(404.png) no-repeat;}
.error_500{background: url(500.png) no-repeat;}
.error h1{font-size: 30px; margin-bottom: 15px; padding-top: 55px}
.error p{font-size: 14px; margin-bottom: 20px;}
.error a{color: #336699; display: block; margin-bottom: 6px;}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#newBridge #nb_icon_wrap #closeBridge {
    background: #2a5aaa;
    color: #fff;
    border: 1px solid #2a5aaa;
    border-bottom: 0px;
    padding: 5px;
    text-align: right;
}

#newBridge #openBridge {
    background: #2a5aaa;
    text-align: center;
    border-radius: 0;
    right: 0;
    color: #fff;
    padding: 10px 5px;
    right: -20px;
    width: 10px;
}

/*鍙戠エ*/

.order_board .form_group  U{
	    display: inline-block; 
	    margin-right: 10px;
	    margin-left: 5px;
	    width: 14px;
	    height: 14px;
	}
.order_board .form_group  U:hover{
	 	cursor:pointer;  
	}
	.person{
	position:relative;
	}
	.enterprise{
		display: none;  
		position:relative;
	}
.floatboard{padding-bottom: 8px;   position:absolute; width: 300px;display:none;}
.floatboard .con{background: #fff; color: #666; padding: 10px; border-radius: 4px; box-shadow: 2px 4px 8px #bbb;}
.floatboard .con-ret{border: 7px solid transparent; border-top-color:#fff; position: absolute; right: 25px; bottom:-6px;}

/*鑻辨枃浜у搧涓績鍒嗙被鑿滃崟*/
.product_list .e-p-word{height: 28px; line-height: 28px; margin-bottom: 5px}
.product_list .e-p-word b.select{display: inline-block; padding: 0 20px 0 5px; height: 20px; line-height: 20px; border: 1px solid #f89402; font-weight: normal; margin-right: 10px; cursor: pointer;background: url(e-product-icon.png) no-repeat right 0px}
.product_list .e-p-word b.select i{display: inline-block; height: 20px; width: 20px; background:url(e-product-icon.png) no-repeat right 0; text-indent: -9999px}
.product_list .e-p-word b.yellow{color: #f89402; font-weight: normal;}
.product_list .e-p-word b.del{display: inline-block; height: 20px; padding-left: 18px; background:url(e-product-icon.png) no-repeat left -15px; font-weight: normal; cursor: pointer}

.product_list .e-p-subbar{border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; margin-bottom: 25px}
.product_list .e-p-subbar .class{border-bottom: 1px solid #ddd; background: #f7f7f7; position: relative;}
.product_list .e-p-subbar .class:last-child{border-bottom: none;}
.product_list .e-p-subbar .class .fold-btn{position: absolute; right: 0; top: 5px; display: block; height: 20px; line-height: 20px; padding: 0 20px 0 5px; border: 1px solid #ddd;}
.product_list .e-p-subbar .class .tt, .ptt {width: 18%; float: left;  color: #000; padding: 12px 0}
.product_list .e-p-subbar .class .tt b, .ptt b{padding-left: 20px}
.product_list .e-p-subbar .class .dd, .pdd{width: 82%; float: left; background: #fff;  padding: 8px 0;cursor: pointer}
.product_list .e-p-subbar .class .dd a, .pdd a{padding: 2px 10px; display: block; float: left; color: #336699; text-decoration: none; height: 20px; line-height: 20px;margin-bottom: 5px;margin: 0 3px;}
.product_list .e-p-subbar .class .dd a:hover, .pdd a:hover{text-decoration: underline}
.product_list .e-p-subbar .class .dd a.on, .pdd a.on{background: #f89402; color: #fff}
.product_list .e-p-subbar .class .sub-dd{padding: 10px 0; clear: both}
.product_list .e-p-subbar .class .sub-dd a{padding: 0 10px 8px; display: block; float: left; color: #777; text-decoration: none;}
.product_list .e-p-subbar .class .on-select{padding:5px; background:  #f7f7f7; border: 1px solid #ddd; margin:5px}
.product_list .e-p-subbar .class .on-select b{display: inline-block; padding: 0 5px; font-weight: normal; color: #336699}
.product_list .e-p-subbar .class .on-select b.on{background: #f89402; color: #fff}
.product_list .e-p-subbar .class .ptt b, .pdd a{font-size:12px;font-weight: bold}

.product_list .covid-txt{margin-bottom: 25px;}
.product_list .covid-txt img{float: left; margin-right: 20px;width: 280px;height: 170px;}
.product_list .covid-txt .center_img{float: none;margin-left: 20px;margin-right: 0;width: 320px;height: 266px;}
.product_list .covid-txt h1{font-size: 22px; color: #333; margin-bottom: 15px;font-weight: bold;}
.product_list .covid-txt p{ font-size: 14px; color: #666; line-height: 24px;}

.product_list .covid-info h1{font-size: 16px; font-weight: bold; margin-bottom: 10px;}
.product_list .covid-info table{border-top: 1px solid #333; border-left: 1px solid #333;}
.product_list .covid-info th{background: #2a5aaa; color: #fff; font-size: 16px; height: 36px}
.product_list .covid-info td,th{border-bottom: 1px solid #555; border-right: 1px solid #333; text-align: center; height: 36px}
.product_list .covid-info td.b{background: #d5e5ff}
.covid-info th,.covid-info td,.covid-info p,.covid-info a {font-family: simhei;}
.covid-info td,.covid-info p,.covid-info a {font-size: 13px;}

/*-----------------------------------------------------------------------------------------*/
.showtime span{
	margin-right: 36px;
	color: #9b9b9b;
}
.bdsharebuttonbox {
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px;
}
.category-nav{
	display: none!important;
}
@media (max-width: 990px){

	.serve, .news,.subnav .contact{
		float: none;
	}
	.serve, .news{
		padding-left: 9%;
	}

	.mhide, .header, .bar, .top_tip{
		display:none;
	}
	.centre,.experiment-tab,.product,.product .p_banner .p_b1, .support_list, .subnav .nav_list, .subnav .contact{
		width: 100%;
	}
	.bar_shadow {
		height: 85px;
	}
	.experimentList,.nav_list{
		margin-bottom: 20px;
	}
	.category-nav{
		top:0!important;
		display:  flex!important;
		height:50px;
	}
	.warp {
		padding-left: 20px;
	}
	.support_list a{
		top:0!important;
	}
	.support_list li img{
		width: 50%;
	}

}