@charset "utf-8";
/* CSS Document */
* { margin: 0px; padding: 0px;} 
body { margin:0px;padding:0px;text-align:center; font-size: 14px; font-family: Arial, "微软雅黑"; background:#fff; color: #333;}
li { list-style-type: none}
a{text-decoration:none;}
i{font-style:normal;}
input { vertical-align:middle;}
textarea { vertical-align: middle;}
select {  vertical-align: middle;}
img { vertical-align:middle; border: 0px;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover { text-decoration: none;}
.clear { clear:both; line-height:0; height:0; font-size:1px;}
table {border-collapse:collapse;border-spacing:0;empty-cells:show;}
th,td {border-collapse:collapse;}

/*logo_nav begin*/
#logo_nav{
	width:1200px;
	height:100px;
	margin:0 auto;
	overflow:hidden;
}
#logo_nav .logo{
	float:left;
	width:490px;
	margin-top:20px;
}
#logo_nav .logo .pic{
	margin-right:15px;
}
#logo_nav .logo .tit{
	font-size:16px;
	color:#3f3f3f;
}
#logo_nav .nav{
	float:right;
	line-height:100px;
	color:#555;
}
#logo_nav .nav a{
	display:inline-block;
	width:86px;
	color:#333;
}
#logo_nav .nav a:hover{
	color:#da271e;
}

/*banner begin*/
#banner{
	clear: both;
    margin: 0 auto;
    width: 100%;
    height:450px;
	background:url(../images/banner.jpg) left center no-repeat;
}

/*q_y begin*/
#q_y{
	width:1200px;
	margin:40px auto;
	overflow:hidden;
}
#q_y .title{
	float:left;
	background:url(../images/qy_bg.png) left center no-repeat;
	width:169px;
	height:152px;
	line-height:152px;
}

#q_y .title .ico{
	display:inline-block;
	margin-right:10px;
}

#q_y .title .tt{
	font-size:24px;
	font-family:"方正韵动中黑_GBK";
	color:#202020;
}

#q_y .info{
	float:right;
	width:991px;
	background:#f6f6f6;
	height:102px;
	padding:25px 20px;
	text-align:justify;
	line-height:25px;
	color:#3f3f3f;
}

/* 合作方式 begin */
#MK{
	width:1200px;
	margin:0 auto;
	overflow:hidden;
}
#MK .title{
	background:url(../images/IMG_bg.png) left center no-repeat;
	height:50px;
}
#MK .title h3{
	font-size:32px;
	line-height:50px;
	color:#202020;
	font-family:"方正韵动中黑_GBK";
}

#MK .text{
	text-align:left;
	color:#606060;
	line-height:24px;
	margin:15px 0;
}

/*切换开始*/
.picFocus{ 
	margin:0 auto;  
	width:1200px; 
	position:relative;  
	overflow:hidden;  
	zoom:1;  
}
.picFocus .bd{
	float:right;
	width:647px;
}
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd img{ display:block;  }
.picFocus .hd {
	float:left;
	width:514px;
 }
.picFocus .hd ul{margin:35px 0;}
.picFocus .hd ul li{ height:92px; line-height:24xp; overflow:hidden; padding:20px 0; margin-top:10px;}
.picFocus .hd ul li.on{ background:url(../images/hz_ico.jpg) no-repeat center 0; }
.picFocus .hd ul li .number{font-family:"方正韵动中黑_GBK"; font-size:48px; float:left; width:76px; margin:0 auto;}
.picFocus .hd ul li.on .number{ color:#5381c6;}
.picFocus .hd ul li ._t{width:380px; float:right; text-align:justify; margin-right:55px; line-height:24px; color:#3f3f3;}
.picFocus .hd ul li ._t b{color:#000;}
.picFocus .hd ul li ._t em{ font-style:normal; color:#da271e;}
.picFocus .hd ul li ._t em.tel{font-size:18px;}

/* 设备展示 begin */
.s_b .pic_list{
	overflow:hidden;
	}
.s_b .pic_list ul{
	margin:20px -26px 0 0;
}
.s_b .pic_list li{
	float:left;
	width:280px;
	margin-right:26px;
}
.s_b .pic_list li p{
	height:35p;
	line-height:35px;
	background:#5381c6;
	color:#fff;
	font-size:16px;
}

/* w我们是做什么的 begin */
#why_bd{
	background:url(../images/AB_bg.jpg) left center no-repeat;
	height:300px;
	width:100%;
}

#why_bd .main {
	width: 990px;
	height: 300px;
	margin:0 auto;
	overflow:hidden;
	position: relative;
}

#why_bd .main .tt{
	float:left;
	width:233px;
	margin:15px auto 0;
}


#why_bd span{
	display: inline-block;
	background:url(../images/xk.png) center center no-repeat;
	width: 155px;
	height: 163px;
}

#why_bd .main div{
	width: 233px;
	text-align: center;
	color:#fff;
	position: absolute;
	top:60px;
	left:0;
}
#why_bd .main div h2{
	font-family:"方正韵动中黑_GBK";
	font-size:26px;
	letter-spacing:2px;
}
#why_bd .main  .right{
	float:right;
	width: 640px;
	height: 80px;
	line-height: 30px;
	color:#fff;
	margin-top:110px;
	+*margin-top:-110px;
	text-indent:30px;
	text-align:justify;
}

/* 为什么选择我们 begin */
#MK .title2{
	background:url(../images/IMG_bg2.png) left center no-repeat;
	height:50px;
}
#MK .title2 h3{
	font-size:32px;
	line-height:50px;
	color:#202020;
	font-family:"方正韵动中黑_GBK";
}
#MK .ys{
}
#MK .ys .bt{
	text-align:left;
	margin:30px 0 35px;
}
#MK .ys .bt .suzi{
	display:inline-block;
	background:#049474;
	height:33px;
	line-height:33px;
	width:73px;
	text-align:center;
	font-family:"方正韵动中黑_GBK";
	color:#fff;
	font-size:16px;
	margin-right:20px;
}
#MK .ys .bt .tt{
	font-size:22px;
	font-family:"方正韵动中黑_GBK";
	color:#202020;
}

#MK .y_1 .con{
	background:url(../images/ys_1.png) left center no-repeat;
	width:1200px;
	height:447px;
	position:relative;
}
#MK .y_1 .con h4{
	font-family:"方正韵动中黑_GBK";
	font-size:18px;
	margin-bottom:10px;
}

#MK .y_1 .con p{
	line-height:24px;
}
#MK .y_1 .con .c_1{
	position:absolute;
	left:18px;
	top:15px;
	width:323px;
	text-align:left;
	color:#fff;
}

#MK .y_1 .con .c_2{
	position:absolute;
	left:18px;
	bottom:15px;
	width:323px;
	text-align:left;
	color:#3f3f3;
}

#MK .y_1 .con img{
	position:absolute;
	top:0;
	left:375px;
}

#MK .y_1 .con .c_3{
	position:absolute;
	right:18px;
	top:15px;
	width:323px;
	text-align:left;
	color:#3f3f3;
}

#MK .y_1 .con .c_4{
	position:absolute;
	right:18px;
	bottom:26px;
	width:323px;
	text-align:left;
	color:#fff;
}

#MK .y_2{}
#MK .y_2 .js_1{
	overflow:hidden;}

#MK .y_2 .js_1 .ms{
	float:left;
	width:455px;
}
#MK .y_2 .js_1 .ms h2{
	width:320px;
	margin:30px auto;
	height:54px;
	line-height:54px;
	border-bottom:1px dashed #ffde00;
}
#MK .y_2 .js_1 .ms p{
	height:92px;
	background:#f4f5f9;
	text-align:left;
	color:#3f3f3f;
	padding:40px 28px;
	line-height:24px;
}

#MK .y_2 .js .pic_tt{
	float:right;
	width:745px;
	overflow:hidden;
}

#MK .y_2 .js .pic_tt .pic{
	float:left;
	width:495px;
}
#MK .y_2 .js .pic_tt .tt{
	float:right;
	width:250px;
}

#MK .y_2 .js .pic_tt h4{
	background:#5381c6;
	height:34px;
	line-height:34px;
	color:#fff;
	font-size:16px;
	text-align:left;
	text-indent:20px;
}
#MK .y_2 .js .pic_tt p{
	text-align:left;
	color:#3f3f3;
	line-height:24px;
	margin:20px 0 0 20px;
}

#MK .y_2 .js_2{
	overflow:hidden;
}
#MK .y_2 .js_2 .leftpic{
	float:left;
	width:437px;
}
#MK .y_2 .js_2 .right .lefttext{
	float:right;
	width:763px;
	margin-top:27px;
}

#MK .y_2 .js .right .lefttext h4{
	background:#5381c6;
	height:38px;
	line-height:38px;
	color:#fff;
	font-size:16px;
	text-align:left;
	text-indent:20px;
}
#MK .y_2 .js .right .lefttext p{
	text-align:left;
	color:#3f3f3;
	line-height:24px;
	margin:20px 0 0 20px;
}

#MK .y_2 .js_3{
	overflow:hidden;
	margin-top:20px;}

#MK .y_2 .js_3 .ms{
	float:left;
	width:493px;
}
#MK .y_2 .js_3 .ms h2{
	width:320px;
	margin:30px auto 45px;
	height:54px;
	line-height:54px;
	border-bottom:1px dashed #ffde00;
}
#MK .y_2 .js_3 .ms p{
	height:173px;
	background:#f4f5f9;
	text-align:left;
	color:#3f3f3f;
	padding:40px 25px;
	line-height:24px;
}

#MK .y_2 .js_3 .w_p{
	float:right;
	width:707px;
}

/*跟我们合作的好处*/
#MK  .db{
	margin-top:35px;
	overflow:hidden;
	position:relative;
}
#MK .db i{
	display:block;
	background:url(../images/vs.png) no-repeat;
	width:83px;
	height:44px;
	position:absolute;
	left:558px;
	top:0;
}
#MK  .db .t1{
	float:left;
	height:44px;
	line-height:44px;
	background:#5381c6;
	width:600px;
	font-size:24px;
	font-family:"方正韵动中黑_GBK";
	color:#fff;
}

#MK  .db .t2{
	float:right;
	height:44px;
	line-height:44px;
	background:#049474;
	width:600px;
	font-size:24px;
	font-family:"方正韵动中黑_GBK";
	color:#fff;
}

#MK .xk{
	overflow:hidden;
	border:1px solid #ddd;
}
	/* 本例子css */
	.msn-focus { width:518px;  padding:35px 40px; border-right:1px dashed #ddd;}
	.msn-focus .hd  ul{margin-left:-22px;}
	.msn-focus .hd li { float: left; width:86px; background:url(../images/hc_ico.png); height:86px; margin-left:22px;}
	.msn-focus .hd li a{color:#3f3f3f;} 	
	.msn-focus .hd .on { background:url(../images/hc_left_ico.png) no-repeat; width:86px; height:86px; }
	.msn-focus .hd .on a { color:#fff;}
	.msn-focus .bd {width:500px;  position: relative; overflow: hidden; }
	.msn-focus .bd ul { position:relative;  }
	.msn-focus .bd li { position: relative;text-align:left; color:#3f3f3; }
	.msn-focus .bd li .ico1{ margin-left:33px;} 
	.msn-focus .bd li .ico2{ margin-left:136px;} 
	.msn-focus .bd li .ico3{ margin-left:245px;} 
	.msn-focus .bd li .ico4{ margin-left:350px;} 
	.msn-focus .bd li .ico5{ margin-left:459px;} 
	.msn-focus .bd li p{border:1px solid #5381c6;height: 41px; padding:15px;}
	/* 本例子css */
	.right_info .msn-focus { width:518px;  padding:35px 40px; border-right:none;}
	.right_info .msn-focus .hd  ul{margin-left:-50px;}
	.right_info .msn-focus .hd li { float: left; width:86px; background:url(../images/hc_ico.png); 
	height:86px; margin-left:50px;}
	.right_info .msn-focus .hd .on { background:url(../images/hc_right_ico.png) no-repeat; width:86px; height:86px; }
	.msn-focus .bd {width:500px;  position: relative; overflow: hidden; }
	.msn-focus .bd ul { position:relative;  }
	.msn-focus .bd li { position: relative;text-align:left; color:#3f3f3; }
	.right_info .msn-focus .bd li .ico1{ margin-left:33px;} 
	.right_info .msn-focus .bd li .ico2{ margin-left:165px;} 
	.right_info .msn-focus .bd li .ico3{ margin-left:304px;} 
	.right_info .msn-focus .bd li .ico4{ margin-left:438px;} 
	.right_info .msn-focus .bd li p{border:1px solid #049474;height: 41px; padding:15px;}

#MK .zj{font-size:18px; color:#202020px; margin-top:20px;
text-align:left;
}
#MK .zj em{font-style:normal; color:#da271e;}

/* 本例子css */
.case { width:1200px; }
.case .hd { font-size: 14px; height:34px;  line-height: 34px;}
.case .hd li { float: left; border:1px solid #ddd; font-size:16px; font-family:"方正韵动中黑_GBK";}
.case .hd li a{color:#202020}
.case .hd .on { background:#049474; border:1px solid #049474; }
.case .hd .on a {color: #fff }
.case .hd a { display:inline-block; padding:0 20px;}
.case .bd { width: 1200px; height: ; position: relative; overflow: hidden }
.case .bd ul { overflow: hidden; position:relative;}
.case .bd li { position: relative }
.case .bd li p { background:#000;  position: absolute; left: 0; bottom: 0;
 line-height: 35px; height: 35px;  width:1200px; text-indent:20px; color:#fff;background-color: rgba(0,0,0,0.5);}

/*联系我们*/
.lx_info{
	width:1192px;
	margin:10px auto 0;
	overflow:hidden;
	border:4px solid #eee;
}
.lx_info .left{
	float:left;
	text-align:left;
	width:848px;
	background:url(../images/fg.png) right no-repeat;
	padding:30px 0 30px 25px;
}
.lx_info .left p{
	font-size:19px;
	color:#da271e;
	margin-bottom:15px;
}
.lx_info .left h5{
	font-size:38px;
	font-family:"方正综艺_GBK";
	height:64px;
	line-height:64px;
	width:776px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

.lx_info .left .contact{
	width:776px;
	overflow:hidden;
}

.lx_info .left .contact .wz{
	float:left;
	width:616px;
	text-align:left;
	color:#3f3f3;
	line-height:30px;
	margin-top:20px;
}

.lx_info .left .contact .kf{
	float:right;
	width:75px;
	margin-top:15px;
	text-align:center;
}

.lx_info .left .contact .kf i{
	text-decoration:underline;
	line-height:24px;
}
.lx_info .left .contact .kf i a{
	color:#3f3f3;
}
.lx_info .left .contact .kf i a:hover{
	color:#da271e;}


.lx_info .right{
	float:right;
	width:308px;
	margin:57px auto 0;
}

.lx_info .right p{
	line-height:24px;
}

#foot{
	background:#1b1a1c;
	height:50px;
	line-height:50px;
	color:#b1b1b1;
}
#foot .bq{
	width:1200px;
	margin:0 auto;
	overflow:hidden;
}
#foot .bq .l{
	float:left;
}

#foot .bq .r{
	float:right;
}