body{font-family:"Microsoft Yahei";overflow-x:hidden;background: #fdfefe}
a{text-decoration: none;}
a:hover{text-decoration: none;}
em,i{font-style: normal;}


/**/
.banner{position: relative;}
.banner li{width: 100%;}
.banner li img{display: block;width: 100%;}
.banner .content{position: relative;}
.ban_pg{position: absolute;left: 0;bottom: 99px;height:10px;z-index: 10;width: 100%;text-align: center;}
.ban_pg i{display: inline-block;width: 15px;height: 15px;background: #eee;border-radius: 100%;margin: 0 10px;vertical-align: top; cursor: pointer;}
.ban_pg i.on{background: #2174c2;}


.banner .prev{position:absolute;top:45%;left:1.5%;z-index: 995;cursor: pointer;transition: all .25s linear;opacity:0;}
.banner .next{position:absolute;top:45%;right:1.5%;z-index: 995;cursor: pointer;transition: all .25s linear;opacity:0;}
.banner em{text-align: center;width: 60px; height: 60px;border-radius: 50%;background: rgba(33,116,194,0.95);}
.banner em img{height: 30px;display: inline-block;margin-top: 15px;}

.banner:hover  .prev{opacity: 1;left: 4%; z-index:995;}
.banner:hover .next{opacity: 1;right: 4%;z-index:995;}
/**/
@font-face {
    font-family:'wrjz';
    src: url('../font/wrjz.eot');
    src:url("../font/wrjz.ttf");
}
/**/
h2{ text-align: center; line-height: 100%; padding-top: 99px; font-size: 20px; color: #333333; padding-bottom: 50px;}
h2 a{ color: #333333; display: inline-block; line-height: 100%;}
h2 i{ display: block; font-size: 48px; line-height: 100%;}
h2 span{ display: block; font-size: 20px; line-height: 100%;font-weight: normal; padding-top: 12px; padding-bottom: 26px;position: relative;}
h2 span:before{display: inline-block;width:26px;height: 2px;background: #333;content: "";position: absolute;bottom:0;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1); left: 49.65%;opacity: 1;}
h2 span:hover:before{  width:117px;opacity: 1;}


.yz_c{height:750px;overflow: hidden;position: relative;background: url(../image/tils.png) no-repeat center 0;margin-top: -69px;}
.yz_c ul{ overflow: hidden; height: 191px; line-height: 100%; font-size: 20px; color: #333333; padding-left: 65px;}
.yz_c li{float:left;font-family: Arial;font-weight: bold; margin-right:197px;}
.yz_c li:last-of-type{ margin-right: 0;}
.yz_c li p{font-size:48px;color: #1b1b1b;line-height:100%;}
.yz_c li p em{font-size:56px;color: #333333;display: inline-block;font-family:'wrjz';font-weight: normal;}
.yz_c li p i{display: inline-block;vertical-align:6px;font-size: 20px;line-height: 32px;color: #fff; height: 32px; padding: 0 7px; background: #055daf; border-radius: 32px;font-weight: normal;}
.yz_c li span{display: block;font-weight: normal; padding-top: 34px; padding-bottom: 12px;}
.yz_c li:last-of-type p i{ padding: 0; width: 32px; text-align: center; font-size: 30px;}
.yz_c li:hover p em,.yz_c li:hover p{color: #055daf;}
/*.yz_c li:hover strong img{animation-duration:3s;animation-name:flipInY;}*/

.yz_c dl{ overflow: hidden;padding-top: 50px;}
.yz_c dl dt{ float: right; font-size: 0; line-height: 0; overflow: hidden;}
.yz_c dl dd{ float: left; width: 650px; padding-top: 30px;}
.yz_c dl dd p{ font-size: 18px; color: #333333; line-height: 30px;}
.yz_c dl dd h3{height: 150px; letter-spacing: 1px;}
.yz_c dl dd h3 span{ display: block; font-weight: normal; font-size:40px; color: #333; line-height: 100%;}
.yz_c dl dd h3 i{ display: block;font-size:48px; color: #323232; line-height: 100%; padding-top: 8px;}
/*产品中心*/
.pros{ overflow: hidden;background: url(../image/pros.png) no-repeat center 0 #f5f5f5; height: 1300px; margin-bottom: 94px;}
.qs {overflow: hidden;}
.qs h3 {
	width: 789px;
	height: 58px;
	margin: 0 auto;
	font-size: 30px;
	color: #bd2327;
	text-align: center;
	line-height: 58px;
	border: 1px solid #e9e9e9;
	border-radius: 5px;
	margin-top: 45px;
}

.qs h4 {
	height: 150px;
	text-align: center;
	padding-top: 70px;
	font-size: 40px;
	font-weight: normal;
	line-height: 40px;
	background: url() no-repeat center 301px;
}

.qs h4 span {
	color: #333;
	font-weight: bold;
}

.qs h4 a {
	color: #000000;
}

.qs h4 p {
	font-size: 20px;
	color: #666666;
}

.fen {
	height: 100%;
	width: 1300px;
	margin: 0 auto 62px;
	overflow: hidden;
}

.fen1 {
	height: 100%;
	border: 5px solid #0055b2;
	border-bottom: border-top:2px solid #0055b2;
	overflow: hidden;
}

.fen2 {
	width: 248px;
	overflow: hidden;
	height: 100%;
}

.fen2 dt {
	height: 92px;
	font: 24px "Microsoft Yahei";
	text-align: center;
	font-weight: bold;
	background: url(../image/fen_h.gif) no-repeat center top;
	overflow: hidden;
}

.fen2 dt a {
	color: #fff;
	display: block;
	padding-top: 20px;
}

.fen2 dt em {
	display: block;
	font: 12px "Microsoft Yahei";
	text-transform: uppercase;
	color: #fff;
}

.fen2 dd {
	width: 192px;
	height: 38px;
	font: 16px "Microsoft Yahei";
	overflow: hidden;
	margin: 15px auto 0;
	line-height: 38px;
}

.fen2 dd a {
	display: block;
	color: #fff;
	font-weight: bold;
	padding-left: 10px;
	width: 182px;
	height: 85px;
	background: url(../image/fen_bg2.gif) no-repeat center top;
}

.fen2 dd a:hover {
	background: url(../image/fen_bg1.gif) no-repeat center top;
}

.fen3 {
	width: 192px;
	border-bottom: 1px dashed #d1d1d1;
	margin: 0 auto;
	padding: 10px 0 8px 0;
}

.fen3 h5 a {
	display: block;
	font: 14px "Microsoft Yahei";
	height: 35px;
	line-height: 35px;
	color: #333;
	padding-left: 10px;
}

.fen3 li a {
	display: block;
	font: 15px "Microsoft Yahei";
	color: #707070;
	line-height: 28px;
	height: 30px;
	overflow: hidden;
	background: url() no-repeat 10px 5px;
	padding-left: 32px;
}

.pro {
	width: 1030px;
	overflow: hidden;
	position: relative;
}

.pro h5 a {
	display: inline-block;
	font: 14px "Microsoft Yahei";
	text-transform: uppercase;
	color: #666;
	text-transform: uppercase;
	height: 20px;
	line-height: 20px;
	position: absolute;
	top: 9px;
	right: 0;
}

.tit2 {
	height: 41px;
	overflow: hidden;
	background: url() repeat-x center bottom;
	overflow: hidden;
}

.tit2 li {
	font: 18px "Microsoft Yahei";
	height: 41px;
	overflow: hidden;
	float: left;
	width: 138px;
}

.tit2 li a {
	display: inline-block;
	color: #6666;
	padding: 0 0 0 26px;
	width: 112px;
	height: 41px;
}

.tit2 .li01 a {
	display: inline-block;
	background: url() no-repeat left 3px;
}

.tit2 .li01 a:hover,
.tit2 .li01.cur a {
	background: url() no-repeat left 3px;
	color: #0462be;
	font-weight: bold;
}

.tit2 .li02 a {
	background: url() no-repeat left 2px;
}

.tit2 .li02 a:hover,
.tit2 .li02.cur a {
	background: url() no-repeat left 2px;
	color: #0462be;
	font-weight: bold;
}

.pro2 {
	height: 434px;
	overflow: hidden;
	margin-top: 30px;
}

.pro2 h3 {
	width: 610px;
	height: 398px;
	overflow: hidden;
	float: left;
	position: relative;
}

.pro2 h3 img {
	width: 610px;
	height: 398px;
}

.pro2 h3 p {
	width: 580px;
	height: 62px;
	overflow: hidden;
	padding-left: 30px;
	font: 14px "Microsoft Yahei";
	line-height: 62px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url();
}

.pro2 h3 p a {
	color: #fff;
}

.pro2 h3 span {
	display: inline-block;
	width: 277px;
	height: 48px;
	overflow: hidden;
	position: absolute;
	top: 15px;
	right: 0;
}

.pro2 h3 span img {
	width: 117px;
	height: 32px;
	margin-right: 16px;
}

.pro2 ul {
	width: 281px;
	float: right;
}

.pro2 li {
	width: 281px;
	margin-bottom: 30px;
}

.pro2 li img {
	width: 269px;
	height: 172px;
	display: block;
}

.pro2 li a {
	width: 269px;
	height: 172px;
	padding: 5px;
	border: 1px solid #d1d1d1;
	display: block;
}

.pro2 li a:hover {
	border: 1px solid #0462be;
}

.tit3 {
	height: 100%;
	overflow: hidden;
}

.tit3 li {
	width: 335px;
	height: 310px;
	background: #fff;
	display: flex;
	justify-content: center;
	overflow: hidden;
	position: relative;
	margin: 6px 4px;
}

.tit3 li img {
	width:100%;
	margin-top: 20px;
}

.tit3 li p {
	width: 335px;
	height: 47px;
	overflow: hidden;
	font: 14px "Microsoft Yahei";
	line-height: 47px;
	text-align: center;
	position: absolute;
	bottom: 0px;
	left: 0;
	color: #fff;
	background-color: #0055b2;
}

.tit3 li p a {
	width: 335px;
	height: 47px;
	overflow: hidden;
	font: 14px "Microsoft Yahei";
	text-align: center;
	line-height: 47px;
	position: absolute;
	bottom: 0px;
	left: 0;
	color: #fff;
}

.tit3 li p em {
	display: inline-block;
	width: 130px;
	height: 22px;
	overflow: hidden;
	position: absolute;
	top: 15px;
	right: -40px;
}

.tit3 li p img {
	width: 70px;
	height: 21px;
}








.p_list{ height: 192px;}
.p_list ul{border-right: 1px solid #e6e6e6;}
.p_list ul li{ float: left; height: 166px; border-left: 1px solid #e6e6e6; width: 158px; position: relative;}
.p_list ul li a{ display: block; box-sizing: border-box; height: 166px; text-align: center; font-size: 18px; color: #333333; line-height: 100%; position: relative;}
.p_list ul li a img{ transition: all 0.2s;}
.p_list ul li a em{ display: block; position: absolute; width: 100%; text-align: center; bottom:21px; left: 0;}
.p_list ul li a i{ display: block; position: absolute; width: 100%; text-align: center; bottom:21px; left: 0;}
/*.p_list ul li a em span{ display: block; padding-bottom: 5px;}*/
.p_list ul li.cur a:before{position:absolute; left:47%; width:14px; height:12px;background: url(../image/p_ucrr.png) no-repeat center 0; content:""; z-index: 55;
    bottom: -12px;}
.p_list ul li.cur a{font-weight: bold; color: #055daf; border: 1px solid #055daf;}
/*.p_list ul li.cur a img{animation-duration:3s;animation-name:flipInY;}*/
.p_uu{ position: absolute; cursor: pointer; left: -133px; top: 726px; width: 71px; height: 71px;background: url(../image/p_uu.png) no-repeat; transition: all 0.2s;}
.p_uu:hover{background: url(../image/p_dd1.png) no-repeat;}
.p_dd{ position: absolute; cursor: pointer; right: -133px; top: 726px; width: 71px; height: 71px;background: url(../image/p_uu1.png) no-repeat;transition: all 0.2s;}
.p_dd:hover{background: url(../image/p_dd.png) no-repeat;}

.p_ons dl{ overflow: hidden; margin-left: -3px;}
.p_ons dl dt{ float: left; font-size: 0; line-height: 0; overflow: hidden;}
.p_ons dl dd{ float: left; width: 426px; padding: 60px 0 0 50px;}
.p_ons dl dd h3 a{ display: block; line-height: 100%; font-weight: normal; font-size: 36px; color: #333333;}
.p_ons dl dd h3 a:hover{ color: #055daf;}
.p_ons dl dd p{ padding: 25px 0 0 ; height: 206px; font-size: 16px; color: #333333; line-height: 31px;}
.p_ons dl dd em{ display: block; height: 111px;}
.p_ons dl dd em a{ display: inline-block; width: 169px; height: 48px; border-radius: 48px; line-height: 48px; font-size: 18px; background: #055daf; text-align: center; color: #fff; transition: all 0.2s;}
.p_ons dl dd em a:last-of-type{ background: #ffb400; margin-left: 10px;}
.p_ons dl dd em a:hover{transform: translateY(-7px);}
.p_ons dl dd h4 i{ display: block; line-height: 100%;font-weight: normal; padding-bottom: 8px; font-size: 24px; color: #333333; border-bottom: 1px solid #b5b5b5; margin-bottom: 12px; width: 369px;}
.p_ons dl dd h4 span{ display: block; overflow: hidden;width: 460px;}
.p_ons dl dd h4 span a{ display: inline-block; line-height: 26px; font-size: 15px; color: #333333;font-weight: normal; width: 230px;}
.p_ons dl dd h4 span a:nth-child(2n){ width: 224px;}
.p_ons dl dd h4 span a:hover{ color: #055daf;}
.p_ons .p_ons1:last-of-type dl dd h4 span a:nth-child(2n), .p_ons .p_ons1:last-of-type dl dd h4 span a{ width: 145px;}
/**/
.gonc{ overflow: hidden;}
.gnc{ overflow: hidden; margin: 0 auto; width: 1280px; height: 195px;}
.gnc h3{ float: left; width: 435px; line-height: 100%;font-weight: normal; font-size: 20px; color: #333333;}
.gnc h3 span{ display: block; line-height: 100%; font-size: 47px; color: #333; padding-top: 2px;font-weight: bold; padding-bottom: 12px;}
.gnc h3 i{ display: block; padding-top: 31px;}
.gnc h3 i a{ display: inline-block; line-height: 100%; font-size: 18px; color: #055daf; padding-right: 46px;background: url(../image/gnc.png) no-repeat right 4px; transition: all 0.2s;}
.gnc h3 i a:hover{ letter-spacing: 3px;}
.gnc ul{ float: right;}
.gnc ul li{ float: left; line-height: 100%; font-size: 18px; color: #8b8b8b; margin-left: 82px;}.gnc ul li:first-of-type{ margin-left: 0;}
.gnc ul li em{ display: block; line-height: 100%; color: #333333; font-size: 18px;}
.gnc ul li em span{ display: inline-block; line-height: 90%;font-family:'wrjz'; font-size: 48px;}
.gnc ul li i{ display: block; line-height: 100%; height: 47px; padding-top: 8px;}
.gnc ul li img{ transition: all 0.2s;}
.gnc ul li:hover img{animation-duration: 1.5s;animation-name:flipInX;}
.gnc ul li:hover em{ color: #055daf;}
.gnc ul li:hover{ color: #333;}
.gonc dl{ overflow: hidden;}.gonc dl img,.gonc dl dd em img{ width: 100%;}
.gonc dl dt{ float: left; position: relative; width: 38.4%;}
.gnf{ position: absolute; left: 0; width: 100%; top: 10%; text-align: center; color: #fff;}
.gnf h3{font-weight: normal; font-size: 24px; color: #fff; line-height: 100%; padding-bottom: 30px;}
.gnf h3 i{ display: block; line-height: 100%; padding-bottom: 10px;font-weight: bold; font-size: 56px;}
.gnf h3 i span{ color: #ffb400; font-size: 92px; line-height: 90%;font-family:'wrjz'; font-style: italic; padding-right: 17px; display: inline-block;}
.gnf h4{font-weight: normal; font-size: 20px; margin-bottom: 40vh;}
.gnf h4 em{ display: inline-block; line-height: 28px; margin: 0 6px; padding: 8px 0; border: 1px solid #fff; border-radius: 9px; width: 145px;}
.gnf h4 em span{ display:block;}
.gnf p a{ display: block; margin: 0 auto 20px; width: 182px; height: 52px; background: #ffb400; border-radius: 52px; line-height: 52px; color: #fff; font-size: 18px;font-weight: bold; transition: all 0.2s;}
.gnf p a:hover{transform: translateY(-7px);}
.gnf p em{ display: inline-block; padding-left: 31px; font-size: 16px;background: url(../image/gn_tel.png) no-repeat 0 2px;margin-top: 5vh;}
.gnf p em b{line-height: 90%;font-family:'wrjz'; display: inline-block; font-size: 30px;font-weight: normal;}
.gonc dl dd{ float: right; overflow: hidden; width: 61.6%;}
.gonc dl dd em{ display: block; font-size: 0; line-height: 0; position: relative; overflow: hidden; margin: 0 0 1.9vh 1.25%; width: 48.75%; float: left; }
.gonc dl dd em span{ display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 39px; line-height: 39px; color: #fff; font-size: 18px; background: rgba(0,0,0,0.5); text-align: center;}
/**/
.yous{height:887px;position: relative;padding-top: 100px;}
.yous h2{ padding-top: 0;}
.ys_nr li{float:left;width:154px;margin-right:10px;height: 598px;position: relative;transition: all 0.8s;}
.ys_nr li:last-child{margin:0;}
.ys_nr li:after{content: "";display: block;width:100%;height: 100%;background: rgba(0,0,0,0.5);position: absolute;left:0;top:0;}

.ys_n1{position:absolute;padding:63px 0 0 0;left:0;top:0;z-index: 9;width: 100%; text-align: center;}
.ys_n1 h4{font-size:30px; color: #fff; line-height: 40px;}
.ys_n1 i{display: block;font-size: 0;line-height: 0;padding-top:349px; position: relative;}
.ys_n1 i:before{ position: absolute; left: 77px; content: ""; width: 2px; height: 176px; background: #fff; top: 79px;}
.ys_n2{position: absolute;left:47px;top:470px;background: #fff;box-shadow: 0 10px 20px rgba(0,0,0,0.1);box-sizing: border-box;display:none;overflow: hidden; width: 741px;}
.ys_n2 dt{width:25.4%;box-sizing: border-box;background: #055daf;color: #fff;text-align: center;height: 170px;float:left;line-height:100%;padding-top: 30px; font-size: 30px;font-weight: bold;}
.ys_n2 dt b{display: block; height: 70px;}
.ys_n2 dd{float:left; padding: 42px 0 0 40px; width: 512px;}
.ys_n2 dd em{ display: block; line-height: 100%; font-size: 28px; color: #333333; padding-bottom: 13px;}
.ys_n2 dd p{font-size:16px;color: #333333;}
.ys_nr li.on{width:787px;}
.ys_nr li.on .ys_n1,.ys_nr li.on:after{display: none}
.ys_nr li.on .ys_n2{display: block;}
/**/

.g-service{ height: auto; box-sizing: border-box; font-family: "Microsoft YaHei"; position: relative; margin-bottom: 99px;}
.g-service h2{ position: absolute; left: 0; width: 100%; top: 0.5%; z-index: 55!important;;}
.g-service .tit01{height:160px;}
.service{position: relative;}
.service img{width:100%;display: block;}
.service-con dl{position: absolute;    z-index: 55;}
.service-con dt{position: relative;height: 119px;}
.service-con dt em{width:6.197vw;height:6.197vw;border-radius: 100%; box-shadow: 0 15px 20px rgba(109, 109, 109, 0.15); display: block;margin-right: 22px; float: left;}
.service-con dt h4{font-size: 24px;color: #333333;font-weight: bold;padding-top:30px;margin-top:25px; float: left;}
.service-con dt h4 i{display: block;padding: 8px 0;}
.service-con dd{display: none; width:18.4vw;min-height: 9.5vw;padding:1.56vw 2vw 0;margin-top:-2vw; box-sizing: border-box; }
.service-con dd h5{color: #fff;font-size: 28px;line-height: 2vw;margin-bottom: 0.78vw;}
.service-con dd p{line-height: 30px;font-size: 16px;color: #fff;}

.service-btn{width:100%;text-align: center;position: absolute;left:0;bottom: 2vw;}
.service-btn a{width:180px;height:48px;line-height: 48px;text-align: center;display: block;background:#ffb400; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);border-radius: 25px;font-size: 18px; color: #fff;font-weight: bold;margin:0 auto 20px;transition: all 0.2s ease 0s;}
.service-btn a:hover{transform: translateY(-7px);}
.service-btn span{padding:8px 0 0 30px;line-height: 35px; background: url(../image/service-tel.png) no-repeat left center; font-size: 16px;color: #333;}
.service-btn span b{font-size: 30px;color: #333333; font-weight: bold; font-family: wrjz;}

.service-con dl:nth-child(1){left:9.25%;top:30.5vw;}
.service-con dl:nth-child(2){left:20.45%;top:19vw;}
.service-con dl:nth-child(3){left:46%;top:13.5vw;}
.service-con dl:nth-child(4){right:21.45%;top:18.5vw;}
.service-con dl:nth-child(5){right:6.25%;top:31.5vw;}
.service-con dl:nth-child(1) dt{text-align: right;}
.service-con dl:nth-child(1) dt em{float: right;margin-left: 22px;margin-right: 0;}
.service-con dl:nth-child(1) dt h4{background:url(../image/1.png) no-repeat right 0; float: right;}
.service-con dl:nth-child(2) dt{text-align: right;}
.service-con dl:nth-child(2) dt em{float: right;margin-left: 22px;margin-right: 0;}
.service-con dl:nth-child(2) dt h4{background:url(../image/2.png) no-repeat right 0; float: right;}
.service-con dl:nth-child(3) dt h4{background:url(../image/3.png) no-repeat left 0;}
.service-con dl:nth-child(4) dt h4{background:url(../image/4.png) no-repeat left 0;}
.service-con dl:nth-child(5) dt h4{background:url(../image/5.png) no-repeat left 0;}

.service-con dl.cur dt{display: none;}
.service-con dl.cur dd{display: block; background: #055daf; border-radius: 12px;}

@media screen and (max-width:1720px) {
    .service-con dl:nth-child(1){left:1.25%;}
    .service-con dl:nth-child(2){left:12.45%;}
    .service-con dl:nth-child(4){right:12.45%;}
    .service-con dl:nth-child(5){right:3.25%;}
    .service-con dt h4{font-size: 18px;margin-top:5px;}
    .service-btn{bottom: 1vw;}
    .service-btn a{width:142px;height:38px;line-height: 38px;text-align: center;font-size: 16px; }
    .service-con dd h4{font-size: 22px;}
    .service-con dd p{line-height: 25px;font-size: 14px;}

}



/*案例*/
.list6{height:850px; margin-top: 99px;}
.list6 h2{ padding-top: 0;}
.f_nr{ margin-left: -313px;}
.f_nr li{float:left; width:510px; margin:0 18px 35px; background: #fff; height: 585px; box-shadow: 0 9px 35px rgba(0,0,0,0.1);}
.f_nr li b{ display: block; overflow: hidden; font-size: 0; line-height: 0;}
.f_nr li b img{ width: 510px;}
.f_nr li em{ display: block; padding: 28px 38px 0; width: 100%; box-sizing: border-box; transition: all 0.2s; }
.f_nr li em i{ display: none;}
.f_nr li em strong a{ display:block; line-height: 100%; font-size: 20px; color: #333333;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.f_nr li em strong a:hover{ color: #055daf;}
.f_nr li em span{ display: block; margin-top: 19px; color: #8b8b8b; font-size: 16px; line-height: 30px;}
.f_nr li:hover em{ margin-top: -89px; background: #fff; position: relative;z-index: 5;}
.f_nr li:hover i{ display: block; padding-top: 37px;}
.f_nr li:hover i a{ display: inline-block; margin-right: 10px; color: #fff; font-size: 18px; width: 169px; height: 49px; line-height: 48px; border-radius: 48px; text-align: center; background: #055daf; transition: all 0.2s;}
.f_nr li:hover i a:last-of-type{ background: #ffb400;}
.f_nr li:hover i a:hover{ transform: translateY(-7px);}


/* 流程 */
.lc{ background:url(../image/lc_bg.jpg) no-repeat center top; height:700px; overflow:hidden; padding-top:78px;}
.lc .tit1{font: 45px "Microsoft YaHei";text-align: center;}
.lc .tit1 em {display: block;font: 16px "Microsoft YaHei"; color: #fff;line-height: 38px;margin-top: 8px;}
.lc ul{ height:430px; margin-top:20px;}
.lc li{width:88px;height:220px; font:14px "Microsoft YaHei UI"; font-weight:bold; color:#333; line-height:44px; text-align:center; float:left; margin:0 55px; position:relative;}
.lc li span{ display:block; width:106px; height:122px; position:relative;}
.lc li span em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.lc li span i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;visibility:hidden;
	-webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	-webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.lc li img{display:block; width:106px; height:122px;}
.lc li b{ display:block; width:49px; height:32px;background:url() no-repeat; position:absolute; top:43px; left:135px;}
.lc li:nth-child(6) b{ display:block; width:32px; height:49px; position:absolute; top:160px; left:38px;background:url() no-repeat;}
.lc li:nth-child(7n){ margin-right:0;}
.lc li:nth-child(1){ margin-left:0;}
.lc li:nth-child(7) b,.lc li:nth-child(8) b,.lc li:nth-child(9) b,.lc li:nth-child(10) b,.lc li:nth-child(11) b{background:url() no-repeat;}
.lc li:hover span em{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.lc li:hover span i{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}
.lc li:hover{ color:#0049b7;}
.lc h5{ width:455px; height:82px; margin:0 auto; font:14px "Microsoft YaHei UI"; line-height:42px; color:#333; background:url() no-repeat left 12px; padding-left:50px; position:relative;}
.lc h5 em{ font:28px Arial, Helvetica, sans-serif; color:#0049b7;}
.lc h5 .em01{ position:absolute; top:15px; left:148px;}
.lc h5 a{ display:block; float:right; width:130px; height:42px; font:14px "Microsoft YaHei UI"; color:#fff; line-height:42px; border-radius:2rem; background:#0049b7; text-align:center;}




/* 新闻 */
.news{ position: relative; background: #fcfcfc; height: 955px;}
.news_con{}
.news_l{width: 588px;float: left;position: relative;}
.news h3{height: 48px; font-weight: bold;}
.news h3 em{ display: block;float: right;width: 70px;height: 20px; line-height: 20px;font-size: 12px;color: #055daf;text-align: center;font-weight: normal;font-family: Arial;text-transform: uppercase;border:1px solid #055daf;transition: all 0.3s; border-radius: 20px;}
.news h3 a{ display: block;font-size:24px;color: #333333;line-height: 24px;text-transform: uppercase; }
.news h3 em:hover{ background: #055daf; border-color: #055daf;color: #fff;}
.news_l dt{width: 588px;height: 331px;line-height: 0;overflow: hidden;}
.news_l dt img{width: 588px;height: 331px;display:block;}

.news_l dd{width: 588px;padding:27px 42px 0 40px;height: 215px;box-sizing: border-box;background: #fff;}
.news_l dd h4 a{font-size: 20px;color: #333;display: block;line-height: 20px;font-weight: normal;}
.news_l dd p{font-size: 16px;color: #666666;padding: 20px 0 0;line-height: 30px;}
.news_hd {z-index: 1;position: absolute;cursor: pointer;right: 46px;bottom: 32px;}
.news_hd li {width: 14px;height: 14px;background: #ccc;display: inline-block;margin: 0 0 0 10px;border-radius: 13px;vertical-align: middle;}
.news_hd li.on {background:#055daf;}
.news_r{width:631px;float: right;}
.news_r dl{padding-bottom: 40px;position: relative;}
.news_r dt{width: 211px;height: 119px;line-height: 0;overflow: hidden;float: right;}
.news_r dt img{width: 211px;height: 119px;display:block;transition:all 0.5s;}
.news_r dl:hover dt img{ transform:scale(1.05);}
.news_r dd{width: 406px;float: left;}
.news_r dd h4 a{font-size: 20px;color: #333;display: block;line-height: 20px;padding-top: 10px;font-weight: normal;}
.news_r dd p{font-size: 16px;color: #787878;padding: 16px 0 0;line-height: 26px;}
.news_r dd span{font-size: 14px;color: #333333;padding: 8px 0 6px;line-height: 14px;font-family: "Arial";display: block;}
.news_r ul{ border-top: 1px solid #e5e5e5;box-sizing: border-box; padding-top: 20px;}
.news_r li a{display:block;font-size: 16px;line-height: 38px;color: #333333;padding-left: 24px;background: url(../image/news_ic.png) no-repeat 0 19px;}
.news_r li em{float: right;font-size: 14px;color: #999999;line-height: 38px;font-family: Arial;}
.news_r dl:hover dd h4 a,.news_l dl:hover dd h4 a,.news_r li a:hover{ color: #055daf; }




.service_con{ overflow: hidden; height: 786px;}
.service_con h2{ padding-top: 0; padding-bottom: 39px;}
.content1{ width:1280px;margin:0 auto;}
.service_con i,
.service_con em {
    font-style: normal;
}

.service_con .fl {
    width: 541px;
    height: 541px
}

.service_con .fr {
    width: 739px;
    height: 541px;
    background: #f2f2f2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 53px 0 0 90px
}

.service_con .ask {
    font-size: 24px;
    line-height: 100%;
    color: #333333;
    margin-bottom: 17px
}

.service_con .ask em {
    font-size: 36px;
    line-height: 100%;
    color: #333333
}

.service_con .s_tel {
    background: url(../image/s_tel.png) no-repeat;
    padding-left: 81px; font-size: 18px; color: #055daf;
height: 95px; line-height: 100%; padding-top: 6px;}
.service_con .s_tel span{ display: block; line-height: 100%; padding-top: 9px; font-size: 28px;}
.service_con .s_tel span i{ font-family: wrjz; font-size: 30px; display: inline-block; line-height: 90%; float: left;}

.service_con ul {

}

.service_con li {
    width: 275px;
    height: 46px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #E5E5E5;
    margin-bottom: 10px;
    float: left;
    position: relative
}

.service_con li label {
    position: absolute;
    font-size: 16px;
    line-height: 44px;
    color: #999999;
    padding-left: 16px;
    padding-right: 10px
}

.service_con li input {
    width: 202px;
    height: 44px;
    border: 0;
    background: 0 0;
    outline: 0;
    padding-left: 14px;
    box-sizing: border-box;
        font-size: 16px;
    line-height: 44px;
    color: #999999;    float: right;
}

.service_con li span {
    display: block;
    position: absolute;
    right: -10px;
    font-size: 14px;
    line-height: 38px;
    color: red;
    top: 0;
}

.service_con li select {
    width: 272px;
    height: 44px;
    border: 0;
    outline: 0;
    font-size: 16px;
    line-height: 44px;
    color: #999999;
    padding-left: 14px;
}

.service_con li.message {
    width: 559px;
    height: 95px;
    margin-bottom: 28px
}

.service_con li.message textarea {
    width: 557px;
    height: 93px;
    border: 0;
    background: 0 0;
    outline: 0;
    padding: 1px 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 22px;
    color: #666;font-size: 16px;
    line-height: 44px;
    color: #999999;
}

.service_con li.mr {
    margin-right: 9px
}

.service_con .form-btn-reset {
    display: none
}

.service_con .form-btn-submit,.service_con button {
    display: block;
    width: 214px;
    height: 46px;
    background: #ffb400;
    font-size: 18px;
    line-height: 46px;font-weight: bold;
    color: #fff;
    text-align: center;
    border: 0;
    outline: 0;
    cursor: pointer
}

/**/
.pic img,.picl img,.pics img{-webkit-transition: -webkit-transform 0.8s; -moz-transition: -moz-transform 0.8s; -o-transition: -o-transform 0.8s; transition: transform 0.8s;}
.pic img:hover{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-ms-transform: scale(1.08);-o-transform: scale(1.08);  transform: scale(1.08);}
.picl img:hover{-moz-transform: translate(0,5px);-webkit-transform: translate(0,5px);-ms-transform: translate(0,5px);-o-transform: translate(0,5px);}
.pics img:hover{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);}
.white,.whites{position: relative;overflow: hidden;}
.white:after,.whites:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); }
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.whites:hover:after {left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}


@media screen and (max-width:1440px) and (min-width:1366px) {
    html {font-size:14px;}
}
@media screen and (max-width:1600px) and (min-width:1441px){
    html {font-size:16px;}
}
@media screen and (max-width:1920px) and (min-width:1601px)  {
    html {font-size:20px;}
}


@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }

/* 优势 */
.hystitle {padding:4% 0 3% 0;position: relative;transform: scale(0.8,0.8);-moz-transform: scale(0.8,0.8);-ms-transform: scale(0.8,0.8);-o-transform: scale(0.8,0.8);-webkit-transform: scale(0.8,0.8);}
.hystitle h3{color: #333;font-size: 48px;text-align: center;}
.hystitle img{width: 930px;max-width: 100%;display: block;margin:40px auto 0;}
.hyoushi{overflow: hidden;background-color: #f4f4f4;padding-top: 50px;}
.youshitab {margin: 0 160px;}
.youshitab a{display: block;width: 23%;margin:1%;float: left;position: relative;/* left: -200px; */}
.youshitab a div{width: 301px;max-width: 100%;height: 152px;margin:0px auto;background: url(../image/ybg1.png) no-repeat;background-size:100%;}
.youshitab a div span{display: block;font-size: 30px;color: #fff;font-weight: 700;text-align: center;opacity: 0.9;transition: 0.5s;margin-top: 11%;}
.youshitab a p{font-size: 16px;color: #9eadbd;text-align: center;margin-top: 5px;}
.youshitab a:hover div img,.youshitab a.youshion div img{opacity: 1;}
.youshitab a:hover div span,.youshitab a.youshion div span{opacity: 1;}
.youshitab a:hover div,.youshitab a.youshion div{ background: url(../image/ybg2.png) no-repeat;background-size:100%;}
.youshitab a i{ display:block;margin:0 auto;position: relative;top:15%; width:53px; height:60px; background:url() no-repeat top left; transition:all .5s ease;}
.youshitab a:nth-child(2) i{ background-position-x:-54px;}
.youshitab a:nth-child(3) i{ background-position-x:-120px;}
.youshitab a:nth-child(4) i{ background-position-x:-197px;}
.youshitab a.youshion i{ background-position-y:-81px;}
.youshitab.current a{opacity: 1;left: 0;}
.youshiCon{background: url(../image/ysbg.jpg) bottom center no-repeat;}
.ysleft{float: left;width: 50%;overflow: hidden;height: 560px;padding-top: 60px;}
.ysright{float: right;width: 45%;position: relative;}
@media screen and (min-width:1660px){
.ysrinfo{ margin-right: 160px;}
}
@media screen and (max-width:1660px) and (min-width:1300px){
.ysrinfo{ margin-right: 80px;}
}

.ysleft img{height: 100%;display: block;}
.ysrinfo h2{font-size: 72px;color: #cfd5db;background: url(../image/su.jpg) bottom center no-repeat;padding-bottom:30px;width:75px; }
.ysrinfo h3{font-size: 36px;color: #055daf;margin:10px 0;}
.ysrinfo h4{font-size: 24px;color: #9eadbd;font-weight: 500;border-bottom: 1px solid #cfd5db;padding-bottom: 15px;padding-top:10px}
.ysrinfo p.ystxt{margin-top: 30px;clear: both;font-size: 16px;color: #666;background: url(../image/ico3.png) left top no-repeat;background-position: 0 7px;padding-left: 40px;line-height: 28px;}
.ysdi{margin-top: 8%;height: 68px;line-height: 68px;}
.ysdi img{max-width: 100%;}
.ysico1{display: block;}
.ysphone{display: none;width: 100%;background: url(../image/ysbg.jpg) no-repeat;padding:20px 0;}
.ysphone img{max-width: 100%;margin-left:6%;}
@media screen and (max-width:1300px){
.ysleft,.ysright{float: none;width: 100%;height: auto;}
.ysright{margin-top: 20px;}
.ysleft img{width: 100%;height: auto;}
.ysrinfo{margin:0px 80px;}
.ysdi{display: none;}
.ysico1{display: none;}
.ysphone{display: block;margin-top: 20px;}
.youshiCon{background-image: none;}
}
@media screen and (max-width:1200px){
.youshitab a div{height: 135px;}
}
@media screen and (max-width:1100px){
.youshitab a div{height: 125px;}
.youshitab a div span{margin-top: 4%;}
}
@media screen and (max-width:960px){
.youshitab a div{height: auto;padding:15px 0;}
.youshitab a div span{margin-top: 0;font-size: 24px;}
.youshitab a i{width: 30px;height: 34px;background-size: 100% 100%;}
}
@media screen and (max-width:740px){
.youshitab a p{display: none;}
.youshitab a div,.youshitab a:hover div, .youshitab a.youshion div{background-size: 100% 100%;}
.ysrinfo{margin:0px 30px;}
.ysphone img{margin:0px auto;width: 90%;display: block;}
.ysrinfo h2{font-size: 32px;width: 40px; background-image:none; padding-bottom:0;}
.ysrinfo h3{font-size: 24px;}
.ysrinfo h4{font-size: 16px;}
}
@media screen and (max-width:480px){
.youshitab a div{background: #055daf;}
.youshitab a:hover div, .youshitab a.youshion div{background: #ff981c;}
.youshitab a div span{margin-top: 10px;font-size: 14px;}
}

/*行业*/
.hyingyong h3{color: #333;font-size: 48px;text-align: center;}
.hyingyong p {
    display: block;
    font-size: 20px;
    line-height: 100%;
    font-weight: normal;
    padding-top: 25px;
    padding-bottom: 26px;
    position: relative;
	    text-align: center;
}
.hyingyong .sj09{padding: 100px 0 100px 0;} 
.hyingyong{background: url() repeat;}
.hyingyong .hyybox.current{bottom: 0;opacity: 1;margin: 0 120px;}
.hyingyong .hyybox{position: relative;bottom: -100px;opacity: 0;}
.hyingyong .hyybox li{float: left;width: 12.5%;transition: 0.5s;}
.hyingyong .hyybox li p{font-size: 16px;color: #333;text-align: center;background-color: #fff;line-height: 35px;transition:0.2s ease all;}
.hyingyong .hyybox li span{display: block;width: 100%;position: relative;height: 100%;}
.hyingyong .hyybox li img{width: 100%;position: relative;display: block;}
.hyingyong .hyybox li span:before{content: "";width:100%;background-color: rgba(0,0,0,0.7); height:0;transition:0.2s ease all;position: absolute;top: 0;left: 0;opacity: 0;}
.hyingyong .hyybox li:nth-child(odd){padding-top: 80px;}
.hyingyong .hyybox li:nth-child(odd) span{border-bottom: 4px solid #055daf;}
.hyingyong .hyybox li:nth-child(even) span{border-top: 4px solid #055daf;}
.hyingyong .hyybox li:hover span:before{height: 100%;opacity: 1;z-index: 999;}
.hyingyong .hyybox li:hover:nth-child(even) span:before{height: 100%;}
.hyingyong .hyybox li:hover p{background-color: #055daf;color: #fff;}
@media screen and (max-width:960px){
.hyingyong .hyybox li{width: 25%;}
.hyingyong .hyybox li:nth-child(odd){padding-top: 0px;}
}
@media screen and (max-width:540px){
.hyingyong .hyybox li{width: 48%;position: relative;height: 240px;margin:1%;} 
.hyingyong .hyybox li span{height: 200px;overflow: hidden;}
.hyingyong .hyybox li p{width: 100%;position: absolute;bottom: 0;left: 0;background-color: #fff;line-height: 40px;font-size: 14px;}
.hyingyong .hyybox li:nth-child(odd) span{border-bottom: none;}
.hyingyong .hyybox li:nth-child(even) span{border-top: none;}
}


/* 关于我们 */
.about{ margin-bottom:100px;overflow:hidden;}
.about .tu img{ display:block; width:100%;}
.about dl{ height:225px; position:relative;}
.about dt{ width:400px; height:356px; background:#fff; float:left; position:relative; margin-top:-130px; z-index:8; overflow:hidden;}
.about dt a{ display:block; font:32px "Microsoft YaHei UI"; font-weight:bold; color:#333333; padding:30px 0 0 60px;}
.about dt em{ display:block; font:16px "Microsoft YaHei UI"; color:#333; margin-top:8px;}
.about dt span{ display:block; background:#06389e url() no-repeat 60px 70px; position:relative; margin-left:-60px; color:#fff; margin-top:25px; font:14px "Microsoft YaHei UI"; color:#ccd1e5; padding:70px 0 70px 85px;}
.about dt span:before{ content:""; position:absolute; top:0; left:60px; width:0; height:0; border-top:10px solid #fff; border-left:15px solid rgba(0,0,0,0);border-right:15px solid rgba(0,0,0,0);}
.about dt span i{ display:block; font:36px Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; margin:12px 0 0 -25px;}
.about dd{ width:830px; float:right; margin-top:40px; overflow:hidden;}
.about dd h4 a{ display:block; font:24px "Microsoft YaHei UI"; font-weight:bold; color:#333; margin:0 0 12px;}
.about dd p{ font:14px "Microsoft YaHei UI"; line-height:24px; color:#666;}
.about dd p a{ color:#0459ba;}

.pic{ height:310px;}
.pict{ height:60px; overflow:hidden; position:relative; margin:-62px 0 0 455px;}
.pict h3{ font:20px "Microsoft YaHei UI";line-height:60px; height:60px; margin-right:100px; float:left; font-weight:bold;}
.pict h3 a{ display:block; color:#282828;}
.pict h3 a:hover,.pict .cur a{ color:#0459ba;}
.pic1 {position: relative; width: 1300px; height: 420px;}
.pic2 {position: absolute; width: 1300px; left: 0px; top: 0px; display: block;}

.pic1,.pic2{ height:420px; overflow:hidden;}
.pic1 li{ width:238px; float:left; margin:20px 22px 0 0; position:relative;}
.pic1 li img{ display:block; width:100%;}
.pic1 li h4{ display:none; position:absolute; bottom:0; width:100%; height:30px; font:14px "Microsoft YaHei UI"; text-align:center; line-height:30px; color:#fff; background:rgba(0,73,183,0.9);}
.pic1 li a:hover h4{ display:block;}
.pic1 li{}

.link{ background:#282828; padding:28px 0 40px;position: relative;}
.link p{font:14px "Microsoft YaHei"; margin-left:-25px;}
.link p a{ display: inline-block; font:14px "Microsoft YaHei"; color:#878787; line-height:24px; height:24px; padding:0 25px; position:relative;}
.link p a:hover{ color:#fff; font-weight:bold; text-decoration:underline;}
.link p a:last-child{ padding-right:0;}


@-webkit-keyframes spin{
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*animation*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}