@charset "utf-8";
/*end*/
body{overflow-x:hidden;}






/**/
.search01{height: 120px;background: url(../images/sea_bg.png) no-repeat center left;padding-top: 40px;margin-top: -40px;box-sizing: border-box;position: relative;z-index: 50;border-bottom: solid 1px #e5e5e5;}
.search01 h2{ display: block;float: left;font-weight: normal;margin-top: -10px;}
.search01 h2 b{ display: block;font-size: 30px;line-height: 30px;color: #fff;}
.search01 h2 b img{ display:inline-block;margin-left: 54px;vertical-align: middle;width: 36px;height: 6px;}
.search01 h2 span{ display: block;font-size: 20px;line-height: 24px;color: #fff;padding-top: 8px;}
.search01 p{float: left;height: 82px;line-height: 82px;font-size: 16px;color: #111;margin-left: 100px;}
.search01 p b{ font-weight: normal; float:left;}
.search01 p a{color: #111;float: left;margin-right: 12px;}
/**/
.guide{padding:87px 0 110px;background:url(../images/guide.jpg) no-repeat center bottom;}
.gui{width:100%; margin:0 auto;max-width: 1400px;}
.gui .gui-left{width:594px;height:578px; float:left;position: relative;z-index:200;}
.gui .gui-left h2{margin: 28px 0;}
.gui .gui-left h2 span{display: inline-block; height:56px; line-height: 56px; font-size: 45px; color:#333333;padding-right:37px;font-weight: bold;background:url(../images/gui-yy.png) no-repeat right 11px;}
.gui .gui-left h2 em{display: block; height:73px; line-height: 73px;font-size: 55px;color:#244ea4; font-weight: bold;}
.gui .gui-left strong{display: block; line-height: 33px; font-weight: normal;font-size:18px; color:#333333; font-family: "Microsoft YaHei"; margin-bottom: 37px;}
.gui .gui-left .hd{width:330px; height:47px;background:#E1E1E1; margin-bottom: 94px;}
.gui .gui-left .hd ul li{float:left;width:173px;height:47px; text-align: center;cursor: pointer;position: relative;}
.gui .gui-left .hd ul li.jd2{margin-left: -16px;}
.gui .gui-left .hd ul li i{display: block; width:100%; height:47px; line-height:47px;font-size: 16px; color:#666666; font-family: "Arial"; position: relative;z-index:200;}
.gui .gui-left .hd ul li.jd1:before{width:100%;height:47px; background:url(../images/gui-jd1.png) no-repeat center; content:"";position: absolute;left:0;top:0;display: none;}
.gui .gui-left .hd ul li.jd2:before{width:100%;height:47px; background:url(../images/gui-jd2.png) no-repeat center; content:"";position: absolute;right:0;top:0;display: none;}
.gui .gui-left .hd ul li.cur i{color:#FFF;}
.gui .gui-left .hd ul li.jd1.cur:before{display:block;}
.gui .gui-left .hd ul li.jd2.cur:before{display:block;}
.gui .gui-left .gui-sz{width:973px; height:138px; background: #FFF;box-shadow: 0px 0px 10px rgba(0,0,0,0.2);padding-top:24px; box-sizing: border-box;}
.gui .gui-left .gui-sz ul li{float:left; height:83px;border-right:1px solid #eeeeee;}
.gui .gui-left .gui-sz ul li span{display: block;text-align: center;height:56px;}
.gui .gui-left .gui-sz ul li span em{display: inline-block; height:56px; line-height: 56px;font-size: 70px; color:#244ea4;font-family: "Bebas";}
.gui .gui-left .gui-sz ul li span i{display: inline-block; width:17px; height: 17px; background:#E60012;border-radius: 50%; text-align: center; line-height: 17px;font-size: 13px;color:#FFFFFF; vertical-align: bottom;margin:0 0 5px -8px;}
.gui .gui-left .gui-sz ul li p{height:27px;font-size: 16px; line-height: 27px; color:#666;text-align: center;}
.gui .gui-left .gui-sz ul li:last-child{border-right:0;}
.gui .gui-rig{width:786px;overflow: hidden;float:right;}
.gui .gui-rig .gui-con,.gui .gui-rig .gui-con .con{height:100%;}
.gui .gui-rig span{display: block; width:100%;height:100%; line-height: 0; overflow: hidden;}
.gui .gui-rig span img{width: 100%;height:100%; transition: 1s;}
.gui .gui-rig span:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
@media screen and  (min-width:760px) and (max-width:1680px){
    .gui{width:93.3%;}
    .gui .gui-left{width:530px;height:540px;}
    .gui .gui-rig{width:670px;}
}
/**/

/* index-pro */
.index-pro-bg{padding-top:60px; box-sizing: border-box;background: #f5f5f5;}
.index-pro-bg h2{text-align: center; margin-bottom: 35px;}
.index-pro-bg h2 span{display: inline-block; height:68px; line-height: 68px;font-size: 50px; color:#333333;padding:0 21px;position: relative; font-weight: bold;}
.index-pro-bg h2 span:before{width:15px; height:20px; background:url(../images/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:26px;}
.index-pro-bg h2 span:after{width:15px; height:20px; background:url(../images/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:26px;}
.index-pro-bg h2 em{display: block; height:42px; line-height: 42px;font-size: 24px; color:#666666;font-weight: normal;}
.index-pro-bg {
    background-size: cover;
}

.index-pro {
    position: relative;
    padding-bottom: 50px;
}

.m-titbg  ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 40px auto 50px;
    width: 100%;
    height: 90px;
	justify-content: center;
}

.m-titbg ul li {
    position: relative;
    display: inline-block;
    line-height: 50px;
    font-size: 18px;
    padding: 0 35px;
    margin-right: 34px;
    text-align: center;
    overflow: hidden;
    transition: all 0.3s;
	background: #244ea4;
	transform: skewX(-30deg);
}

.m-titbg ul li::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 0;
    height: 100%;
    background-color: #e40011;
    transition: all 0.3s;
}

.m-titbg ul>li.cur::after {
    width: 100%;
}

.m-titbg ul>li.cur>a,
.m-titbg ul>li:hover>a {
    color: #fff;
}

.m-titbgul>li:hover::after {
    width: 100%;
}

.m-titbg ul li>a {
    display: block;
    position: relative;
    z-index: 2;
	color: #fff;
	transform: skewX(30deg);
}

.index-pro #pro-button-next,
.index-pro #pro-button-prev {
    display: block;
    width: 34px;
    height: 34px;
    position: absolute;
    bottom: 32%;
    cursor: pointer;
}

.index-pro .pro-box .pro-button-next,
.index-pro .pro-box .pro-button-prev {
    z-index: 998;
    position: absolute;
    width: 50px !important;
    height: 50px !important;
    bottom: 32%;
    background-repeat: no-repeat;
    background-size: 38px;
    background-position: 50% 50%;
    cursor: pointer;
    -webkit-transition: all ease .35s;
    transition: all ease .35s;
}

.index-pro .pro-box .pro-button-prev {
    left: 1%;
    background-image: url(../images/arrow-left.png);
}

.index-pro .pro-box .pro-button-next {
    left: auto;
    right: 1%;
    background-image: url(../images/arrow-right.png);
}

.index-pro .pro-box .pro-box_dg{
	max-width: 1400px;
	margin:0 auto;
	width: 100%;
	
}
.index-pro .pro-box .pro-box_dg ul{
display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.index-pro .pro-box .pro-box_dg ul li{width: 23%;background:#fff;text-align: center;margin: 0 1% 30px;}
.index-pro .pro-box .pro-box_dg ul li img{width: 100%;}
.index-pro .pro-box .pro-box_dg ul li dl{padding:0px 0 20px;}
.index-pro .pro-box .pro-box_dg ul li dl dt{font-size: 18px;line-height: 45px;padding-top: 10px;}
.index-pro .pro-box .pro-box_dg ul li dl dd{font-size: 14px;border: solid 1px #bfbfbf;border-radius: 30px;display: inline-block;line-height: 30px;padding:0 30px;}
.index-pro .pro-box .pro-box_dg ul li:hover dl dd{background:#e60012; color: #fff;}
/* index-pro end */

.pro-top{background:url(../images/product.jpg) no-repeat center top;padding-top:50px; box-sizing: border-box; overflow: hidden; }
.pro-top h2{text-align: center; margin-bottom: 40px;}
.pro-top h2 span{display: inline-block; height:70px; line-height: 70px;font-size: 50px; color:#FFF;padding:0 21px;position: relative; font-weight: normal;}
.pro-top h2 span:before{width:15px; height:20px; background:url(../images/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:26px;}
.pro-top h2 span:after{width:15px; height:20px; background:url(../images/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:26px;}
.pro-top h2 em{display: block;line-height:30px;font-size: 20px; color:#e0e0e0;font-weight: normal;}
.pro-top .pro-con{width: 75.3%;margin:0 auto; position: relative;box-sizing: border-box;}
.pro-top .pro-con ul{position: absolute;z-index: 9;top: 50%;transform: translateY(-50%);}
.pro-top .pro-con ul li{width:50%; height:85px; margin-bottom: 89px;}
.pro-top .pro-con ul li i{display: block; width:74px; height:84px;overflow: hidden;}
.pro-top .pro-con ul li i img{width:100%; transition: .5s;}
.pro-top .pro-con ul li h4{padding-top:3px;}
.pro-top .pro-con ul li h4 span{display: block; height:41px; line-height: 41px;font-size: 28px; color:#ffffff;font-weight: bold; font-family: "Microsoft YaHei";}
.pro-top .pro-con ul li h4 p{height:33PX;line-height: 33px;font-size: 17px; color:rgba(255,255,255,0.66); font-weight: normal;}
.pro-top .pro-con ul li.odd{float:left;}
.pro-top .pro-con ul li.even{float:right;}
.pro-top .pro-con ul li.odd i{float:left; margin-right: 21px;}
.pro-top .pro-con ul li.even i{float:right; margin-left: 21px;}
.pro-top .pro-con ul li.odd h4{float:left;}
.pro-top .pro-con ul li.even h4{float:right; text-align: right;}
.pro-top .pro-con ul li:hover i img{margin-top:-84px;}
.pro-top .pro-con .pro-cen{margin:0 auto;}
.pro-top .pro-con .pro-cen i{display: block; width:303px;margin:0 auto; line-height: 0; overflow: hidden;}
.pro-top .pro-con .pro-cen i img{width:100%;}
.pro-top .pro-con .pro-cen p{display: flex;justify-content: center;margin: 30px auto 60px;}
.pro-top .pro-con .pro-cen p em{display: block;float:left; height:20px; line-height: 20px; font-size: 16px; color:#FFF;padding-left:28px;background:url(../images/pro-dd.png) no-repeat left; margin-left: 38px;}
.pro-top .pro-con .pro-cen p em:first-child{margin-left: 0;}
.pro-bot{background:url(../images/probj.jpg) no-repeat center top; padding:30px 12px 112px }
.pro-bot ul li{float:left; width:49%;padding:22px 0;background:#FFF;}
.pro-bot ul li dl dt{width:71.3%; line-height: 0; overflow: hidden; float:right;}
.pro-bot ul li dl dt img{width:100%;}
.pro-bot ul li dl dd{width:28.7%;float:left;padding:47px 0 0 5%; box-sizing: border-box;}
.pro-bot ul li dl dd h4{height:89px; line-height: 89px; margin-bottom: 21px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pro-bot ul li dl dd h4 a{font-size: 28px; color:#1e1e1e; font-weight: bold;padding-left:13px; background:url(../images/pro-xt.png) no-repeat left; font-weight: bold;}
.pro-bot ul li dl dd p{margin-bottom: 53px;}
.pro-bot ul li dl dd p em{display: block;height:36px;line-height: 36px;background:url(../images/pro-dd.png) no-repeat left;padding-left:27px;}
.pro-bot ul li dl dd p em a{font-size: 19px; color:#1e1e1e; font-family: "Microsoft YaHei";}
.pro-bot ul li dl dd strong{display: block; width:159px; height:44px; background:url(../images/pro-kk.png) no-repeat center;}
.pro-bot ul li dl dd strong a{display: block;width:159px;height:44px; text-align: center;}
.pro-bot ul li dl dd strong i{display: inline-block; height:44px;line-height: 44px;padding-right:41px;background:url(../images/pro-jt.png) no-repeat right; font-weight: normal;}
.pro-bot ul li:last-child{float:right;}
@media screen and  (min-width:760px) and (max-width:1680px){
    .pro-top .pro-con{width:93.3%;}
    .pro-top .pro-con .pro-cen{left:350px;}
    .pro-bot ul li dl dd h4 a{font-size: 20px;}
    .pro-bot ul li dl dd p em a{font-size: 16px;}
}
/**/
.solution{padding-top:60px; box-sizing: border-box;}
.solution h2{text-align: center; margin-bottom: 35px;}
.solution h2 span{display: inline-block; height:68px; line-height: 68px;font-size: 50px; color:#333333;padding:0 21px;position: relative; font-weight: bold;}
.solution h2 span:before{width:15px; height:20px; background:url(../images/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:26px;}
.solution h2 span:after{width:15px; height:20px; background:url(../images/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:26px;}
.solution h2 em{display: block; height:42px; line-height: 42px;font-size: 24px; color:#666666;font-weight: normal;}
.solution .sol-con{width:100%;height:840px;position: relative;}
.solution .sol-con .sol-list,.solution .sol-con .sol-pic{height:840px;}
.solution .sol-con .sol-pic{position: relative;width:100%;}
.solution .sol-con .sol-pic span{display: block; width:100%; height:100%; line-height: 0; overflow: hidden;}
.solution .sol-con .sol-pic span img{width:100%;height:100%;}
.solution .sol-con .sol-pic .sol-left{width:50%; height:840px;padding:106px 0 0 178px; box-sizing: border-box; position: absolute; left:0; top:0;}
.solution .sol-con .sol-pic .sol-left i{display: block; width:32px; height:2px; background: #E60012; margin-bottom: 31px;}
.solution .sol-con .sol-pic .sol-left h4{width:342px;}
.solution .sol-con .sol-pic .sol-left h4 em{display: block; line-height:23px; font-size: 16px; color:rgba(255,255,255,0.37); text-transform: uppercase; font-weight: normal;}
.solution .sol-con .sol-pic .sol-left h4 span{display: block; height:62px;line-height: 62px;font-size: 42px; color:#FFF; font-weight: bold; font-family: "Microsoft YaHei"; margin-bottom: 16px;}
.solution .sol-con .sol-pic .sol-left p{ line-height:27px;font-size: 16px; color:#FFF; margin-bottom: 372px;width:342px; }
.solution .sol-con .sol-pic .sol-left strong{display: block; width:159px; height: 44px; background:url(../images/sol-kk.png) no-repeat center;}
.solution .sol-con .sol-pic .sol-left strong a{display: block; height:44px; text-align: center;}
.solution .sol-con .sol-pic .sol-left strong em{display: inline-block; height:44px; line-height: 44px;font-size:14px; color:#FFF;padding-right:40px;background:url(../images/sol-jt1.png) no-repeat right;font-weight: normal;}
.solution .sol-con .sol-hd{width:50%; height:840px;background:rgba(0,49,113,0.77); position: absolute;right:0;top:0;}
.solution .sol-con .sol-hd ul li{height:210px;border-bottom:1px solid rgba(255,255,255,0.18); box-sizing: border-box; transition: .5s;}
.solution .sol-con .sol-hd ul li a{display: block;height:208px;padding:19px 106px 0 42px; box-sizing: border-box;}
.solution .sol-con .sol-hd ul li i{display: block;  height:80px; line-height: 80px;font-size: 62px; color:rgba(255,255,255,0.1); font-family: "Impact"; margin-bottom: 26px; transition: .5s;}
.solution .sol-con .sol-hd ul li span{display: block; height:37px; line-height: 37px;font-size: 26px; color:#FFF; font-family: "Microsoft YaHei";}
.solution .sol-con .sol-hd ul li p{height:24px; line-height: 24px;font-size: 16px; color:rgba(255,255,255,0.37); text-transform: uppercase; background:url(../images/sol-jt.png) no-repeat right;}
.solution .sol-con .sol-hd ul li:last-child{border-bottom:0;}
.solution .sol-con .sol-hd ul li.cur{background: rgba(255,255,255,0.25);}
.solution .sol-con .sol-hd ul li.cur i{color:#E60012;}
.solution .sol-con .sol-hd ul li.cur p{background:url(../images/sol-jt_h.png) no-repeat right;}
/**/
.ysbj{height:970px; overflow: hidden;}
.ys{padding-top:60px;}
.ys h2{text-align: center; margin-bottom: 40px;}
.ys h2 span{display: inline-block; height:68px; line-height: 68px;font-size: 50px; color:#333333;padding:0 21px;position: relative; font-weight: bold; font-family: "Microsoft YaHei";}
.ys h2 span:before{width:15px; height:20px; background:url(../images/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:26px;}
.ys h2 span:after{width:15px; height:20px; background:url(../images/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:26px;}
.ys h2 em{display: block; height:44px; line-height: 44px;font-size: 24px; color:#666666;font-weight: normal;}
.ys .ys-nav{height:74px;}
.ys .ys-nav ul{display: flex;justify-content: space-between;}
.ys .ys-nav ul li{float:left; height:51px; text-align: center;position: relative;}
/* .ys .ys-nav ul li:before{width:1px; height:26px; background: #e5ecf6;content:""; position: absolute; right:0;top:14px;} */
.ys .ys-nav ul li:last-child:before{display: none;}
.ys .ys-nav ul li i{display: inline-block; width:40px; height:46px; overflow: hidden; margin-right:12px; }
.ys .ys-nav ul li i img{width: 100%; transition: .5s;}
.ys .ys-nav ul li h4{display: inline-block; text-align: left;}
.ys .ys-nav ul li h4 span{display: block; height:34px; line-height: 34px;font-size: 26px; color:#333333; font-weight: normal;}
.ys .ys-nav ul li h4 p{height:17px; line-height: 17px;font-size: 14px; color:#666666;text-transform: uppercase; font-weight: normal;}
.ys .ys-nav ul li.cur i img{margin-top:-46px;}
.ys .ys-nav ul li.cur h4 span{color:#E60012; font-weight: bold;}
.ys .ys-con dl{height:600px; position: relative;}
.ys .ys-con dl dt{width:100%; line-height: 0; overflow: hidden;}
.ys .ys-con dl dt img{width:100%;}
.ys .ys-con dl dd{width:90%;height:169px; background:rgba(255,255,255,0.95); position: absolute; left:5%; bottom:15px;padding:28px 0 0 53px; box-sizing: border-box;}
.ys .ys-con dl dd .left{width:440px;float:left;padding-top:3px;}
.ys .ys-con dl dd .left h4{height:41px; line-height: 41px;font-size: 30px; color:#333333; font-family: "Microsoft YaHei";}
.ys .ys-con dl dd .left h4 i{display: inline-block;width:4px; height:4px; background:#e60012;margin:19px 17px 0 11px; border-radius: 50%;vertical-align: top;}
.ys .ys-con dl dd .left h4 em{color:#244ea4;display: inline-block; vertical-align: top;}
.ys .ys-con dl dd .left p{height:22px; line-height: 22px;font-size: 14px; color:#bfc0bb; font-family: "Microsoft YaHei";padding-bottom:25px; background:url(../images/ys-yy.png) no-repeat left 6px bottom; text-transform: uppercase;letter-spacing: 1px;}
.ys .ys-con dl dd ul{float:left;width:60%;}
.ys .ys-con dl dd ul li{height:35px; line-height: 35px; font-size: 16px; color:#666666; font-weight: normal;padding-left:13px;background:url(../images/ys-dd.png)  no-repeat left;}
/**/
.zcbj{padding-top:56px;box-sizing: border-box;}
.zcbj h2{text-align: center; margin-bottom: 25px;}
.zcbj h2 span{display: inline-block; height:68px; line-height: 68px;font-size: 50px; color:#333333;padding:0 21px;position: relative; font-weight: bold; font-family: "Microsoft YaHei";}
.zcbj h2 span:before{width:15px; height:20px; background:url(../images/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:26px;}
.zcbj h2 span:after{width:15px; height:20px; background:url(../images/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:26px;}
.zcbj h2 em{display: block; height:44px; line-height: 44px;font-size: 24px; color:#666666;font-weight: normal;}
.zcbj .zc-con{height:509px;background:url(../images/zcbj.jpg) no-repeat center;}
.zcbj .zc-con .zc{padding-top:80px;}
.zcbj .zc-con .zc h3{height:80px; line-height: 80px;font-size: 30px; color:#333333;font-family: "Microsoft YaHei"; font-weight: bold; position: relative;margin-bottom: 24px;}
.zcbj .zc-con .zc h3 i{font-size: 40px; color:#e60012;font-family: "Microsoft YaHei"; font-weight: bold;}
.zcbj .zc-con .zc h3:before{width:56px; height:1px; background:#E60012; content:""; position: absolute; left:0;bottom:0;}
.zcbj .zc-con .zc ul li{height:62px; line-height: 62px;padding-left:36px; background:url(../images/zc-ico.png) no-repeat left;font-size: 19px; color:#333333; position: relative;}
.zcbj .zc-con .zc ul li:before{width:1px; height:46px; background:#e60012;content:""; position: absolute; left:8px;top:39px;}
.zcbj .zc-con .zc ul li:last-child:before{display: none;}
/**/
.flow_path{height:379px; background:url(../images/flow_path.jpg) no-repeat center;}
.flow{padding-top:30px;}
.flow h2{text-align: center;}
.flow h2 span{display: inline-block; height:146px; line-height: 146px;font-size: 50px; color:#FFF;padding:0 21px;position: relative; font-weight: bold; font-family: "Microsoft YaHei";}
.flow h2 span:before{width:15px; height:15px; background:url(../images/tit-left1.png) no-repeat center; content:""; position: absolute; left:0;top:67px;}
.flow h2 span:after{width:15px; height:15px; background:url(../images/tit-rig1.png) no-repeat center; content:""; position: absolute; right:0;top:67px;}
.flow .lc-con .lc{width:114px; float:left;}
.flow .lc-con .lc em{display: block; width:74px;height:74px;margin:0 auto 20px; position: relative; overflow: hidden;}
.flow .lc-con .lc em i{display: block; width:74px; height:74px; line-height: 0; overflow: hidden;}
.flow .lc-con .lc em i img{width:100%;}
.flow .lc-con .lc em i.default{position: absolute;left:0;top:0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.flow .lc-con .lc em i.hover{position: absolute;left:0;top:0;opacity: 0; transform: scale(0);transition: .5s;}
.flow .lc-con .lc span{display:block; text-align: center; line-height: 18px;font-size: 16px; color:#FFF; font-family: "Microsoft YaHei";}
.flow .lc-con b{display: block; width:20px; height:16px;  background:url(../images/flo-jt.png) no-repeat center; float:left; margin-top: 58px;}
.flow .lc-con .lc.cur i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.flow .lc-con .lc.cur i.hover{opacity: 1; transform: scale(1);}
.flow .lc-con .lc.cur span{color:#E60012; font-weight: bold;}
/**/
.case{height:1232px;}
.cas{padding-top:79px;}
.cas h2{text-align: center; margin-bottom: 32px;}
.cas h2 span{display: inline-block; height:68px; line-height: 68px;font-size: 50px; color:#333333;padding:0 21px;position: relative; font-weight: bold; font-family: "Microsoft YaHei";}
.cas h2 span:before{width:15px; height:20px; background:url(../images/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:26px;}
.cas h2 span:after{width:15px; height:20px; background:url(../images/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:26px;}
.cas h2 em{display: block; height:45px; line-height: 45px;font-size: 24px; color:#666666;font-weight: normal;}
.cas .cas-nav{width: 100%; height:47px; border:1px solid #e9e9e9; margin-bottom: 40px;	transform:skew(-20deg);-webkit-transform: skew(-20deg);-moz-transform: skew(-20deg);-o-transform:skew(-20deg);-ms-transform:skew(-20deg); }
.cas .cas-nav ul li{float:left; width:240px; height:47px;position: relative;}
.cas .cas-nav ul li a{display: block; height:47px; text-align: center;transform:skew(20deg);-webkit-transform: skew(20deg);-moz-transform: skew(20deg);-o-transform:skew(20deg);-ms-transform:skew(20deg);}
.cas .cas-nav ul li i{display: inline-block; width:25px; height:21px; overflow: hidden;margin: 12px 5px 0 0;}
.cas .cas-nav ul li i img{width:100%; transition: .5s;}
.cas .cas-nav ul li em{display: inline-block; height:47px; line-height: 47px;font-size: 20px; vertical-align: top;}
.cas .cas-nav ul li:before{width:6px; height:16px;content:"/";color:#e9e9e9;position: absolute;right:0; top:15px;transform:skew(20deg);-webkit-transform: skew(20deg);-moz-transform: skew(20deg);-o-transform:skew(20deg);-ms-transform:skew(20deg); transition: .5s;}
.cas .cas-nav ul li:last-child:before{display: none;}
.cas .cas-nav ul li.cur{background:#E60012;}
.cas .cas-nav ul li.cur i img{margin-top:-21px;}
.cas .cas-nav ul li.cur em{color:#FFF;}
.cas .cas-nav ul li.cur:before{opacity: 0;}
.cas .cas-con{height:598px; margin-bottom: 58px;}
.cas .cas-con dl{width:791px; height:598px;float:left; position: relative;}
.cas .cas-con dl dt{width:100%; height:598px; line-height: 0; overflow: hidden;}
.cas .cas-con dl dt img{width: 100%; height:100%; transition: 1s;}
.cas .cas-con dl dd{height:91px;padding:10px 24px 0 30px; box-sizing: border-box;width:100%; position: absolute; left:0;bottom:0;background:rgba(0,0,0,0.6);}
.cas .cas-con dl dd h4{height:38px; line-height: 38px;background:url(../images/cas-jt1.png) no-repeat right;}
.cas .cas-con dl dd h4 a{font-size: 18px; color:#FFF; font-weight: bold;display: block;}
.cas .cas-con dl dd p{height:33px;line-height: 33px; font-size: 14px;color:#FFF;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.cas .cas-con dl:hover dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.cas .cas-con ul{float:right;width:398px; }
.cas .cas-con ul li{width:100%; position: relative;height:293px; margin-bottom: 9px;}
.cas .cas-con ul li span{display: block; width:100%; height:100%; line-height: 0; overflow: hidden;}
.cas .cas-con ul li span img{width: 100%; height:100%; transition: 1s;}
.cas .cas-con ul li em{display: block; width:100%; height:56px; padding:0 16px 0 20px; box-sizing: border-box; position: absolute;left:0;bottom:0;background:rgba(0,0,0,0.6);}
.cas .cas-con ul li em i{display: block; height:56px; line-height: 56px; font-size: 16px; color:#FFF; font-weight: bold; background:url(../images/cas-jt2.png) no-repeat right;}
.cas .cas-con ul li:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.cas .cas-ml h4{height:67px; margin-bottom:32px; }
.cas .cas-ml h4 span{display: block;height:67px; line-height: 67px; float:left; padding:0 24px;font-size: 28px; color:#333333; font-family: "Microsoft YaHei"; font-weight: bold; position: relative;}
.cas .cas-ml h4 span:before{width:15px; height:20px; background:url(../images/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:26px;}
.cas .cas-ml h4 span:after{width:15px; height:20px; background:url(../images/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:26px;}
.cas .cas-ml h4 i{display: block; height:67px; line-height: 67px; float:right;position: relative; font-size: 14px; color:#333333; font-weight: normal; text-transform: uppercase;}
.cas .cas-ml h4 i:before{width:899px; height:1px; background: #EAEAEA; content:""; position: absolute; left:-946px; top:34px;}
.cas .cas-ml .cas-bd{overflow: hidden;}
.cas .cas-ml .cas-bd ul li{float:left;width:188px !important; height:105px;border:1px solid rgba(197,197,197,0.57); box-sizing: border-box; margin-right: 13px;}
.cas .cas-ml .cas-bd ul li a{display: block; width:100%; height:105px;}
.cas .cas-ml .cas-bd ul li i{display: block; width:183px; height:103px; margin:0 auto; line-height: 0; overflow: hidden;}
.cas .cas-ml .cas-bd ul li i img{width: 100%;}
/**/
.hfbj{height:157px; background:url(../images/hfbj.jpg) no-repeat center;}
.hf{padding-top:36px;}
.hf .hf-left{width:50%;float:left;}
.hf .hf-left .hf1{width:208px; float:left; margin-right:18px; }
.hf .hf-left .hf1 em{display: block; height:37px; line-height: 37px;font-size: 26px; color:#FFF; background: url(../images/hf1.png) no-repeat right;}
.hf .hf-left .hf1 span{display: block; height:47px; line-height: 47px; font-size: 39px; color:#FFF; font-weight: bold; font-family: "Microsoft YaHei";}
.hf .hf-left .hf2{padding-top:11px;float:left;}
.hf .hf-left .hf2 em{display: block; height:32px; line-height: 32px;font-size: 12px; color:rgba(255,255,255,0.41); text-transform: uppercase;}
.hf .hf-left .hf2 span{display: block; height:45px;line-height: 45px;font-size: 26px; color:#FFF;}
.hf .hf-rig{width: 388px; float:right;}
.hf .hf-rig .hf-tel{float:left;padding-top:20px;}
.hf .hf-rig .hf-tel em{display: block; height:28px; line-height: 28px; padding-left:42px; background: url(../images/hf-tel.png) no-repeat left;font-size: 14px; color:rgba(255,255,255,0.54);}
.hf .hf-rig .hf-tel p{line-height: 30px;font-size: 24px;color:#FFF;padding-left:42px; }
.hf .hf-rig a{display: block; width:125px; height:43px; line-height: 43px;text-align: center; font-size: 14px; color:#FEFEFE;float:right;background: url(../images/hf-kk.png) no-repeat center; margin-top: 32px;}
/**/
.newsbj{background:#f5f5f5; position: relative;}
.news{padding: 70px 0 120px;position: relative;z-index:300;}
.news h2{text-align: center; }
.news h2 span{display: inline-block; height:95px; line-height: 95px;font-size: 50px; color:#333333;padding:0 25px;position: relative; font-weight: bold; font-family: "Microsoft YaHei";}
.news h2 span:before{width:15px; height:20px; background:url(../images/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:41px;}
.news h2 span:after{width:15px; height:20px; background:url(../images/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:41px;}
.news .news-left{width:818px; float:left;}
.news .news-left h4{height:78px;}
.news .news-left h4 span{display: block;float:left; height:78px;line-height: 78px; font-size: 22px; color:#333333; font-weight: bold; padding-left:32px; background:url(../images/news-ico1.png) no-repeat left;}
.news .news-left h4 i{display: block; height:78px;line-height: 78px; font-size: 14px; color:#333333; font-weight: normal; float:right; text-transform: uppercase;}
.news .news-left .news-con{height:338px;position: relative;}
.news .news-left .news-con dl{height:338px;position: relative;}
.news .news-left .news-con dl dt{width:100%; line-height: 0; overflow: hidden;height:338px;}
.news .news-left .news-con dl dt img{width: 100%; height:100%;}
.news .news-left .news-con dl dd{width:100%; height:113px; position: absolute;left:0;bottom:0;padding:0 37px 0 40px; box-sizing: border-box;}
.news .news-left .news-con dl dd h4{height:55px; border-bottom:1px solid rgba(255,255,255,0.35);}
.news .news-left .news-con dl dd h4 a{font-size: 20px; color:#FFF; font-family: "Microsoft YaHei"; display: block; background:url(../images/news-jt.png) no-repeat right;}
.news .news-left .news-con dl dd p{height:44px;line-height: 44px;font-size: 14px; color:#FFF;}
.news .news-left .news-con .hd{width:38px; height:6px; position: absolute; right:37px;bottom:32px;}
.news .news-left .news-con .hd ul li{float:left; width:6px; height:6px;border:1px solid #FFF; box-sizing: border-box; margin-left: 10px;font-size: 0; border-radius: 50%;}
.news .news-left .news-con .hd ul li:first-child{margin-left: 0;}
.news .news-left .news-con .hd ul li.on{background:#FFF;}
.news .news-left .news-con .news-jt i{display:block; width:60px; height:60px;cursor:pointer;}
.news .news-left .news-con .news-jt i.news-prev{background:url(../images/news-prev.png) no-repeat center;position:absolute;left:9px;top:110px;}
.news .news-left .news-con .news-jt i.news-next{background:url(../images/news-next.png) no-repeat center;position:absolute;right:9px;top:110px;}
.news .news-left .news-bot{height:155px; background: #FFF;padding:0 46px 0 44px; box-sizing: border-box;}
.news .news-left .news-bot ul{position: relative;}
.news .news-left .news-bot ul li{width:319px;float:left;}
.news .news-left .news-bot ul li em{display: block; height:70px; line-height: 70px;border-bottom:1px solid rgba(0,0,0,0.04);}
.news .news-left .news-bot ul li em:last-child{border-bottom:0;}
.news .news-left .news-bot ul li em a{display: block; font-size: 15px; color:#333333;background:url(../images/news-jt2.png) no-repeat right;}
.news .news-left .news-bot ul li em:hover a{color:#E60012;}
.news .news-left .news-bot ul li:last-child{float:right;}
.news .news-left .news-bot ul:before{width:1px; height:110px; background:rgba(0,0,0,0.07);content:""; position: absolute; left:365px; top:21px;}
.news .news-rig{width:351px;float:right;}
.news .news-rig h4{height:78px;}
.news .news-rig h4 span{display: block;float:left; height:78px;line-height: 78px; font-size: 22px; color:#333333; font-weight: bold; padding-left:32px; background:url(../images/news-ico1.png) no-repeat left;}
.news .news-rig h4 i{display: block; height:78px;line-height: 78px; font-size: 14px; color:#333333; font-weight: normal; float:right; text-transform: uppercase;}
.news .news-rig .wd{height:492px; background:#FFF;padding:5px 28px 0 34px; box-sizing: border-box;}
.news .news-rig .wd .bd ul li{height:79px; line-height: 79px; border-bottom:1px solid #f5f5f5;background:url(../images/news-dd.png) no-repeat left;padding-left:9px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .news-rig .wd .bd ul li a{display: block;font-size: 15px; color:#333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .news-rig .wd .bd ul li:hover a{color:#E60012;}
/**/
.about{background:url(../images/abobj.jpg) no-repeat top center;padding-bottom:69px;}
.abo{padding-top:397px;}
.abo .abo-con{background:#FFF;padding:38px 39px 52px; box-sizing: border-box;box-shadow: 0px 0px 18px rgba(0,0,0,0.1);}
.abo .abo-con h4{text-align: center;margin-bottom:26px; }
.abo .abo-con h4 span{display: inline-block;height:77px;line-height: 77px;font-size: 50px; color:#333333;padding:0 25px;position: relative; font-weight: bold; font-family: "Microsoft YaHei";}
.abo .abo-con h4 span:before{width:15px; height:20px; background:url(../images/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:28px;}
.abo .abo-con h4 span:after{width:15px; height:20px; background:url(../images/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:28px;}
.abo .abo-con h4 em{display: block; height:47px;line-height: 47px;font-size: 24px; color:#666666;font-weight: normal;}
.abo .abo-con p{width:1010px; margin:0 auto 24px; line-height:33px; font-size: 16px; color:#666666; text-align: center;}
.abo .abo-con .abo-nav{width:268px;  height:47px;margin:0 auto 32px;background:#f3f3f3;}
.abo .abo-con .abo-nav li{float:left;width:141px; height:47px;text-align: center; line-height: 47px;}
.abo .abo-con .abo-nav li a{font-size: 16px; color:#666666; font-weight: bold;display: block;}
.abo .abo-con .abo-nav li.ab2{margin-left: -14px;}
.abo .abo-con .abo-nav li.cur a{color:#FFF;}
.abo .abo-con .abo-nav li.ab1.cur{background:url(../images/abo-nav1.png) no-repeat center;}
.abo .abo-con .abo-nav li.ab2.cur{background:url(../images/abo-nav2.png) no-repeat center;}
.abo .abo-con .abo-bot{position: relative;}
.abo .abo-con .abo-bot .abo-list{width:1005px;margin:0 auto;}
.abo .abo-con .abo-bot .abo-list .bd{overflow: hidden;}
.abo .abo-con .abo-bot .abo-list .bd ul li{float:left; width:238px;margin-right: 17px;}
.abo .abo-con .abo-bot .abo-list .bd ul li span{display: block; width:100%; line-height: 0; overflow: hidden;}
.abo .abo-con .abo-bot .abo-list .bd ul li span img{width:100%;}
.abo .abo-con .abo-bot .abo-list .bd ul li em{display: block; width:100%; height:17px; background:url(../images/abo-yy.png) no-repeat center;}
.abo .abo-con .abo-bot .abo-list .abo-jt i{display: block; width:19px; height:33px;cursor: pointer;}
.abo .abo-con .abo-bot .abo-list .abo-jt i.abo-prev{background:url(../images/abo-prev.png) no-repeat center;position: absolute; left:0;top:40%;}
.abo .abo-con .abo-bot .abo-list .abo-jt i.abo-next{background:url(../images/abo-next.png) no-repeat center;position: absolute; right:0;top:40%;}

/* in-about */
.in-about {background: url(../images/inab.jpg) no-repeat center top;padding-top: 60px;}
.in-about .inab-btn {
    text-align: center;
    margin: 2% 0;
}

.in-about .inab-btn li {
    position: relative;
    display: inline-block;
    line-height: 50px;
    padding: 0 40px;
    margin-right:2%;
	background: #ffffff;
	    border-radius: 30px
}
.in-about .inab-btn li.cur{background: #e40011;}
.in-about .inab-btn li::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 0;
    transition: all 0.3s;
}

.in-about .inab-btn li:nth-child(4) {
    margin-right: 0;
}

.in-about .inab-btn li>a {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    font-size: 17px;
    color: #333;
}

.in-about .inab-btn li img {
    height: 22px;
    margin-right: 7px;
}

.in-about .inab-btn li.cur>a {
    color: #fff;
}

.in-about .inab-btn li.cur img {
    filter: grayscale(100%) brightness(10);
}

.in-about .inab-box {
    overflow: hidden;
    margin-bottom: 4%;
}

.in-about .inab-box .swiper-slide>a {
    display: block;
}

.in-about .inab-box .swiper-slide div {
    width: 100%;
    height: 100%;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}

.in-about .inab-box .swiper-slide img {
    max-width: 100%;
    transition: all 0.3s;
}

.in-about .inab-box .swiper-slide p {
    text-align: center;
    font-size: 15px;
    line-height: 36px;
}

.in-about .inab-box .swiper-slide:hover img {
    transform: scale(1.05);
}


/* in-about end */


/* 新闻中心 */

.news-bg {
    background: #fff;
	padding: 60px;
}

.news-bg .m-title p,
.news-bg .m-title h2 {
    color: #fff;
}

.news-bg .m-title h2::before,
.news-bg .m-title h2::after {
    background-color: #fff;
}

.news-bg .news-box-list ul {
}
.news-bg .news-box-list ul span{padding:0 20px;}
.news-box-list{
	display: flex;
	justify-content: space-between;
	border-bottom: solid 1px #e9e9e9;
	margin-bottom: 30px;
}
.news-bg .news-box-list ul li {
    display: inline-block;
    background-color: #fff;
    text-align: center;
    line-height:60px;
    font-size: 20px;
	font-weight: bold;
}
.ind_news_a{background: #e9e9e9;line-height: 60px;font-size: 16px;padding:0 50px;}
.news-bg .news-box-list ul li.cur {
    color: #244ea4;
}

.news-bg .news-box-list ul li.cur>a {
    color: #244ea4 !important;
	font-size: 20px;
	font-weight: bold;
}

.news-bg .news-box-list ul li:first-child {
    margin-left: 0;
}

.news-pic{width: 48%;float: left;}
.news-l{width: 48%;float: right;}
.news-bg .cs_wz .news-pic>a {
    display: block;
}

.news-bg .cs_wz .news-pic .news-pic-t {
    overflow: hidden;
    height: 300px;
}

.news-bg .cs_wz .news-pic img {
    width: 100%;
    transition: all 0.3s;
}

.news-bg .cs_wz .news-pic:hover img {
    transform: scale(1.05);
}

.news-bg .cs_wz .news-pic h3 {
    color: #111;
    font-size: 20px;
    line-height: 46px;
	padding-top: 10px;
}

.news-bg .cs_wz .news-pic p {
    color: #666;
    font-size: 14px;
    line-height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.news-bg .cs_wz .news-l {
    padding-left: 40px;
}

.news-bg .cs_wz .news-l .news-l-box {
    padding:20px 30px;
    background: #f1f2f4;
	margin-bottom:20px;
}

.news-bg .cs_wz .news-l .news-l-box>a {
    display: block;
    overflow: hidden;
}

.news-bg .cs_wz .news-l .news-l-date {
    width: 13%;
    color: #111;
    text-align: center;
	font-family: arial;
	padding-right: 3%;
}

.news-bg .cs_wz .news-l .news-l-date>h3 {
    font-size:40px;
    font-weight: bold;
    line-height: 44px;
	font-family: arial;
}
.news-bg .cs_wz .news-l .news-l-date>p{
	font-size: 16px;
	color: #666;
	padding-top: 4px;
}
.news-bg .cs_wz .news-l .news-l-text {
    width: 80%;
    color: #111;
	padding-left: 3%;
	border-left: solid 1px #e9e9e9;
}

.news-bg .cs_wz .news-l .news-l-text>h3 {
    font-size: 18px;
    font-weight: 400;
}

.news-bg .cs_wz .news-l .news-l-text>p {
    color: #666;
	line-height: 25px;
	padding-top:10px;
	font-size: 14px;
    overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
}

.ind_faq{display: flex;justify-content: space-between;background: #fff;padding:30px 60px;margin-top:50px;}
.ind_faq_t{width: 15%;background:#244ea4;padding:40px 0 20px;}
.ind_faq_t h3{font-size: 24px;color: #fff;padding-left:30px;}
.ind_faq_t span{font-size: 18px;color: #fff;font-family: arial;display: block;padding-left:30px;padding-bottom:25px;padding-top:10px;}
.ind_faq_t img{padding-left:30px;}
.ind_faq_c{width: 82%;display: flex;justify-content: space-between;align-items: center;}
.ind_faq_c dl{width: 28%;}
.ind_faq_c em{width: 1px;background:#c8c8c8;height: 60%;}
.ind_faq_c dl dt{font-size:20px;font-weight: bold;color:#111;padding-top:10px;
 overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
}
.ind_faq_c dl dd{font-size: 14px;color: #666;line-height: 30px;padding-top:25px;
 overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
}