*{margin:0;padding:0}
/*header*/
.head{ width: 100%;}
.head_all{ width: 1200px; margin: 0 auto}
a{ text-decoration:none; color:#454545; border:0px;  font-family: "??????????????????"; }
img{ border:0px;}
a:hover{ text-decoration:none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:active {text-decoration: none;}
ul{margin:0px; padding:0px; }
li{  list-style:none; text-decoration:none;}
.li{background-color:#e48a29;}
.clear{clear:both;}
.left{ float:left;height:86px;}
.right{ float:right;}
.top{ width: 100%; height: 30px;  background-color: #f0f0f0}
.top_all{ width: 1200px; margin: 0 auto;}
.top_left{ float: left; padding-top: 4px;}
.top_cen{ float: right; padding-top: 2px;}
.top_right{ float: right; padding-top: 2px; overflow: hidden}
.head{ width: 100%;}
.head_all{ width: 1200px; margin: 0 auto}
.left{ width: 488px;  float:left;}
.tel{ width:198px;float: right ; padding-top: 10px;}
.right{ width:99px; float: right; padding-top: 10px; padding-left: 12px;}
.nav{ width: 100%;  height: 45px;background-color:#0d62bd;  }
.nav_all{ width: 1200px; margin: 0 auto}
.nav_all ul li{line-height:46px; float: left ;}
.nav_all li a{ font-size: 18px;  color: #fff; padding: 0 40px 0 40px;}
/*shengchan*/
body, td, th {
    font-size: 14px;
}
table{margin:0 auto;}
.bjhengxian{
	background-image: url(../images/huisebj.png);
	background-repeat: repeat-x;

	}
	.biaotihong {
    font-size: 24px;
    color: #666666;
}
p{
	line-height:180%;}
/*product*/
.row-a2 .col-r {
    margin-left: 260px;
    float: none;
}

.row-a2{
	overflow: hidden;
	padding: 5px 0;
	overflow: hidden;
}
.row-a2 .col-l{
	width: 240px;
	float:  left;
}
.row-a2 .col-r{
	margin-left: 260px;
	float: none;
	height: 570px;
}
.snv-index{
	position: relative;
}
.snv-index h3{
	font-size: 30px;
	height: 84px;
	line-height: 84px;
	text-align: center;
	background: url(../images/bj1.jpg) no-repeat;
	color: #fff;
}
.snv-index ul{
	background-color: #f3f3f3;
	padding: 10px 5px;
}
.snv-index ul li{
	margin-bottom: 14px;
	background-color: #fff;
}
.snv-index ul li > a{
	display: block;
	padding: 0 17px;
	height: 43px;
	line-height: 20px;
	color: #000;
	font-size: 15px;
}
.snv-index ul li > a:hover{
	color: #fff;
	background-color: #0d62be;
}
.snv-index ul li > a > span{
	display: block;
	background: url(../images/icon3.png) right center no-repeat;
	-o-background-size: 17px auto;
	-ms-background-size: 17px auto;
	-moz-background-size: 17px auto;
	-webkit-background-size: 17px auto;
	background-size: 17px auto;
}

.m-sub01{
	display: none;
	border-top: 1px solid #eee;
}
.m-sub01 dd a{
	display: block;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	padding: 0 50px;
	border-bottom: 1px solid #eee;
}
.m-sub01 dd a:hover{
	color: #0d62be;
}
.m-tel01{
	background-color: #0d62be;
	padding: 15px;
	color: #fff;
}
.m-tel01 p{
	background-color: #f0831e;
	padding: 0 44px;
	font-size: 16px;
	height: 28px;
	line-height: 28px;
}
.m-tel01 p span{
	padding-left: 26px;
	background: url(../images/icon2.png) left center no-repeat;
	-o-background-size: 16px auto;
	-ms-background-size: 16px auto;
	-moz-background-size: 16px auto;
	-webkit-background-size: 16px auto;
	background-size: 16px auto;
}
.m-tel01 strong{
	display: block;
	margin: 6px 0;
	text-align: center;
	font-size: 24px;
}
.ul-imgtxt01{
	overflow: hidden;
	margin: 0 -9px;
}
.ul-imgtxt01 li{
	float: left;
	width: 31.4%;
	padding: 0px 9px;
	margin-bottom: 32px;
}
.ul-imgtxt01 li .pic{
	overflow: hidden;
	position: relative;
	height: 0;
	padding-top: 68%;
	border: 1px solid #ebeaea;
}
.ul-imgtxt01 li .pic img{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}
.ul-imgtxt01 li .pic .bj{
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	transition: .8s;
	-ms-transition: .8s;
	-moz-transition: .8s;
	-webkit-transition: .8s;
	-o-transition: .8s;
}
.ul-imgtxt01 li:hover .pic .bj{
	top: 0;
}
.ul-imgtxt01 li .pic .more{
	position: absolute;
	top: 50%;
	margin-top: -16px;
	right: 100%;
	display: block;
	width: 100%;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	transition: .8s;
	-ms-transition: .8s;
	-moz-transition: .8s;
	-webkit-transition: .8s;
	-o-transition: .8s;
}
.ul-imgtxt01 li:hover .pic .more{
	right: 0;
}
.ul-imgtxt01 li h3 a{
	display: block;
	font-weight: 400;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #000;
	font-size: 15px;
	background-color: #f3f3f3;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.ul-imgtxt01 li h3 a:hover{
	color: #0d62be;
}
.wp{width: 100%;max-width: 1200px;margin: 0 auto;}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
/*youshi*/
.advantage_con {
    width: 1220px;
    margin: 0 auto;
}
.advantage_con>li {
    width: 580px;
    height: 370px;
    float: left;
    position: relative;
    margin-right: 33px;
    margin-bottom: 20px;
    overflow: hidden;
    margin-left: 10px;
}
.advantage_con>li .li1 {
    display: block;
    width: 580px;
    height: 160px;
    border-bottom: 1px dashed #DDD;
    margin-bottom: 29px;
}
.advantage_con>li .li1 .li1_top {
    padding-left: 80px;
    height: 64px;
    background: url(../images/advantage_num.png) no-repeat left center;
    position: relative;
    overflow: hidden;
}
.advantage_con>li .li1 .li1_top b {
    display: block;
    font-size: 22px;
    color: #f2960d;
    font-weight: 400;
    line-height: 30px;
    margin-top: 7px;
}
.advantage_con>li .li1 .li1_top span {
    display: block;
    font-size: 14px;
    color: #9c9c9c;
    line-height: 30px;
    text-transform: uppercase;
}
.advantage_con>li .li1 .li1_top i {
    display: block;
    width: 64px;
    height: 64px;
    text-align: center;
    line-height: 64px;
    font-size: 18px;
    color: #FFF;
    position: absolute;
    top: 0px;
    left: 0px;
}
.advantage_con>li .li1 .li1_con {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    margin-top: 20px;
}
#li1_con1{margin-top: 3px;}
/*case*/
.tem_inner,.met_section{position:relative;margin:0 auto;margin:0 auto;width:1100px;}
@media(min-width:1000px){.tem_inner{padding:0;width:1000px;}
}
@media(min-width:1200px){.tem_inner,.met_section{padding:0;width:1100px;}
}
@media(min-width:1800px){.tem_inner,.met_section{padding:0;width:70%;}
}
.albumblock{
	padding:10px 7px 10px 6px;
	float:left;
	}
 .albumblock .inner{
	width:280px;
	height:280px;
	/* position:relative; */
	border:1px solid #DEDEDC;
	/* overflow:hidden; */
	margin-left: 11px;
	}
.imgs{height: 20px;
    text-align: center;}
.imgs span{
	color:#222;
}
.albumblock .inner img{
	/* border:2px solid #fff; */
	width:280px;
	height:280px;
	}	
.albumtitle{margin-top:5px;}
 .albumblock .inner .albumtitle{
	height:50px;
	line-height:50px;
	font-size:14px;
	width:300px;
	position:relative;
	bottom:0px;
	left:0;
	color:#0458b4;
	font-weight:; 
	text-align:center;
	cursor:pointer;
	margin:auto;
	overflow:hidden;}
 .albumblock .inner .albumtitle span{
	font-weight:normal;
	font-size:14px;}	

 .albumblock .inner  a{
	color: #000000;
}
 .albumblock .inner  a:hover{
	text-decoration:none;}
 .albumblock .inner  a:visited{
	text-decoration:none;}	
	
 .albumblock .inner:hover{
	border:1px solid #0458b4;}	
	
.albumblock1{
	width:100%;
	height:680px;
	background-color:#f1f1f1;
		}
/*about*/
.con{width:1200px; margin:0 auto;}
.sy_bt h3 {
    font-size: 32px;
    margin-top: 10px;: 10px;
}
.sy_ab{width:100%; background:url(../images/sys003.jpg) no-repeat top center; background-color: #d7d7d7; padding:60px 0 50px; overflow:hidden;}
.sy_ab .sy_bt h3{color:#fff;}
.sy_ab .sy_bt p{color:#ccc;}
.sy_ab .ab{width:1200px; margin:0 auto; font-size:14px; line-height:32px; color:#ccc;}
.sy_ab .ab .wz{width:600px; float:left;}
.sy_ab .ab .sp{width:550px; height:300px; background-color:#fff; float:right;}
.sy_ab .ys{width:1200px; margin:50px auto 0; font-size:14px; line-height:28px;}
.sy_ab .ys ul{width:1232px;}
.sy_ab .ys ul li{width: 238px;border-top:5px solid #3f78bd;padding: 60px 19px;margin-right:32px;background-color:#eee;float:left;display:block;text-align:center;}
.sy_ab .ys h3{text-transform:uppercase; font-size:18px; margin:10px 0;}
.sy_ab .ys p{font-size:14px; line-height:26px; color:#888;}
.sy_ab{width:100%; background:url(../images/sys003.jpg) no-repeat top center; background-color: #d7d7d7; padding:60px 0 50px; overflow:hidden;}
.sy_ab .sy_bt h3{color:#fff;}
.sy_ab .sy_bt p{color:#ccc;}
.sy_ab .ab{width:1200px; margin:0 auto; font-size:14px; line-height:32px; color:#ccc;}
.sy_ab .ab .wz{width:600px; float:left;}
.sy_ab .ab .sp{width:550px; height:300px; background-color:#fff; float:right;}
.sy_bt{width:100%;overflow:hidden;text-align:center;margin-bottom:50px;font-weight: bold;}
.sy_bt h3{font-size:32px; margin-bottom:10px;}
.sy_bt p{font-size: 16px;color:#999;}
.sy_bt span{margin:10px auto; width:150px; border-bottom:1px solid #eee; border-top:1px solid #ccc; display:block;}
h3 {
    list-style: none;
    font-weight: normal;
}
/*news*/
.ne{background-color: #f0f0f0;width:100%;height: 450px;}
.sy_xw{padding:50px 0; overflow:hidden;}
.sy_xw h1{font-size:30px; margin-bottom:20px;font-weight: 100;}
.sy_xw .news{width:760px; float:left;}
.sy_xw .news .tw{width:320px; float:left;}
.sy_xw .news .tw .tp{width:320px; margin-bottom:6px;}


.sy_xw .news .tw .tp img{width:100%; height:auto; display:block;}
.sy_xw .news .tw .wz h3{font-size:14px; font-weight:bold; margin-bottom:6px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sy_xw .news .tw .wz p{line-height:22px; margin-bottom:6px;}
.sy_xw .news .tw .wz a.mr{width:80px; height:24px; border:1px solid #d7d7d7; background-color:#f9f9f9; line-height:24px; text-align:center; display:block; transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}
.sy_xw .news .tw:hover .wz a.mr{background-color:#3f78bd; border:1px solid #3f78bd; color:#fff;}
.sy_xw .news .lb{width:420px; float:right;}
.sy_xw .news .lb ul li{width:410px; padding:10px 10px 10px 0; margin-bottom:20px; background-color:#f9f9f9; float:left; display:block;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}
.sy_xw .news .lb .rq{width:70px; font-size:22px; line-height:40px; text-align:center; float:left; border-right:1px solid #fff;}
.sy_xw .news .lb .rq span{display:block; font-size:14px; line-height:20px;}
.sy_xw .news .lb .wz{width:330px; float:right;}
.sy_xw .news .lb .wz h3{font-size:14px; font-weight:bold; margin-bottom:6px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sy_xw .news .lb .wz p{line-height:20px;}
.sy_xw .news .lb ul li:hover{background-color:#3f78bd;}
.sy_xw .news .lb ul li:hover a{color:#fff;}
.sy_xw .wd{width:400px; float:right;}
.sy_xw .wd .w_t{overflow:hidden;margin-bottom: 45px;}
.sy_xw .wd .w_t span.jt{width:40px; height:40px; background:#aaa url(../images/xj.png) no-repeat center; float:left;}
.sy_xw .wd .w_t.on span.jt{background:#3f78bd url(../images/xj.png) no-repeat center;}
.sy_xw .wd .w_t span.t_m{width:340px; height:40px; padding:0 10px; font-size:14px; font-weight:bold; line-height:40px; background-color:#f9f9f9; float:right; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; cursor:pointer;}
.sy_xw .wd .w_t span.t_m a{ font-size:14px; font-weight:bold;}
.sy_xw .wd .w_t .h_d{padding:16px 0; font-size:14px; line-height:24px; display:none;}
.sy_xw .wd .w_t.on .h_d{display:block;}
/*footer*/
.footer{width:100%; padding:30px 0 0; background-color:#2b2b2b; text-align:center; overflow:hidden;}
.footer .dh{width:700px; border-top:1px solid #888; margin:20px auto 30px; line-height:40px;}
.footer .dh a{color:#aaa;}
.footer .dh a:hover{color:#3f78bd;}
.footer .dh span{color:#888; padding:0 20px;}
.footer .fx{width:445px;margin:0 auto 15px;}
.footer .fx a{display:block; border:2px solid #ccc; border-radius:100%; width:45px; height:45px; margin:0 20px; float:left;}
.footer .fx a:hover{border:2px solid #fff;}
.footer .fx img{width:100%;height:auto;display:block;}
.footer .bq{width:100%; padding:10px 0; background-color:#111; color:#aaa; line-height:26px; overflow:hidden;}
.footer .bq a{ background-color:#111; color:#aaa;}
.con{width:1200px; margin:0 auto;}