@charset "utf-8";

/* CSS Document */

*{font-family:"微软雅黑";}

body{margin:0px; padding:0px; font-size:14px; font-family:"微软雅黑";}

p,form,h1,h2,h3,h4,dd,dt,dl,em{margin:0px; padding:0px; font-weight: normal;font-style: normal;}

ul{margin:0px; padding:0px; list-style:none;}

img{vertical-align:middle; border:none;max-width: 100%;}

a{text-decoration:none;}

i,em{font-style: normal;/*font-family: 'FontAwesome';*/}

.clear{clear:both;}

.pc{display: block;}

.wap{display: none;}

/*******************************************/

#pages{padding: 30px 0; height: 30px; text-align: center;}

#pages ul{display: inline-block;}

#pages li{float: left; margin: 0 2px; height: 27px; line-height: 27px; color: #333; border: 1px solid #ddd; margin-bottom: 5px; }

#pages a{background-color: #fff; color: #333; background-image: none !important; border: none; padding: 0 10px; display: block;}

#pages a:hover{background-color: #eee; background-image: none !important;}

#pages li span{display: inline-block; padding: 0 10px;}

#pages .disabled span{display: inline-block; padding: 0px 10px;background-color: #eee; color: #333;}

#pages .active{background-color: #345FC5; color: #fff;}

/*******************************************/

.top{

	position: relative;

}

.nav{

	position: absolute; width: 100%; height: 92px; margin: auto; z-index: 9999; background-color: rgba(0,0,0,0.6);

}
.navc{
	width: 1200px; height: 92px; margin: auto;
}

.logo{

	float: left;

}

.dao{

	width: 636px; height: 100%; float: left; margin-left: 65px;

}

.dao li{

	width: 96px; height: 100%; float: left; line-height: 92px; text-align: center; margin-left: 10px;

}

.dao li a{

	display: block; color: #fff;

}

.dao li a:hover{

	background-image: url(../images/navbg.png);

}

.dao .daocur a{

	background-image: url(../images/navbg.png);

}

.ss{

	float: right; width: 210px; height: 32px; background-image: url(../images/ssbg.png); margin-top: 30px;

}

.sstext{

	width: 147px; height: 32px; float: left; padding: 0 10px; background-color: transparent; color: #fff; border: none;

}

.ssbut{

	width: 43px; height: 32px; float: left; background-image: url(../images/butbg.png); border: none; cursor: pointer; background-color: transparent;

}
.sstel{

	float: right; width: 210px; height: 32px; margin-top: 35px; color: #fff; font-size: 18px; font-weight: bold;

}

.sstel span{
	display: block; padding-left: 50px;
}

.m1{

	width: 1200px; height: auto; margin: auto; padding: 100px 0;

}

.tit{

	width: 240px; height: 90px; background-image: url(../images/m1.png); margin: auto; text-align: center; background-repeat: no-repeat; background-position: bottom;

}

.tit h1{

	color: #345FC5; font-size: 30px;

}

.tit p{

	color: #888; font-size: 16px; margin-top: 10px;

}

.gg{

	font-size: 14px; color: #888; line-height: 25px; text-align: justify; width: 810px; margin: auto; padding: 40px 0;

}

.m1c{

	opacity: 0; /*margin-top: 80px;*/

}

.m1c li{

	width: 240px; height: 238px; float: left; text-align: center;

}
.m1c .xpp img{
	height: 80px;
}

.m1c li:nth-child(odd){

	background-color: #F6F6F6;

}

.m1c li p{

	margin-top: 35px;

}

.m1c li h1{

	font-size: 16px; color: #555; margin-top: 20px;

}

.m1c li a{

	display: block; width: 100%; height: 100%;

}

.more{

	text-align: center; margin-top: 80px;

}

.more a{

	display: inline-block; width: 177px; height: 46px; line-height: 46px; text-align: center; color: #fff; font-size: 16px; border-radius: 6px; background-color: #345FC5;

}

.more a:hover{

	background-color: #5D7ECB;

}

.m2{

	background-image: url(../images/b.jpg); background-position:top center; background-repeat: no-repeat; padding: 100px 0;

}

.tit1{

	width: 240px; height: 90px; background-image: url(../images/m1.png); margin: auto; text-align: center; background-repeat: no-repeat; background-position: bottom;

}

.tit1 h1{

	color: #fff; font-size: 30px;

}

.tit1 p{

	color: #888; font-size: 16px; margin-top: 10px;

}

.m2c{

	width: 1200px; height: auto; margin: auto; margin-top: 80px;

}

.m2c1{

	width: 586px; height: 486px; float: left; background-image: url(../images/bx.png); padding: 50px; opacity: 0;

}

.m2c1 h1{

	border-bottom: 1px solid #EDEDED; padding-bottom: 35px;

}

.m2c1 h1 span{

	font-size: 16px; color: #3460C6; border-bottom: 1px solid #3460C6; padding-bottom: 38px; font-weight: bold;

}

.m2c1c{

	color: #888; font-size: 14px; line-height: 25px; padding: 25px 0;

}

.m2cx{

	margin-top: 50px;

}

.m2cx li{

	width: 24%; float: left; border-right: 1px solid #EDEDED; text-align: center;

}

.m2cx li h2{

	color: #555; font-size: 16px; padding-top: 20px;

}

.m2cx li:last-child{

	border: none;

}

.m2c2{

	width: 463px; height: 607px; float: right; background-color: #fff; margin-top: 15px; position: relative; opacity: 0;

}

.m2c2 img{

	width: 100%; height: 100%;

}

.m2c2 a{

	display: block; position: absolute; bottom: 0px; left: 0px; height: 60px; background-color: #3460C6; text-align: center; line-height: 60px; color: #fff; font-size: 16px; width: 100%;

}

.m2c2 a:hover{

	background-color: #5D7ECB;

}

.m4{

	width: 1200px; height: auto; margin: auto;

}

.m4x{

	text-align: center; margin-top: 35px;

}

.m4x ul{

	display: inline-block;

}

.m4x li{

	width: 87px; height: 56px; float: left; margin: 0 15px; text-align: center; line-height: 56px; color: #545454; cursor: pointer;

}

.m4x li:hover{

	color: #345FC5; border-bottom: 2px solid #345FC5;

}

.m4x .m4xcur{

	color: #345FC5; border-bottom: 2px solid #345FC5;

}

.m4x li a{

	color: #545454;

}

.m4x li a:hover{

	color: #345FC5;

}

.m4x .m4xcur a{

	color: #345FC5;

}

.m4c{

	margin-top: 35px; opacity: 0;

}
.m4c ul{
	display: none;
}
.m4c li{

	width: 394px; height: 260px; float: left; margin-left: 9px; margin-top: 9px; position: relative;
	display: flex; justify-content: center; align-items: center;
	overflow: hidden;

}

.m4c li:nth-child(3n+1){

	margin-left: 0px;

}

.m4c li img{

	min-width: 100%; max-width: none; max-height: 100%;

}

.m4c li p{

	position: absolute; width: 100%; height: 50px; bottom: 0px; line-height: 50px; color: #fff; background-color: rgb(0,0,0,0.5); text-align: center; font-size: 15px;

	-webkit-transition: all .5s;   

	-moz-transition: all .5s;   

	-ms-transition: all .5s;   

	-o-transition: all .5s;   

	transition: all .5s;  

}

.m4c li a{

	display: block;
	width: 100%;
	height: 100%;

}

.m4c li:hover p{

	/*display: block;*/

}

.m5{

	height: 552px; background-image: url(../images/bg1.jpg); background-position: center; background-repeat: no-repeat; margin: 100px 0;

}

.m5c{

	width: 1200px; height: 100%; margin: auto;

}

.m5cc{

	width: 50%; height: 100%; float: right; opacity: 0;

}

.m5cc li{

	width: 160px; height: 160px; background-image: url(../images/db.png); background-position: bottom; background-repeat: no-repeat; float: right; text-align: center; margin-left: 130px; margin-top: 70px;

}

.m5cc li h1{

	color: #fff; font-size: 16px; margin-top: 20px;

}

.m5cc li h2{

	color: #ccc; font-size: 16px; margin-top: 20px;

}

.m6{

	width: 1200px; height: auto; margin: auto;

}

.m6c{

	margin-top: 55px; opacity: 0;

}

.m6c1{

	width: 584px; height: auto; float: left;

}

.m6a{

	width: 100%; height: 325px; background-image: url(../images/x1.jpg); background-size: 100% 100%;

}

.m6a a{

	display: block; width: 100%; height: 100%;

}

.m6a span{

	display: inline-block; width: 138px; height: 44px; background-color: rgb(52,95,197,0.8); border-radius: 10px; text-align: center; color: #fff; line-height: 44px; margin-top: 60px; margin-left: 40px;

}

.m6a span img{

	margin-right: 10px;

}

.m6c2{

	width: 584px; height: auto; float: right;

}

.m6b{

	width: 100%; height: 325px; background-image: url(../images/x2.jpg); background-size: 100% 100%;

}

.m6b a{

	display: block; width: 100%; height: 100%;

}

.m6b span{

	display: inline-block; width: 138px; height: 44px; background-color: rgb(52,95,197,0.8); border-radius: 10px; text-align: center; color: #fff; line-height: 44px; margin-top: 60px; margin-left: 40px;

}

.m6b span img{

	margin-right: 10px;

}

.m6x{

	margin-top: 35px; margin-left: 35px; border-left: 1px solid #EDEDED; padding-left: 25px;

}

.m6x li a{

	color: #555; font-size: 14px;

}

.m6x li a:hover{

	color: #345FC5;

}

.m6x li p{

	color: #888; font-size: 12px; margin-top: 20px;

}

.m6x li p img{

	margin-right: 5px; margin-top: -2px;

}

.foot{

	background-color: #2D333D; padding: 60px 0; margin-top: 80px;

}

.ftc{

	width: 1200px; height: auto; margin: auto;

}

.ftc1{

	width: 270px; height: auto; float: left;

}

.ftc1 dt{

	font-size: 14px; font-weight: bold; color: #fff;

}

.ftc1 dd{

	margin-top: 20px;

}

.ftc1 dd a{

	color: #ccc; font-size: 12px;

}

.ftc1 dd a:hover{

	color: #fff; text-decoration: underline;

}

.ftc2{

	width: 458px; border-left: 1px solid #424750; border-right: 1px solid #424750; float: left; text-align: center; height: 260px; padding: 0 100px;

}

.ftc2 h1{

	font-size: 18px; color: #fff; font-weight: bold; padding: 20px 0;

}

.ftc2 h2{

	color: #ccc; font-size: 12px; line-height: 25px;

}

.ftc2 h3{

	font-size: 16px; color: #ccc; font-weight: bold; padding-top: 60px;

}

.ftc2 h4{

	font-size: 24px; color: #ccc; padding-top: 15px;

}

.ftc3{

	width: 170px; height: auto; float: left; padding-left: 100px;

}

.ftc3 img{

	float: left; margin-right: 15px;

}

.ftc31 span{

	display: block;

}

.ftc31 p{

	color: #ccc; font-size: 12px; line-height: 25px; padding-top: 20px;

}

.ftc32{

	margin-top: 60px;

}

.ftc32 span{

	display: block;

}

.ftc32 p{

	color: #ccc; font-size: 12px; line-height: 25px; padding-top: 20px;

}

.di{

	background-color: #222222; text-align: center; font-size: 12px; padding: 20px 0; color: #ccc;

}

.fuwu{

	padding: 100px 0;

}

.fuwuc{

	margin-top: 60px;

}

.fuwuc li{

	height: 337px; background-repeat: no-repeat; background-size: 50% 100%;

}

.fuwuc li:nth-child(odd) .fuwuc0{

	float: left;

}

.fuwuc li:nth-child(even) .fuwuc0{

	float: right;

}
.fuwuc li:nth-child(even) .fuwuc1{

	float: left;

}
.fuwuc li:nth-child(even) h1{

	padding-left: 0px;

}
.fuwuc li:nth-child(even) p{

	padding-left: 0px;

}

.fuwubig{

	width: 1200px; height: 100%; margin: auto;

}
.fuwuc0{
	width: 600px; height: 100%; float: left; overflow: hidden;
}
.fuwuc0 img{
	width: 100%; /*height: 100%;*/
}
.fuwuc1{

	width: 550px; height: 320px; float: right;

}

.fuwuc1 h1{

	font-size:24px; color: #555; font-weight: bold; padding-bottom: 25px; padding-top: 30px;

}
.fuwuc1 a{
	color: #888;
}
.fuwuc1 a:hover{
	color: #345FC5;
}
.fuwuc1 p{

	font-size: 16px; color: #888; line-height: 25px; text-align: justify;

}
.fuwuc1 span{
	display: block; margin-top: 25px;
}
.fuwuc1 span a{
	display: inline-block; height: 30px; padding: 0 30px; border-radius: 5px; line-height: 30px; background-color: #345FC5; color: #fff;
}
.fuwuc1 span a:hover{
	color: #fff;
}
.fuwuc1 label{

	opacity: 0;

}

.fuwuc li:nth-child(even) .fuwuc1{

	float: left;

}

.listcase{

	padding-top: 60px; width: 1200px; height: auto; margin: auto;

}

.nei{

	width: 1200px; height: auto; margin: auto; padding: 70px 0;

}

.weizhi{

	font-size: 14px; color: #888; height: 45px; line-height: 45px; border-bottom: 1px solid #ededed;

}

.weizhi a{

	color: #888; 

}

.weizhi a:hover{

	color: #345FC5;

}

.weizhi img{

	margin-right: 10px;

}

.neicon{

	margin-top: 30px;

}

.left{

	width: 262px; height: auto; float: left; opacity: 0;

}

.left h1{

	background-color: #345FC5; text-align: center; line-height: 106px; height: 106px; font-size: 30px; color: #fff;

}

.left li{

	height: 50px; line-height: 50px; text-align: center; background-color: #F6F6F6; color: #333; margin-top: 10px; font-size: 16px;

}

.left li a{

	display: block; color: #333;

}

.left li a:hover{

	color: #fff; background-color: #345FC5;

}

.left .leftcur a{

	color: #fff; background-color: #345FC5;

}

.right{

	width: 886px; height: auto; border: 1px solid #EDEDED; float: right; opacity: 0;

}

.biao{

	height: 60px; line-height: 60px; border-bottom: 1px solid #ededed; padding-left: 20px; font-size: 20px; color: #345FC5; font-weight: bold;

}

.newslist{

	padding: 20px;

}

.newslist li{

	height: 53px; line-height: 53px; border-bottom: 1px dashed #EDEDED;

}

.newslist li img{

	margin-right: 15px;

}

.newslist li a{

	font-size: 14px; color: #555;

}

.newslist li span{

	float: right; color: #999;

}

.newslist li a:hover{

	color: #345FC5;

}

.con{

	padding: 20px; font-size: 16px; color: #444; line-height: 30px; padding-bottom: 50px;

}

.con img{

	display: block; margin: auto;

}

.con video{

	display: block; margin: 20px auto;

}

.con iframe{

	display: block; margin: 20px auto;

}

.about{

	margin-top: 60px;

}

.ableft{

	width: 436px; height: 400px; float: left; opacity: 0;

}

.ableft img{

	width: 100%; height: 100%;

}

.abright{

	width: 764px; height: auto; float: left; opacity: 0;

}

.abr1{

	margin-left: 70px; margin-top: 50px; color: #345FC5; font-size: 16px; font-weight: bold;

}

.abr2{

	line-height: 25px; font-size: 14px; margin-left: 70px; margin-top: 20px; color: #545454;

}

.abr3{

	height: 274px; margin-top: 64px;

}

.abr3 p{

	height: 100%; float: left; margin-left: 9.5px;

}

.abr3 p:first-child{

	width: 307px;

}

.abr3 p:last-child{

	width: 438px;

}

.abr3 img{

	width: 100%; height: 100%;

}

.ys{

	background-color: #FAFAFA; padding: 80px 0;

}

.ysc{

	width: 1200px; height: auto; margin: auto;

}

.ysc li{

	width: 285px; height: 264px; float: left; margin-left: 20px; background-color: #fff; text-align: center;

}

.ysc li:nth-child(4n+1){

	margin-left: 0px;

}

.yslist{

	margin-top: 60px; opacity: 0;

}

.yslist li img{

	margin-top: 50px;

}

.yslist li h1{

	font-size: 16px; color: #555; padding: 20px 0;

}

.yslist li p{

	width: 150px; margin: auto; font-size: 14px; color: #888; line-height: 25px;

}

.map{

	height: 354px; background-color: #eee; margin-top: 60px;

}

.map iframe{

	height: 354px; width: 100%;

}

.lx{

	opacity: 0;

}

.lx1{

	width: 50%; float: left;

}

.lx1 li{

	height: 64px; margin-top: 35px;

}

.lx1 li img{

	float: left; margin-right: 20px;

}

.lx1 li h1{

	color: #345fc5; font-size: 14px; height: 30px; line-height: 30px;

}

.lx1 li h2{

	color: #555555; font-size: 16px;

}

.lx2{

	width: 512px; float: right; padding-top: 15px;

}

.lx2 p{

	margin-top: 20px;

}

.lytext{

	width: 490px; height: 45px; line-height: 45px; border: 1px solid #ededed; padding: 0 10px; color: #444; font-size: 14px;

}

.lyyu{

	width: 490px; height: 70px; line-height: 20px; border: 1px solid #ededed; padding: 10px; color: #444; font-size: 14px;

}

.lybut{

	width: 148px; height: 50px; line-height: 50px; border: none; cursor: pointer; background-color: #3460C6; color: #fff; font-size: 16px; border-radius: 5px;

}

.ad{

	height: 430px; background-repeat: no-repeat; background-position: center; width: 100%;

}

.search{

	width: 100%; height: auto; border: 1px solid #EDEDED; float: right;

}

.sslist{

	padding: 20px;

}

.sslist li{

	border-bottom: 1px dashed #ccc; padding-bottom: 20px;

}

.sslist li h1{

	padding-bottom: 5px;

}

.sslist li h1 a{

	color: #555; font-size: 16px; font-weight: bold;

}

.sslist li h1 a:hover{

	color: #345fc5;

}

.sslist li p{

	font-size: 14px; color: #666; line-height: 25px;

}

.case1{

	text-align: center; font-size: 18px; padding: 25px 0; color: #345FC5; font-weight: bold; border-bottom: 1px solid #ccc; padding-top: 40px;

}

.case2{

	padding: 20px 0; font-size: 16px; color: #444; line-height: 30px; padding-bottom: 50px;

}

.case2 img{

	display: block; margin: auto;

}

.case2 video{

	display: block; margin: 20px auto; width: 800px; height: 500px; background-color: #000;

}

.case2 embed{

	display: block; margin: 20px auto; width: 800px; height: 500px; background-color: #000;

}

.case2 iframe{

	display: block; margin: 20px auto;

}

.tm{

	padding: 80px 0;

}

.tm{

	width: 1200px; height: auto; margin: auto;

}

.tmlist li{

	width: 267px; height: 360px; float: left; margin-left: 44px; position: relative; margin-top: 40px;

}

.tmlist li:nth-child(4n+1){

	margin-left: 0px;

}

.tmlist label{

	display: block; width: 100%; height: 280px; position: relative; cursor: pointer;

}

.tmlist label img{

	width: 100%; height: 100%;

}

.tmlist label p{

	position: absolute; width: 257px; height: 100%; left: 0px; top: 0px; background-color: rgb(0,0,0,0.5); color: #fff; font-size: 12px; line-height: 25px; padding: 0 5px;

	justify-content: center; align-items: center; display: none;

}

.tmlist label:hover p{

	display: flex;

}

.tmlist li div{

	display: block; width: 100%; height: 152px; background-image: url(../images/z1.png); position: absolute; bottom: 0px; color: #666; cursor: pointer;

}

.tmlist li div:hover{

	background-image: url(../images/z2.png); color: #fff;

}

.tmlist li div h1{

	margin-top: 30px; margin-bottom: 7px; font-size: 18px; font-weight: bold;

}

.tmlist li div p{

	font-size: 16px;

}
.ftc31{
	margin-top: 10px;
}