@charset "utf-8";
/* Blood_Wolf专用样式表，支持开源，如有使用或二次开发，请标明出处，谢谢合作！ */
/*#ff8a00; 翰臣科技有限公司VI色系*/
/* 起始样式 */
body {font-family:"微软雅黑";  margin:0 auto; padding:0px; font-size:12px; height:100%; line-height:22px; width:100%;}
div{behavior: url(../css/css/iepngfix.htc)}
div, ul, li, dt, dl, dd, p { margin:0px; padding:0px; list-style-type: none; }
p{ margin:0; padding:0}
.clear{ clear:both; height:0px; line-height:0px; font-size:0px;}
a{ text-decoration:none; color:#333;}
a:hover{color:#0a868e;}
/*a:hover{ text-decoration:underline;}*/
img{ vertical-align:middle;}
.imgs{ vertical-align:top;}
.lf{ float:left;}
.rg{ float:right;}  
img{border:none;}
html{ overflow-x:hidden;} 
div:hover,li:hover,tr:hover,a:hover{ -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.5s linear, background-image 0.3s linear;}
/*text-decoration:none; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; 背景滚动*/
/* 公用样式 */
.box{ width:1002px; margin:0 auto;}
.wrap{ width:1000px; margin:auto;}
/* 导航 */
.dh,.dh-box{
	height:80px;
	background: #fff;
	width:100%;
	z-index:999;
	position:fixed;
	top:0px;
}
.dh .cd,.dh-box .cd_box{
	float:left;
	width: 80%;
}
.cd .lg,.cd_box .lg{
	float:left;
	margin-right:60px;
	margin-top:10px;
}
.cd .cd_list,.cd_box .cd_list_box{
	
}
.cd_list li,.cd_list_box li{
	float:left;
	width: 11%;
}
.cd_list li a,.cd_list_box li a{
	color:#333;
	font-size:15px;
	line-height:80px;
}
.cd_list li:hover a{
	color:#e60012;
}
.nav_list_box li:hover a{
	color:#e60012;
}
.dh .iphone{
	float:right;
	margin-top:30px;
}
.dh-box .iphone{
	float:right;
	margin-top:30px;
}
.dh-box{
	position: absolute;
	z-index: 99;
	width: 100%;
	height: 80px;
	background: #FFFFFF;
	top: 0;
	left: 0;
}
.search{
	width: 150px;
	height: 22px;
	float: right;
	overflow: hidden;
	border:1px solid #999;
	z-index: 8;
	background: #fff;
	border-radius: 11px 11px 11px 11px;
}
.search .txt{
	float:left;
	padding-left: 10px;
	color: #999;
	border-style: none;
	border-width: 0px;
	height: 22px;
	line-height: 22px;
	width: 113px;
	font-size: 12px;
    background: none;
}
.search .btn{
	float: right;
    width: 24px;
	height: 24px;
	border-style: none;
	border-width: 0px;
	background: url(../images/arr_search.gif) 0px 2px no-repeat;
	cursor: pointer;
}
.contact_bg{width:100%; background:#fff; border-top:1px solid #e8e8e8; margin-top:30px;}
.contact{width:1000px; height:85px; margin:0 auto 50px; padding:30px 0px;}
.contact ul {margin:0px; padding:0px;}
.contact ul li{width:208px; height:85px; float:left; border-right:2px solid #eee; padding-left:40px; line-height:25px;}
/* 底部 */
.foot_box{
	bottom:0;
	width:100%;
	left:0;
	filter:alpha(opacity=90); opacity:0.9;
	height:50px;
	background-color:#333333;
	position:absolute;
	bottom:0;
	z-index:999;
}
.foot{
	width:1200px;
	margin:auto;
}
.foot .friend_links{
	float:left;
}
.friend_links li{
	float:left;
	line-height:50px;
	font-size:12px;
	color:#555555;
}
.friend_links li a{
	color:#cccccc;
	font-size:12px;
	margin-right:5px;
	margin-left:5px;
}
.foot .footer{
	float:right;
}
.foot_l{
	float:left;
}
.foot_l p, .foot_r a{
	color:#cccccc;
	font-size:12px;
	vertical-align:super;
	line-height:50px;
}
.foot_r{
	float:right;
	margin-left:15px;
}
.foot_r a img{
	vertical-align:middle;
}


/* 公用样式 End */

/* Index */
.banner{ width:1920px; position:relative; left:50%; margin-left:-960px; z-index:100; margin-top:80px;}
.banner .slides_container a {width:1920px;height:570px;display:block;}
.banner .slides_container a img {display:block;}
.banner .pagination { margin-top:-60px; position:absolute; z-index:100; width:75px; left:50%; margin-left:-35px; display:none;}
.banner .pagination li {float:left;margin:0 1px;list-style:none;}
.banner .pagination li a {display:block; width:13px; font-size:0px; height:13px; background:url(../images/1_12.png) no-repeat;float:left;overflow:hidden; margin-left:5px; margin-right:5px; font-size:0px; line-height:1000px;}
.banner .pagination li.current a,.banner .pagination li a:hover{ background:url(../images/1_12a.png) no-repeat;}
.ss{ margin-top:20px;}
#ss1{position:relative; top:20px; z-index:20; float:left; width:313px; height:237px; left:0px;}
#ss2{position:relative; top:20px; z-index:20; float:left; width:313px; height:237px; left:31px;}
#ss3{position:relative; top:20px; z-index:20; float:left; width:313px; height:237px; left:62px;}
#pronav{ overflow: hidden; padding: 20px 0;}
#pronav li{position:relative; top:10px; z-index:20; float:left; width:313px; height:237px; padding:0px 10px;}
.heg{ height:20px;}
/* Index End */

/*products*/
.products_banner{ width:100%;height:302px; background:url(../images/product.jpg) center no-repeat; margin-top:80px;}

/* Main */
.pro{ margin-top:21px;}
.fx{ color:#757474;}
.fx a{ color:#757474;}
.fx a:hover{ background:#0a868e; color:#fff;}
.div_pro{ margin-top:24px; line-height:40px; height:40px; border-bottom:2px solid #f2f2f2;}
.div_pro .lf{ color:#494e51; font-size:24px; line-height:30px; font-weight:bold;}
.div_pro .rg{ width:440px;}
.div_pro .rg .p1{ float:left; background:url(../images/2_02.jpg) no-repeat; color:#757474; font-size:14px; font-weight:bold; padding-left:38px; margin-right:20px;}
.div_pro .rg .p2{ float:left; background:url(../images/2_03.jpg) no-repeat; color:#757474; font-size:14px; font-weight:bold; padding-left:38px;}
.ul_pro{ margin-top:23px; padding-bottom:27px;}
.ul_pro li{ width:323px; margin-right:16px; float:left;}
.ul_pro .li{ margin-right:0px;}
.ul_pro li .div1{ width:323px; height:245px;}
.ul_pro li .div1 img{ width:100%; height:100%; box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	-moz-box-sizing:border-box;	/* Firefox */
	-webkit-box-sizing:border-box;	/* Safari */


	-webkit-transition: all 0.3s ease-in-out 0s;
	-mos-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;}
.ul_pro li:hover .div1{ background:#0a868e; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.5s linear, background-image 0.3s linear;}
.ul_pro li:hover .div1 img{ padding:3px;box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	-moz-box-sizing:border-box;	/* Firefox */
	-webkit-box-sizing:border-box;	/* Safari */


	-webkit-transition: all 0.3s ease-in-out 0s;
	-mos-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;}
.ul_pro li .div2{ height:45px; line-height:45px; font-size:14px; font-weight:bold;}
.ul_pro li .div2 a{ color:#494e51;}
.ul_pro li:hover .div2 a{ color:#0a868e;}

.product_list{ margin-top:40px;}
.product_list .product_sub{ height:46px; border-bottom:#f2f2f2 solid 2px; width:100%; position:relative;display: inline-table;}
.product_list .product_sub dd{ display:block; float:left; text-align:center; text-decoration:none; color:#757474; width:199px; padding-right:1px; background:url(../images/2_08.jpg) right 4px center no-repeat; height:46px; line-height:46px; font-size:18px; cursor:pointer;}
.product_list .product_sub .pro_subico{ width:190px; height:10px; position:absolute; bottom:-6px; left:35px;}
.product_list .product_sub dd:hover{ color:#000;}
.product_list .product_sub .on{ color:#000;}

.ul_pro1{ margin-top:40px}
.ul_pro1 li{ width:321px; padding:1px; background:#dbdbdb; float:left; margin-right:15px; margin-bottom:15px;}
.ul_pro1 li .div1{ padding-left:3px; padding-right:3px; width:315px; height:250px; background:#fff; padding-top:3px; border-bottom:1px solid #e9e9e9; cursor:pointer;}
.ul_pro1 li .div2{ padding-top:20px; height:16px; line-height:16px; font-size:14px; font-weight:bold; color:#494e51; font-weight:bold; overflow:hidden; background:#fff; padding-left:18px; cursor:pointer;}
.ul_pro1 li .div3{ padding-top:9px; height:14px; line-height:14px; color:#757474; background:#fff; padding-left:18px; overflow:hidden; cursor:pointer;}
.ul_pro1 li .div4{ padding-top:20px; padding-bottom:20px; height:29px; background:#fff; padding-left:18px; cursor:pointer;}
.ul_pro1 li .div4 div{ background:url(../images/2_10.jpg) bottom no-repeat; height:27px; width:85px;  -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.ul_pro1 .li{ margin-right:0px;}
.ul_pro1 li:hover{ width:315px; padding:4px; background:#0a868e; transition: color 0.8s linear, background-color 0.8s linear, background-image 0.8s linear; -moz-transition: color 0.8s linear, background-color 0.8s linear, background-image 0.8s linear; -webkit-transition: color 0.8s linear, background-color 0.8s linear, background-image 0.8s linear; -o-transition: color 0.8s linear, background-color 0.8s linear, background-image 0.8s linear;}
.ul_pro1 li:hover .div1{ width:315px; height:250px; background:#fff; height: border-bottom:1px solid #e9e9e9; padding:0px;}
.ul_pro1 li:hover .div2{ padding-left:15px;}
.ul_pro1 li:hover .div3{ padding-left:15px;}
.ul_pro1 li:hover .div4{ padding-left:15px; padding-bottom:17px;}
.ul_pro1 li:hover .div4 div{ background:url(../images/2_10.jpg) top no-repeat; text-decoration:none; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.ul_pro1 .div5{ text-align:center; padding-top:25px; clear:both;}
.ul_pro1 .div5 a{ padding:10px 20px; background:#d2b988; color:#fff; font-size:14px; border-radius:5px;}
.ul_pro1 .div5 a:hover{ background:#0a868e;}
.div_pro1{ margin-top:20px;}
.div_pro1 .lf{ width:420px; height:333px; border:1px solid #dedbdb;}
.div_pro1 .rg{ width:520px;}
.div_pro1 .rg .p1{ color:#494e51; font-size:24px; line-height:26px; height:26px; font-weight:bold;}
.div_pro1 .rg .p2{ color:#757474; margin-top:10px;}
.div_pro1 .rg .p3{ margin-top:30px;}

.div_pro2{ margin-top:35px;}
.div_pro2 dl{ border-bottom:2px solid #d2b988;}
.div_pro2 dd{ float:left; width:159px; margin-right:5px; height:36px; line-height:36px; background:#e1e1e1; text-align:center; color:#757474; cursor:pointer; font-size:14px; font-weight:bold;}
.div_pro2 dd:hover,.div_pro2 .on{ background:#d2b988; color:#fff; -webkit-transition: none; -moz-transition: none; transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -moz-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -webkit-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -o-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear;}
.div_pro2 .div_pro_txt{ margin-top:45px;}

.div_pro3{ margin-top:40px; height:56px; line-height:56px;}
.div_pro3 .div1{ color:#494e51; font-size:22px; font-weight:bold;}
.div_pro3 .div2{ background:url(../images/2_16.jpg) no-repeat; padding-left:74px; margin-left:46px;}
.div_pro3 .div2 a{ color:#72b800; font-size:18px;}
.div_pro3 .div2 a:hover{ text-decoration:underline;}

.div_pro4{ margin-top:40px;}
.div_pro4 td{ padding-bottom:15px;}
.div_pro4 .td{ color:#494e51; font-size:22px; font-weight:bold; padding-bottom:25px;}
.div_pro4 .text{ border:1px solid #d3d2d2; background:#fff; color:#757474; font-family:微软雅黑; height:32px; line-height:32px; width:278px;}
.div_pro4 .text:hover{ background:#eee;}
.div_pro4 .text1{ border:1px solid #d3d2d2; background:#fff; color:#757474; font-family:微软雅黑; height:32px; line-height:32px; width:1000px;}
.div_pro4 .text1:hover{ background:#eee;}
.div_pro4 .text2{ border:1px solid #d3d2d2; background:#fff; color:#757474; font-family:微软雅黑; height:161px; line-height:22px; width:1000px;}
.div_pro4 .text2:hover{ background:#eee;}
.div_pro4 .text3{ border:1px solid #d3d2d2; background:#fff; color:#757474; font-family:微软雅黑; height:32px; line-height:32px; width:98px;}
.div_pro4 .text3:hover{ background:#eee;}
.div_pro4 img{ margin-left:10px;}

.dd{ margin-top:40px;}
.ddlf{ width:180px;}
.ddlf .div0{ width:230px; height:220px; background:#0a868e; margin-top:-80px; z-index:101; position:relative;}
.ddlf .div0 .div0_0{ text-align:center; padding:20px 0px;}
.ddlf .div0 .div0_1{ text-align:center; font-size:14px; color:#fff; line-height:30px; margin-top:10px;}
.ddlf .div1{ background:url(../images/3_02.jpg) no-repeat; height:32px; overflow:hidden; line-height:32px; font-size:0px;}
.ddlf .div2{ margin-top:20px;}
.ddlf .div2 a{ display:block; padding-bottom:1px; height:38px; line-height:38px; padding-left:17px; color:#7d7c7c; font-weight:bold; margin-bottom:20px; background:#e8e8e8;}
.ddlf .div2 a:hover,.ddlf .div2 .a1{ background:#0a868e; color:#fff; }
.ddlf .div3{ background:url(../images/3_04.jpg) no-repeat; height:31px; overflow:hidden; line-height:31px; font-size:0px;}

.ddrg{ width:778px;}
.ddrg1{ border-bottom:1px solid #e8e8e8; line-height:41px; line-height:41px;}
.ddrg1 .lf{ color:#494e51; font-size:24px;}
.ddrg2{ margin-top:20px; color:#7d7c7c; line-height:30px;}
.network{ width:798px; height:500px; background:url(../images/3_06.jpg) no-repeat;}
.div_ser{ color:#0a868e; font-size:18px;} 
.div_ser1{ line-height:18px; margin-top:14px;}
.div_ser2{ margin-top:14px;}


.div_map{ width:594px; height:469px; background:#fff; border:1px solid #e9e9e9; display:none; overflow:hidden;}
.div_net_box{ height:380px; overflow-y:scroll; margin-top:15px;}
.div_map .rg{ position:relative; right:65px; top:20px;}
.div_map .div1{ width:483px; padding-left:46px;}
.div_map .div1 .p1{ height:50px; line-height:50px; border-bottom:1px dashed #cccccc; color:#009c84; font-size:18px;}
.div_map .div1 .p2{ margin-top:10px; color:#999; font-weight:bold;}
.div_map .div1 .p3{ margin-top:2px; color:#999;}
.div_map .div1 .p3 img{ margin-right:5px;}
.div_map .div1 .p3 span{ margin-right:10px; color:#4c4b4a}
.div_map .div2{ width:13px; height:14px; padding-top:13px; padding-right:16px;}

.ul_ser li{ margin-bottom:20px;}
.ul_ser li .div1{ background:#f2f2f2; color:#494e51; line-height:35px; height:35px; padding-left:10px; padding-right:10px; font-weight:bold;}
.ul_ser li:hover .div1{ color:#fff; background:#0a868e; -webkit-transition: none; -moz-transition: none; transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -moz-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -webkit-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -o-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear;}
.ul_ser li .div2{ padding-left:10px; padding-right:10px; padding-bottom:6px; padding-top:6px;}
.ul_ser li .div2 .p1{ color:#494e51;}
.ul_ser li .div2 .p2{ color:#969595;}
.ul_ser li:hover .div2{ color:#fff; background:#0a868e; -webkit-transition: none; -webkit-transition: none; -moz-transition: none; transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -moz-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -webkit-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -o-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear;}
.ul_ser li:hover .div2 .p1{ color:#fff; -webkit-transition: none; -moz-transition: none; transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -moz-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -webkit-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -o-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear;}
.ul_ser li:hover .div2 .p2{ color:#fff; -webkit-transition: none; -moz-transition: none; transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -moz-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -webkit-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -o-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear;}
.fenye{ text-align:center; padding-top:20px;}

.div_ser3 input{ margin-left:6px; margin-right:18px;}
.div_ser4{ margin-top:30px; font-size:14px; color:#636462; font-weight:bold; border-bottom:1px solid #dddddd; padding-bottom:5px;}
.div_ser5{ margin-top:20px; color:#636462;}
.div_ser5 td{ padding-bottom:20px; padding-right:10px;}
.div_ser5 select{ width:222px; margin-right:15px;}
.div_ser5 .text{ border:1px solid #d3d2d2; background:#fff; color:#757474; font-family:微软雅黑; height:146px; line-height:22px; width:456px;}
.div_ser5 .text:hover{ background:#eee;}
.div_ser5 .text1{ border:1px solid #d3d2d2; background:#fff; color:#757474; font-family:微软雅黑; height:22px; line-height:22px; width:220px;}
.div_ser5 .text1:hover{ background:#eee;}
.div_ser5 .text2{ border:1px solid #d3d2d2; background:#fff; color:#757474; font-family:微软雅黑; height:22px; line-height:22px; width:278px;}
.div_ser5 .text2:hover{ background:#eee;}
.div_ser5 .text3{ border:1px solid #d3d2d2; background:#fff; color:#757474; font-family:微软雅黑; height:22px; line-height:22px; width:78px; margin-right:10px;}
.div_ser5 .text3:hover{ background:#eee;}
.div_ser5 span{ color:#f51111; font-weight:bold; margin-right:5px;}
.ul_news li{ height:122px; background:url(../images/4_04.jpg) 7px top repeat-y;}
.ul_news li .div1{ width:16px; height:122px; background:url(../images/4_02.png) left top no-repeat;  -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.ul_news li .div2{ margin-left:33px; width:80px; color:#494e51; padding-top:15px; font-size:14px;  -webkit-transition: none; -moz-transition: none; transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -moz-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -webkit-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -o-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear;}
.ul_news li .div3{ width:630px;}
.ul_news li .div3 .p1{ color:#4a4646; font-size:18px; padding-top:15px;  -webkit-transition: none; -moz-transition: none; transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -moz-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -webkit-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -o-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear;}
.ul_news li .div3 .p2{ color:#757474; margin-top:8px;  -webkit-transition: none; -moz-transition: none; transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -moz-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -webkit-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -o-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear;} 
.ul_news li:hover .div1{ background:url(../images/4_02.png) left -122px no-repeat; text-decoration:none; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.ul_news li:hover .div2{ color:#0a868e; -webkit-transition: none; -moz-transition: none; transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -moz-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -webkit-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -o-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear;}
.ul_news li:hover .div3 .p1{ color:#0a868e; -webkit-transition: none; -moz-transition: none; transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -moz-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -webkit-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -o-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear;}
.ul_news li:hover .div3 .p2{ color:#0a868e; -webkit-transition: none; -moz-transition: none; transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -moz-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -webkit-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -o-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear;}
.time{ color:#babcbd}
.fh{ border-top:1px solid #e9e2e2; margin-top:80px; padding-top:15px;}
.fh .lf a{ display:block; color:#757474; padding-left:5px; padding-right:5px;}
.fh .lf a:hover{ color:#fff; background:#0a868e;}
.fh .rg{ padding-top:10px; padding-right:5px;}
.fh .rg a{ display:block; width:56px; background:#f0ecec; color:#757474; text-align:center;}
.fh .rg a span{ font-family:宋体;}
.fh .rg a:hover{ color:#fff; background:#0a868e;}

.div_job span{ color:#0a868e;}
.div_job a{ color:#0a868e;}
.div_job a:hover{ background:#0a868e; color:#fff;}
.div_job1{ margin-top:20px;} 
.ul_job li{ *margin-bottom:-4px; border-bottom:1px dashed #d2d2d2; height:45px; line-height:45px; overflow:hidden; }
.ul_job li:hover{ background:#d2b988;}
.ul_job li a{ color:#737272; display:block;}
.ul_job li:hover a{ color:#fff;}
.ul_job li .div1{ width:26%; cursor:pointer;}
.ul_job li .div2{ width:18%; text-align:center; cursor:pointer;}
.ul_job li .div3{ width:18%; text-align:center; cursor:pointer;}
.ul_job li .div4{ width:18%; text-align:center; cursor:pointer;}
.ul_job li .div5{ width:18%; text-align:center; cursor:pointer;}
.ul_job .li{ background:#f4f4f4; color:#737272; font-size:14px; font-weight:bold; border-bottom:0px;}
.ul_job li span{ padding-left:15px;}
.div_job2{ margin-top:50px; border-top:1px solid #ddd; padding-top:15px; text-align:center;}
.div_job2 span{ color:#0a868e;}
.div_job2 a{ color:#0a868e;}
.div_job2 a:hover{ background:#0a868e; color:#fff;}
.div_job3{ margin-top:15px; text-align:center;}
.div_job3 a{ color:#0a868e;}
.div_job3 a:hover{ background:#0a868e; color:#fff;}

.div_abo{ border-bottom:1px solid #ddd; padding-bottom:15px;}
.div_abo1{ margin-top:20px; background:#f2f2f2; height:44px; line-height:44px; padding-left:13px; padding-right:13px; color:#494e51; font-size:14px;}
.div_abo1 span{ color:#72b800; font-size:19px; font-weight:bold; margin-right:15px;}
.div_abo2{ margin-top:25px; margin-bottom:20px;}
.div_abo4{ margin-top:20px;}
.div_ser1bg2{display:inline-table;}

#focus_Box{position:relative;width:798px;height:660px; margin:0px auto;}
#focus_Box dl{position:relative;width:798px;height:660px;left:100px;}
#focus_Box dd{z-index:0;position:absolute; width:0px;background:#787878;height:0px;top:146px;cursor:pointer;left:377px;border:7px solid #eee;}
#focus_Box dd img{width:100%;background:url(../images/loading.gif) no-repeat center 50%;height:100%;vertical-align:top}
#focus_Box dd p{position:absolute;left:0;bottom:-32px;width:100%;height:25px;line-height:25px;background:#fff;color:#00938a; text-align:center;}
#focus_Box dd p span{display:inline-block;width:70%;height:25px;overflow:hidden;}
#focus_Box .focus_prev,#focus_Box .focus_next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:340px;}
#focus_Box .focus_prev{background:url(../images/btn.png) left bottom no-repeat;left:0px}
#focus_Box .focus_next{background:url(../images/btn.png) right bottom no-repeat;right:0px} 
#focus_Box .focus_prev:hover{background-position:left top;}
#focus_Box .focus_next:hover{background-position:right top;}
#focus_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;background:url(../images/share-btn.png) no-repeat;text-indent:-999px;}

.div_abo6{ color:#0a868e; font-size:30px; line-height:45px; font-weight:bold; line-height:45px; text-align:center;}

#timeline { width: 798px; margin:0 auto; overflow:hidden; position: relative; margin-top:60px; background:url(../images/6_12.jpg) center 8px repeat-x; }
#dates { width: 798px; height: 56px; overflow: hidden; margin-top:1px;}
#dates li { list-style: none; float: left; width:85px; height: 56px; font-size: 16px; text-align: center; cursor:pointer; font-weight:bold;}
#dates a { padding-top:22px; display:block; font-size:14px; height:34px; color:#757474; background: url(../images/6_09.jpg) center 0px no-repeat;}
#dates .selected { font-size: 22px; color:#03a88e; background: url(../images/6_10.jpg) center 0px no-repeat;}
#issues { width: 798px; margin-top:50px; padding-bottom:150px;}
#issues li{ float: left; width:798px;}
#issues li .div1{ text-align:center;}
#issues li .div2{ background:#f0f2f2; padding:20px 30px;}
#prev { float:left; background: url(../images/6_07.jpg); width:10px; height:19px;}
#next {	float:right; background: url(../images/6_08.jpg); width:10px; height:19px;}
.div_por{ position:relative; margin-top:-57px;}

.div_abo7{ background:url(../images/6_13.jpg) no-repeat; height:500px; padding-top:21px;}
.div_abo7 center{ color:#757474; font-size:18px; line-height:30px; font-weight:bold;}
.div_abo7 center span{ color:#01a88e}
.div_abo8{ margin-bottom:20px;}



.ser_list .product_sub{ height:36px; border-bottom:#e0e0e0 solid 1px; position:relative;}
.ser_list .product_sub dd{ display:block; float:left; text-align:center; text-decoration:none; color:#636161; width:255px; padding-right:1px; background:url(../images/2_08.jpg) right 4px no-repeat; height:30px; font-size:16px; cursor:pointer;}
.ser_list .product_sub .pro_subico{ width:145px; height:10px; position:absolute; bottom:-5px; left:35px;}
.ser_list .product_sub dd:hover{ color:#0a868e;}
.ser_list .product_sub .on{ color:#0a868e;}

.ul_se11 li{ border-bottom:1px solid #dddbdb;}
.ul_se11 li .dddd{ height:46px; line-height:46px; background:url(../images/3_12.jpg) 21px center no-repeat; padding-left:45px; padding-right:45px; display:block; color:#636161; font-weight:bold; font-size:14px;} 
.ul_se11 li .dddd:hover,.ul_se11 li .dddd-active{ color:#0a868e}
.ul_se11 li .div1{ background:url(../images/3_13.jpg) 25px top no-repeat; height:8px; line-height:8px;}
.ul_se11 li .div2{ background:#f2f2f2; padding-top:18px; padding-bottom:18px;}
.ul_se11 li .div2 div{ background:url(../images/3_14.jpg) 21px 8px no-repeat; padding-left:45px; padding-right:45px; }
/* Main End */

.page1 a{ color:#666; margin-left:5px; margin-right:5px;}
.page1 span{ color:#666; margin-left:5x; margin-right:5px;}
.page1 a:hover{ color:#009c84}

#xixi{ width:195px; z-index:10000; position:relative;}
.Obtn{background:url(../images/tj_qq.png) no-repeat; float:right; height:150px; margin-top:38px; width:27px; cursor:pointer;}
/* 0a868e */


/*===FlexSlider幻灯片  开始===*/
#banner { float:left; width:100%;}
/*幻灯片标题*/
 .flex-caption { width:100%; padding:3px 0px; position: absolute; bottom: 3px;color: #fff;text-align: right;font-size: 14px;line-height: 22px;height:22px;}
/* FlexSlider Necessary Styles*/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0px;  border: 0px solid #fff; position: relative;  zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
/*.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}*/
.flex-control-nav{ width: 100%;position:absolute; bottom:10px;  margin:0px; text-align: center; border:0px dashed red}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
/*===FlexSlider幻灯片  结束===*/

.photo-mask {
		position: fixed;
		z-index: 10;
		bottom: 0;
		top: 0;
		left: 0;
		right: 0;
		background: rgba(0, 0, 0, 0.8);
		filter: alpha(opacity=20);
		-moz-opacity: 0.8;
		opacity: 0.8;
		display: none;
	}
	
	.photo-panel {
		position: absolute;
		display: none;
		clear: both;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		z-index: 990;
	}
	
	.photo-panel .photo-div,
	.photo-panel .photo-bar {
		width: 100%;
	}
	
	.photo-panel .photo-div {
		width: 960px;
		height: 560px;
		z-index: 1111;
		margin: auto;
		position: relative;
	}
	
	.photo-panel .photo-close {
		background: url(../images/close.png);
		width: 56px;
		height: 56px;
		position: absolute;
		margin-left: 664px;
	}
	
	.photo-panel .photo-close:hover {
		background: url(../images/close_ch.png);
		width: 56px;
		height: 56px;
		position: absolute;
		margin-left: 664px;
	}
	
	.photo-panel .photo-bar-tip {
		width: 700px;
		height: 44px;
		position: absolute;
		margin-top: -64px;
		padding: 10px;
	}
	
	.photo-panel .photo-bar-tip:hover {
		width: 700px;
		height: 44px;
		position: absolute;
		margin-top: -64px;
		background: #000;
		filter: alpha(opacity=20);
		-moz-opacity: 0.8;
		opacity: 0.8;
		color: #fff;
		padding: 10px;
	}
	
	.photo-panel .photo-img {
		width: 720px;
		float: left;
		height: 560px;
		background: #fff;
	}
	
	.photo-panel .photo-view-w {
		width: 720px;
		height: 560px;
		text-align: center;
		vertical-align: middle;
		display: table-cell;
	}
	
	.photo-panel .photo-view-h {
		width: 720px;
		height: 560px;
		text-align: center;
		vertical-align: middle;
	}
	
	.photo-panel .photo-view-w img {
		max-width: 700px;
		height: auto;
		vertical-align: middle;
		text-align: center;
		max-height: 540px;
		margin: 10px;
		-moz-box-shadow: 5px 5px 5px #a6a6a6;
		/* 老的 Firefox */
		box-shadow: 5px 5px 5px #a6a6a6;
		-webkit-animation: swing 1s .2s ease both;
		-moz-animation: swing 1s .2s ease both;
	}
	
	.photo-panel .photo-view-h img {
		max-width: 700px;
		height: 540px;
		margin: 10px;
		-moz-box-shadow: 5px 5px 5px #a6a6a6;
		/* 老的 Firefox */
		box-shadow: 5px 5px 5px #a6a6a6;
		-webkit-animation: swing 1s .2s ease both;
		-moz-animation: swing 1s .2s ease both;
	}
	
	@-webkit-keyframes swing {
		20%,
		40%,
		60%,
		80%,
		100% {
			-webkit-transform-origin: top center
		}
		20% {
			-webkit-transform: rotate(15deg)
		}
		40% {
			-webkit-transform: rotate(-10deg)
		}
		60% {
			-webkit-transform: rotate(5deg)
		}
		80% {
			-webkit-transform: rotate(-5deg)
		}
		100% {
			-webkit-transform: rotate(0deg)
		}
	}
	
	@-moz-keyframes swing {
		20%,
		40%,
		60%,
		80%,
		100% {
			-moz-transform-origin: top center
		}
		20% {
			-moz-transform: rotate(15deg)
		}
		40% {
			-moz-transform: rotate(-10deg)
		}
		60% {
			-moz-transform: rotate(5deg)
		}
		80% {
			-moz-transform: rotate(-5deg)
		}
		100% {
			-moz-transform: rotate(0deg)
		}
	}
	
	.photo-panel .photo-left,
	.photo-panel .photo-right {
		width: 120px;
		float: left;
		margin-top: 220px;
	}
	
	.photo-panel .arrow-prv {
		background: url(../images/l.png);
		width: 120px;
		height: 120px;
	}
	
	.photo-panel .arrow-prv:hover {
		background: url(../images/l_ch.png);
		width: 120px;
		height: 120px;
		cursor: pointer;
	}
	
	.photo-panel .arrow-next {
		background: url(../images/r.png);
		width: 120px;
		height: 120px;
	}
	
	.photo-panel .arrow-next:hover {
		background: url(../images/r_ch.png);
		width: 120px;
		height: 120px;
		cursor: pointer;
	}
	
	.demo {
		width: 750px;
		margin: 10px auto;
	}
	
	.demo li {
		width: 174px;
		overflow: hidden;
		height: 250px;
		float: left;
		margin:10px 5px;
	}
	
	.demo li img {
		width: 172px;
		height:218px;
		border:1px solid #e8e8e8;
		float:left;
	}
	
	.demo li span{width:174px; height:30px; line-height:30px; text-align:center; float:left;}
.honer{width: 100%; height: 30px;line-height: 30px; float: left; font-size: 16px; border-bottom: 1px dashed #e8e8e8;}