@charset "utf-8";
.content{width: 1400px; margin: 0 auto;}
body{font-family:"Microsoft Yahei"; }
i,em,b{font-style: normal;}

.tit01{ font-size: 50px; color: #373737; text-align: center; font-weight: normal;}
.tit01 a{color: #373737; text-decoration: none; }
.tit01 p{ display: block;font-size: 20px; color: #504f4f;font-family:"Microsoft Yahei"; font-weight: normal; text-align: center; line-height: 30px;}


.gsdt{width:1200px;margin:25px auto;overflow:hidden; clear:both;}
.gsdt h3{width:180px;text-align:left; float:left;color:#333;font-size:24px;padding-top:35px;}
.gsdt h3 a{color:#333;}
.gsdt h3 i{display:block;height:24px;line-height:24px;font-size:16px;color:#adadad; font-weight:normal;}
.gsdt-con{width:1020px;float:left;}
.gsdt-con li{line-height: 35px; height: 35px; display: block;  }
.gsdt-con li p{float:left;width:490px;margin-right:40px;}
.gsdt-con li p:nth-child(2n){margin-right:0;}
.gsdt-con li a{font-size: 15px;color:#000000;text-decoration: none;  overflow: hidden; text-overflow: ellipsis;white-space:nowrap;}
.gsdt-con li span{height: 35px;display:block;  line-height: 35px;font-size: 14px; color: #aaaaaa;float:right;}
.gsdt-con li a:hover{font-weight: bold;}

.container {
    width: 1400px;
    margin: 0 auto;
    position: relative;
}
.clearfix {
    zoom: 1;
}


.ind_tit {
	text-align: center;
	padding-top: 50px;
	padding-bottom: 30px;
}

.ind_tit p {
	color: #333;
	font-size: 35px;
	font-weight: bold;
	padding-bottom: 5px;
}

.ind_tit span {
	color: #ddd;
	font-weight: bold;
	font-size: 30px;
	text-transform: uppercase;
	font-family: arial
}

.tit01 h2{font-size: 44px; text-align: center; font-family: "Microsoft YaHei";color: #000; font-weight: bold; line-height: 64px;}
.tit01 a{color: #000; }
.tit01 p{font-weight: normal; display: block;font-size:24px;color: #666666; line-height: 36px;text-align: center; font-family: "Microsoft YaHei"; }


/* **** sec1 start **** */
.sec1 {
	background: url(../images/guidebg.jpg) no-repeat center center; 
	box-sizing: border-box;
	padding: 20px 0 0 0; height:605px;
}

.desc em{font-size: 22px;height: 47px;line-height: 47px; color: #fff;font-weight: normal;display: block;background:url(../images/guide-t.png) no-repeat;padding-left: 35px;margin-top:18px;}
.desc h3{height:48px; line-height: 48px; font-size:30px; color: #3e3e3e; text-align: left;font-weight: normal;margin:10px 0 15px;}
.sec1 .info {
	width: 50%;
	box-sizing: border-box;
	padding-right: 60px;
}

.sec1 .info ul li {
	display: block;
	float: left;
	height: 80px;
	line-height: 80px;
	width: 215px;
	text-align: center;
	border: 1px solid #1f4c76;
	box-sizing: border-box;
	font-size: 23px;
	color: #1f4c76;
	cursor: pointer;
}

.sec1 .info ul li+li {
	margin-left: 25px;
}

.sec1 .info ul li.active {
	background: #1f4c76;
	color: #fff;
}


.sec1 .info .desc {
	margin: 40px 0;
	height: 230px;
}

.sec1 .info .desc span{
	display: inline-block;
	font-size: 16px;
	color: #666;
	line-height: 28px;
	
}

.sec1 .number_box {
	margin-top: 10px;
	display: block;
}

.sec1 .num_box {
	float: left;
	text-align: center;
	position: relative;
}

.sec1 .num_box:nth-of-type(1) {
	width: 23%;
}

.sec1 .num_box:nth-of-type(2) {
	width: 31%;
}

.sec1 .num_box:nth-of-type(3) {
	width: 23%;
}

.sec1 .num_box:nth-of-type(4) {
	width: 23%;
}

.sec1 .num_box+.num_box::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 1px;
	background: #ccc;
}

.sec1 .num_box p {
	color: #666;
	font-size: 18px;
}

.sec1 .num_box p>span {
	color: #1f4c76;
	font-size: 48px;
	font-weight: bold;
}

.sec1 .num_box>span {
	color: #666;
	font-size: 18px
}

.sec1 .video_box {
	width: 50%;
}

.sec1 .video {
	position: relative;
	overflow: hidden;
}

.sec1 .video:hover img {
	transform: scale(1.1);
}

.sec1 .video_box img {
	width: 100%;
	cursor: pointer;
	overflow: hidden;
	transition: .6s;
}

.sec1 .video_box img:hover~i,
.sec1 .video_box i:hover {
	opacity: .7;
}

.sec1 .video_box i {
	display: block;
	background: url(../images/video_open.png) no-repeat;
	height: 81px;
	width: 126px;
	background-size: 126px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -63px;
	margin-top: -40px;
	transition: .3s;
	cursor: pointer;
}

.layui-layer-video video {
	width: 100%;
}

/* **** sec1 end **** */


/**/
.g-chara{clear: both;overflow: hidden; font-family:"Microsoft Yahei";position: relative;padding:68px 0 0;}
.g-chara .tit01{height:120px;}
.g-chara .tit01 p{background:url(../images/chara-t.png) no-repeat center top; }
.chara li {width:335px;float: left; margin-right: 17px;margin-bottom: 37px;position: relative;}
.chara li:nth-child(4){margin-right: 0;}
.chara li em{width:100%;max-height:320px; display:block;overflow: hidden;position: relative;z-index: 1;}
.chara li em img{width:100%;display: block;-webkit-transition: 0.35s;-moz-transition:0.35s;transition: 0.35s; height:223px;}
.chara li h4{width: 125px;height: 42px;line-height: 42px;text-align: center;font-weight: normal; font-size: 24px;color: #fff;position: absolute;left:0px;top:0;z-index: 1;background:#cc1720;}
.chara li p{font-size: 16px;color: #666666;line-height: 24px;padding:20px 25px 0;background:#fff;box-shadow: 3px 0 7px rgba(192, 192, 192, 0.35);height: 134px;box-sizing: border-box;}
.chara li p b{color: #cc1720;}

@media screen and (max-width:1680px) {
  .chara li {width:383px;margin-right: 25px; }
}


.jsbk{width:1200px;margin:25px auto;overflow:hidden; clear:both;}
.jsbk h3{width:180px;text-align:left; float:left;color:#333;font-size:24px;padding-top:35px;}
.jsbk h3 a{color:#333;}
.jsbk h3 i{display:block;height:24px;line-height:24px;font-size:16px;color:#adadad; font-weight:normal;}
.jsbk-con{width:1020px;float:left;}
.jsbk-con li{line-height: 35px; height: 35px; display: block;  }
.jsbk-con li p{float:left;width:490px;margin-right:40px;}
.jsbk-con li p:nth-child(2n){margin-right:0;}
.jsbk-con li a{font-size: 15px;color:#000000;text-decoration: none;  overflow: hidden; text-overflow: ellipsis;white-space:nowrap;}
.jsbk-con li span{height: 35px;display:block;  line-height: 35px;font-size: 14px; color: #aaaaaa;float:right;}
.jsbk-con li a:hover{font-weight: bold;}


.cjwt{width:1200px;margin:25px auto;overflow:hidden; clear:both;}
.cjwt h3{width:180px;text-align:left; float:left;color:#333;font-size:24px;padding-top:35px;}
.cjwt h3 a{color:#333;}
.cjwt h3 i{display:block;height:24px;line-height:24px;font-size:16px;color:#adadad; font-weight:normal;}
.cjwt-con{width:1020px;float:left;}
.cjwt-con li{line-height: 35px; height: 35px; display: block;  }
.cjwt-con li p{float:left;width:490px;margin-right:40px;}
.cjwt-con li p:nth-child(2n){margin-right:0;}
.cjwt-con li a{font-size: 15px;color:#000000;text-decoration: none;  overflow: hidden; text-overflow: ellipsis;white-space:nowrap;}
.cjwt-con li span{height: 35px;display:block;  line-height: 35px;font-size: 14px; color: #aaaaaa;float:right;}
.cjwt-con li a:hover{font-weight: bold;}


/* **** sec3 start **** */
.do_item_box {
	width: 18%;
	float: left;
	overflow: hidden;
	position: relative;
	background: #000000;
	transition: .8s;
}

.do_item {
	position: relative;
}

.do_item_box img {
	height: 100%;
	opacity: .5;
	transition: .8s;
}

.do_item_box:hover img {
	transform: scale(1.1);
}


.do_item_box .desc1 {
	position: absolute;
	z-index: 11;
	bottom: 70px;
	left: 45px;
	/* background: rgba(0,0,0,.5); */
	color: #fff;
}

.do_item_box .desc1 p {
	font-size: 26px;
	font-weight: bold;
	position: relative;
	margin-bottom: 20px;
}

.do_item_box .desc1 p::after {
	content: "";
	position: absolute;
	display: block;
	top: 45px;
	left: 0;
	height: 2px;
	width: 51px;
	background: #FFFFFF;
}

.do_item_box .desc1 a {
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;

}

.do_item_box .desc2 {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .7);
	height: 200px;
	width: 100%;
	box-sizing: border-box;
	padding: 50px 55px;
	color: #fff;
}

.do_item_box .desc2 .wz {
	float: left;
	width: calc(100% - 150px);
	box-sizing: border-box;
	padding-right: 20px;
}

.do_item_box .desc2 .wz p {
	font-size: 26px;
	font-weight: bold;
	padding-bottom: 15px;
}

.do_item_box .desc2 .wz p>span {
	text-transform: uppercase;
	padding-left: 5px;
	font-size: 16px;
	font-family: Arial;
	font-weight: 400;
}

.do_item_box .desc2 .wz>span {
	font-size: 18px;
	line-height: 28px;
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: 56px;
}

.do_item_box .desc2 a {
	float: left;
	display: block;
	width: 150px;
	height: 60px;
	line-height: 60px;
	background: #e50012;
	color: #fff !important;
	text-align: center;
	font-size: 16px;
	margin-top: 35px;
}


.do_item_box.active {
	width: 46%;
}

.do_item_box.active img {
	opacity: 1;
}

.do_item_box.active .desc1 {
	display: none;
}

.do_item_box.active .desc2 {
	display: block;
}


/* **** sec3 end **** */



.yybj{ height: 534px;padding-top: 95px; background:url(../images/yybg.jpg) no-repeat center top;  box-sizing: border-box;  font-family:"Microsoft Yahei"; }
.yy dl{}
.yy dl dt{position: relative;margin-top: 20px; width: 570px; height: 370px; float: right; padding:10px;box-sizing: border-box;}
.yy dl dt img{width: 550px; height: 350px;  display: block;}
.yy dl dd{width: 500px;  float: left;position:relative;}
.yy dl dd h3{ font-size: 30px; color: #333333; font-weight: normal; margin-bottom: 30px;}
.yy dl dd h3 b{ font-size: 40px; color: #e02514; font-weight: bold; display: block;}

.yy .yy_desc{height: 175px; }
.yy .yy_desc h4{height: 40px;line-height: 40px;border:1px  solid #e02514;width: 320px;background: #fff; font-weight: normal;margin-bottom: 20px;}
.yy .yy_desc h4 i{display: block;width: 160px;float:left;color: #e02514; text-align: center; font-size: 15px;}
.yy .yy_desc h4 i.cur{background: #e02514; color: #fff;}
.yy .yy_desc  p{line-height: 26px; font-size: 14px; color: #666666;}

.zz{height: auto;background:#fff;  box-sizing: border-box;  font-family:"Microsoft Yahei";}
.zz ul{width: 1200px;height: 120px; position: relative;}
.zz li{ width:150px;padding:0px 0px 0 0px;box-sizing: border-box; overflow: hidden; float: left; text-align: left; position: relative; }
.zz li em{display: block; position: relative;}
.zz li em b{font-size: 50px; color: #252525; font-family: "Impact","Arial";font-weight: bold;display: block;}
.zz li em i{ font-size: 16px; color: #666666; line-height: 34px; background:none; height: 34px;display: block; position: absolute;bottom:5px; left: 50%;}
.zz h5{font-size:16px; color: #666666; text-align: left; font-weight: normal;padding-left: 3px;}

.zz li:nth-child(1){width: 188px; }
.zz li:nth-child(1) em i{margin-left: 22px;}
.zz li:nth-child(2){width: 132px; }
.zz li:nth-child(2) em i{margin-left: -0px;}
.zz li:nth-child(3){width: 168px; }
.zz li:nth-child(3) em i{margin-left: -0px;}
.zz li:nth-child(4){width: 108px; }
.zz li:nth-child(4) em i{margin-left: 8px;}
/**/
.pro_bj{ height: 1024px; overflow: hidden; background: url(../images/probg.jpg) repeat-y center top; padding-top:68px; padding-bottom:20px; box-sizing: border-box; font-family: "Microsoft YaHei"; }
.pro_bj h2{margin-bottom: 20px;}
.pro{padding-bottom:10px;}
.cp_nav{ width: 1400px;clear: both;  box-sizing: border-box;margin-bottom: 12px;}
.cp_nav h3{height: 75px;width: 100%;}
.cp_nav h3 em{width: 24.8%;height: 75px; float: left; border-left:1px #fff solid; font-weight: normal; position: relative;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;background: #404040;}
.cp_nav h3 em a{height: 75px; line-height: 75px; text-align:center; font-size: 18px; color: #fff;position: relative; display: block; box-sizing: border-box;  text-decoration: none; }
.cp_nav h3 em:after{content: "";position: absolute; bottom:-9px;left:50%;margin-left: -13.5px; width:27px;height:9px; display: none; }
.cp_nav h3 em:hover{ cursor:pointer}

.cp_nav h3 div{ display:inline-block; width:25%; margin:0 auto; text-align:center;height: 75px; border-left:1px #fff solid; font-weight: normal; position: relative;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;background: #404040;}
.cp_nav h3 div a{height: 75px; line-height: 75px; text-align:center; font-size: 18px; color: #fff;position: relative; display: block; box-sizing: border-box;  text-decoration: none; }
.cp_nav h3 div:after{content: "";position: absolute; bottom:-9px;left:50%;margin-left: -13.5px; width:27px;height:9px; display: none; }
.cp_nav h3 div:hover{ cursor:pointer;background: #1f4c76;
    color: #fff;}

.cp_nav h3 em.cur{background: #1f4c76;color: #fff;}
.cp_nav h3 em.cur a{color: #fff;}
.cp_nav h3 em.cur:after{ display: block;}
.cp_nav ul{background: #fff;border:0px solid #dcdcdc; clear: both;overflow: hidden;width: 100%;padding:15px 25px; box-sizing: border-box;}
.cp_nav li a{line-height:30px; text-align: left; font-size: 16px; color: #666666;position: relative; display: block;padding-left: 20px;text-decoration: none; width: auto;padding-right: 20px; float: left;}

.pro_ad{width: 579px;height: 720px;position: relative; float: left;}
.pro_l{position: absolute;right:58px;bottom:52px;background: url(../images/cp_l.gif) no-repeat;width:58px; height: 61px;z-index: 2;}
.pro_r{position: absolute;right:0;bottom:52px;background: url(../images/cp_r.gif) no-repeat;width:58px; height: 61px;z-index: 2;}
.pro_ad h5{width:579px;left:50%;margin-left:0px;position:absolute;z-index:1;bottom:5px;overflow:hidden;}
.pro_ad h5 em{float:left;margin:0 15px;cursor:pointer;width:15px;height:15px;background:#1b1b1b;border-radius: 100%; display: block;}
.pro_ad h5 .cur{background:#e62129;}
.pro_ad dl{width: 579px; height: 810px;position: relative;}
.pro_ad dt{width: 579px;height: 810px;overflow: hidden;}
.pro_ad dt img{width: 100%;display: block;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.pro_ad dd{position: absolute; left:40px;top:45px;height:120px;text-align: left;}
.pro_ad dd h3{font-size: 35px; color: #020202; overflow: hidden;  font-weight: bold; white-space: nowrap;}
.pro_ad dd h3 a{color: #020202;}
.pro_ad dd:before{content:'';position:absolute;height:4px;width:26px;background:#c92a30;bottom:0;left:0px;}
.pro_ad dd p{font-size: 18px; color: #666666; line-height: 48px; height: 48px;}
.pro_ad dd p i{padding-right: 5px;}

.pro_nr{width: 810px; float: right; position: relative;}
.pro_nr ul{width: 810px;}
.pro_nr li{width: 400px;margin-right: 6px;margin-bottom: 10px; float: left; position: relative; overflow: hidden; }
.pro_nr li a{ text-decoration: none; }
.pro_nr li img{width: 398px; height: 305px; display: block;border: 1px solid #aeaeae;}
.pro_nr li span{font-size: 16px; color: #333333; text-align: center; display:block; height:44px;width: 100%; overflow: hidden;  white-space: nowrap;line-height:44px; background:rgb(174,174,174);}
.pro_nr li span a{color: #333333;}
.pro_nr li:nth-child(2n){margin-right: 0;}
.cp_more{width: 500px;height: 58px; line-height: 54px;margin:30px auto;background: url(../images/cp_more.jpg) no-repeat;font-size: 18px;color: #444444;padding-left: 229px;box-sizing: border-box; display: block;}

/**/

.fwbj{ height:840px; overflow:hidden;width: 100%;max-width: 1920px;margin:0 auto 0;background: url(../images/fwtitbg.jpg) no-repeat center top;padding-top: 70px;}
.fwbj h2{margin-bottom: 35px;}
.serv_c{width: 100%;height: 699px;overflow: hidden;}
.serv_c ul{width: 100%;height: 699px;}
.serv_c li{width:17.8125%;float: left;position: relative;cursor:pointer;height: 699px;line-height:30px;font-size: 16px; border-right:2px solid #fff; box-sizing:border-box;overflow: hidden;}
.serv_c li:last-child{margin: 0;}
.serv_c li img{display: block;}
.mo{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;background:rgba(0,0,0,0.2);}

.shu2{padding:0 11%; height: 160px;position: absolute;left:0;bottom: 0;width: 100%;}
.shu2 h3{ font:30px "Microsoft YaHei UI"; text-align:left; color:#fff; font-weight: bold; margin:0px 0 0; background: url(../images/fwico.png) no-repeat left bottom;padding-bottom: 18px;}
.shu2 h3 em{ display:block; font:14px "Microsoft YaHei UI"; opacity:0.7; letter-spacing:2px;}

.hav{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;}
.bock{position: absolute;left: 0; bottom:-195px;width:100%;height:100%;text-align: left;color: #fff;box-sizing: border-box; height:195px; background:rgba(0,0,0,0.77);padding:0 11%;opacity: 0;}
.bock h3{ font:30px "Microsoft YaHei UI"; text-align:left; color:#fff; font-weight: bold; margin:30px 0 0; padding-bottom: 18px;}
.bock h3 em{ font:14px "Microsoft YaHei UI"; opacity:0.7; letter-spacing:2px; text-transform: uppercase;}
.bock p{width: 70%; float: left;font-size: 17px; line-height: 28px;max-height: 84px;overflow: hidden;}
.bock .zx{display: block;width: 112px; height: 34px; line-height: 34px; color: #fff; border-radius: 2px;color: #fff; font-size: 17px; float: right;background: #ea0e0e; text-align: center;}


.serv_c li.cur{width: 46.5625%;}
.serv_c li.cur .shu2{opacity: 0;}
.serv_c li.cur .bock{opacity: 1;bottom: 0;}

@media (min-width: 1200px) and (max-width: 1366px) {

}


/**/
.g-super{ height: auto;background:#fff;padding:68px 0 0; box-sizing: border-box; font-family: "Microsoft YaHei";}
.g-super .tit01{height:122px;}
.g-super .tit01 p{background:url(../images/super-t.png) no-repeat center top; }
.super{position: relative;}
.super-nav{width: 100%; box-shadow: 4px 0 24px rgba(156, 156, 156, .35); height:312px;}
.super-nav dl {width:295px;height:312px;box-sizing: border-box;float: left; padding:40px 40px 0;background:#fff; position: relative;z-index: 1;}
.super-nav dl:nth-child(4){ padding:40px 20px 0; }
.super-nav dl:nth-child(4) dt{ margin-bottom:20px;}
.super-nav dl::before{content: ""; width: 3px;height:270px;background: url(../images/super-line.gif) no-repeat;position: absolute; bottom:0px;right:0;}
.super-nav dl::after{content: ""; width: 0%;height:4px;background: #cc1720;position: absolute; bottom:0px;left:50%;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.super-nav dl:last-child::before{background: none;}
.super-nav dt{font-size: 22px;color: #000000;font-weight: bold;line-height: 40px;margin-bottom: 50px;}
.super-nav dt em{display: block;font-size: 48px;color: #d0d0d0; font-family: Arial, Helvetica, sans-serif;}
.super-nav dd p{color: #666666;font-size: 14px;line-height: 24px;}
.super-nav dd ul{display: none;margin-top: 2.5vw; clear: both;overflow: hidden;}
.super-nav dd li{float: left;width: 50%;position: relative;box-sizing: border-box;}
.super-nav dd li:nth-child(1):after{content: ""; width: 1px;height:58px;background: #e6e6e6;position: absolute; top:15px;right:0;}
.super-nav dd li:nth-child(2){padding-left: 3.5vw;}
.super-nav dd li span{display: block; font-size: 18px;color: #000000;}
.super-nav dd li span b{font-size: 48px;color: #cc1720;}
.super-nav dd li p{font-size: 18px;line-height: 32px;}
.super-nav dl.cur {height: 372px; width: 515px;margin-top: -60px;}
.super-nav dl.cur dt{font-size: 30px;margin-bottom:20px;}
.super-nav dl.cur dd p{font-size: 16px;}
.super-nav dl.cur dd ul{display: block;}
.super-nav dl.cur::after{width: 100%;}

.super-nr{position: relative;max-height:526px;overflow: hidden;background:#fff;}
.super-nr img{width:100%;display:block;}


@media screen and (max-width:1680px) {
  .super-nav dl {width:275px;padding:40px 30px 0;}
  .super-nav dl.cur { width: 375px;}
  .super-nav dl.cur dd p{font-size: 14px;}
  .super-nav dd li span b{font-size: 40px;}
  .super-nav dd li p{font-size: 14px;}
  .super-nav dd li:nth-child(2){padding-left: 1.5vw;}

}



        .search{height:68px;background:#fff;overflow: hidden;font-size: 14px;font-family:"Microsoft Yahei";border-bottom: 1px solid #ededed;margin-bottom: 1px;}
        .keywords{ font-weight: normal;line-height: 68px; width: 720px; overflow: hidden; float: left;}
        .keywords b{height:68px; display: inline-block; color: #333333; font-weight: bold; font-size:15px;margin-right: 10px; }
        .keywords a{color: #333;line-height:68px;padding-right:30px; font-size: 15px;}
        .sea{overflow: hidden; float: right;margin-top:15px; background: url(images/s.png) no-repeat;height:40px;width:361px; }
        .inp01{border-style: none;  float:left;color: #939393; width:310px; height: 39px;font-family:"Microsoft Yahei"; font-size: 14px; background:none;  line-height: 39px;box-sizing: border-box;padding-left: 20px;}
        .inp02{border-style: none;cursor: pointer;height:40px;width:50px; display: inline-block; color: #fff;background: none;}
        .keywords a:hover{font-weight:bold;color:#0a3e6b;}
    

/**/
.ysbj{ height: 1082px; border-bottom: 1px solid #e5e5e5; background:#fff; overflow: hidden; font-family:"Microsoft Yahei";box-sizing: border-box;  max-width: 1920px;margin:0 auto;padding-top: 115px;}
.ysbj h2{margin-bottom: 32px;}
.ys{width: 100%;position: relative;}
.ys dl{ height:830px; position:relative;}
.ys dt{ width:1200px; height:670px;  position: relative;}
.ys dt img{ display:block;width:1920px; height:670px;margin-left:-360px; }
.ys dd{height: 158px; padding-top: 50px; box-sizing: border-box; position: relative;}
.ys dd h3{font:28px "Microsoft YaHei"; color:#1a1a1a; line-height: 40px; background:url(../images/ys_line.gif) no-repeat right center; position: relative;width: 310px; text-align: center; float: left;}
.ys dd h3 b{color: #ea0e0e; display: block; font-weight: bold;}
.ys dd p{width: 838px;padding-right: 35px; font:15px "Microsoft YaHei"; line-height:28px; position:relative; color:rgba(25,27,31,0.9); float: right;margin-top: 12px;}
.ys_nav{width: 1200px;left:50%;position: absolute;top:552px;margin-left:-600px;}
.ys_nav li{width: 292px;background: #f5f5f5;margin-right: 10px;height: 122px; float: left;overflow: hidden;cursor: pointer;}
.ys_nav li:last-child{margin-right: 0;}
.ys_nav li em{font-size: 26px; color: #666666; height: 122px; display: block; text-align: center;padding-top: 32px; box-sizing: border-box;}
.ys_nav li em i{display: block;font-size: 9px;line-height: 28px; color: #999999;}
.ys_nav li img{width: 270px;height: 103px; display: block;margin:0 auto;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;opacity: 0;}
.ys_nav li a{text-decoration:none;}
.ys_nav li.cur{background: #ea0e0e; color: #fff;height: 224px;margin-top: -102px;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.ys_nav li.cur em{height: 110px;}
.ys_nav li.cur em,.ys_nav li.cur em i{color: #fff;}
.ys_nav li.cur img{opacity: 1;}

.ys dl img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.ys dl img:hover{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);}

/**/
.jcbj{ height: 1094px;background:#fff; overflow: hidden; font-family:"Microsoft Yahei";box-sizing: border-box;  max-width: 1920px;margin:0 auto;padding-top: 75px;}
.jcbj h2{margin-bottom: 32px;}

.jc_nav{width: 100%; height:90px;background: url(https://www.matsuga.com.cn//resource/images/2e39dbf913864792be0d4f2607a0dcf4_6.jpg) no-repeat center top;padding-top: 370px;}
.jc_nav .jc_tit{width: 1200px; margin:0 auto;height: 90px; background: rgba(38,39,41,0.8);}
.jc_nav li{width: 246px;margin-right: 40px;height: 90px; float: left;text-align: center;cursor: pointer; font-size: 26px; color: #fff;padding-top: 20px;box-sizing: border-box;position: relative;z-index: 3;}
.jc_nav li:after{content:'';position:absolute;height:0;width:0;left:50%;bottom:-22px;margin-left: -27px;border-top:22px  solid #ea0e0e;border-left:27px solid rgba(0,0,0,0);border-right:27px solid rgba(0,0,0,0);opacity: 0;}
.jc_nav li a{color: #fff;text-decoration:none;}
.jc_nav li i{color: #fff;opacity: 0.5;line-height: 25px;display: block; font-size: 12px;text-transform: uppercase;}
.jc_nav span{float: right;margin-top: 28px;margin-right: 50px; width: 101px;height: 34px; line-height: 34px;text-align: center; border:1px solid #fff; color: #fff; display: block;}
.jc_nav span a{color: #fff;}

.jc_nav li.cur{background: #ea0e0e;}
.jc_nav li.cur:after{opacity: 1;}


.jc{width:1200px;margin:0 auto;}
.jc1{height: 432px;padding:40px 25px 0 47px; box-sizing: border-box;background: #f7f7f7;}
.jc1 dl{position:relative; clear: both;overflow: hidden;height: 220px;}
.jc1 dd{width: 542px; padding-top: 15px; box-sizing: border-box; position: relative; float:left;}
.jc1 dd h3{font:36px "Microsoft YaHei"; color:#262729; line-height: 62px;margin-bottom: 10px; }
.jc1 dd h3 b{color: #262729;  font-weight: bold;margin-left: 10px;}
.jc1 dd p{font:15px "Microsoft YaHei"; line-height:26px; position:relative; color:#262729;text-align: justify; }
.jc1 dd p a{display: block;color: #ea0e0e;}
.jc1 dt{width: 524px;float: right;}
.sb_nr{}
.sb_nr li{width: 170px;margin-right: 8px;float: left; position: relative; overflow: hidden; }
.sb_nr li a{ text-decoration: none; }
.sb_nr li img{width: 170px; height: 170px; display: block;}
.sb_nr li em{font-size: 15px; color: #666666; text-align: center; height:35px;width: 100%; overflow: hidden;  white-space: nowrap;line-height:35px;display: block;text-overflow:ellipsis;}
.jc_lc{}
.jc_lc h4{height: 45px;line-height: 45px;color: #262729; font-size: 17px; font-weight: bold;}
.jc_lc ul{background: url(../images/jclcbg.gif) no-repeat;height: 86px;}
.jc_lc ul li{width: 369px; float: left;height: 86px; text-align: center; font-size: 15px;color: #fff;padding-top: 15px; box-sizing: border-box;}
.jc_lc ul li b{font-size: 17px; color: #fff;font-weight: bold;display: block; line-height: 32px;}

.xc_nr{}
.xc_nr li{width: 252px;margin-right: 30px;float: left; position: relative; overflow: hidden; }
.xc_nr li a{ text-decoration: none; }
.xc_nr li img{width: 100%; display: block;}
.xc_nr li em{font-size: 15px; color: #666666; text-align: center; height:35px;width: 100%; overflow: hidden;  white-space: nowrap;line-height:35px;display: block;}


/**/
.casebj{ height:886px; background:#fff; padding-top:75px; overflow: hidden; font-family:"Microsoft Yahei";box-sizing: border-box; position: relative;max-width: 1920px; }
.casebj h2{ margin-bottom: 25px; }
.case{width: 1200px;margin:0 auto;}
.casetit{height: 53px;background: #dfdfdf;}
.casetit li{ font-size:20px; color: #1e1e1e;width: 250px;text-align: left;border-right:1px solid #cdcdcd; float: left; box-sizing: border-box; line-height: 53px;}
.casetit li em{display: block;width: 30px; height: 30px; overflow: hidden; position: relative; float: left;margin:10px 10px 0 42px; }
.casetit li em img{height: 30px; display: block;position: absolute;top:0;left:0;}
.casetit li a{color: #1e1e1e; text-decoration: none; }

.casetit span{float: right;margin-right: 35px; width: 101px;height: 53px; line-height: 53px;text-align: right; color: #1e1e1e; display: block;}
.casetit span a{color: #1e1e1e;}

.casetit li.cur,.casetit li:hover{ color: #fff; font-weight: normal;background: #000;}
.casetit li.cur a,.casetit li:hover a{ color: #fff; }
.casetit li.cur em img,.casetit li:hover em img{left:-30px;}

.m_case {width:1200px;border:1px solid #dddddd; height:547px; position: relative;box-sizing: border-box;}
.case_l{position: absolute;left:-92px;top:35%;background: url(../images/case_l.png) no-repeat;width:50px; height: 50px; z-index: 2;}
.case_r{position: absolute;right:-92px;top:35%;background: url(../images/case_r.png) no-repeat;width: 50px; height: 50px;z-index: 2;}
.m_case .case_nr{width: 1199px;overflow: hidden;}

.m_case  dl{width:350px;padding:25px 24px 25px 25px;border-right: 1px solid #dddddd; }
.m_case  dl dt{width: 350px;height: 391px; }
.m_case  dl dt img{width: 350px;height: 350px; display: block;}
.m_case  dl dt h4{height: 41px; width: 100%; line-height:41px; font-weight: normal;background: url(../images/case_h4.jpg) no-repeat center bottom;color: #fff;}
.m_case  dl dt h4 i{width: 18%;float: right; text-align: center; }
.m_case  dl dt h4 em{color: #fff; display: block;width: 75%; float: left;padding-left: 20px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;box-sizing: border-box; font-size: 18px;}
.m_case  dl dd{width: 350px;padding:15px 0 0; text-align: center;}
.m_case  dl dd b{display: block;font-size: 16px;color: #000000; line-height: 30px;}
.m_case  dl dd p{ line-height: 26px;font-size:16px;color: #666666;text-align: center;}




/**/
.g-news{height:803px; padding:60px 0 0;background: url(../images/newsbg.jpg) no-repeat center top; overflow: hidden;clear: both; font-family:"Microsoft Yahei";box-sizing: border-box;}
.g-news .tit01{ height:130px;}
.news{position: relative;}
.news-nav,.news-nav2{height:35px;text-align: left;margin-bottom: 25px;}
.news-nav h3,.news-nav2 h3{display: inline-block;}
.news-nav h3 a,.news-nav2 h3 a{display: inline-block;font-weight: normal;vertical-align: top;height: 35px;line-height: 35px;font-size: 20px;color: #000000;box-sizing: border-box;margin-right: 20px;position: relative;}
.news-nav span,.news-nav2 span{display: block;float: right;height: 35px;line-height: 35px; font-size: 16px;color: rgba(51, 51, 51, 0.8);}
.news-nav h3 a.cur{font-weight: bold;color: #12416f;}

.news1{width:47%; float: left;overflow: hidden;}
.news1 .news-nav{background: url(../images/news-line1.png) no-repeat 10vw center;}
.news-c dl{width:100%;padding-bottom: 20px;margin-bottom: 10px; border-bottom: 1px solid #e9ebf2;}
.news-c dt{max-height: 202px; overflow: hidden;background:#db0d00;}
.news-c dt span{display: block;width: 25.6%;height: 10vw;float: left;font-size: 20px;color: #fff;padding:1.875vw 0 0 1.45vw;box-sizing: border-box;}
.news-c dt span b{display: block;font-size: 40px;color: #fff;font-weight: normal;}
.news-c dt a{display: block;float: right;width: 74.4%;}
.news-c dt img{width:100%;display: block; float: left; transition: all 0.5s;}
.news-c dd{padding-top: 23px;box-sizing: border-box;}
.news-c dd h4 em{display: block;font-size: 16px;color: #009b4d;border:1px solid #009b4d;border-radius: 2px; box-sizing: border-box; line-height: 26px;width:50px;height:26px;line-height: 26px;text-align: center; float: left;margin-right: 10px;}
.news-c dd h4{font-size: 22px;color: #333333;line-height: 28px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: bold;margin-bottom: 10px;}
.news-c dd h4 a{color: #333333;}
.news-c dd p{font-size: 15px;color: #666666;line-height: 24px;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow: hidden; text-overflow: ellipsis;}
.news-c li{height: 36px;line-height: 36px;font-size: 16px;color: #666666;font-weight: normal;position: relative;padding:0 12px 0 23px;position: relative;}
.news-c li span{float: right;font-size: 15px;color: #666;opacity: 0.5;}
.news-c li a{color: #666666;}
.news-c li::before{content: ""; width:10px;height:9px;background: url(../images/news-ico.png) no-repeat;position: absolute; top:15px;left:0px;border-radius: 100%;}
.news-c dd h4 a:hover,.news-c li:hover a{color: #12416f;}
.news-c li:hover::before{background:#12416f;}
.news-c li:hover::after{color: #12416f;}

.news2{width:50%;overflow: hidden;float: right;}
.news2 .news-nav2{background: url(../images/news-line2.png) no-repeat 4.5vw center;}
.news2-con{height: 498px;overflow: hidden;}
.news2-c dl{width:100%;height: 150px; border-bottom:1px solid #e9e9e9;}
.news2-c dt{width: 32%;float: left;;}
.news2-c dt img{width:100%;display:block;}
.news2-c dd{width: 63.8%;float: right;;}
.news2-c dd h4{font-size: 18px; font-weight: bold;margin: 10px 0; height: 32px; line-height: 32px;color:#333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.news2-c dd h4 a{ color:#333333;}
.news2-c dd p{overflow: hidden;font-size: 15px; line-height: 25px; color:#666666;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow: hidden; text-overflow: ellipsis;}

.news2-c dl:hover dd h4 a{color: #12416f;}


@media screen and (max-width:1420px) {
  .news-nav span,.news-nav2 span{background: #fff;}
  .news1 .news-nav{background: url(../images/news-line1.png) no-repeat 14vw center;}
  .news2 .news-nav{background: url(../images/news-line2.png) no-repeat 6.5vw center;}
  .news2-c dd{width: 57.8%;float: right;}
}

/**/
.g-about{background:#fff;font-family:"Microsoft Yahei";box-sizing: border-box; overflow: hidden;position: relative;}
.about-img img{width: 100%;display: block;}
.about{width:100%;position: absolute;left:0;top:2.5vw; box-sizing: border-box;}
.about .tit01{height: 115px;}
/*.about .tit01 h2 a,.about .tit01 p{color: #333333;}*/
.abt-desc{width: 1182px;margin:0 auto 2vw; font-size: 16px;color: #666;line-height: 25px;text-align: center;}
.abt-btn{width: 10.2vw;height: 2.5vw;line-height: 2.5vw;text-align: center;color: #fff;font-size: 14px;display: block;margin:0 auto;background:#db0d00;}

/**/
.g-show{height:auto;position: relative;margin-bottom:85px;padding-top:24px;}
.show{ position: relative;margin:0 auto;}
.show-nav{height:48px;margin-bottom:30px;text-align: center;}
.show-nav a{display: inline-block;padding:0 65px; font-size: 18px;line-height: 48px;text-align: center;border: 1px solid #dcdcdc; color: #222324; font-weight: normal;position: relative;}
.show-nav a.cur,.show-nav a:hover{background:#12416f;color: #fff;border-color: #12416f;}
.show-prev{width:22px;height:40px;position: absolute;left:-45px;top:50%;margin-top:-20px;background: url(../images/show-prev.png) no-repeat;}
.show-next{width:22px;height:40px;position: absolute;right:-45px;top:50%;margin-top:-20px;background:url(../images/show-next.png) no-repeat;}
.show-content{display: none;position: relative;}
.show-con{overflow: hidden;}
.show-content li{ width:19.21%; position:relative;margin-right:13px; float: left; overflow: hidden;}
.show-content li img{ display:block;width:100%; }
.show-content li h4{background: rgba(18, 65, 111, 0.8); font-size:16px;font-weight: normal; line-height:normal; color:#fff; text-align: center;  overflow:hidden;padding:100px 5% 0;box-sizing: border-box;width:100%;height: 100%; position: absolute;left:0;top:-100%;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.show-content li a{ text-decoration: none; }
.show-content li img{-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.show-content li:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
.show-content li:hover h4{top:0px;}

.show-content.on{display: block;}
.show-content.on .show-prev,.show-content.on .show-next{z-index: 3;}

/*友情链接*/
.link{height:0;line-height:27px;position: relative;z-index: 9;margin: 0 auto;font-size: 14px;color:rgba(255, 255, 255, 0.77);}
.link_c{width:1050px;position: absolute;left: 0;top: -115px;text-align: left;color:rgba(255, 255, 255, 0.77);}
.link a{display: inline-block;color:rgba(255, 255, 255, 0.77);padding-left:25px;}


.ft-beian{text-align: right !important;}


@media screen and (max-width:1420px) {
  .link{width: 1200px;}
}


/**/
.hz_bj{height:592px; background: #f7f7f7;padding-top: 80px; box-sizing: border-box; font-family: "Microsoft YaHei";position: relative;}
.hz_bj h2{ margin-bottom: 35px; }
.hz{width: 1200px;margin:0 auto; position: relative;}
.hz li{width: 300px;float: left;cursor: pointer;}
.hz li img{width: 298px; height: 148px;display: block;border:1px solid #f1f1f1;}
.t1{width:358px;height: 238px; display: block;position: absolute;left:50%;top:-114px;margin-left: -950px; }
.t2{width:306px;height: 410px; display: block;position: absolute;left:50%;bottom:-64px;margin-left: 664px; }
.hz li:hover img{opacity: 0.8;}

/**/
.nswsbj{ height: 992px; box-sizing: border-box; background:#fff; padding-top:78px; overflow: hidden; font-family:"Microsoft Yahei";}
.nswsbj h2{ margin-bottom: 42px;}
.nswsbj .content{border-top:1px solid #dedede; clear: both;}
.news{position: relative;}
.news:after{content:'';position:absolute;height:3px;width:84px;left:0;top:-2px;background: #e50012;}
.news .newstit{height:36px;padding-top: 20px; margin-bottom: 10px;}
.news .newstit i{color:#444444;height: 36px;line-height: 36px;display: inline-block; font-weight: normal;text-decoration: none;width:220px;position: relative;}
.news .newstit i a{ text-decoration: none; font-size: 22px; display: inline-block;height:36px;line-height: 36px; color:#444444; line-height:22px; font-weight: normal;}
.news .newstit span{font-weight: normal; font-size: 14px;line-height: 36px; overflow: hidden; height: 25px;text-align: right;}
.news .newstit span a{color: #e50f19; }

.news_nr{}
.news_c dl{width:600px; overflow: hidden; float: left;height:471px;}
.news_c dt{ width:600px;height:300px; position: relative; overflow: hidden;}
.news_c dt img{width:600px;height:300px; display: block;}
.news_c dd{padding-top: 23px; width:600px; overflow: hidden;box-sizing: border-box; border-bottom: 1px solid #e8e8e8; height: 148px;}
.news_c dd em{ display: inline-block; float: left;margin-right: 15px; height:26px;line-height: 26px;width: 65px; text-align: center; font-size: 16px;color: #ff0000; display:block; font-weight: normal;border:2px solid #ff0000;box-sizing: border-box; }
.news_c dd h3{font-size: 16px; font-weight: bold; height: 26px; line-height: 26px;color:#292929;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 18px; }
.news_c dd h3 a{ color:#333333;}
.news_c dd p{overflow: hidden;font-size: 15px; line-height: 25px; color:#666666;}
.news_c dd p a{ color: #c30101; }
.nswsbj dt img{-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.nswsbj dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.news_nr ul{clear: both; overflow: hidden;padding:0px 0 15px;}
.news_nr li{line-height: 35px; height: 35px; display: block;  }
.news_nr li a{ float:left;font-size: 15px;color:#000000;text-decoration: none;  overflow: hidden; text-overflow: ellipsis;white-space:nowrap;}
.news_nr li span{ float: right; height: 35px;display:block;  line-height: 35px;font-size: 14px; color: #aaaaaa;}
.news_nr li a:hover{font-weight: bold;}


.bk{width:550px;height: 377px;font-family:"Microsoft Yahei"; float: right;position: relative;}
.bk:after{content:'';position:absolute;height:3px;width:84px;left:0;top:-2px;background: #e50012;}
.bk .newstit{height:36px;padding-top: 20px; margin-bottom: 10px;}
.bk .newstit i{color:#444444;height: 36px;line-height: 36px;display: inline-block; font-weight: normal;text-decoration: none;width:220px;position: relative;}
.bk .newstit i a{ text-decoration: none; font-size: 22px; display: inline-block;height:36px;line-height: 36px; color:#444444; line-height:22px; font-weight: normal;}
.bk .newstit span{font-weight: normal; font-size: 14px;line-height: 36px; overflow: hidden; height: 25px;text-align: right;}
.bk .newstit span a{color: #e50f19; }
.bk_c{box-sizing: border-box;}
.bk_c dl{height: 125px;margin-bottom: 17px;background: #f3f3f3;overflow: hidden;}
.bk_c dt{ width:250px; height: 125px; float: left; }
.bk_c dt img{display: block; width:250px; height: 125px;}
.bk_c dd{ padding:26px; box-sizing: border-box; font-size: 14px; color: #333333; width: 300px; float: left; }
.bk_c dd h3{font-size: 16px;height: 34px;line-height: 34px;  font-weight: bold; white-space: nowrap;text-overflow: ellipsis; overflow: hidden; }
.bk_c dd h3 a{ color:#212121;}
.bk_c dd p{overflow: hidden;font-size: 15px; line-height: 24px; color: #868686;  }
.bk_c dd p a{ color: #c30101; }
.bk_c ul{clear: both; overflow: hidden;padding:0px 0 15px;}
.bk_c li{line-height: 35px; height: 35px; display: block;  }
.bk_c li a{ float:left;font-size: 15px;color:#000000;text-decoration: none;  overflow: hidden; text-overflow: ellipsis;white-space:nowrap;}
.bk_c li span{ float: right; height: 35px;display:block;  line-height: 35px;font-size: 14px; color: #aaaaaa;}
.bk_more{display: block; text-align: center; font-size: 15px; color: #666666;text-decoration: underline;}

.wt{border-top:1px solid #dedede;width:550px;height: 325px;font-family:"Microsoft Yahei"; float: right;position: relative;}
.wt:after{content:'';position:absolute;height:3px;width:84px;left:0;top:-2px;background: #e50012;}
.wt .newstit{height:36px;padding-top: 20px; margin-bottom: 10px;}
.wt .newstit i{color:#444444;height: 36px;line-height: 36px;display: inline-block; font-weight: normal;text-decoration: none;width:220px;position: relative;}
.wt .newstit i a{ text-decoration: none; font-size: 22px; display: inline-block;height:36px;line-height: 36px; color:#444444; line-height:22px; font-weight: normal;}
.wt .newstit span{font-weight: normal; font-size: 14px;line-height: 36px; overflow: hidden; height: 25px;text-align: right;}
.wt .newstit span a{color: #e50f19; }
.wt_c{width: 550px;height: 182px;overflow: hidden;}
.wt_c dl{height: 78px;}
.wt_c dt{height: 25px; line-height: 25px; padding-left: 35px;background: url(../images/w.gif) no-repeat left center; font-size: 14px; color: #000; font-weight: bold; margin-bottom: 3px;}
.wt_c dt a{color: #000;}
.wt_c dd{height: 25px; line-height: 25px;padding-left: 35px;background: url(../images/d.gif) no-repeat left center;line-height: 24px; color: #717171;height: 24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-size: 14px;color: #717171;}

/**/
.aboutbj{background:#fff;height: auto;max-width: 1920px;margin:0 auto 30px; font-family:"Microsoft Yahei";box-sizing: border-box; overflow: hidden;padding-bottom:30px; }

.about{}
.about{width:100%;}
.about dt{width: 100%;}
.about dt img{width: 100%;display: block;}

.about dd {width: 1200px;margin:-125px auto 0; height: 155px;box-sizing: border-box; background: #fff;box-shadow: 2px 15px 20px #eeeeee;position: relative;}
.about dd h3{background: #e63837;height: 155px; font-size:32px; color: #fff; font-weight: normal;width: 250px; text-align: center;margin-right: 50px; float: left; line-height: 155px;position: relative;}
.about dd h3:after{content:'';position:absolute;height:0;width:0;top:50%;right:-15px;margin-top: -15px;border-left:15px  solid #e63837;border-top:15px solid rgba(0,0,0,0);border-bottom:15px solid rgba(0,0,0,0);}
.about dd h3 span{display: block; font-size: 13px; color: #000000; font-weight: bold;}
.about dd p{margin-top: 42px; width:650px;font-size: 14px; color: #565656;line-height: 24px; text-align: justify;float: left;margin-right: 50px;}
.about dd em{ display: block; width:170px; height: 40px; line-height: 40px;text-align: center; font-size: 18px; color: #313131;text-decoration: none; text-transform: uppercase; float: left; margin-top: 55px;border:1px solid #dcdcdc;}
.about dd em{transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;}
.about a:hover dd em{transform: translateX(5px);}


/**/
.cutbj{height: 350px;background: #fff;box-sizing: border-box;}
.help_nav{ height: 48px;border: 1px solid #dcdcdc; clear: both;width: 1200px;  margin-bottom: 10px;}
.help_nav ul{width: 1000px; float: left;}
.help_nav li{height: 48px; line-height: 48px;width: 200px;  text-align: center; font-size: 16px; color: #3d3d3d;position: relative; display: block; float: left; border-right:1px solid #dcdcdc;box-sizing: border-box;}
.help_nav li a{color: #3d3d3d; text-decoration: none;}

.help_nav li.cur{background: #eeeeee;-webkit-transition:width .5s;transition:width .5s;}
.help_nav li.cur:after{content:'';position:absolute;height:21px;width:3px;background:#ea0e0e;top:14px;left:-1px;color: #00a0e9; z-index: 1;}
.help_nav span{height: 48px; line-height: 48px;width: 200px;  text-align: center; font-size: 16px; color: #232323;position: relative; display: block;float: right; font-weight: bold;}
.help_nav span a{color: #232323;}

.m_help{ height:228px;width: 1200px; position: relative; }
.xc{width:1200px;  overflow: hidden;}
.xc li{ width:293px; position:relative;margin-right: 10px; float: left; }
.xc li span{width:293px; position:relative;display:block;height:218px;overflow:hidden;}
.xc li img{ display:block;width:291px; height:218px;border:1px solid #eee;box-sizing:border-box;}
.xc li em{height: 220px;background: rgba(0,0,0,0.6);  font:16px "Microsoft YaHei"; line-height:30px; color:#ffffff; overflow:hidden; display: block; text-align: center;  -webkit-transition:width .5s;transition:width .5s;position: absolute;top:-220px;left:0;width: 100%;padding: 98px 65px 0;box-sizing: border-box;}
.xc li h4{height: 40px;font:14px "Microsoft YaHei"; line-height:40px; color:#333; overflow:hidden; display: block; text-align: center; width: 100%;box-sizing: border-box;font-weight:normal;white-space:nowrap;text-overflow:ellipsis;}

.xc li a{ text-decoration: none; }

.xc li.nones{margin-right: 0;}
.xc li:hover em{z-index: 1;top:0;}


/*.xc li img{-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.xc li:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
*/




@-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);
  }
}