﻿@charset "utf-8";
/*end*/
body{overflow-x:hidden;}


/**/
.guide{background-color:#fff;/*background:url(../images/gui-bj.jpg) no-repeat center;*/}
.gui{padding-top:30px;}
.gui h2{text-align: center;margin-bottom: 30px;}
.gui h2 span{display: block; height:67px; line-height: 67px;font-size: 45px; color:#000000;}
.gui h2 em{display: block; height:38px; line-height: 38px;font-size: 20px; color:#050505; margin-bottom: 27px; font-weight: normal;}
.gui h2 i{display: block; width:40px; height:2px; background: #000000;margin:0 auto;}
.gui .gui-con{height:456px; position: relative;}
.gui .gui-con span{display: block; height:456px; line-height: 0; overflow: hidden;}
.gui .gui-con span img{width: 100%; transition: 1s;}
.gui .gui-con ul{
height: 45px;
background: rgba(12,32,69,0.6);
position: absolute;
left: 0;
bottom: 39px;
padding-top: 10px;
box-sizing: border-box;
padding-left: 92px;
}
.gui .gui-con ul li{float:left;box-sizing: border-box; height:29px; line-height: 29px;font-size: 14px; color:rgba(255,255,255,0.8); }
.gui .gui-con ul li:first-child,.gui .gui-con ul li:nth-child(4){width:297px;}
.gui .gui-con ul li:nth-child(2),.gui .gui-con ul li:nth-child(5){width:400px;}
.gui .gui-con ul li:nth-child(3),.gui .gui-con ul li:nth-child(6){width:411px;}
.gui .gun{margin-top: -20px;width:1260px;}
.gui .gun li{float:left;width: 220px; margin-left: 93px;}
.gui .gun li.first{margin-left: 60px;}
.gui .gun li span{display: block;height:51px; }
.gui .gun li span em{display: inline-block;font-size: 40px; font-weight: bold;color:#0c2045;font-family: "思源黑体 CN";height:51px; line-height:51px;}
.gui .gun li span b{display: inline-block;font-weight: normal;font-size: 20px;color:#0c2045;font-family: "思源黑体 CN";}
.gui .gun li span i{display: inline-block;width: 32px; height:32px; background:url(../images/gui-jia.png) no-repeat center;border-radius: 50%;text-align: center; line-height: 32px;margin-left: -12px;}
.gui .gun li p{height:48px; line-height: 48px;font-size: 20px; color:rgba(51,51,51,0.8); letter-spacing: 3px;}
.gui .gun li:nth-child(4) span i,.gui .gun li:nth-child(5) span i{margin-left: -15px;}

/**/
.fwbj{padding:50px 4.4% 20px 5.7%;}
.fwbj h2{text-align: center; margin-bottom: 44px;}
.fwbj h2 span{display: block; height:69px; line-height: 69px;font-size: 45px; color:#000000; font-weight: bold;}
.fwbj h2 em{display: block; height:40px; line-height: 40px; font-size: 24px;color:#0D101A; font-weight: normal;}
.fwbj ul{position:relative;}
.fwbj ul li{float:left;width: 31.7%;
margin-bottom: 40px;
margin-right: 2%;
box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.13);
border: 1px solid #dedede;
border-radius: 10px;
height: 160px;
}
.fwbj ul li dl dt{width:38.7%;float:left; line-height: 0; overflow: hidden;}
.fwbj ul li dl dt img{
    transition: 1s;
    margin: 1px 0px 0px 1px;
    border-radius: 9px 0px 0px 9px;
    max-height: 158px;
    opacity: 0.8;
}

.fwbj ul li:hover dl dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.fwbj ul li dl dd{float:left;padding:1.3% 0 1.4% 20px;width:61%; box-sizing: border-box;}
.fwbj ul li dl dd h4{height:35px; line-height: 35px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.fwbj ul li dl dd h4 a{font-size: 17px; color:#000000; font-weight: bold;}
.fwbj ul li dl dd h4:hover a{color:#007aff;}
.fwbj ul li dl dd p.desc{
font-size: 14px;
line-height: 25px;
margin-bottom: 5px;
height: 78px;
overflow: hidden;
padding: 1px 5px;
}

.fwbj ul li dl dd p.more{font-size: 14px;}
/*.fwbj ul li dl dd p em{display: block;width:50%;height:33px; line-height: 33px;float:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.fwbj ul li dl dd p em a{font-size: 14px; color:#010101; position: relative;padding-left:10px;}
.fwbj ul li dl dd p em a:before{width:6px; height:2px; background:url(../images/fw-xt.png) no-repeat center; content:""; position: absolute;left:0;top:10px;}
.fwbj ul li dl dd p em:hover a:before,.fwbj ul li dl dd p em.last a:before{background:url(../images/fw-xt_h.png) no-repeat center;}
.fwbj ul li dl dd p em:hover a,.fwbj ul li dl dd p em.last a{color:#007aff;}*/
.fwbj ul li:nth-child(3),.fwbj ul li:last-child{margin-right: 0;}

/**/
.video{ width: 100%;    height:950px;    position: relative;    z-index: 200;    overflow: hidden;}
.video .vid-sp{background-position: center center;background-repeat: no-repeat;height: 100%;width: 100%;position:relative;}
.video .vid-sp video{ min-width: 100%;object-fit: fill;min-height: 100%;position: absolute;top: 55%;left: 50%;transform: translate(-50%,-55%); }
.video .vid-sp:before{width:100%; height:100%; content:""; position:absolute;left:0;bottom:0;background:rgba(0,0,0,0.5);z-index:200;}
.vid{position: absolute;left:50%;top:174px;width:100%;transform:translateX(-50%);z-index:210;}
.vid h2{text-align: center;margin-bottom: 118px;}
.vid h2 span{display: block; height:69px; line-height: 69px;font-size: 45px; color:#eeeeee;}
.vid h2 em{display: block;height:48px; line-height: 48px;font-size: 28px; color:#eeeeee; font-weight: normal;}
.vid p{font-size: 16px; color:#eeeeee; width:1074px; margin:0 auto 80px;line-height:35px; text-align: center; }
.vid .open{display: block; width:102px; height:102px; background:url(../images/open.png) no-repeat center; cursor: pointer;margin:0 auto;}
.modal-backdrop{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #232526;z-index: 300;}
.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;}

/**/
.solution{padding:20px 3% 51px;}
.solution h2{text-align: center; margin-bottom: 30px;}
.solution h2 span{display: block; height:69px; line-height: 69px; font-size: 45px; color:#000000; font-weight: bold;}
.solution h2 em{display: block; height:40px; line-height: 40px; font-size: 20px; color:#0D101A; font-weight: normal;}
.solution .sol-nav{opacity: 0.8;width:200px;float:left;background:rgba(245,245,245,0.95);margin-top:20px;position: absolute;z-index:100;}
.solution .sol-nav ul li{height:66px;line-height: 66px; border-bottom:1px solid rgba(228,229,232,0.95);padding-left:11px;position: relative;}
.solution .sol-nav ul li a{display: block;position: relative;height:66px;text-align: center;}
.solution .sol-nav ul li span{display: block; width:30px; height:30px; overflow: hidden;float:left;margin-top: 16px;margin-right: 14px;}
.solution .sol-nav ul li span i{display: block; width:30px; line-height: 0; transition: .5s; }
.solution .sol-nav ul li em{display: inline-block;height:66px; line-height: 66px; font-size: 14px;color:#0C2045; font-family: "思源黑体 CN"; transition: .5s;}
.solution .sol-nav ul li:before{width:0;height:66px;background:#0B5292;content:""; position: absolute; left:0;top:0; transition: .5s;}
.solution .sol-nav ul li.cur span i.default{margin-top:-30px; opacity: 0;}
.solution .sol-nav ul li.cur:before{width:100%;}
.solution .sol-nav ul li.cur em{color:#FFF;}
/*.solution .sol-list{float:right;width: 80.5% !important;margin-right:110px;}*/
.solution .sol-list dl{position: relative;}
.solution .sol-list dl dt{width:100%;line-height: 0; overflow: hidden;}
.solution .sol-list dl dt img{width:100%;height:100%;}
.solution .sol-list dl dd{
position: absolute;
top: 102px;
left: 20%;
width: 60%;
background: rgba(255,255,255,0.9);
padding: 34px 30px 37px 43px;
box-shadow: 0px 2px 20px 0px rgb(0, 0, 0);
box-sizing: border-box;
opacity: 0.6;

}
.solution .sol-list dl dd h4{height:46px; line-height: 46px;margin-bottom: 6px;}
.solution .sol-list dl dd h4 a{font-size: 20px; color:#0C2045; font-weight: bold;}
.solution .sol-list dl dd p{font-size: 14px; color:#3f3f3f; line-height: 28px; margin-bottom: 21px;}
.solution .sol-list dl dd span{display: block; width:105px; height: 26px; text-align: center; line-height: 24px;border:1px solid #3f3f3f;border-radius:13px;overflow: hidden; transition: .5s;}
.solution .sol-list dl dd span a{display: block; width:103px; height:26px;position: relative;}
.solution .sol-list dl dd span a:before{width:103px; height:24px; content:""; position: absolute; left:0;top:0; transition: .5s;color:#fff;}
.solution .sol-list dl dd span a:after{width:103px; height:24px; content:""; position: absolute; right:103px;top:0; transition: .5s;}
.solution .sol-list dl dd:hover span{border:1px solid #0c2045;background:#0c2045;color:#fff;}
.solution .sol-list dl dd:hover span a:before{left:103px;color:#fff;}
.solution .sol-list dl dd:hover span a:after{right:0;}
.solution .bd{margin-top: 40px; overflow: hidden;float:left;width:100%;}
.solution .bd ul li{float:left;width:19.7%;margin-right: 4px;}
.solution .bd ul li span{display: block; width:100%; line-height: 0; overflow: hidden;}
.solution .bd ul li span img{width:100%;transition: 1s;}
.solution .bd ul li em{display: block; height:55px; line-height: 50px; text-align: center;font-size: 14px; color:#000000; position: relative;}
.solution .bd ul li em:before{width: 0; height:3px; background:#0193de; content:""; position: absolute; left:0;bottom:0; transition: .5s;}
.solution .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);}
.solution .bd ul li:last-child{margin-right: 0;}
.solution .sol-list-nav .bd ul li:hover em:before{width:100%;}

/**/
.advan{padding-top:46px;background:#f4f4f4;}
.advan h2{text-align: center; margin-bottom: 32px;}
.advan h2 span{display: block; height:69px; line-height: 69px; font-size: 45px; color:#000000;font-weight: bold;letter-spacing: 3px;}
.advan h2 em{display: block; height:40px; line-height: 40px;font-size: 20px;color:rgba(12,32,69,0.8); font-weight: normal;letter-spacing: 2px;}
.advan ul li{float:left;width:24.9%; line-height: 0; overflow: hidden; margin-left: 1px;position: relative;}
.advan ul li:first-child{margin-left: 0;}
.advan ul li span{display: block; width:100%; overflow: hidden;}
.advan ul li span img{width:100%; height:100%; transition: 1s;}
.advan ul li:before{display:block;width: 100%; height:100%;background:rgba(12,32,69,0.7); content:""; position: absolute; top:0; left:0; -webkit-transition:all .5s linear;-webkit-transition:all .5s linear;z-index:100;}
.advan ul li:hover:before{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);background:rgba(0,93,194,0.8);}
.advan ul li:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.advan ul li .default{text-align: center; position: absolute; top:39%;left:0;width:100%; z-index:200; transition: 1s;box-sizing: border-box;}
.advan ul li .default i{display: block; height:33px; line-height: 33px;font-size: 16px; color:#FAFAFA;font-family: "思源黑体 CN"; text-transform: uppercase;letter-spacing: 2px;}
.advan ul li .default span{
display: block;
width: 80%;
height: 66px;
margin: 0 auto;
text-align: center;
border: 1px solid rgba(255,255,255,0.2);
border-radius: 5px;
line-height: 66px;
background-color: #4474ad;
opacity: 0.8;
}
.advan ul li .default span em{display: block;height:57px; line-height: 57px;font-size: 41px; color:#FAFAFA; text-align: center;font-family: "思源黑体 CN";letter-spacing: 6px;}
.advan ul li .default span p{height:33px; line-height: 33px; font-size: 16px; color:#FAFAFA;font-family: "思源黑体 CN";letter-spacing: 2px;}
.advan ul li:hover .default{top:15%;}
.advan ul li strong{display: block;margin-top: 105px;padding:0 10%; transition: .5s; opacity: 0;}
.advan ul li strong em{display: block; padding-left:21px; line-height: 26px; font-size: 14px; color:#FFFFFF;position: relative;margin-bottom: 24px; text-align: left; font-weight: normal;}
.advan ul li strong em:before{width:6px; height:6px; background:#FFF; border-radius: 50%; content:""; position: absolute; left:0;top:11px;}
.advan ul li:hover strong{margin-top: 65px; opacity: 1;}

/**/
.case{padding:89px 5% 50px;}
.case h2{text-align: center;}
.case h2 span{display: block;font-size: 45px; color:#000000; height:69px; line-height: 69px;letter-spacing: 3px;}
.case h2 em{display: block; height:39px; line-height: 39px;font-size: 20px; color:rgba(12,32,69,0.8); font-weight: normal;letter-spacing: 2px;}
.case .cas-link{height:45px; line-height:45px; text-align:right;}
.case .cas-link a{display:inline-block;font-size: 20px; color:rgba(12,32,69,0.8); }
.case ul li{float:left;width:24.62%;margin-left: 0.5%; margin-bottom: 30px; transition: .5s; box-sizing: border-box; border:1px solid #FFF;}
.case ul li:first-child,.case ul li:nth-child(5){margin-left: 0;}
.case ul li dl dt{width:100%; height:230px;line-height: 0; overflow: hidden;}
.case ul li dl dt img{width:100%; height:100%;transition: 1s;}
.case ul li dl dd{padding: 2px 20px 3px 20px;background:rgba(229,229,229,0.5);}
.case ul li dl dd h4 a{display: block; font-size: px; color:#282828;background:url(../images/cas-jt.png) no-repeat right;font-weight: normal; transition: .5s;}
.case ul li dl dd h4{height:38px; line-height: 38px;}
.case ul li dl dd p{height:30px; line-height: 30px;font-size: 14px; color:#282828;}
.case ul li:hover dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.case ul li:hover{box-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.5);}
.case ul li:hover dd h4 a{color:#007aff;}


/**/
.team{height:951px; background:url(../images/team.jpg) no-repeat center;}
.tea{padding-top:183px;}
.tea .tea-con{height:768px;position: relative;}
.tea .tea-prev,.tea .tea-next{position: absolute;width: 50px;height: 50px;bottom: 60px;z-index: 50;cursor: pointer;}
.tea .tea-prev{left: 200px;background:url(../images/tea-prev.png) no-repeat center;}
.tea .tea-next{left: 300px;background:url(../images/tea-next.png) no-repeat center;}
.tea .tea-con dl{height:580px;padding-left:43px; position: relative;}
.tea .tea-con dl dt{width:460px; height:580px; float:left;padding:39px 38px 0 0; position: relative;margin-right: 60px; box-sizing: border-box;}
.tea .tea-con dl dt:before{width:416px; height:541px; border:1px solid #FFF;content:""; position: absolute; top:0; right:0;}
.tea .tea-con dl dt a{display: block; width:422px; height:541px; line-height: 0; position: relative;}
.tea .tea-con dl dt a img{width:100%;}
.tea .tea-con dl dd{width:475px; float:left;}
.tea .tea-con dl dd .tit{height:150px; margin-bottom: 38px; position:relative;}
.tea .tea-con dl dd .tit span{display: block; width:149px; height:150px; line-height: 150px; background:url(../images/tea-kk.png) no-repeat center;float:left;}
.tea .tea-con dl dd .tit span a{display: block; font-size: 40px; color:#FAFAFA; font-family: "思源黑体 CN"; font-weight: bold; text-align: right;}
.tea .tea-con dl dd .tit em{display: block;height:150px; line-height: 275px; margin-left: 13px;font-size: 17px; color:#FAFAFA; font-family: "思源黑体 CN"; font-weight: bold;position:absolute;left:163px;bottom:0;width:420px;}
.tea .tea-con dl dd p{font-size: 14px; color:#FAFAFA; line-height: 26px;margin-bottom: 29px;letter-spacing: 1px;font-family: "思源黑体 CN"; }
.tea .tea-con dl dd .gd{display: block; width:31px; height:32px; background:url(../images/tea-jt.jpg) no-repeat center;}
.tea .tea-con dl:before{width:79px; height:64px; background:url(../images/tea-yy.png) no-repeat center; content:""; position: absolute; left:-69px;top:-58px;}
.tea .tea-con .tea-swiper{height:372px;width:665px; position: absolute;bottom:0; right:0; overflow: hidden;}
.tea .tea-con .tea-wraper li{float:left;width:133px !important;height:372px;padding-left:7px;background:url(../images/tea-xt.png) no-repeat left top; box-sizing: border-box;padding-top:17px;}
.tea .tea-con .tea-wraper li i{display: block; width:98px; height:98px; margin:0 auto;transition: .5s;border-radius: 50%;border:5px solid rgba(255,255,255,0.5);}
.tea .tea-con .tea-wraper li i img{width:100%;}
.tea .tea-con .tea-wraper li em{display: block; height:54px; line-height: 54px; text-align: center;font-size: 20px; color:#FAFAFA; font-family: "思源黑体 CN";}
.tea .tea-con .tea-wraper li.hd1,li.hd6{margin-top: 63px;}
.tea .tea-con .tea-wraper li.hd2,li.hd7{margin-top: 0;}
.tea .tea-con .tea-wraper li.hd3,li.hd8{margin-top: 131px;}
.tea .tea-con .tea-wraper li.hd4,li.hd9{margin-top: 58px;}
.tea .tea-con .tea-wraper li.hd5,li.hd10{margin-top: 17px;}
.tea .tea-con .tea-wraper li:hover i{border:5px solid #007aff; border-radius: 50%;}

/**/
.camp{padding-top:97px; height:949px; box-sizing: border-box;}
.camp h2{text-align: center;margin-bottom: 41px;}
.camp h2 span{display: block;font-size: 45px; color:#000000; height:69px; line-height: 69px;letter-spacing: 3px;}
.camp h2 em{display: block; height:39px; line-height: 39px;font-size: 20px; color:rgba(12,32,69,0.8); font-weight: normal;letter-spacing: 2px;}
.camp .camp_l{width:682px; margin-left: 23px;}
.camp .camp_l .camp_map{background:url(../images/map-pic.jpg) no-repeat center;height:564px; position: relative;}
.camp .camp_l .camp_map span{display: block; text-align: center;position: absolute; }
.camp .camp_l .camp_map span:before{width:100%; height:100%;background:rgba(0,122,255,0.66);content:""; position: absolute; left:0;top:0;border-radius: 50%;-webkit-animation: living 2s linear infinite;}
.camp .camp_l .camp_map span i{display: block;font-size: 18px; color:#FFF;background:url(../images/map-sd.png) no-repeat top center;padding-top:19px;position: relative;}
.camp .camp_l .camp_map span.camp_dz1{width:134px; height:134px;top:233px; right:235px;padding-top:40px; box-sizing: border-box;}
.camp .camp_l .camp_map span.camp_dz1 i{height:47px; line-height: 47px; }
.camp .camp_l .camp_map span.camp_dz2{width:145px; height:145px;top:263px; right:112px;padding-top:42px; box-sizing: border-box;}
.camp .camp_l .camp_map span.camp_dz2 i{height: 51px; line-height: 51px;}
.camp .camp_l .camp_map span.camp_dz3{width:137px; height:137px;bottom:46px; right:246px;padding-top:45px; box-sizing: border-box;}
.camp .camp_l .camp_map span.camp_dz3 i{height:42px; line-height: 42px;}
.camp .camp_l .camp_map span.camp_dz3:before{background:rgba(0,122,255,0.66);}
.camp .camp_l .camp_map span.camp_dz4{width:113px; height:112px;bottom:50px; right:65px;padding-top:34px; box-sizing: border-box;}
.camp .camp_l .camp_map span.camp_dz4 i{height:38px; line-height: 38px;}
@keyframes living {
    0%{
        transform: scale(1);
        opacity: 1;
    }
    50%{
        transform: scale(1.3);
        opacity: 0.7;
    }
    100%{
        transform: scale(1);
        opacity: 1;
    }
}
.camp .camp_l .camp_pho{margin-top:-120px;padding-left:9px;}
.camp .camp_l .camp_pho .camp-zx{display: inline-block; height:27px; line-height: 27px;padding-left:36px;font-size: 27px; color:#000000; font-weight: bold; background:url(../images/map-tel.png) no-repeat left; margin-bottom: 19px; position: relative; }
.camp .camp_l .camp_pho span{display: block;width:224px; height:37px; text-align: center;background:#007AFF; line-height: 37px;letter-spacing: 6px; margin-bottom: 16px;border-radius: 18px; position: relative; cursor: pointer;}
.camp .camp_l .camp_pho span a{display:block;font-size: 23px;color: #ffffff;}
.camp .camp_l .camp_pho p{font-size: 21px; color:#212121; font-family: "思源黑体 CN";line-height: 30px;position:relative;z-index:200;}

.camp .camp_l .camp_pho .modal-backdrop1{display: none;position: fixed !important;width: 100%;height: 100%;top: 0;right: 0;bottom: 0;left: 0;z-index:500;background:rgba(0,0,0,0.1);}
.camp .camp_l .camp_pho .modal-backdrop1 .vd1{width: 550px;height: 400px;background: url(../images/zx-form.png) no-repeat center;position: absolute;left: 50%;top: 0;margin-left: -300px;margin-top: -200px;padding:51px 59px 0 46px; box-sizing: border-box;}
.camp .camp_l .camp_pho .modal-backdrop1 .vd1 .form{width: 445px; height:226px;padding:25px 37px 0 38px; box-sizing: border-box;}
.camp .camp_l .camp_pho .modal-backdrop1 .vd1 .form ul li{float:left;width:185px; height:55px; border-bottom:1px solid rgba(255,255,255,0.1);}
.camp .camp_l .camp_pho .modal-backdrop1 .vd1 .form ul li label{width:40px; height:55px; line-height: 55px; float:left;font-size: 16px; color:#FFF; font-weight: bold;}
.camp .camp_l .camp_pho .modal-backdrop1 .vd1 .form ul li input{width:145px; height: 55px; line-height: 55px; padding:0 10px; box-sizing: border-box;font-size: 16px; color:#FFF; background:0; }
.camp .camp_l .camp_pho .modal-backdrop1 .vd1 .form ul li.last{ border-bottom:0;width:100%;height:80px;}
.camp .camp_l .camp_pho .modal-backdrop1 .vd1 .form ul li span{display:none;}
.camp .camp_l .camp_pho .modal-backdrop1 .vd1 .form ul li textarea{width:330px; height:80px;padding:15px 10px; box-sizing: border-box; background:0;font-size: 16px; color:#FFF;}
.camp .camp_l .camp_pho .modal-backdrop1 .vd1 .close1{position: absolute;top: 0;right: 0;width: 30px;height: 28px;font-size: 20px;text-align: center;line-height: 50px;color: #333;background: url(../images/zx-close.png) no-repeat center;border-radius: 50%;cursor: pointer;}
.camp .camp_l .camp_pho .modal-backdrop1 .vd1 .form .submit{width:50px; height:32px; margin:18px auto 0;}
.camp .camp_l .camp_pho .modal-backdrop1 .vd1 .form .submit .form-btn-submit{width:50px; height:32px;background:url(../images/submit.png) no-repeat center; cursor: pointer; font-size:0;}
.camp .camp_l .camp_pho .modal-backdrop1 .vd1 .form .submit .form-btn-reset{display: none;}

.camp .camp_r{width:402px;float:right;margin:36px 32px 0 0;}
.camp .camp_r ul{width:402px; padding:28px 0 33px;background:#f4f4f4; box-sizing: border-box;}
.camp .camp_r ul li{height:52px; overflow: hidden;}
.camp .camp_r ul li span{display: block; margin-left: 50px; height:52px; line-height: 52px;font-size: 19px; color:#2B2B2B; font-weight: bold;padding-left:33px; background:url(../images/map-icon.png) no-repeat left;}
.camp .camp_r ul li.cur{width:427px;margin-left: -25px;background:#0C2045;height:178px;padding-top:25px; box-sizing: border-box;padding-left:45px;}
.camp .camp_r ul li.cur span{margin-left: 0;color:#FFF;background:url(../images/map-icon_h.png) no-repeat left;height:39px; line-height: 39px;margin-bottom: 3px;}
.camp .camp_r ul li .camp_con{padding-left:33px; opacity: 0;}
.camp .camp_r ul li .camp_con em{display: block;height:26px; line-height: 26px;font-size: 12px;color:#ffffff;letter-spacing: 1px;}
.camp .camp_r ul li.cur .camp_con{opacity: 1;}

/**/
.news{background:#f4f4f4;padding:81px 3% 100px;}
.news h2{text-align: center;margin-bottom: 38px;}
.news h2 span{display: block;font-size: 45px; color:#000000; height:69px; line-height: 69px;letter-spacing: 3px;}
.news h2 em{display: block; height:39px; line-height: 39px;font-size: 20px; color:rgba(12,32,69,0.8); font-weight: normal;letter-spacing: 2px;}
.news .news-tit{height:53px; border-bottom:2px solid #aaaaaa;margin-bottom: 58px;
}
.news .news-tit ul{width:50%;height:53px;float:left;}
.news .news-tit ul li{float:left; position: relative;height:53px; line-height: 53px;margin-right: 54px;}
.news .news-tit ul li:before{width:0;height:2px; background:#007AFF;content:""; position: absolute; left:0;bottom:-2px; transition: .5s;}
.news .news-tit ul li span{display: block; width:19px; height:53px; overflow: hidden; margin-right: 17px;float:left;position: relative;}
.news .news-tit ul li span img{display: block;transition: .5s;margin-left: -19px;}
.news .news-tit ul li em{display: block; height:53px;font-size: 18px; color:#1D1D1D;font-weight: bold;float:left;}
.news .news-tit ul li.cur span img{margin-left: 0;}
.news .news-tit ul li.cur:before{width:100%;}
.news .news-tit ul li.cur em{color:#007AFF;}
.news .news-tit b{display: inline-block;height:53px; line-height: 53px;float:right;}
.news .news-tit b a{font-size: 18px; color:#007AFF; font-weight: bold; text-transform: uppercase;}
.news .news-list .news-left{width:21%;float:left; line-height: 0; position: relative; overflow: hidden;margin-top: 24px;}
.news .news-list .news-left span{display: block; width:100%; line-height: 0; overflow: hidden;}
.news .news-list .news-left span img{width:100%; transition: 1s;}
.news .news-list .news-left p{font-size: 14px; color:#FFFFFF; line-height: 26px; position: absolute; left:0;bottom:0;width:100%;background:rgba(0,0,0,0.5);padding:36px 23px; box-sizing:border-box;}
.news .news-list .news-left:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.news .news-rig{float:left;width:79%;}
.news .news-rig ul li{float:left;width:26.9%; margin-left: 6.4%;}
.news .news-rig ul li .news-rq{height:82px;}
.news .news-rig ul li .news-rq span{display: inline-block;height:82px; line-height: 82px; font-size: 36px; color:#1D1D1D; margin-right: 7px;float:left;}
.news .news-rig ul li .news-rq i{display: inline-block;height:82px; line-height: 100px;font-size: 12px; color:rgba(29,29,29,0.8);}
.news .news-rig ul li dl dt{overflow: hidden; line-height: 0;}
.news .news-rig ul li dl dt img{width: 100%; transition: 1s;}
.news .news-rig ul li dl dd h4{height:50px; line-height: 50px;margin-bottom: 10px;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.news .news-rig ul li dl dd h4 a{font-size: 18px; color:#333333; font-weight: bold; transition: .5s;}
.news .news-rig ul li dl dd p{font-size: 14px; color:#333333; line-height: 26px; margin-bottom: 56px;}
.news .news-rig ul li dl dd .xq{height:45px;width:112px;border-bottom:2px solid #07060e;}
.news .news-rig ul li dl dd .xq em{display: block;height:45px;line-height: 45px;font-size: 12px; color:rgba(29,29,29,0.8);background:url(../images/news-jt.png) no-repeat right; position: relative;transition:.5s;}
.news .news-rig ul li dl dd .xq em:before{width:40px; height:2px; background:#007aff; content:"";position: absolute; left:0;bottom:-2px; transition: .5s;}
.news .news-rig ul li:hover dl dd .xq em{color:#007aff;}
.news .news-rig ul li:hover dl dd .xq em:before{width: 100%;}
.news .news-rig ul li:hover dl dd h4 a{color:#007aff;}
.news .news-rig ul li:hover dl dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}

/**/
.about{padding:68px 11% 40px;background:url(../images/about.jpg) no-repeat center;}
.about h2{text-align: center; margin-bottom: 60px;}
.about h2 span{display: block;height:92px; line-height: 92px; margin-bottom: 16px;}
.about h2 span a{font-size: 45px; color:#FFFFFF;font-weight: bold; }
.about h2 p{
font-size: 16px; color:#FFF;line-height: 27px; text-align: center;font-weight: normal;
background-color: #0071b3;
opacity: 0.8;
padding: 15px 10px;
border-radius: 8px;
box-shadow: 2px 2px 1px 0px rgba(52, 50, 50, 0.8);
}
.about .abo-con{background:#FFF;padding:15px 15px 58px 15px;box-shadow: 2px 1px 3px 1px rgba(0, 0, 0, 0.23);}
.about .abo-con span{display: block; width:100%; line-height: 0; overflow: hidden;margin-bottom: 15px;}
.about .abo-con span img{width: 100%; transition: 1s;}
.about .abo-con span:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.about .abo-con .abo-nav{width:800px; margin:0 auto;height:76px;}
.about .abo-con .abo-nav ul li{float:left; width:25%; height:76px; line-height: 76px; text-align: center;}
.about .abo-con .abo-nav ul li a{display: block;height:76px; font-size: 20px; color:#282828; font-weight: bold;}
.about .abo-con .abo-nav ul li.cur a{color:#007AFF;}
.about .abo-con .abo-list ul li{float:left;width:19.3%; margin-right: 8px;}
.about .abo-con .abo-list ul li strong{display: block; width:100%; padding:8px; box-sizing: border-box; line-height: 0;}
.about .abo-con .abo-list ul li strong img {
    width: 100%;
    border-radius: 5px;
    box-shadow: 1px 2px 1px 1px rgba(0, 0, 0, 0.23);
	max-height:180px;
	min-height:180px;
    }
.about .abo-con .abo-list ul li em{display: block; height:54px; line-height: 54px; text-align: center; font-size: 14px;color:#282828;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.about .abo-con .abo-list ul li:last-child{margin-right: 0;}

