@charset "utf-8";
/* CSS Document */
/*banner*/
.banner {width: 100%; position: relative;height:600px; margin: 0 auto;background: transparent; /*top:-80px;*/}
.banner .bd { margin: 0 auto;height: 100%;position: relative;z-index: 0;overflow: hidden;}
.banner .bd ul { height: 100%; width: 100%;}
.banner .bd li { height: 100%;overflow: hidden;text-align: center;background-position: center;background-repeat: no-repeat; width: 100%;}
.banner .bd li a {display: block;height: 100%;width: 100%;}
.banner .prev, .banner .next {display: block; position: absolute;top: 50%;margin-top: -30px;left: 15%;z-index: 1;width: 40px; height: 60px;background: url(../images/slider-arrow.png) -126px -137px #000000 no-repeat;cursor: pointer;*filter: alpha(opacity=50);*opacity: .5;display: none;}
.banner .next {left: auto;right: 15%;background-position: -6px -137px;}

/*lun*/
.odlr{background: #fff;padding-top: 50px;}
.fn_box{height: 220px;width:1200px;margin:0 auto;}
.fn_box ul{}
.fn_box ul li{ float:left; width:200px; height:180px; margin:0 50px;}
.fn_box ul li img{ display:block; margin:0 auto;}
.fn_box ul li h3{ font-size:18px; font-weight:normal; text-align:center; padding:14px 0 10px 0;}
.fn_box ul li p{ text-align:center; color:#6d6d6d;}

/*ban*/
.jide{ height:444px; background:url(../images/05.jpg) no-repeat center;}
.dols{width:1200px;height:444px;margin:0 auto;}
.olse{ width:544px; float:left; margin-left:44px;}
.olse h3{ font-weight:normal; font-size:18px; color:#169ce1; background:#fff; margin:0 auto; width:170px; height:30px; line-height:30px; text-align:center; margin-top:130px;}
.olse p{ font-size:28px; color:#fff; text-align:center; padding:20px 0 8px 0;}
.olse p i{ color:#36B1F5;}
.olse b{ font-weight:normal; color:#b4e3fd; text-align:center;}

/*cp*/
.cpzx{ height:auto; margin:0 auto; width:1200px;}
.cpzx h3{ font-size:34px; font-weight:normal; text-align:center;margin-bottom:30px; }
.cpzx h3 a{ color:#009ff1; display:block;padding:48px 0 8px 0;}
.cpzx h3 i{font-size:14px; text-align:center; display:block; font-size:18px; color:#555;}
.cpzx h3 b{ font-size:14px; color:#999; font-weight:normal; display:block; text-transform:uppercase; padding-top:8px;}
.zodk{ width:1200px; margin-bottom:9px; height:392px; }
.cpzc{ float:left; width:300px; height:392px; background:#6fa4f3;}
.cpzc img{ display:block; margin:80px auto 105px auto;}
.cpzc h4{ font-weight:normal; text-align:center; font-size:20px;}
.cpzc h4 a{color:#fff;}
.cpzc p{ font-size:14px; margin-top:17px; color:#fffefe;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; text-align:center;}


.cpzc_02{float:left;width:300px;height:392px;background: #37abf8;}
.cpzc_02 img{ display:block; margin:80px auto 105px auto;}
.cpzc_02 h4{ font-weight:normal; text-align:center; font-size:20px;}
.cpzc_02 h4 a{color:#fff;}
.cpzc_02 p{ font-size:14px; margin-top:17px; color:#fffefe;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; text-align:center;}

.cpzc_03{float:left;width:300px;height:392px;background: #2eaeb7;}
.cpzc_03 img{ display:block; margin:80px auto 105px auto;}
.cpzc_03 h4{ font-weight:normal; text-align:center; font-size:20px;}
.cpzc_03 h4 a{color:#fff;}
.cpzc_03 p{ font-size:14px; margin-top:17px; color:#fffefe;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; text-align:center;}


.zodk ul{}
.zodk ul li{ float:left; background:#fff; width:292px; height:392px; margin-left:8px;}
.zodk ul li div{display:block;overflow:hidden;width:250px;height:190px;margin: 0 auto;margin-top:  40px;}
.zodk ul li img{width:250px;height:190px;display:block;-ms-transition: all .2s;transition: all .2s;overflow: hidden;object-fit: cover;margin:0 auto;}
.zodk ul li:hover img{ transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); /* IE 9 */-moz-transform: scale(1.1, 1.1);/* Firefox */ -webkit-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);}
.zodk ul li h4{ font-weight:normal; font-size:18px; text-align:center;}
.zodk ul li h4 a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; padding:32px 0 10px 0;}
.zodk ul li p{ font-size:14px; color:#666; text-align:center;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.zodk ul li i{ color:#cb1414; text-align:center;font-size:18px;font-weight: bold; display:block; margin-top:16px;}
.zodk ul li b{font-size:20px; font-weight:normal;}

/*bn2*/
.cisl{ height:474px; background:url(../images/06.jpg) no-repeat center;}
.oslw{width:1200px;height:474px;margin: 78px auto;}
.vpls{ width:414px; float:right;}
.vpls i{font-size:18px;color:#fff;margin: 154px 0 20px 0;display: block;}
.vpls p{ font-size:36px; color:#fff;}
.vpls ul{ margin-top:20px; color:#ccc;}
.vpls ul li{font-size:18px;color:#fff;float:left;padding-right:12px;margin-right: 0px;}
.vpls em{width:172px;height:38px;line-height:38px;text-align:center;font-size:18px;background:#36B1F5;border-radius:20px;display:block;clear: both;margin-top: 80px;}
.vpls em a{ color:#fff;}

/*cp2*/
.zodkk{ width:1200px; margin-bottom:9px; height:360px; }
.cpzc_1{float: left;width:300px;height:360px;position:relative;overflow:hidden;}
.cpzc_1 .qiaj{ display:block; width:300px; height:360px;}
.cpzc_1 span{ display:block;opacity:0.8; position:absolute; left:0; top:360px; overflow:hidden; background:#333; width:300px; height:360px;transition:all .3s ease-out;}
.cpzc_1 span img{ width:30px; height:30px; padding-top:84px; display:block; margin:0 auto; padding-bottom:104px;}
.cpzc_1 h4{ font-weight:normal; text-align:center; font-size:20px;}
.cpzc_1 h4 a{color:#fff;}
.cpzc_1 p{ font-size:14px; margin-top:10px; color:#fffefe;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;}
.cpzc_1:hover span{ top:0px; }
.cpzc_1 i{color:#cb1414;text-align:center;font-size:14px;display:block;margin-top: 12px;}
.cpzc_1 b{font-size:20px; font-weight:normal;}

.zodkk ul{}
.zodkk ul li{float:left;background:#fff;width:292px;height:360px;margin: 0 4px;}
.zodkk ul li div{display:block;overflow:hidden;width:250px;height:180px;margin: 0 auto;margin-top:  40px;}
.zodkk ul li img{width:250px;height: 180px;display:block;-ms-transition: all .2s;transition: all .2s;overflow: hidden;object-fit: cover;margin:0 auto;}
.zodkk ul li:hover img{ transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); /* IE 9 */-moz-transform: scale(1.1, 1.1);/* Firefox */ -webkit-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);}
.zodkk ul li h4{ font-weight:normal; font-size:18px; text-align:center;}
.zodkk ul li h4 a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:24px 0 12px 0;}
.zodkk ul li p{ font-size:14px; color:#666; text-align:center;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.zodkk ul li i{color:#cb1414;text-align:center;font-size:18px;font-weight: bold;display:block;margin-top: 12px;}
.zodkk ul li b{font-size:20px; font-weight:normal;}

/*案例*/
.alzx{height:1010px; margin:0 auto;background:url(../images/ewm_dbg.jpg) no-repeat center;}
.ert{ width:1200px; height:1010px; margin:0 auto; margin-top:80px;}
.ert h3{ font-size:34px; font-weight:normal; text-align:center;margin-bottom:30px; }
.ert h3 a{ color:#fff; display:block;padding:48px 0 8px 0;}
.ert h3 i{font-size:14px; text-align:center; display:block; font-size:18px; color:#ccc;}
.ert h3 b{ font-size:14px; color:#ccc; font-weight:normal; display:block; text-transform:uppercase; padding-top:8px;}
.ert em{width:172px;height:38px;line-height:38px;text-align:center;font-size:18px;background:#36B1F5;margin:0 auto;border-radius:20px;display:block;clear: both;margin-top: 56px;}
.ert em a{ color:#fff;}

.alzx .case {
	width: 1200px;
	margin-top:  46px;
	margin-bottom:  56px;
	height: 644px;
}
.alzx .hd ul {
	height: 38px;
	line-height: 38px;
	margin-bottom: 50px;
}
.alzx .hd ul li {
	float:left;
	height: 38px;
	font-size: 16px;
	line-height: 36px;
	width: 172px;
	border-radius: 20px;
	text-align: center;
	margin: 0 14px;
}
.alzx .hd ul li a {
	color: #c4c3c3;
	display: block;
	line-height: 38px;
	height: 38px;
	width: 172px;
}
.alzx .hd .on a {
	display:block;
	background: #36B1F5;
	color: #fff;
	height: 38px;
	line-height: 38px;
	width: 172px;
	border-radius: 20px;
}
.alzx .bd ul {

}
.alzx .bd ul li {
	width: 394px;
	height: 276px;
	margin-bottom: 6px;
	float:left;
	position: relative;
	overflow: hidden;
	margin-right: 6px;
}
.alzx .bd ul li:nth-child(3n+1) {margin-left:0;}
.alzx .bd ul li p a {
	color: #fff;
	display: block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.alzx .bd ul li:hover p a {
	display:block;
	color:#fff;
	background:#8fd724;
}
.alzx .bd ul li:hover div {
	display:block;
	top:0px;
}
.alzx ul li div {
	line-height: 34px;
	display:block;
	width: 396px;
	height: 276px;
	background:#333;
	overflow:hidden;
	position:absolute;
	left:0;
	top: 276px;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	opacity:0.8;
	padding-top: 10px;
	padding-bottom:  10px;
}
.case ul li div h5 {
	text-align:center;
	font-size: 20px;
	font-weight:normal;
}
.case ul li:hover div h5 {
	padding-top: 22px;
}
.case ul li div span {
	display:block;
	width: 376px;
	height: 256px;
	margin:0 auto;
}
.case ul li:hover div span {
	border:1px solid #fff;
}

.case ul li div h5 a {
	color: #c4c4c4;
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.case ul li div p {
	color:#fff;
	line-height:28px;
	text-align:center;
	margin:0 auto;
	width: 320px;
	height:56px;
	overflow:hidden;
	margin-top: 10px;
}
.case .bd ul li .olsef {
	width: 394px;
	height: 276px;
	display:block;
}
.case .bd ul li i {
	display:block;
	margin:0 auto;
	width: 70px;
	height: 70px;
	margin-top: 85px;
}

/*优势*/
.ys_dbg{height:auto;width:1200px; margin:0 auto;}
.ys_dbg h3{font-size:34px;font-weight:normal;text-align:center;}
.ys_dbg h3 a{ color:#009ff1; display:block;padding:48px 0 8px 0;}
.ys_dbg h3 i{font-size:14px; text-align:center; display:block; font-size:18px; color:#555;}
.ys_dbg h3 b{ font-size:14px; color:#999; font-weight:normal; display:block; text-transform:uppercase; padding-top:8px;}

.ys_dbg .yscenter {
	width: 1200px;
	margin-top: 30px;
	margin-bottom: 24px;
	height: 510px;
	position: relative;
}
.ys_dbg .hd ul {
	height: 72px;
	line-height: 72px;
	margin-bottom: 50px;
	background: #ebebeb;
}
.ys_dbg .hd ul li {
	float:left;
	height: 50px;
	font-size: 18px;
	line-height: 50px;
	width: 212px;
	border-radius: 20px;
	text-align: center;
	margin: 0 14px;
	margin-top:  12px;
}
.ys_dbg .hd ul li a {
	color: #666;
	display: block;
	line-height: 50px;
	height: 50px;
	width: 212px;
}
.ys_dbg .hd .on a {
	display:block;
	background: #36B1F5;
	color: #fff;
	height: 50px;
	line-height: 50px;
	width: 212px;
	border-radius: 16px;
}
.ys_dbg .bd ul {

}
.ys_dbg .bd ul li {
	width: 1200px;
	height: 386px;
	float:left;
	overflow: hidden;
	margin-right: 6px;
}
.ys_dbg .bd ul li p a {
	color: #fff;
	display: block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.ys_dbg ul li div {
	line-height: 34px;
	display:block;
	width:566px;
	height:50px;
	float: right;
	}
.yscenter ul li div h5{font-size: 20px;font-weight:normal;margin-top:  48px;}
.yscenter ul li div h5 a {color: #c4c4c4;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.yscenter .bd ul li .olseff{ float:left;width:552px; border:10px solid #fff;height: 366px;display:block;}
.yscenter .bd ul li p{color:#666;font-size:15px;line-height:36px;margin-top:  14px;}
.yscenter .bd ul li em{    width: 172px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 18px;
    background: #36B1F5;
    border-radius: 20px;
    display: block;
    clear: both;
    margin-top: 90px;
    float: right;
    z-index: 34;
    position: absolute;
    right: 0;}
.yscenter .bd ul li em a{ color:#fff;}
.ospw{position:absolute;left: 626px;top: 416px;}
.ospw a{background:url(../images/links_tag.jpg) no-repeat 0 0;width:60px;height:40px;display:block;float:left;margin-left:20px;}
.ospw a.next{background: url(../images/links_tag.jpg) no-repeat right 0;float: right;margin-right: 360px;}

/*bn3*/
.oslw_03{width:1200px;height:224px;margin: 0px auto;background:url(../images/end_tag.jpg) no-repeat center;margin-bottom:  50px;}
.vpls_03{ width:526px; float:right;}
.vpls_03 i{font-size:14px;color:#ccc;width:108px;height:22px;line-height:22px;text-align:center;border:1px solid #ccc;border-radius:6px;display: block;margin-top:  30px;}
.vpls_03 p{font-size:26px;color:#3698f1;padding-top:  12px;}
.vpls_03 ul{margin-top: 12px;color:#ccc;}
.vpls_03 ul li{font-size:14px;color:#d0d0d0;float:left;padding-right:12px;margin-right: 0px;}
.vpls_03 em{width:172px;height:38px;line-height:38px;text-align:center;font-size:18px;background:#36B1F5;border-radius:20px;display:block;clear: both;margin-top: 56px;}
.vpls_03 em a{ color:#fff;}

/*jj*/
.odle{height:712px;background:url(../images/dd.jpg) no-repeat center;}
.about{width:1200px;height:712px;margin:0px auto;}
.bao_left{ width:720px; float:left;}
.bao_left i{ font-family:"宋体"; font-size:48px; display:block; color:#fdfbfb; margin-top:130px;}
.bao_left p{color:#fdfbfb;height:204px;line-height:34px; overflow:hidden; margin-top:18px;}
.ekss{font-size:18px; float:right;width:172px;height:38px;line-height:38px;text-align:center; border-radius:20px; background:#36B1F5; margin-top:14px;}
.ekss a{color:#fff;}
.bao_right{ width:386px; height:386px; display:block; overflow:hidden; float:right;/* border-radius:50%;*/ border:3px solid #fff; margin-top:116px;}
.bao_right img{ display:block; transition:transform 2s; width:386px; height:386px;}
/*.bao_right:hover img{transform: rotateZ(360deg);}*/
.odle h3{ font-size:36px; font-weight:normal; color:#36b1f5; clear:both; text-align:center; padding-top:62px;}
.odle b{ font-size:21px; font-weight:normal; color:#dfdfdf; text-align:center; display:block; padding-top:14px;}

/*sz*/
.osl{ background:url(../images/dbl.jpg) no-repeat center; height:181px;}
.osl ul{ width:1200px; margin:0 auto;}
.osl ul li{ float:left; margin:0 22px; font-size:86px; color:#fff; width:195px; text-align:center; margin-top:17px;}
.osl ul li p{ font-size:18px; text-align:center; color:#e6e6e6;}

/*新闻*/
.xwzc{width:1200px;height:auto;margin:0px auto;}
.xwzc h3{ font-size:34px; font-weight:normal; text-align:center;margin-bottom:30px; }
.xwzc h3 a{ color:#009ff1; display:block;padding:48px 0 8px 0;}
.xwzc h3 i{font-size:14px; text-align:center; display:block; font-size:18px; color:#555;}
.xwzc h3 b{ font-size:14px; color:#999; font-weight:normal; display:block; text-transform:uppercase; padding-top:8px;}
.new_lefy{width:576px;float:left;height: auto;padding-bottom: 30px;position: relative;}
.new_lefy span{display:block;height:44px;border-bottom:1px solid #ccc;width:576px;line-height:36px;margin-bottom:  14px;}
.new_lefy span h4{ font-size:18px; font-weight:normal; background:url(../images/d.jpg) no-repeat left; padding-left:44px;}


.new_lefy .hd{position: absolute;right:0px;top: 230px;z-index:1;}
.new_lefy .hd a{background: url(../images/team_jt.png) no-repeat 0 0;width: 77px;height: 40px;display: block;float: left;margin-right: 350px;}
.new_lefy .hd a.next{background: url(../images/team_jt.png) no-repeat right 0;margin-right: 38px;}

.new_lefy li{width: 576px;height: 404px;text-align: center;float: left;position: relative;}
.new_lefy li .pic{width: 576px;height: 404px;transition: all 0.2s;}
.new_lefy li .pic img{width: 576px;height: 404px;}
.new_lefy li:hover .pic{opacity: 0.5;}
.new_lefy li .info{height: 50px;line-height: 50px;display: block;overflow: hidden;background: #333;text-align: center;position: absolute;left: 0;bottom: 0;width: 576px;opacity: 0.8;}
.new_lefy li .info a{font-size: 16px;color: #fff;}
.new_lefy .bd{height:404px;display: block;overflow: hidden;}
.new_right{ float:right; width:590px; height:auto;}

.new_right .nee{width: 590px;border-bottom: 1px solid #ccc;line-height: 44px;height: 44px;}
.new_right .nee .hd{margin-bottom: 30px;height: 44px;}
.new_right .hd ul{width: 552px;float: left;height: 30px;margin-top: 10px;}
.new_right .hd ul li{float: left;font-size: 18px;text-align:center;color: #fff;margin-left: 1px;}
.new_right .hd ul li a{color: #333;display: block;border-right: 1px solid #ccc;padding: 0 20px;height: 20px;line-height: 20px;}
.new_right .hd .on a{display:block;color: #dbb312;}
.new_right .hd img{float:left;display:block;width: 30px;height:26px;padding: 8px 0 0 0;}
.new_right .bd ul{ }
.new_right .bd ul li{height: 122px;margin-bottom: 11px;}
.new_right .bd ul li span{width:370px; height:122px; float:right; }
.new_right .bd ul li span h4{font-size:16px;font-weight:normal;line-height: 36px;}
.new_right .bd ul li span p{ font-size:14px; line-height:24px; color:#666; height:48px; overflow:hidden;}
.new_right .bd ul li span i{ color:#3f3f3f;}
.new_right .bd ul li div{ width:190px; height:122px; display:block; overflow:hidden; float:left;}
.new_right .bd ul li img{ width:190px; height:122px; display:block; -ms-transition: all .2s;transition: all .2s;overflow: hidden; object-fit: cover;}
.new_right .bd ul li:hover img{ transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); /* IE 9 */-moz-transform: scale(1.1, 1.1);/* Firefox */ -webkit-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);}