@charset "utf-8";
*{margin: 0px;padding: 0px;font-family:"微软雅黑";}
body{min-width:1200px;font-size: 12px;overflow-x:hidden;}
table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5{margin:0px;padding:0px;}
h1{color:#232323;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,p,span{font-size:12px;}
p{color:#686868;}
ul{list-style:none;}
.cursor{cursor:pointer;}
.clear{font-size:0;line-height:0;height:0;clear:both;visibility:hidden;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.l{float:left;}
.r{float:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
img {border:0;}
a{text-decoration:none;color:#fff;}
.gy{width:1200px;margin:0 auto;overflow:hidden;}
a:hover{text-decoration:none;color:#0767C3;}

.top-blank{height:85px;overflow:hidden;background:none;}
.top-head{height:85px;position:fixed;top:0;width:100%;z-index:1000;background:none;}
/* .shadow{width:100%;height:7px;font-size:0;overflow:hidden;background:url(../images/nav_shadow.png) repeat-x;} */

.top01{width:100%;height:30px;line-height:30px;background:#1f2229;/*color:#f5f5f5;*/ color:#0767C3;overflow:hidden;}
.top01_center{text-align:left;/* width:362px;*//*padding-left:840px;margin:0 auto;*/ float:right;}
.top01_center img{float:left;margin-top:3px;}
.top02{height:85px;width:100%;}
.logo{width:140px;float:left;padding-top:22px;}
.nav{width:770px;float:right;}
.nav ul{width:780px;}
.nav li{width:130px;margin:0 5px 0 6px;float:left;text-align:center;/* position:relative;*/}
.nav a{width:130px;height:49px;padding-top:35px;display:block;font-size:1.2em;/*overflow:hidden;*/}
.nav a:hover{text-decoration:none; height:49px;}
.nav li a:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: -3px;height: 2px;opacity: 0;background-color: #0767C3;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav li a:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}

.nav a#sel{border-bottom:2px solid #0767C3;color:#0767C3;}
.nav a#sel:hover:after{opacity: 0;}

.nav .sub{display:none;width:100%;padding:0;position:fixed;top:125px;overflow:hidden;text-align:left;z-index:110;left:0px;background-color:#f5f5f5;}
.nav .sub .nav_xiao{width:1200px;overflow:hidden;padding-top:5px;margin:0 auto;padding-bottom:50px;}
.nav .sub .nav_xiao .xiao_one{width:760px;float:right;overflow:hidden;}
.nav .sub .nav_xiao .xiao_one a{float:left;display:inline;height:28px;line-height:28px;width:108px;margin-right:12px;overflow:hidden;border-bottom:1px solid #d3d2d2;color:#313030;background:url(../images/201603/nav_dian.jpg) left center no-repeat;padding:0;padding-left:15px;margin-top:13px;font-size:12px;font-family:"宋体";}
.nav .sub .nav_xiao .xiao_one a:hover{color:#0767C3;}
.nav .sub .nav_xiao .xiao_two{margin-top:28px;width:760px;float:right;}
.nav .sub .nav_xiao .xiao_two img{float:left;margin-right:25px;}
.nav .sub .nav_xiao .xiao_two .nav_div{float:left;width:380px;padding-top:30px;font-size:12px;color:#666666;line-height:22px;}
.nav .sub .nav_xiao .xiao_two .nav_div h2{font-size:16px;color:#0767C3;font-weight:normal;letter-spacing:1px;line-height:36px;}

.nav .sub .nav_xiao .xiao_three{width:760px;float:right;overflow:hidden;}
.nav .sub .nav_xiao .xiao_three ul{width:790px;}
.nav .sub .nav_xiao .xiao_three ul li{float:left;display:inline;width:172px;height:190px;overflow:hidden;margin-right:19px;text-align:center;position:inherit;line-height:46px;margin-left:0px;}
.nav .sub .nav_xiao .xiao_three ul li img{width:100%;height:138px;display:block;}
.nav .sub .nav_xiao .xiao_three ul li a{color:#686868;width:100%;font-size:14px;height:100%;padding-top:17px;}
.nav .sub .nav_xiao .xiao_three ul li a:hover{color:#0767C3;}
.nav .sub .nav_xiao .xiao_three ul li:hover img{opacity: 0.8;filter: alpha(opacity=80);}
.nav .sub .nav_xiao .xiao_three ul.nav_wechat li{width:195px;}
.nav .sub .nav_xiao .xiao_three ul.nav_wechat li img{width:195px;height:138px;}

.nav .sub .nav_xiao .xiao_four{width:512px;overflow:hidden;margin-right:25px;margin-left:55px;}
.nav .sub .nav_xiao .xiao_four h2{font-size:18px;font-weight:normal;color:#333333;height:50px;line-height:50px;border-bottom:1px solid #b3b3b3;letter-spacing:3px;margin-top:10px;}
.nav .sub .nav_xiao .xiao_four .ul{width:590px;}
.nav .sub .nav_xiao .xiao_four .ul li{height:42px;line-height:42px;margin-right:80px;padding-right:10px;width:205px;overflow:hidden;float:left;display:inline;background:url(../images/nav_dian2.png) right center no-repeat;margin-left:0px;position:inherit;}
.nav .sub .nav_xiao .xiao_four .ul li a{padding:0;width:205px;text-align:left;}

.nav .sub .nav_xiao .xiao_five{width:680px;overflow:hidden;float:left;margin-top:15px;margin-left:50px;}
.nav .sub .nav_xiao .xiao_five img{width:280px;height:212px;}
.nav .sub .nav_xiao .xiao_five a{width:280px;height:212px;padding:0;margin-right:45px;float:left;}
.nav .sub .nav_xiao .xiao_five2{float: right;margin-right: 20px;text-align: left;width: 445px;margin-top:15px;}
.nav .sub .nav_xiao .xiao_five2 p{border-bottom: 1px solid #D9D9D9;box-shadow: none;font-size: 14px;padding: 10px 0;}
.nav .sub .nav_xiao .xiao_five2 p a{text-align: left;width: 200px;display: inline-block;padding-top:0;height:auto;padding: 5px 0;font-size:14px;}

.nav .sub .nav_xiao .xiao_six_l{float:left;width:140px;margin-left:70px;overflow:hidden;margin-top:35px;}
.nav .sub .nav_xiao .xiao_six_l a{display:block;height:46px;line-height:46px;font-size:16px;color:#333333;padding-left:20px;background:url(../images/yuming_pic9.png) left center no-repeat;padding-top:0;}
.nav .sub .nav_xiao .xiao_six_l a.osel{background:url(../images/yuming_pic9_on.png) left center no-repeat;color:#0767C3;}
.nav .sub .nav_xiao .xiao_six_r{float:left;width:990px;overflow:hidden;text-align:center;}
.nav .sub .nav_xiao .xiao_six_r img{display:block;margin:0 auto;margin-bottom:32px;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;}
.nav .sub .nav_xiao .xiao_six_r a{float:left;width:140px;height:auto;border-left:1px solid #e2e3e3;padding-top:0;margin-top:50px;}
.nav .sub .nav_xiao .xiao_six_r a:hover img{margin-top:-4px;margin-bottom:36px;}

.phone{
	 width: 126px;
    height: 85px;
    float: right;
	line-height: 85px;
}
.phone span{
	font-size: 16px;
}
.ind_tab{background:#282c35;height: 120px;}
.ind_tabtop{width: 1200px; margin: 0 auto;}
.ind_tabtop a{cursor:pointer;}
.ind_tabtop .ind_tabtop_item:hover{
	background: #353841;
}

.ind_tabtop .ind_tabtop_item{
	width: 24.5%;
	float: left;
	height: 120px;
	border-left: 1px solid rgba(62,69,81,1);
}
.ind_tabtop .ind_tabtop_item img{padding: 32px 0px 0px 32px; float: left;width: 55px;}
.ind_tabtop .ind_tabtop_item div{ width: 180px; float: left; padding: 34px 0px 0px 20px;}
.ind_tabtop .ind_tabtop_item label{color: #FFFFFF; font-size: 16px; display: flex;}
.ind_tabtop .ind_tabtop_item label:last-child{color: #FFFFFF; font-size: 13px; padding-top: 3px;}
.ind_tabtop .ind_tabtop_item:last-child{border-right: 1px solid rgba(62,69,81,1);}
.bg_bule {
		margin: 10px 0px 0px 70px;
		width: 220px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		color: #FFFFFF;
		background: rgb(28, 35, 39);
		border: 1px solid rgb(28, 35, 39);
	}

	.bg_bule:hover {
		background: #FFFFFF;
		color: rgb(28, 35, 39);
		border: 1px solid rgb(28, 35, 39);
	}

	.bg_bules {
		margin: 40px 0px 0px 0px;
		width: 220px;
		height: 50px;
		line-height: 50px;
		text-align: center;

		color: #FFFFFF;
		border: 1px solid #FFFFFF;
	}

	.bg_bules:hover {
		color: rgb(28, 35, 39);
		background: #ffffff;
		border: 1px solid #ffffff;
	}
	.list_tit{
		width: 100%;
		float:left;
		height: 25px;
	}
	.list_title{
		float: left;
		font-family: 微软雅黑;
		font-size: 24px;
		font-weight: normal;
		font-style: normal;
		color: #494949;
		display: block;
	}
	.list_but a{
		float: right;
		display: inline-block;
		max-width: 100%;
		text-align: center;
		font-family: 微软雅黑;
		font-size: 12px;
		padding: 5px 15px;
		
		color: #FFFFFF;
		background: rgb(28, 35, 39);
		border: 1px solid rgb(28, 35, 39);
	}
	
	.list_but a:hover{
		background: #FFFFFF;
		color: rgb(28, 35, 39);
		border: 1px solid rgb(28, 35, 39);
	}
	
	
	.list_but2 a{
		float: right;
		display: inline-block;
		max-width: 100%;
		text-align: center;
		font-family: 微软雅黑;
		font-size: 12px;
		background-color: rgb(28,35,39);
		color: #ffffff;
		border-width: 1px;
		border-style: solid;
		border-color: #FFFFFF;
		padding: 5px 15px;
	}
	.list_but2 a:hover{
		float: right;
		display: inline-block;
		max-width: 100%;
		text-align: center;
		font-family: 微软雅黑;
		font-size: 12px;
		background-color: #FFFFFF;
		color: #333333;
		border-width: 1px;
		border-style: solid;
		border-color: rgb(28,35,39);
		padding: 5px 15px;
	}
	.list_but2 a:hover {
		color: #333333;
	}
	
	.list_titleEn{
		width: 100%;
		float: left;
		font-family: arial;
		font-size: 13px;
		font-weight: normal;
		font-style: normal;
		color: #c1c1c1;
		display: block;
		padding: 2px;
		vertical-align: bottom;
		height: 20px;
	}
	.col-md-4{
		width: 23%;
		float: left;
		padding: 1%;
		position: relative;
		
	}
	.col-md-4 .thumbnail{
		padding: 2%;
		margin-bottom: 50px;
		background-color: #fff;
		border-radius: 4px;
		border: none;
		transition: 0.15s ease-in-out;
	}
	.col-md-4 .thumbnail:hover{
		cursor:pointer;
		box-shadow: 0 8px 15px rgba(0, 0, 0, 0.08);
	}
	.col-md-4 img{width: 100%;}
	.caption{padding-top: 15px;}
	.caption h3{ padding: 0px 10px 10px 10px; color: #333333; font-size: 16px;}
	.caption p{
		color: #999999;
		font-size: 14px;
		padding: 0px 10px 10px 10px; 
		height: 70px; 
		/* overflow: hidden;
		text-overflow:ellipsis;
		wh ite-space:nowrap*/
	}
	.hover_tm{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
		border-radius: 5px;
		background-image: url(../img/icon_tm.png);
	}
	.partner{ left: 0; top: 0;}
	.partner li{
		width: 200px;
		float: left;
	}
	.partner li:nth-child(1) img,.partner li:nth-child(7) img,.partner li:nth-child(13) img,.partner li:nth-child(19) img{
		padding: 10px 30px 10px 0px;
	}
	.partner li:nth-child(6) img,.partner li:nth-child(12) img,.partner li:nth-child(18) img,.partner li:nth-child(24) img{
		padding:10px 0px 10px 60px;
	}
	.partner li img{
		padding: 10px 30px 10px 30px;
	}
	.foot_con{
		padding-top: 50px;
		width: 250px;
		float: left;
		padding-right: 150px;
		padding-bottom: 20px;
	}
	.foot_con .foot_conTit{
		font-size: 18px;
		color: #FFFFFF;
		padding-bottom: 15px;
	}
	.foot_con .foot_conten{
		color: #8d9095;
		font-size: 14px;
		line-height: 25px;
	}
	
/*产品*/
	#section-iconbox-2 .productsList li{
		
		height: 205px;
	}
	.productsList{
		width: 100%;
		float: left;
		padding: 20px 5px 20px 5px;
		
	}
	.productsList li{
		width: 23%;
		float: left;
		height: 235px;
		padding: 20px;
		margin: 10px 10px 30px 10px;
		box-shadow: 0 8px 15px rgba(0, 0, 0, 0.03);
	}
	
	.productsList li:hover{
		cursor:pointer;
		box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
	}
	.productsList li img{
		width: 100%;
		float: left;
	}
	.productsList li .pro_title{
		width: 100%;
		font-size: 16px;
		color: #666666;
		text-align: center;
		font-weight: 0;
		float: left;
		padding: 10px 10px 10px 10px;
	}
	.productsList li .pro_con{
		width: 100%;
		font-size: 14px;
		color: #a0a0a0;
		text-align: left;
		float: left;
		font-weight: 0;
		padding: 0;
		padding: 0px 10px 0px 10px;
	}
	/*内容页*/
	.con_position{
		font-size: 14px;
		color: #333333;
		height: 60px;
		line-height: 50px;
	}
	.po_one{}
	.po_title{
		color: #0767C3;
	}
	.con_title{
		width: 100%;
		float: left;
		min-height: 75px;
		float: left;
		
	}
	.con_title span{
		width: 100%;
		float: left;
		text-align: center;
		line-height: 40px;
		color: #333333;
		font-size: 26px;
		
	}
	.con_content{
		width: 100%;
		float: left;
		background: #FFFFFF;
		min-height: 663PX;
	}
	.con_content #div{
		padding: 30px 45px 85px 30px;
		float: left;
	}
	.con_content #div img{
		width: 100%;
	}