﻿
/*end*/
body{overflow-x:hidden;}





/**/
.search{height: 66px;border-bottom:1px solid #d1d1d1;}
.sea{height:66px; position: relative;}
.sea span{display: block; float:left; position: relative;padding-left:12px;}
.sea span i{display: block;float:left;height:66px;line-height: 66px;font-size: 14px; color:rgba(0,0,0,0.8);}
.sea span:before{width:2px; height:14px;background: #ff9a01; content:"";position: absolute;left:0;top:27px;}
.sea span a{display:block;float:left; height:66px; line-height: 66px;font-size: 14px; color:rgba(102,102,102,0.8);margin-right: 27px;}
.sea .sou{width:318px; height:37px; background:#F2F2F3; border-radius: 18px;float:right; margin-top: 16px;}
.sea .sou .txt{width:270px; height:37px;float:left; background:0;padding:0 30px; box-sizing: border-box; font-size: 14px; color:rgba(9,22,45,0.5);}
.sea .sou .txt::-webkit-input-placeholder{font-size: 14px; color:rgba(9,22,45,0.5);}
.sea .sou .txt::-moz-placeholder{font-size: 14px; color:rgba(9,22,45,0.5);}
.sea .sou .btn{width:48px; height:37px; float:right;background:url(../image/sea-btn.png) no-repeat center; cursor: pointer;}
.sea .yy{display: block; width:100%; height:16px; background:url(../image/sea-yy.png) no-repeat center; position: absolute; left:0;bottom:-16px;}
/**/
.guide{height:812px;background:url(../image/guide.jpg) no-repeat center;}
.gui{padding-top:60px;}
.gui h2{text-align: center; margin-bottom: 28px;}
.gui h2 span{display: block; height:79px; line-height: 79px;font-size: 48px; color:#0170e1;font-weight: normal;}
.gui h2 em{display: block;line-height: 32px;font-size: 18px; color:rgba(0,0,0,0.8);font-weight: normal;}
.gui .video{width: 100%; line-height: 0; height:398px; overflow: hidden; margin-bottom: 50px;cursor:pointer;}
.gui .video img{width:100%;}
.gui ul{height:97px;}
.gui ul li{float:left;border-right:1px solid #d3d1d0; box-sizing: border-box;}
.gui ul li span{display: block;height:64px;}
.gui ul li span em{display: inline-block;height:64px;line-height: 64px;font-size: 60px; color:#3e3e3e;}
.gui ul li span b{display: inline-block;height:64px;line-height: 64px;font-size: 60px; color:#3e3e3e;font-weight: normal;}
.gui ul li span i{display: inline-block;font-size: 18px; color:#333333;}
.gui ul li p{height:33px; line-height: 33px;font-size: 16px;color:#333333;}
.gui ul li:last-child{border-right:0;}

.modal-backdrop{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #232526;z-index: 901;}
.modal-backdrop .vd{position: absolute;width: 1200px;height: 640px;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 300;}
.modal-backdrop .close{top: 16px;right: 16px;font-size: 24px;line-height: 1;transition: all 0.5s ease;width: 40px;position: absolute;padding: 0;background-color: rgba(0, 0, 0, 0.2);color: #FFF;height: 40px;border: none;display: inline-flex;justify-content: center;align-items: center;white-space: nowrap;text-align: center;border-radius: 50% !important;outline: none;cursor: pointer;z-index: 300;}
.modal-backdrop .vd{background:#000;}



/**/
.product{height:960px;background:#F3F3F3;}
.pro{padding-top:68px;}
.pro h2{text-align: center; margin-bottom: 33px;}
.pro h2 span{display: block;height:65px; line-height: 65px;font-size: 48px; color:#0170e1; font-weight: normal;}
.pro h2 em{display: block; height:33px; line-height: 33px;font-size: 18px; color:#333; font-weight: normal;}
.pro h2 em b{color:rgba(204,0,1,0.5);}
.pro .pro-nav{height:60px;background:#FFF;}
.pro .pro-nav ul li{float:left;width:300px;height:60px;position: relative; text-align: center; line-height: 60px;}
.pro .pro-nav ul li a{display: block;font-size: 20px; color:#000000;}
.pro .pro-nav ul li.cur{background:#0170e1;}
.pro .pro-nav ul li.cur a{color:#FFF;}
.pro .pro-nav ul li.cur:before{width:30px; height:9px; content:"";background:url(../image/pro-dbx.png) no-repeat center;position: absolute;left:138px;bottom:-9px;z-index:200;}
.pro .pro-list .pro-erji{height:62px;background:rgba(255,255,255,0.3);border:1px solid #dadada; box-sizing: border-box;padding-left:17px; margin-bottom: 28px;}
.pro .pro-list .pro-erji em{display: block; height:60px; line-height: 60px;padding-left:12px; background:url(../image/pro-dd.png) no-repeat left;float:left; margin-left: 27px;}
.pro .pro-list .pro-erji em a{display: block; height:60px;font-size: 14px; color:#454545;}
.pro .pro-list .pro-erji em:first-child{margin-left: 0;}
.pro .pro-list .pro-erji em:hover{ background:url(../image/pro-dd_h.png) no-repeat left;}
.pro .pro-list .pro-erji em:hover a{font-weight: bold;color:#0170e1;}
.pro .pro-list dl{height:500px;}
.pro .pro-list dl dt{width:570px; float:left; line-height: 0; overflow: hidden;}
.pro .pro-list dl dt img{width:100%; transition: 1s;}
.pro .pro-list dl dd{width: 540px; float:right;margin-right: 33px;padding-top:27px; box-sizing: border-box;}
.pro .pro-list dl dd h4{height:82px; line-height: 82px; border-bottom:2px solid #dedede; margin-bottom: 8px;background:url(../image/pro-yw.png) no-repeat left top;}
.pro .pro-list dl dd h4 a{font-size: 36px; color:#0170e1; font-weight: normal;}
.pro .pro-list dl dd span{display: block; height:44px; line-height: 44px;font-size: 14px; color:#0170e1; margin-bottom: 5px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pro .pro-list dl dd h5{height:38px; line-height: 38px;font-size: 18px; color:#333333; font-weight: normal;margin-bottom: 2px;}
.pro .pro-list dl dd p{margin-bottom: 43px;}
.pro .pro-list dl dd p em{display: block; height:33px;line-height: 33px;padding-left:19px; background:url(../image/pro-dd2.png) no-repeat left; font-size: 16px; color:rgba(102,102,102,0.8);}
.pro .pro-list dl dd ul li{float:left; width:257px;}
.pro .pro-list dl dd ul li:last-child{float:right;}
.pro .pro-list dl dd ul li i{display: block; width:100%; line-height: 0; overflow: hidden;}
.pro .pro-list dl dd ul li i img{width:100%; transition: 1s;}
.pro .pro-list dl dd ul li em{display: block; height:43px; line-height: 43px;font-size: 16px; color:#333333; text-align: center;}
.pro .pro-list dl dt:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.pro .pro-list dl dd ul li:hover i img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.pro .pro-bot{position: relative;height:300px;margin-top: 57px;}
.pro .pro-bot .bd{overflow: hidden;}
.pro .pro-bot .bd ul li{float:left;width:289px;margin-right: 15px;}
.pro .pro-bot .bd ul li span{display: block;width:100%; line-height: 0; overflow: hidden;}
.pro .pro-bot .bd ul li span img{width:100%; transition: 1s;}
.pro .pro-bot .bd ul li em{display: block; height:60px; line-height: 60px; text-align: center;font-size: 16px; color:#666666;background:#FFF;box-shadow: 0px 9px 9px 0px rgba(0, 0, 0, 0.04);}
.pro .pro-bot .bd ul li:hover span img{webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.pro .pro-bot .bd ul li:hover em{background:#0170e1;color:#FFF;}
.pro .pro-bot .pro-jt i{display: block; width:19px; height:36px;cursor: pointer;}
.pro .pro-bot .pro-jt .pro-prev{background:url(../image/pro-prev.png) no-repeat center; position: absolute; left:-51px; top:124px;}
.pro  .pro-bot .pro-jt .pro-next{background:url(../image/pro-next.png) no-repeat center; position: absolute; right:-51px; top:124px;}
/**/
.super{background:url(../image/super.jpg) no-repeat center top;background-size:100% 100%;}
.sup{padding:66px 7.3% 96px 18.9%;}
.sup .sup-left{width:26.2%;float:left;}
.sup .sup-left h4{height:172px; line-height: 172px;position: relative;font-size: 24px; color:#FFF; font-weight: bold;margin-bottom: 49px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sup .sup-left h4:before{width:88px; height:4px; background:#FFF; content:""; position: absolute; left:0;bottom:0;}
.sup .sup-left p{ line-height: 36px;font-size: 15px; color:rgba(255,255,255,0.8); margin-bottom: 64px;}
.sup .sup-left span{display: block; width:261px; height:56px; border:1px solid #FFF; text-align: center; line-height: 54px;}
.sup .sup-left span a{display: block; font-size:18px;color:#FFF;text-transform: uppercase;}
.sup .sup-rig{float:right;width:66%;margin-top:56px;}
.sup .sup-rig ul li{float:left; width:32.3%; height:245px; margin:0 0 41px 1.3%;padding:9px 10px; box-sizing: border-box;background:rgba(231,231,231,0.8); overflow: hidden;position: relative;}
.sup .sup-rig ul li .sup-con{width:100%; height:100%; position: relative; overflow: hidden;}
.sup .sup-rig ul li .default span{display: block;width:100%; line-height:0; height:181px; overflow: hidden; transition: .5s;}
.sup .sup-rig ul li .default span img{width:100%;transition:1s; }
.sup .sup-rig ul li .default em{display: block; height:56px; line-height: 56px;text-align: center;font-size: 12px; color:#000000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; transition: .8s; }
.sup .sup-rig ul li .hover{width:101%; height:100%;background:rgb(1 112 225 / 65%);position: absolute; left:0;top:0; transform: scale(0); transition: .8s;padding-top:65px; box-sizing: border-box;}
.sup .sup-rig ul li .hover em{display: block; text-align: center ;line-height: 27px; font-size: 16px; color:#FFF;padding-bottom:29px;background:url(../image/sup-xt.jpg) no-repeat center bottom;}
.sup .sup-rig ul li:hover .hover{transform: scale(1);}
.sup .sup-rig ul li:first-child,.sup .sup-rig ul li:nth-child(4){margin-left: 0;}
.sup .sup-rig ul li:hover .default span{height:227px;}
.sup .sup-rig ul li:hover .default span img{webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.sup .sup-rig ul li:hover .default em{opacity: 0; overflow: hidden;}

@media screen and  (min-width:760px) and (max-width:1680px){
    .sup{padding:58px 3.3% 96px 12.9%}
    .sup .sup-left{width:29.2%;}
    .sup .sup-rig{width:63%;}

}
/**/
.ysbj{height:958px;}
.ys{padding-top:105px;}
.ys h2{text-align: center; margin-bottom: 31px;}
.ys h2 span{display: block; height:65px; line-height: 65px;font-size: 48px; color:#0170e1; font-weight: normal;}
.ys h2 em{display: block; height:33px; line-height:33px;font-size: 18px; color:#000000; font-weight: normal;}
.ys .ys-nav{height:72px; border-top:2px solid #c1c1c1;}
.ys .ys-nav ul li{float:left; height:72px;width:25%; text-align: center;padding-top:16px; box-sizing: border-box;}
.ys .ys-nav ul li i{display: inline-block; width:35px; height:31px; overflow: hidden;margin:7px 12px 0 0;}
.ys .ys-nav ul li i img{width:100%; transition: .5s;}
.ys .ys-nav ul li em{display: inline-block; height:44px; line-height: 44px;font-size: 24px; color:#2e2e2e; vertical-align: top;}
.ys .ys-nav ul li.cur i img{margin-top:-31px;}
.ys .ys-nav ul li.cur em{color:#0170e1;}
.ys .plan_c{height:650px;}
.ys .plan_c .tempWrap{overflow: visible !important;}
.ys .plan_c dl{width:1200px;position: relative;margin-right: 12px;height:650px;}
.ys .plan_c dl:before{content: "";position: absolute;width:100%;height:558px;background:rgba(0,0,0,0.8);top:0;left:0;z-index: 2;}
.ys .plan_c dl dt,.ys .plan_c dl dt img{width:1200px; height:558px;display: block;}
.ys .plan_c dl dd{width:100%; height:186px;background:#0170e1; position: absolute; left:0;bottom:0;padding:28px 47px 0 40px; box-sizing: border-box; display: none; }
.ys .plan_c dl dd .ys-left{width:750px; float:left;}
.ys .plan_c dl dd .ys-left .tit{height:60px; margin-bottom: 13px;}
.ys .plan_c dl dd .ys-left .tit span{display: block; height:60px;float:left;margin-right: 5px;}
.ys .plan_c dl dd .ys-left .tit span i{display: block; width:69px;float:left; height:60px;background:#f7f7f7;border:3px solid #FFF; text-align: center; line-height: 54px; font-size: 40px; color:#0170e1; box-sizing: border-box;}
.ys .plan_c dl dd .ys-left .tit span em{display: block;width:191px;float:left; height:60px;line-height: 54px; text-align: center;border:3px solid #FFF;font-size: 36px; color:#FFF; font-weight: bold; box-sizing: border-box; }
.ys .plan_c dl dd .ys-left .tit h3{height:60px; line-height: 58px;float:left;margin-top: 2px; border-bottom:2px solid rgba(255,255,255,0.32); box-sizing: border-box; font-size: 26px; color:#FFF; font-weight: normal;max-width:450px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ys .plan_c dl dd .ys-left p em{display: block; height:23px;line-height: 23px;font-size: 15px; color:rgba(255,255,255,0.6);}
.ys .plan_c dl dd .ys-rig{float:right;padding-top:12px;}
.ys .plan_c dl dd .ys-rig ul li{float:left;padding:0 22px;}
.ys .plan_c dl dd .ys-rig ul li span{display: block; height:62px;}
.ys .plan_c dl dd .ys-rig ul li span em{display: inline-block; height:62px; line-height: 62px;font-size: 60px; color:#FFF;}
.ys .plan_c dl dd .ys-rig ul li span i{display: inline-block; width:24px; height:24px; line-height: 24px; text-align: center;background:#FFF; border-radius: 50%;font-size: 16px; color:#2f2f2f;}
.ys .plan_c dl dd .ys-rig ul li p{height:29px; line-height: 29px; font-size: 16px; color:#f7f7f7;}
.ys .plan_c dl.cur dd{display: block;}
.ys .plan_c dl.cur:before{display: none;}
.ys .ys-jt{width:100%;position: relative;}
.ys .ys-jt i{display: none; width:62px; height:62px; cursor: pointer;z-index:300; }
.ys .ys-jt i.ys-prev{background:url(../image/ys-prev.png) no-repeat center; position: absolute;left:-142px; top:-420px;}
.ys .ys-jt i.ys-next{background:url(../image/ys-next.png) no-repeat center; position: absolute;right:-142px; top:-420px;}
.ys .ys-con:hover .ys-jt i{display: block;}

@media screen and  (min-width:760px) and (max-width:1680px){
    .ys .ys-jt i.ys-prev{left:30px; top:-408px;}
    .ys .ys-jt i.ys-next{right:30px; top:-408px;}
}
/**/
.casebj{height:1109px; background:url(../image/casebj.jpg) no-repeat center top;}
.cas{padding-top:72px;}
.cas h2{text-align: center; margin-bottom: 32px;}
.cas h2 span{display: block; height:65px; line-height: 65px;font-size: 48px; color:#0170e1;font-weight: normal;}
.cas h2 em{display: block; height:33px; line-height: 33px;font-size: 18px; color:#000000;font-weight: normal;}
.cas h2 em b{color:#0170e1;}
.cas .cas-con{height:571px; margin-bottom: 51px;}
.cas .cas-con .cas-nav{width:224px; float:left;}
.cas .cas-con .cas-nav ul li{width:100%; height:79px;background:#000919; margin-bottom: 3px;}
.cas .cas-con .cas-nav ul li a{display: block; height:79px; padding-top:17px; box-sizing: border-box; text-align: center;}
.cas .cas-con .cas-nav ul li span{display: block;height: 28px; line-height: 28px; font-size: 20px; color:#FFF;}
.cas .cas-con .cas-nav ul li em{display: block; height:18px; line-height: 18px; font-size: 12px; color:rgba(168,168,168,0.3); font-family: "Acrom";}
.cas .cas-con .cas-nav ul li.cur{background:#0170e1;}
.cas .cas-con .cas-nav ul li.cur em{color:rgba(255,255,255,0.3);}
.cas .cas-con .cas-nav ul li:last-child:hover{background:#0170e1;}
.cas .cas-con .cas-nav ul li:last-child:hover em{color:rgba(255,255,255,0.3);}
.cas .cas-rig{width:955px; float:right;}
.cas .cas-rig dl dt{width: 100%; height:456px; overflow: hidden; line-height: 0;}
.cas .cas-rig dl dt img{width:100%; transition: 1s;}
.cas .cas-rig dl dd{padding:19px 58px 0 44px;box-sizing: border-box; height:115px; border-bottom:1px solid #f2f2f2;}
.cas .cas-rig dl dd h4{height:34px; line-height: 34px; margin-bottom: 6px;}
.cas .cas-rig dl dd h4 a{font-size: 18px; color:#2e2e2e; font-weight: bold;}
.cas .cas-rig dl dd p{ line-height:18px;font-size: 14px; color:rgba(46,46,46,0.6);}
.cas .cas-bot .cas-tit{height:49px;border-bottom:3px solid #e0e0e0; margin-bottom: 31px;}
.cas .cas-bot .cas-tit span{display: block; height:37px; line-height: 37px;float:left;padding-left:58px;background: url(../image/cas-ico.png) no-repeat left;font-size: 20px; color:#1f1f1f; margin-right: 10px;}
.cas .cas-bot .cas-tit i{display: block;height:37px; line-height: 45px;float:left;font-size: 12px; color:#a8a8a8; font-family: "Acrom";}
.cas .cas-loop{height:114px; position: relative;padding:0 14px 0 21px; box-sizing: border-box;}
.cas .cas-loop .bd{overflow: hidden;}
.cas .cas-loop .bd ul li{float:left; width:226px !important; height:114px; margin-right: 8px; text-align: center; border:2px solid #cacaca; box-sizing: border-box;}
.cas .cas-loop .bd ul li a{display: block;}
.cas .cas-loop .bd ul li img{display: inline-block; width:196px; height:110px;}
.cas .cas-loop .cas-jt i{display: block; width:49px; height:32px;cursor: pointer;}
.cas .cas-loop .cas-jt .cas-prev{background:url(../image/cas-prev.jpg) no-repeat center; position: absolute;left:0; top:35px;}
.cas .cas-loop .cas-jt .cas-next{background:url(../image/cas-next.jpg) no-repeat center; position: absolute;right:0; top:35px;}
/**/
.newsbj{height:848px; background:#F3F3F3;}
.news{padding-top:74px;}
.news h2{text-align: center; margin-bottom: 29px;}
.news h2 span{display: block; height:63px;line-height: 63px;font-size: 48px; color:#0170e1; font-weight: normal;}
.news h2 em{display: block; height:33px; line-height: 33px; font-size: 18px; color:#000000; font-weight: normal;}
.news .news-left{width:575px;float:left;}
.news .news-left h3{height:49px;}
.news .news-left h3 span{display: block; height:49px; line-height: 49px;float:left;padding-left:36px;background:url(../image/news-ico1.png) no-repeat left;font-size: 18px; color:#333333; font-weight: bold;}
.news .news-left h3 em{display: block; height:49px; line-height: 49px; float:right; text-transform: uppercase;}
.news .news-left dl dt{width:100%; line-height: 0; overflow: hidden;}
.news .news-left dl dt img{width:100%;}
.news .news-left dl dd{height:89px; border-bottom:1px solid #dfdfdf;padding-top:15px; box-sizing: border-box;}
.news .news-left dl dd span{display: block; width:69px; height:59px;float:left; box-sizing: border-box; border-right:1px solid #cccccc;}
.news .news-left dl dd span em{display: block; height:37px; line-height: 37px;font-size: 34px; color:#222222;text-align: center;margin-bottom: 6px;}
.news .news-left dl dd span i{display: block; height:16px; line-height: 16px;font-size: 15px; color:#999999;}
.news .news-left dl dd .news-con{float:left;width:505px;padding-left:16px; box-sizing: border-box;}
.news .news-left dl dd .news-con h4{height:35px; line-height: 35px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .news-left dl dd .news-con h4 a{font-size: 18px; color:#222222;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .news-left dl dd .news-con p{height:30px;line-height: 30px;font-size: 14px; color:#999999;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .news-left .news-bot .bd{overflow: hidden;}
.news .news-left .news-bot .bd ul li{height:40px;border-bottom:1px solid #dfdfdf;}
.news .news-left .news-bot .bd ul li span{display: block;float:left; height:40px; line-height: 40px; max-width:450px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 14px; color:#222222;}
.news .news-left .news-bot .bd ul li em{display: block; height:2rem; line-height: 2rem; float:right;font-size: 0.7rem; color:#999999;}
.news .news-rig{width:575px;float:right;}
.news .news-rig h3{height:49px;}
.news .news-rig h3 span{display: block; height:49px; line-height: 49px;float:left;padding-left:36px;background:url(../image/news-ico2.png) no-repeat left;font-size: 18px; color:#333333; font-weight: bold;}
.news .news-rig h3 em{display: block; height:49px; line-height: 49px; float:right; text-transform: uppercase;}
.news .news-rig dl dt{width:100%; line-height: 0; overflow: hidden;}
.news .news-rig dl dt img{width:100%;}
.news .news-rig dl dd{height:89px; border-bottom:1px solid #dfdfdf;padding-top:15px; box-sizing: border-box;}
.news .news-rig dl dd span{display: block; width:69px; height:59px;float:left; box-sizing: border-box; border-right:1px solid #cccccc;}
.news .news-rig dl dd span em{display: block; height:37px; line-height: 37px;font-size: 34px; color:#222222;text-align: center;margin-bottom: 6px;}
.news .news-rig dl dd span i{display: block; height:16px; line-height: 16px;font-size: 15px; color:#999999;}
.news .news-rig dl dd .news-con{float:left;width:505px;padding-left:16px; box-sizing: border-box;}
.news .news-rig dl dd .news-con h4{height:35px; line-height: 35px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .news-rig dl dd .news-con h4 a{font-size: 18px; color:#222222;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .news-rig dl dd .news-con p{height:30px;line-height: 30px;font-size: 14px; color:#999999;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .news-rig .news-bot .bd{overflow: hidden;}
.news .news-rig .news-bot .bd ul li{height:40px;border-bottom:1px solid #dfdfdf;}
.news .news-rig .news-bot .bd ul li span{display: block;float:left; height:40px; line-height: 40px; max-width:450px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 14px; color:#222222;}
.news .news-rig .news-bot .bd ul li em{display: block; height:2rem; line-height: 2rem; float:right;font-size: 0.7rem; color:#999999;}
/**/
.about .abo-pic{width:100%; line-height: 0; overflow: hidden;}
.about .abo-pic img{width:100%;}
.about .abo-con{width:1400px;height:161px; background:#FFF;box-shadow: 0px 5px 17px 0px rgba(0, 0, 0, 0.06);padding-top:42px; box-sizing: border-box;margin:-62px auto 41px; position: relative;z-index:300;}
.about .abo-con h4{width:310px; height:72px;float:left;border-right:1px solid #2e2e2e;}
.about .abo-con h4 span{display: block; height:49px; line-height: 49px;font-size: 40px; color:#2e2e2e; font-family: "思源黑体 CN"; font-weight: normal;}
.about .abo-con h4 i{display: block; height:26px;line-height: 26px; font-size: 14px; color:#2e2e2e; font-family: "思源黑体 CN"; font-weight: normal;letter-spacing: 3px;}
.about .abo-con p{width:830px; float:right; line-height: 24px;font-size: 14px; color:rgba(46,46,46,0.66);}
.about .abo-con p a{font-size: 14px; color:rgba(46,46,46,0.66);}
.about .abo-nav{height:46px; margin-bottom: 14px; text-align: center;}
.about .abo-nav ul li{display: inline-block; height:46px;margin:0 50px;}
.about .abo-nav ul li a{display: block;}
.about .abo-nav ul li i{display: inline-block;width:28px; height:24px; overflow: hidden; margin: 11px 12px 0 0;}
.about .abo-nav ul li i img{width:100%;transition: .5s;}
.about .abo-nav ul li em{display: inline-block; height:46px; line-height: 46px;font-size: 18px; color:#7a7a7a; vertical-align: top;}
.about .abo-nav ul li.cur i img{margin-top:-24px; }
.about .abo-nav ul li.cur em{color:#0170e1; font-weight: bold;}
.about .abo-bot{height:303px !important;}
.about .abo-list .bd{overflow: hidden;}
.about .abo-list .bd ul li{float:left; width:290px;margin-right: 14px;}
.about .abo-list .bd ul li span{display: block; width:100%; line-height: 0; overflow: hidden;}
.about .abo-list .bd ul li span img{width:100%;}












