body,div,p,h1,h2,h3,h4,h5,h6,span,a,em,i,table,img,th,tbody,td,tr,u,b,ul,li,ol,dl,dd,dt,input,button,textarea,lable,select,option,header,footer,section,article,aside,mark,nav,time,address{ margin:0px; padding:0px; font-weight:normal;}
h1,h2,h3,h4,h5,h6{ font-weight:normal; display:block}
em,i,mark,address{ font-style:normal;}
mark{ background:transparent;}
img{ border:0px;}
ul,li,ol{ list-style:none;}
a{ text-decoration:none; color:#555; outline:none; }
a:hover{}
img{ border:0;}
input,select,button,textarea{ -webkit-appearance:normal;}
input,select{vertical-align:middle;}
body{word-break:break-all; font-size:14px; font-family:"Microsoft YaHei"; color:#333;}
html{ height:100%;}
body{ position:relative; background:#fff; min-height:100%; padding-bottom:384px;}
table {border-collapse: collapse}

/*娓呮娴姩*/
.clearfix{ *zoom:1;}
.clearfix:after{ clear:both; content:" "; height:0; visibility:hidden; display:block;}
.fl{ float:left;}
.fr{ float:right;}
.w_1200{ width:1200px; margin:0 auto;}
.content{ padding-bottom:60px; background:#f2f5f6;}
.cur_position{ height:35px; line-height:35px; color:#fff; background:#4499ff; margin-bottom:20px;}
.cur_position>h3{ text-indent:14px; font-size:14px;}
.conter{ background:#fff;}
.pdb_44{ padding-bottom:44px;}
.pdb_25{ padding-bottom:25px;}
.pdb_76{ padding-bottom:76px;}
.pdb_40{ padding-bottom:40px;}
.pdt_76{ padding-top:76px;}
.pdt_40{ padding-top:40px;}
.pdl_80{ padding-left:80px;}
.text_cen{ text-align:center;}
.hei_72{ height:72px;}

/* 鍐呭宸︾洅瀛愪笌鍙崇洅瀛�*/
.comm-left,.comm-right{ background:#fff;}
.comm-left{ width:220px;}
.comm-left li{ line-height:62px; border-bottom:1px solid #ddd; height:62px; position:relative; width:100%;}
.comm-left li a{ display:block; line-height:62px; padding-left:42px; color:#333;}
.comm-left li a.on{ background:url(../img/cur_fang.png) no-repeat 18px center; color:#56a1ff;}
.comm-left li a:hover{ color:#56a1ff;}
.comm-right{ border-left:1px solid #ddd; width:899px; padding:40px; min-height:440px;}

/* 鍏憡澶撮儴 */
.top{ height:100px; line-height:100px; background:#fff;}
.logo{ padding-top:27px; padding-left:2px; margin-right:58px;}
.logo>img{ display:block;}
.nav>li{ float:left; position:relative;}
.nav>li>a{ font-size:18px; color:#1c1919; display:block; padding:0 18px;}
.nav>li>a:hover{ color:#2b8cff;}
.nav>li>a.on{ color:#2b8cff;}
.footer .ophne{ position:absolute; right:216px; padding-right:16px; padding-left:30px; background:url(../img/phone.jpg) no-repeat 2px center; bottom:50px; font-size:12px;}
.ophne>em{ color:#de252d; font-size:14px;}
.menu{ position:absolute; z-index:10; width:200px; left:50%; box-sizing:border-box; top:98px; margin-left:-102px; background:rgba(255,255,255,0.85); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8ffffff,endColorstr=#c8ffffff); border:2px solid #fff; 
border-radius:0 0 7px 7px;
-moz-border-radius:0 0 7px 7px;
-webkit-border-radius:0 0 7px 7px;
}
.menu a{ display:block;}
.menu li{ height:50px; line-height:50px; text-align:center; box-sizing:border-box;}
.menu li:hover{ color:#2b8cff; cursor:pointer; background:rgba(210,224,241,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8d2e0f1,endColorstr=#c8d2e0f1);}
.cur_position a{ color:#fff;}



.footer{ position:absolute; width:100%; left:0; bottom:0; background:url(../img/footer_bg.jpg) no-repeat center center; background-size:100% 100%; color:#f1f1f1;}
.bottom{ height:384px; padding-top:68px; box-sizing:border-box; position:relative;}
.bottom .bot_l{ width:750px; padding-left:15px; box-sizing:border-box;}
.bot_l a{ color:#f1f1f1;}
.bottom h3{ height:50px; line-height:50px; font-size:15px; border-bottom:1px dashed #f1f1f1; padding-left:10px;}
.bottom_nav{ padding:30px 0;}
.bottom_nav>a{ padding-right:10px; padding-left:10px; font-size:14px; color:#f1f1f1; border-right:1px solid #74757b; border-left:1px solid #f1f1f1; float:left;}
.bottom_nav>a.on{ border-right:none;}
.bottom_nav>a:first-child{ border-left:none;}
.bottom_nav>a:last-child{ border-right:none;}
.bottom p{ line-height:28px; padding-left:10px;}
.bottom img{ padding:0 6px;}
.div_img{ padding-top:40px;}
.wx_code{ position:absolute; top:120px; right:16px;}


@media (max-width:1200px) {
	.w_1200{ width:1000px;}
	.nav>li>a{ padding:0 10px;}
	.ophne{ padding-right:0;}
	.comm-left{ width:220px;}
	.comm-right{ width:699px;}
}

/* 鍏徃璧勮川澶у浘 */
.large-mark{ background:rgba(0,0,0,0.7); position:fixed; z-index:10000; width:100%;  left:0; top:0;display:none}
.large-cont{position:fixed; top:50%; left:50%; z-index:10001;   width:1000px; background:#fff; margin-left:-500px; display:none}	
.large-cont .large-cont-c{ width:100%; height:100%; position:relative; background:url(../img/load.gif) no-repeat center center; text-align:center }
.large-cont .prev,.large-cont .next{ background:url(../img/btn_next_prev.png) no-repeat left top; display:block; position:absolute; top:50%; margin-top:-32px; height:65px; width:40px; display:block; cursor:pointer}
.large-cont .prev{ left:20px; background-position:left top;}
.large-cont .next{ right:20px;background-position:right top;}
.large-cont .large-cont-c img{ opacity:0; max-width:1000px; filter:alpha(opacity=0)}

.c_ff0000{ color:#ff0000;}
.c_0b95f4{ color:#0b95f4;}
.c_ffacd5{ color:#ffacd5;}
.left_red{ padding-left: 20px; border-left: 5px solid #f90707;}
.left_red span{ color: #fff; background: #049bf2;}

.am-pagination{
	margin: 30px;
}
.am-pagination>li{
	float: left;
	padding: 5px 10px;
	border: 1px solid #ccc;
	margin-left: 3px;
}
.am-pagination .am-active{
	background: #2096e9;
	border: 1px solid #2096e9;
}
.am-pagination .am-active a{
	color: #fff;
}


.wx_code.on{
	right:230px;
	width:126px;
}

p.ophne.on{
	right: 200px;
}

p.ophne.qq {
    right: 32px;
}

p.ophne.on,p.ophne.qq{
	bottom:92px;
	background:none;
}

.nav_btn{
	/*border: 1px solid #ccc;*/
	display: none;
	height: 30px;
	width: 30px;
	border-radius: 2px;
	float: right;
	margin: 10px 10px 0 0;
}
.nav_btn>span{
	display: block;
	width: 100%;
	margin: 6px auto;
	height: 3px;
	background: #ccc;
	border-radius: 2px;
}
.close{
	display: none;
}

@media (max-width:1000px){
	.w_1200{
		width: 100%;
	}
	.logo {
		padding: 5px 2px;
		margin-right: 0px;
		height: 40px;
	}
	.logo>img{
		height: 100%;
	}
	.top{
		height: 50px;
	}
	.comm-left{
		width: 100%;
	}
	.comm-left li{
		line-height: 40px;
		height: 40px;
	}
	.comm-left li a{
		line-height: 40px;
	}
	.comm-right{
		width: 100%;
		border-left:none;
		padding:0;
	}
	.bottom{
		padding-top: 0;
	}
	.bottom .bot_l{
		width: 100%;
		padding-left:0;
		background: rgba(0,0,0,1);
		text-align: center;
	}
	.wx_code{
		position: static;
	}
	.footer .ophne{
		position: static;
		padding: 0 30px;
		background: rgba(0,0,0,0);
	}
	p.ophne.on,p.ophne.qq{
		padding: 0;
	}
	.bot_l a{
		line-height: 35px;
	}
	.wx_code.on{
		display: inline-block;
	}
	.div_img{
		padding-top: 10px;
		display: block !important;
		text-align: center;
	}
	.div_img a{
		display: block !important;
	}
	.bottom p{
		padding: 0;
		margin: 0 10px;
	}
	.wx_code.on{
		margin-left: 10px;
	}
	.bottom img{
		padding: 0;
		margin-left: 10px;
	}
	.hardware_software{
		padding: 0 10px;
	}
	.bottom_nav{
		display: inline-flex;
	}
	.bottom_nav>a{
		padding: 0 5px;
	}
	.am-pagination{
		margin:30px 0px;
	}
	.am-pagination .total{
		display: none;
	}
	.firm_certificate,.firm_introduction{
		padding: 10px;
	}
	.large-cont{
		margin-top:0% !important;
		margin-left:0;
		transform: translate(-50%,-50%);
		height: 50% !important;
		width: 100%;
	}
	.large-cont .large-cont-c img{
		max-width: 100%;
		margin-top:22% !important;
		max-height:50%;
		/*transform: translate(0%,-20%);*/
	}

	.m-hide{
		display: none;
	}
	.m-show{
		display: block !important;
	}
	.header{
		height: 50px;
	}
	.top{
		position: fixed;
		top: 0;
		height: 50px;
		right: 0;
		left: 0;
		z-index: 10;
	}
	.nav_btn{
		display: block;
	}
	.close{
		display: block;
		position: relative;
	}
	.close>span{
		display: block;
		width: 50px;
		right: 0;
		position: absolute;
		text-align: center;
		z-index: 10;
		font-size: 25px;
	}
	.nav{
		position: fixed;
		background: #fff;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 100;
		overflow: auto;
	}
	.nav>li{
		float: initial;
		line-height: 50px;
		border-bottom: 1px solid #eee;
	}
	.nav>li>a{
		display: inline-block;
	}
	.menu{
		position: static;
		width: 100%;
		margin-left:0;
	}


}




@media (max-width: 700px){
	.form_box form{
		width: 100% !important;
	}
	.form_box .el-form-item__label{
		width: 150px !important;
	}
	.form_box .el-form-item__content{
		margin-left: 150px !important;
	}
	.form_box .el-input{
		width: 80%;
	}
	.form_box .el-textarea{
		width: 90%;
	}


}