@charset 'utf-8';
body{font-family:"微软雅黑",Arial;background:#fff}
.scale_img dl dt img,.scale_img li img{-o-transition:all 1s linear 0s;transition:all 1s linear 0s}
.scale_img dl:hover dt img,.scale_img li:hover img{-webkit-transform:scale(1.05) rotate(0) translateY(0);-ms-transform:scale(1.05) rotate(0) translateY(0);transform:scale(1.05) rotate(0) translateY(0)}

h2.main_title a{display:block;text-align:center;line-height:0;font-size:0}
h2.main_title img{display:inline-block;width:52px;margin-right:13px}
h2.main_title strong{display:inline-block;font-size:46px;line-height:52px;color:#333;vertical-align:top}
h2.main_title span{display:block;font-size:18px;line-height:100%;color:#333;margin-top:15px;font-weight:400;letter-spacing:2px}
h2.main_title a:hover{color:#333}

.fullSlide{position:relative;z-index:1;clear:both;width:100%}
.fullSlide .tempWrap{margin:0 auto}
.fullSlide .bd{position:relative;z-index:1;overflow:hidden;margin:0 auto}
.fullSlide .bd .li img{display:block;width:100%;height:auto!important}
.fullSlide .hd{position:absolute;bottom:50px;width:100%;right:0%;display: flex; justify-content: center; height:28px;cursor:pointer;z-index:2}
.fullSlide .hd li{position:relative;display:inline-block;width:15px;height:15px;margin-right:29px;opacity:1;border-radius:50%;background:none;font-size:0;-o-transition:all .3s ease;transition:all .3s ease}
.fullSlide .hd li:before{position:absolute;content:"";width:17px;height:17px;border:1px solid #fff;top:-2px;left:-2px;border-radius:50%;}
.fullSlide .hd li.on{background: #fff;}
.fullSlide p{position:absolute;top:50%;width:80px;height:80px;z-index:99;opacity:1;text-align:center;margin-top:-40px;opacity:.8}
.fullSlide .prev2{left:3%}
.fullSlide .next2{right:3%}

.intro{background:url(../images/intro_bg.jpg) no-repeat center top;padding-top:124px;padding-bottom:110px}
.intro .pic{width:482px;height:535px;line-height:0;position:relative}
.intro .pic img{width:482px;height:535px}
.intro .pic:before{position:absolute;content:"";width:70px;height:5px;background:#fff;top:94px;right:0;z-index:2}
.intro .pic:after{position:absolute;content:"";width:70px;height:5px;background:#0d306a;top:94px;right:-70px;z-index:2}
.intro_con{width:624px;padding-top:68px}
.intro_con h2 strong{display:block;font-size:48px;line-height:68px;color:#0d306a}
.intro_con h2 span{display:block;font-size:30px;line-height:50px;color:#333;font-weight:400}
.intro_con p{font-size:16px;line-height:28px;color:#333;margin:44px 0 80px}
.intro_con .sign{line-height:0;position:relative}
.intro_con .sign:after{position:absolute;content:"";width:18px;height:18px;background:#ffb868;right:3px;bottom:-7px}

.project{padding-top:89px;overflow:hidden;padding-bottom:76px}
.project h2 a{display:block;text-align:center}
.project h2 p{text-align:center;font-size:0;line-height:0}
.project h2 img{display:inline-block;width:52px;height:52px;vertical-align:top}
.project h2 i{display:inline-block;font-size:46px;line-height:100%;color:#333;font-weight:400;margin:0 22px 0 11px}
.project h2 strong{display:inline-block;font-size:46px;line-height:100%;color:#333}
.project h2 span{display:block;font-size:18px;line-height:100%;color:#333;margin:12px 0 25px;font-weight:400;letter-spacing:3px}
.pro_con{height:687px;position:relative;margin-bottom:40px}
.pro_con .pro_container{position:absolute;height:687px;left:50%;margin-left:-960px;top:0}
.pro_con .content{padding-top:144px;position:relative;z-index:9}
.pro_con .pro_switch{width:246px;height:51px;position:absolute;right:0;bottom:94px}
.pro_con .pro_switch div{width:123px;height:51px;background:#0d306a;float:left;cursor:pointer}
.pro_con .pro_switch .pro_prev{background:#fff}
.pro1{width:434px;height:543px;background:rgba(21,72,132,.73);padding:70px 70px 0 52px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.pro1 a{display:block}
.pro1 h3 strong{display:block;font-size:32px;line-height:40px;color:#fff;-o-transition:all .3s ease;transition:all .3s ease}
.pro1 h3 span{display:block;font-size:18px;line-height:50px;color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #fff;border-bottom:1px solid #fff;margin-top:17px}
.pro1 h3:hover strong{letter-spacing:1px}
.pro1 p{font-size:16px;line-height:28px;color:#fff;margin:28px 0;text-align: justify;}
.pro1 i{display:block;width:251px;height:52px;background:url(../images/more.png) no-repeat 151px center;border:1px solid #fff;font-size:17px;line-height:50px;color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-indent:68px;-o-transition:all .3s ease;transition:all .3s ease}
.pro1 i:hover{background-position-x:156px}

.case{overflow:hidden}
.case .content{position:relative}
.case .case_container{overflow:hidden;height:220px}
.case li{width:392px;height:220px;overflow:hidden;line-height:0;position:relative;margin-right:12px;float:left}
.case li a{display:block;position:relative;width:100%;height:100%}
.case li a:after{position:absolute;content:"";width:100%;height:80px;background:url(../images/bg.png) no-repeat center bottom;left:0;bottom:0;z-index:1}
.case li img{width:392px;height:220px}
.case li h4{position:absolute;background:url(../images/more1.png) no-repeat 351px 28px;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 80px 0 20px;font-size:16px;line-height:54px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;left:0;bottom:0;font-weight:400;z-index:2}
.case .case_next,.case .case_prev{width:36px;height:36px;background:#ccc;border-radius:50%;position:absolute;top:93px;cursor:pointer;-o-transition:all .3s ease;transition:all .3s ease}
.case .case_next:hover,.case .case_prev:hover{background:#0d306a}
.case .case_prev{left:-65px}
.case .case_next{right:-65px}

.project1{background:url(../images/project_bg.jpg) no-repeat center top;padding-top:70px;padding-bottom:86px}
.pro2{width:1200px;margin:0 auto 30px;height:424px}
.pro2 dt{width:689px;height:424px;float:left;line-height:0}
.pro2 dt img{width:689px;height:424px}
.pro2 dd{float:right;width:511px;height:424px;background:#fff;padding:43px 99px 0 73px}
.pro2 dd h3 span,.pro2 dd h3 strong{color:#333}
.pro2 dd h3 span{border-color:#333}
.pro2 dd p{color:#333;margin:26px 0 40px}
.pro2 dd i{background-color:#0d306a;border-color:#0d306a}

.small_banner{height:233px;background:#2b2f32;background:linear-gradient(90deg,#2b2f32,#4f5558);padding-top:33px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; margin-top:87px;}
.small_banner .fl{width:123px;margin-right:179px}
.small_banner h2{float:left}
.small_banner h2 a{display:block;padding-top:48px;background:url(../images/si.png) no-repeat left top}
.small_banner h2 strong{display:block;font-size:54px;line-height:60px;color:#fbb963;letter-spacing:4.5px}
.small_banner h2 span{display:block;font-size:26px;line-height:30px;color:#fff;margin-top:12px;font-weight:400;letter-spacing:22.5px}
.small_banner .fr{text-align:right}
.small_banner .fr span{display:block;font-size:16px;line-height:20px;color:#fff;margin:29px 0 15px}
.small_banner .fr strong{display:block;font-size:30px;line-height:32px;color:#fff}
.zjbj{height:107px;width:1291px;margin:0 auto;background:url(../images/zjtp.png) no-repeat center top;}

.team{overflow:hidden;padding-top:87px;padding-bottom:90px}
.team h2 a{display:block;text-align:center;margin-bottom:39px}
.team h2 strong{display:block;font-size:48px;line-height:52px;color:#333}
.team h2 span{display:block;font-size:18px;line-height:24px;color:#333;margin-top:10px}
.team_nav{position:relative;width:300px;float:left;margin-top:116px}
.team_nav:before{position:absolute;content:"";width:659px;height:1px;background:#eaeaea;right:0;top:-45px}
.team_nav:after{position:absolute;content:"";width:659px;height:1px;background:#eaeaea;right:0;bottom:-45px}
.team_nav li{width:150px;height:150px;overflow:hidden;line-height:0;position:relative;float:left}
.team_nav li a{display:block}
.team_nav li a:after{position:absolute;content:"";width:100%;height:100%;background:url(../images/more2.png) no-repeat center rgba(13,48,106,.65);top:0;left:0;opacity:0;-o-transition:all .3s ease;transition:all .3s ease}
.team_nav li img{width:150px;height:150px}
.team_nav li.on a:after,.team_nav li:hover a:after{opacity:1}
.team_con{height:598px;float:right;width:900px}
.team_con dt{width:598px;height:598px;line-height:0;float:left}
.team_con dt img{width:598px;height:598px}
.team_con dt a{display:block;position:relative}
.team_con dt .info{position:absolute;display:block;background:url(../images/bg2.png) no-repeat center bottom;left:0;bottom:0;height:269px;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:2;padding-top:95px;padding-right:57px;padding-left:46px}
.team_con dt h4{padding-bottom:17px;border-bottom:1px solid #fff;margin-bottom:18px}
.team_con dt h4 strong{display:inline-block;font-size:28px;line-height:32px;color:#fff;font-weight:400}
.team_con dt h4 span{display:inline-block;font-size:18px;line-height:22px;color:#fff;font-weight:400}
.team_con dt p{font-size:15px;line-height:24px;color:#fff}
.team_con dt p:before{content:"·";padding-right:9px}
.team_con dd{width:302px;height:454px;border:1px solid #ccc;border-left:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:37px;position:relative;padding:74px 30px 0 50px;float:right}
.team_con dd strong{display:block;font-size:18px;line-height:24px;color:#595959;padding-bottom:23px;position:relative;margin-bottom:8px}
.team_con dd strong:after{position:absolute;content:"";width:45px;height:2px;background:#333;left:0;bottom:0}
.team_con dd p{font-size:15px;line-height:24px;color:#595959;padding-left:17px;position:relative;margin-bottom:14px}
.team_con dd p:before{position:absolute;content:"♦";font-size:10px;color:#848484;left:0;top:0}
.team_con dd:after{position:absolute;content:"";width:79px;height:64px;background:#fff url(../images/ti.png) no-repeat center;padding:20px 0;top:31px;left:267px;z-index:2}
.team_con dd i{position:absolute;left:52px;top:428px;z-index:2;display:block;width:199px;height:52px;background:url(../images/more3.png) no-repeat 130px center #0d306a;font-size:17px;line-height:52px;color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-indent:52px;-o-transition:all .3s ease;transition:all .3s ease}
.team_con dd i:hover{background-position-x:135px}

.construction{background:url(../images/construction_bg.jpg) no-repeat center top;height:714px;overflow:hidden}
.construction dl{position:relative}
.construction dt{width:960px;height:714px;left:600px;top:0;position:absolute}
.construction dt img{width:960px;height:714px}
.construction dd{width:540px;padding-top:104px}
.construction h2 a{display:block;background:url(../images/ci.png) no-repeat 199px top}
.construction h2 strong{font-size:48px;line-height:100%;color:#1a1a1a;display:block}
.construction h2 span{display:block;font-size:18px;line-height:22px;color:#1a1a1a;padding-left:12px;padding-bottom:2px;border-left:6px solid #0d306a;margin-top:31px}
.construction p{font-size:16px;line-height:28px;color:#595959;margin:34px 0 55px}
.construction ul{overflow:hidden;height:149px;margin-bottom:60px}
.construction li{width:97px;height:149px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #716c68;margin-right:13px;-o-transition:all .3s ease;transition:all .3s ease;padding:23px 26px 0;text-align:center;float:left}
.construction li i{display:block;width:44px;height:44px;position:relative;overflow:hidden;margin:0 auto;line-height:0}
.construction li i img{position:absolute;left:0;top:0;-o-transition:all .3s ease;transition:all .3s ease}
.construction li span{display:block;font-size:20px;line-height:26px;color:#333;margin-top:13px}
.construction li:last-child{margin-right:0}
.construction li:hover,.construction li.cur{background:#0d306a;border-color:#0d306a}
.construction li:hover i img,.construction li.cur i img{top:-44px}
.construction li:hover span,.construction li.cur span{color:#fff}
.construction a.more{display:block;width:156px;height:38px;background:url(../images/more4.png) no-repeat 107px center;border:1px solid #333;border-radius:19px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:16px;line-height:36px;color:#333;text-indent:30px;-o-transition:all .3s ease;transition:all .3s ease}
.construction a.more:hover{background-position-x:110px}

.materials{padding-top:83px;padding-bottom:70px}
.materials h2 a{display:block}
.materials h2 i{display:block;font-size:58px;line-height:100%;color:#5f5f5f;font-weight:300;text-transform:uppercase;margin-bottom:6px}
.materials h2 i:nth-child(2){display:inline-block}
.materials h2 strong{display:inline-block;font-size:48px;line-height:50px;color:#333;vertical-align:5px;margin-left:18px}
.materials h2 span{display:block;font-size:18px;line-height:100%;color:#333;margin-top:7px;font-weight:400}
.materials h2 b{float:right;font-size:26px;line-height:100%;color:#333;font-weight:400;background:url(../images/more5.png) no-repeat right bottom;padding-right:35px;margin-top:112px}
.materials ul{overflow:hidden;margin-top:41px}
.materials li{width:221px;height:76px;background:#fff;border:1px solid #e0e0e0;overflow:hidden;float:left;margin-right:21px;margin-bottom:19px}
.materials li img{width:221px;height:76px}
.materials li:nth-child(5n){margin-right:0}

.service{position:relative;max-width:1920px;margin:0 auto;overflow:hidden}
.service .pic{width:100%;line-height:0}
.service .pic img{width:100%}
.service .service_title{width:100%;position:absolute;top:117px;text-align:center}
.service h2 a{display:block;padding-bottom:72px;background:url(../images/service_icon.png) no-repeat center bottom}
.service h2 strong{display:block;font-size:46px;line-height:100%;color:#fff}
.service h2 span{display:block;font-size:18px;line-height:100%;color:#fff;font-weight:400;margin-top:19px}
.service h2+p{font-size:18px;line-height:34px;color:#fff;width:624px;margin:12px auto 0}
.service .service_con{position:absolute;width:100%;left:0;bottom:0;border-top:1px solid rgba(255,255,255,.65)}
.service .service_con dl{float:left;width:25%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;overflow:hidden}
.service .service_con dl:after{position:absolute;content:"";width:1px;height:100%;background:rgba(255,255,255,.65);right:0;top:0;z-index:2}
.service .service_con dl:last-child:after{display:none}
.service .service_con dt{width:100%;line-height:0;opacity:0;-o-transition:all .3s ease;transition:all .3s ease}
.service .service_con dt img{width:100%}
.service .service_con dd{position:absolute;width:100%;text-align:center;top:36%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-o-transition:all .3s ease;transition:all .3s ease}
.service .service_con h3 img{width:59px;display:block;margin:0 auto}
.service .service_con h3 strong{display:block;font-size:32px;line-height:36px;color:#fff;font-weight:400;margin:13px 0 10px}
.service .service_con h3 span{display:block;font-size:12px;line-height:14px;color:#fff;font-weight:400}
.service .service_con p{font-size:18px;line-height:32px;color:#fff;width:56%;margin:22px auto 0;display:none}
.service dl.cur dt,.service dl:hover dt{opacity:1}
.service dl.cur dd,.service dl:hover dd{top:50%}
.service dl.cur dd h3 img,.service dl:hover dd h3 img{display:none}
.service dl.cur dd p,.service dl:hover dd p{display:block}
@media (max-width:1600px){
.service .service_title{top:70px}
.service .service_con dd p{width:70%}
.service .service_con dl.cur dd,.service .service_con dl:hover dd{top:45%}
}
@media (max-width:1366px){
.service .service_title{top:50px}
.service .service_con dd{top:30%}
.service .service_con dd h3 strong{font-size:30px;margin:10px 0 8px}
.service .service_con dd p{width:70%;margin-top:12px;font-size:16px;line-height:28px}
.service .service_con dl.cur dd,.service .service_con dl:hover dd{top:45%}
}

.client{padding-top:85px;padding-bottom:71px;overflow:hidden}
.client h2+p{font-size:16px;line-height:30px;color:#333;width:640px;margin:27px auto 20px;text-align:center}
.client_con{position:relative;height:484px}
.client_con .client_container{overflow:hidden;width:1200px}
.client_con dl{width:363px;height:484px;overflow:hidden;margin-right:55px;float:left;position:relative}
.client_con dl dt{width:363px;height:484px;line-height:0}
.client_con dl dt img{width:363px;height:484px}
.client_con dl dd{position:absolute;-o-transition:all .3s ease;transition:all .3s ease;background:url(../images/bg2.png) no-repeat center bottom;background-size:100% auto;height:188px;left:0;bottom:0;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.client_con dl dd a{display:block;padding:84px 82px 0 41px}
.client_con dl dd h4{font-size:18px;line-height:24px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;padding-top:27px;background:url(../images/more6.png) no-repeat left top;margin-bottom:12px}
.client_con dl dd p{font-size:16px;line-height:28px;color:#fff;display:none}
.client_con dl dd span{display:inline-block;font-size:14px;line-height:100%;color:#fff;font-family:arial;padding-right:37px;height:14px}
.client_con dl:hover dd{height:100%;background:rgba(0,0,0,.54)}
.client_con dl:hover dd a{height:100%}
.client_con dl:hover dd h4{background:0 0}
.client_con dl:hover dd p{display:block;margin:14px 0 37px}
.client_con dl:hover dd span{background:url(../images/more6.png) no-repeat right center}
.client_next,.client_prev{position:absolute;top:200px;cursor:pointer;width:24px;height:39px;padding:20px}
.client_prev{left:-97px}
.client_next{right:-97px}

.news{background:url(../images/news_bg.jpg) no-repeat center top;padding-top:70px;height:938px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.news h2{margin-bottom:40px}
.news h3{position:relative;height:24px;margin-bottom:25px}
.news h3:after{position:absolute;content:"";width:333px;height:1px;background:#dcdcdc;bottom:4px;right:58px}
.news h3 a{display:block;font-weight:400}
.news h3 a strong{display:block;font-size:24px;line-height:100%;color:#333;font-weight:400;float:left;padding-right:22px}
.news h3 a i{display:inline-block;font-size:12px;line-height:100%;color:#999;text-transform:capitalize;margin-left:2px;font-family:arial}
.news h3 a span{font-size:14px;color:#838383;float:right;margin-top:6px;font-family:Arial;padding-left:13px;position:relative;z-index:2;-o-transition:all .3s ease;transition:all .3s ease}
.news h3 a span:hover{letter-spacing:1px}
.news .faq h3{margin-bottom:36px}
.news .faq h3:after{width:305px}
.company{width:600px}
.company dt{width:600px;height:450px;line-height:0;overflow:hidden}
.company dt img{width:600px;height:450px}
.company dd{padding:40px 45px 0 58px;position:relative}
.company dd:before{position:absolute;content:"";width:6px;height:110px;background:#0d306a;left:25px;top:-54px}
.company dd h4{font-size:20px;line-height:26px;color:#333;font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-transition:all .3s ease;transition:all .3s ease}
.company dd p{font-size:14px;line-height:26px;color:#666;margin-top:13px}
.company dl:hover dd h4{color:#0d306a}
.faq{width:511px}
.faq_list{height:590px;overflow:hidden}
.faq_list li{padding-bottom:33px;margin-bottom:33px;border-bottom:1px solid rgba(0,0,0,.2)}
.faq_list li h4{font-size:20px;line-height:26px;color:#333;font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-transition:all .3s ease;transition:all .3s ease}
.faq_list li p{font-size:14px;line-height:26px;color:#666;margin-top:15px}
.faq_list li:hover h4{color:#0d306a}

.about{padding-top:157px;background:url(../images/about_bg.jpg) no-repeat center top;height:709px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.about h2 a{display:block;padding-bottom:19px;position:relative}
.about h2 a:after{position:absolute;content:"";width:39px;height:4px;background:#ffb868;left:0;bottom:0}
.about h2 span{display:block;font-size:64px;line-height:100%;color:#fff;font-weight:100;text-transform:uppercase}
.about h2 strong{display:block;font-size:42px;line-height:62px;color:#fff}
.about p{font-size:16px;line-height:28px;color:#fff;width:430px;margin:45px 0 42px}
.about a.more{display:block;width:168px;height:35px;background:#ffb868 url(../images/more4.png) no-repeat 110px center;font-size:16px;line-height:35px;color:#2d0a00;text-indent:32px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-o-transition:all .3s ease;transition:all .3s ease}
.about a.more:hover{background-position-x:115px}


.project .tab {
    width: 100%;
    display: flex;
    justify-content: center;
}
.project .tab span {
    display: block;
    width: 300px;
    text-align: center;
    height: 130px;
    line-height: 130px;
    color: #323232;
    transition: 0.3s;
    cursor: pointer;
    font-size: 25px;
}
.project .tab span:hover,
.project .tab span.active {
    background: #154884;
    color: #fff;
}
.project .pro_con {
    display: none;
}
.project .pro_con0 {
    display: block;
}
.about_box {
    background: url("../static/images/about_bg1.jpg.png");
    position: relative;
}
.about_box .content .name {
    color: #000000;
    font-size: 48px;
    line-height: 48px;
    font-weight: bold;
}
.about_box .content {
    height: 480px;
    display: flex;
    align-items: center;
}
.about_box .content .left {
    width: 50%;
    max-width: 515px;
    padding: 0 55px 0 25px;
}
.about_box .content .right {
    position: absolute;
    right: 0;
    top: 0;
    width: calc(50% - 55px);
}
.about_box .content .right .btn {
    width: 160px;
    height: 160px;
    left: 50%;
    top: 50%;
    margin-left: -80px;
    margin-top: -80px;
    position: absolute;
    cursor: pointer;
    z-index: 3;
}
.about_box .content .right .bg {
    background: rgba(0, 0, 0, 0.63);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 2;
}
.fadeInRight2 video { 
    background: rgba(0, 0, 0, 0.63);
    width: 80%;
    height: auto;
    left: 2%;
    top: 20%;
    position: absolute;
    z-index: 2;
}
.about_box .content .desc {
    display: flex;
    align-items: center;
    font-size: 20px;
    color: #000;
    font-weight: bold;
    margin-top: 15px;
}
.about_box .content .desc img {
    margin-left: 10px;
}
.about_box .content .desc::before {
    display: block;
    height: 25px;
    background: #154885;
    width: 6px;
    content: '';
    margin-right: 5px;
}
.about_box .content .info p {
    font-size: 16px;
    color: #3e3e3e;
    line-height: 35px;
}
.about_box .content .info {
    padding-right: 40px;
    margin-top: 15px;
}

.links{background:#222;height:80px;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden}
.links a{display:block;float:left;font-size:14px;line-height:80px;color:rgba(255,255,255,.5);-o-transition:all .3s ease;transition:all .3s ease;margin-right:79px}
.links a:hover{color:#fff}
@-webkit-keyframes fadeInDown1{
from{opacity:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInDown1{
from{opacity:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInDown1{-webkit-animation-name:fadeInDown1;animation-name:fadeInDown1}
@-webkit-keyframes fadeInDown2{
from{opacity:0;-webkit-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInDown2{
from{opacity:0;-webkit-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInDown2{-webkit-animation-name:fadeInDown2;animation-name:fadeInDown2}
@-webkit-keyframes fadeInLeft1{
from{-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInLeft1{
from{-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInLeft1{-webkit-animation-name:fadeInLeft1;animation-name:fadeInLeft1}
@-webkit-keyframes fadeInLeft2{
from{-webkit-transform:translate3d(-5%,0,0);transform:translate3d(-5%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInLeft2{
from{-webkit-transform:translate3d(-5%,0,0);transform:translate3d(-5%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInLeft2{-webkit-animation-name:fadeInLeft2;animation-name:fadeInLeft2}
@-webkit-keyframes fadeInRight1{
from{-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInRight1{
from{-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInRight1{-webkit-animation-name:fadeInRight1;animation-name:fadeInRight1}
@-webkit-keyframes fadeInRight2{
from{-webkit-transform:translate3d(3%,0,0);transform:translate3d(3%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInRight2{
from{-webkit-transform:translate3d(3%,0,0);transform:translate3d(3%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInRight2{-webkit-animation-name:fadeInRight2;animation-name:fadeInRight2}
@-webkit-keyframes zoomIn1{
0%{opacity:0;-webkit-transform:scale3d(.7,.7,.7);transform:scale3d(.7,.7,.7)}
50%{opacity:1}
}
@keyframes zoomIn1{
0%{opacity:0;-webkit-transform:scale3d(.7,.7,.7);transform:scale3d(.7,.7,.7)}
50%{opacity:1}
}
.zoomIn1{-webkit-animation-name:zoomIn1;animation-name:zoomIn1}
@-webkit-keyframes zoomLeft{
from{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);opacity:0}
50%{opacity:1}
}
@keyframes zoomLeft{
from{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);opacity:0}
50%{opacity:1}
}
.zoomLeft{-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-animation-name:zoomLeft;animation-name:zoomLeft}
.zoomRight{-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-animation-name:zoomLeft;animation-name:zoomLeft}
@-webkit-keyframes fadeInUp1{
from{-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInUp1{
from{-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInUp1{-webkit-animation-name:fadeInUp1;animation-name:fadeInUp1}
@-webkit-keyframes fadeInUp2{
from{-webkit-transform:translate3d(0,2%,0);transform:translate3d(0,2%,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInUp2{
from{-webkit-transform:translate3d(0,2%,0);transform:translate3d(0,2%,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInUp2{-webkit-animation-name:fadeInUp2;animation-name:fadeInUp2}
@keyframes myfirst{
0%{top:0;left:0}
25%{top:10px;left:0}
50%{top:0;left:0}
100%{top:0;left:0}
}
@-moz-keyframes myfirst{
0%{top:0;left:0}
25%{top:10px;left:0}
50%{top:0;left:0}
100%{top:0;left:0}
}
@-webkit-keyframes myfirst{
0%{top:0;left:0}
25%{top:10px;left:0}
50%{top:0;left:0}
100%{top:0;left:0}
}
@-o-keyframes myfirst{
0%{top:0;left:0}
25%{top:10px;left:0}
50%{top:0;left:0}
100%{top:0;left:0}
}