﻿@charset "utf-8";
/*end*/
body{overflow-x:hidden;}
.contentt{width:71%;margin:0 auto;}
.banner{position:relative;overflow:hidden;}
.banner img {display: block;width: 100%;margin:0 auto;}
.banner .ban-tit{position: absolute;left:50%; top:50%;transform: translate(-50%, -50%);}
.banner .ban-tit h1{display: block; min-width:291px; height:64px;line-height: 62px; border:1px solid #EBEBEB; box-sizing: border-box;margin:0 auto 8px;font-size: 36px;color: #F5F5F5;border-radius: 12px;text-align: center;font-family: 圆体;font-weight: normal;}
.banner .ban-tit span{display: block; font-size: 72px;line-height: 92px; text-align: center;color:#F5F5F5;font-family: 圆体;}
@media screen and  (min-width:230px) and (max-width:1460px){
	.contentt{width:91%;margin:0 auto;}
}



/**/
.guide{padding:155px 0 100px;}
.guide .gui-tit{height:260px;}
.guide .gui-tit h2{line-height: 92px;float:left;font-size: 72px;color: #32353B; }
.guide .gui-tit span{display: block; width:685px; float:right;font-size: 36px;color:#707070;font-weight: 500;line-height: 56px;}
.guide .gui-tit span i{color:#33353A;}
.guide .gui-cen{min-width:1920px;}
.guide .gui-cen .gui-list{padding-top:69px;}
.guide .gui-cen .gui-list dl{width:100%;}
.guide .gui-cen .gui-list dl dt{width:100%; height:310px; line-height: 0; overflow: hidden;border-radius: 12px; transition: .5s;}
.guide .gui-cen .gui-list dl dt img{width:100%;transition: 1s;}
.guide .gui-cen .gui-list dl dd{padding-top:19px;}
.guide .gui-cen .gui-list dl dd h4{height:68px; line-height: 68px;font-size: 36px;font-weight: 500; color: #33353A;}
.guide .gui-cen .gui-list dl dd span{display: block; height:36px;}
.guide .gui-cen .gui-list dl dd span em{display: block;float:left;min-width: 102px;height:36px;line-height: 34px;text-align: center;border: 1px solid #707070;box-sizing: border-box;border-radius: 10px;font-size: 18px;font-weight: 500;color: #707070;padding: 0 10px;}
.guide .gui-cen .gui-list dl dd span i{display: block;float:left;min-width: 96px;height:36px;line-height: 36px;text-align: center;background:#f1592a;border-radius: 10px;font-size: 18px;font-weight: 500;color: #FFFFFF;margin-left: 9px;padding: 0 10px;}
.guide .gui-cen .gui-list .gui-jt{width:91px;height:38px;position: absolute;left:0;top:0;}
.guide .gui-cen .gui-list .gui-jt i{display: block; width:39px; height:39px;cursor: pointer;float:left; }
.guide .gui-cen .gui-list .gui-jt i.gui-prev{background:url(/Template/OtherPages/otherpages02/images/gui-prev.png) no-repeat center;}
.guide .gui-cen .gui-list .gui-jt i.gui-next{background:url(/Template/OtherPages/otherpages02/images/gui-next.png) no-repeat center;float:right;}
.guide .gui-cen .gui-list .gui-jt i.gui-prev:hover{background:url(/Template/OtherPages/otherpages02/images/gui-prev_h.png) no-repeat center;}
.guide .gui-cen .gui-list .gui-jt i.gui-next:hover{background:url(/Template/OtherPages/otherpages02/images/gui-next_h.png) no-repeat center;}
.guide .gui-cen .gui-list dl dt:hover{box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);}
.guide .gui-cen .gui-list dl dt:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
@-webkit-keyframes scrollText2{
    0%{
        -webkit-transform: translateY(0%);
    }

    100%{
        -webkit-transform: translateY(-81%);
    }
}

@keyframes scrollText2 {
    0%{
        -webkit-transform: translateY(0%);
    }
    100%{
        -webkit-transform: translateY(-81%);
    }
}
/**/
.khbj{padding:100px 0 68px;}
.khbj .kh-tit{height:184px; margin-bottom: 130px;}
.khbj .kh-tit h2{line-height: 92px;font-size: 72px;color:#32353B;float:left;}
.khbj .kh-tit .kh-rig{width:541px;float:right;}
.khbj .kh-tit .kh-rig span{display: block; margin-bottom: 18px;font-size: 36px;color:#707070;line-height: 56px; font-weight: 500;}
.khbj .kh-tit .kh-rig span i{color:#232323;}
.khbj .kh-tit .kh-rig em{display: block; height: 44px;}
.khbj .kh-tit .kh-rig em i{display: inline-block; height:44px; line-height: 44px;background: #33353A; ;text-align: center;border-radius: 10px;font-size: 18px;color: #FFFFFF;margin:0 2px; vertical-align: top;padding:0 9px;font-weight: 500;}
.kh-con .bd1{margin-bottom: 25px;}
.kh-con .bd1 ul li,.kh-con .bd2 ul li{float:left;height:191px; background:#E4E6EB;border-radius: 18px;box-sizing: border-box; margin-right: 25px;line-height: 56px; transition: .5s;}
.kh-con .bd1 ul li span,.kh-con .bd2 ul li span{display: block;height:191px;width:100%; font-size: 35px;font-weight: 500; color:#FFF;box-sizing: border-box;padding:39px 0 0 49px; }
.khbj .kh-con .bd1 ul li.kh1{width:402px !important;}
.khbj .kh-con .bd1 ul li.kh2{width:331px !important;}
.khbj .kh-con .bd1 ul li.kh3{width:505px !important;}
.khbj .kh-con .bd1 ul li.kh4{width:505px !important;}
.khbj .kh-con .bd1 ul li.kh5{width:505px !important;}
.khbj .kh-con .bd2 ul li.kh1{width:434px !important;}
.khbj .kh-con .bd2 ul li.kh2{width:471px !important;}
.khbj .kh-con .bd2 ul li.kh3{width:407px !important;}
.khbj .kh-con .bd2 ul li.kh4{width:505px !important;}
.khbj .kh-con .bd2 ul li.kh5{width:402px !important;}
.khbj .kh-con li:hover{background:#FF6B16;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.09);}
/**/
.dzbj{padding:68px 0 72px;}
.dzbj .dz-tit{height:307px;}
.dzbj .dz-tit h2{line-height: 92px;font-size: 72px;color:#32353B;float:left;}
.dzbj .dz-tit .dz-desc{float:right;font-size: 36px;color:#707070;line-height: 56px;font-weight: 500;}
.dzbj .dz-tit .dz-desc i{color:#33353A;}
.dzbj .plan_c{margin-bottom: 16px;}
.dzbj .plan_c .tempWrap {overflow: visible !important;}
.dzbj .plan_c dl{width:1350px;position: relative;margin-right: 25px;}
.dzbj .plan_c dl dt{width:100%; line-height:0; overflow: hidden;}
.dzbj .plan_c dl dt img{width:100%;}
.dzbj .plan_c dl dd{width:645px;position: absolute;left:101px; top:95px;}
.dzbj .plan_c dl dd h4{height:108px; line-height: 108px;font-size: 54px;color: #FFFFFF;font-weight: 500; margin-bottom: 27px;}
.dzbj .plan_c dl dd p{font-size: 29px;color: #DBDBDB;font-weight: 500;line-height: 49px;}
.dzbj .dzhd ul{height:40px; text-align: center;padding-top:16px; box-sizing: border-box;}
.dzbj .dzhd ul li{display: inline-block; width:8px; height:8px; background:#D8D8D8; border-radius: 50%; vertical-align: top;margin:0 2px;font-size: 0;}
.dzbj .dzhd ul li.on{background:#1B203D;}
.dzbj .dz-jt{width:145px;margin:0 auto;position: relative;}
.dzbj .dz-jt i{display: block; width:38px; height:38px; border:1px solid #D8DAE1;border-radius: 50%; cursor: pointer;}
.dzbj .dz-jt i.dz-prev{background:#FFF url(/waimao/img/dz-prev.png) no-repeat center; position: absolute;left:0;top:-40px;}
.dzbj .dz-jt i.dz-next{background:#FFF url(/waimao/img/dz-next.png) no-repeat center; position: absolute;right:0;top:-40px;}
/**/
.yxxt{padding:72px 0 103px;}
.yxxt h2{height:214px; line-height: 214px; text-align: center;font-size: 72px;color: #32353B;}
.yxxt ul li{float:left;width:32.5%; height:256px;background: #EFF3F6;border-radius: 15px; padding:47px 42px 0 48px; margin:0 0 16px 1.1%; box-sizing: border-box;border: 1px solid #DBDEE6;}
.yxxt ul li:first-child,.yxxt ul li:nth-child(2){width:49.4%;height:171px;padding:43px 55px 0 48px;}
.yxxt ul li:first-child h4,.yxxt ul li:nth-child(2) h4{padding-top:2px;}
.yxxt ul li:first-child i,.yxxt ul li:nth-child(2) i{margin-top:0;}
.yxxt ul li:first-child,.yxxt ul li:nth-child(3){margin-left: 0;}
.yxxt ul li h4{float:left;}
.yxxt ul li h4 span{display: block; height:52px; line-height: 52px;font-size: 36px;color: #33353A;font-weight: 500;}
.yxxt ul li h4 em{display: block; height:34px; line-height: 34px;font-size: 18px;color: #707070;font-weight: 500;}
.yxxt ul li i{display: block; line-height: 0;float:right;margin-top: 85px;}
/**/
.jszc{padding:34px 0 70px;}
.jszc h2{height:210px; line-height: 210px; text-align: center;font-size: 72px;color: #32353B;}
.jszc ul{overflow: hidden;}
.jszc ul li{float:left;width:49.4%;margin-bottom: 16px; position: relative;}
.jszc ul li dl dt{width:100%; line-height: 0; overflow: hidden;border-radius: 15px;}
.jszc ul li dl dt img{width:100%; transition: 1s;}
.jszc ul li dl dd{position: absolute;top:45px; left:51px;}
.jszc ul li dl dd h4{height:78px; line-height: 78px;font-size: 36px;color: #FFFFFF;font-weight: 500;}
.jszc ul li dl dd p{line-height: 28px;font-size: 18px; color:#FFFFFF;font-weight: 500;}
.jszc ul li dl dd p i{color:#A8B6C4;}
.jszc ul li:nth-child(2n){float:right;}
.jszc 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);}
/**/
.jzxt{padding:0 0 93px;}
.jzxt h2{height:212px; line-height: 212px; text-align: center;font-size: 72px;color: #32353B; margin-bottom: 12px;}
.jzxt ul li{float:left;width:32.5%; height:334px; background: #EFF3F6;border-radius: 15px; margin:0 0 16px 1.1%;padding:58px 66px 0; box-sizing: border-box;}
.jzxt ul li:first-child,.jzxt ul li:nth-child(4){margin-left: 0;}
.jzxt ul li:last-child{width:66.3%;background:url(/waimao/img/service.png) no-repeat center;background-size:100% 100%;}
.jzxt ul li .top{margin-bottom: 12px;}
.jzxt ul li .top span{display: block; height:72px;}
.jzxt ul li .top span em{display: inline-block;height:72px; line-height: 72px;font-size: 72px;color: #32353B;font-weight: 500;font-family: "Rubik";}
.jzxt ul li .top span i{display: inline-block;font-size: 18px;color: #32353B;font-weight: 500; vertical-align: bottom; margin-bottom: 6px;}
.jzxt ul li .top b{line-height: 36px;font-size: 18px;color: #32353B;font-weight: 500;}
.jzxt ul li p{font-size: 18px;color: #949BAA;line-height: 28px;font-weight: 500;}
/**/
.why{padding:93px 0 0;height:746px; overflow: hidden;}
.why .why-con{border-top: 1px solid #D8D8D8;border-bottom: 1px solid #D8D8D8; position: relative;}
.why .why-con .left h2{padding-top:81px;font-size: 72px;line-height: 92px;}
.why .why-con .left h2 i{color:#FF6B16;}
.why .why-con .left h2 em{color:#32353B;}
.why .why-con .left h2 span{color:#3B3632;}
.why .why-con .left h2 i,.why .why-con h2 em,.why .why-con h2 span{display: block;}
.why .why-con .rig{width:52.7%; height:547px;float:right; overflow: hidden;z-index:200;position: relative;}
.why .why-con .rig ul li{float:left;}
.why .why-con .rig ul li.fs1{width:57.1%;height:279px;border-right:1px solid #D8D8D8;border-bottom:1px solid #D8D8D8; box-sizing: border-box;padding-top:77px;}
.why .why-con .rig ul li.fs1 p{line-height: 26px;font-size: 18px;color: #33353A;font-weight: 500;}
.why .why-con .rig ul li.fs1 span em{display: inline-block; line-height: 80px;font-size: 80px;color: #33353A;font-family: "Rubik";font-weight: 500;}
.why .why-con .rig ul li.fs1 span i{display: inline-block;line-height: 80px;font-size: 60px;color: #33353A;font-weight: 500; vertical-align: top;}
.why .why-con .rig ul li.fs2{width:42.9%;height:279px;border-bottom:1px solid #D8D8D8; box-sizing: border-box;padding:77px 0 0 3%;}
.why .why-con .rig ul li.fs2 p{font-size: 18px;color:#33353A;font-weight: 500;line-height: 28px;}
.why .why-con .rig ul li.fs2 span em{display: inline-block; line-height: 54px;font-size: 38px;color: #33353A;font-family: "Rubik";font-weight: 500;}
.why .why-con .rig ul li.fs2 span i{display: inline-block;line-height: 54px;font-size: 26px;color: #33353A;font-weight: 500; vertical-align: top;}
.why .why-con .rig ul li.fs3{width:36.5%;border-right:1px solid #D8D8D8;height:268px;box-sizing: border-box;padding-top:84px;}
.why .why-con .rig ul li.fs3 b{display: block; height:38px; line-height: 38px;font-size: 18px;color: #33353A;font-weight: 500;}
.why .why-con .rig ul li.fs3 span em{display: inline-block; line-height: 38px;font-size: 38px;color: #33353A;font-family: "Rubik";font-weight: 500;}
.why .why-con .rig ul li.fs3 span i{display: inline-block;line-height: 38px;font-size: 28px;color: #33353A;font-weight: 500; vertical-align: top;}
.why .why-con .rig ul li.fs4{width:63.5%;height:268px;padding-top:86px; box-sizing: border-box;}
.why .why-con .rig ul li.fs4 span em{display: inline-block; line-height: 80px;font-size: 80px;color: #33353A;font-family: "Rubik";font-weight: 500;}
.why .why-con .rig ul li.fs4 span i{display: inline-block;line-height: 80px;font-size: 60px;color: #33353A;font-weight: 500; vertical-align: top;}
.why .why-con .rig ul li.fs4 p{line-height: 30px;font-size: 18px;color: #33353A;font-weight: 500;}
.why .why-con .dn{width:55%;position: absolute;left:8.8%;top:154px;}
.why .why-con .dn img{width:100%;}
/**/
.bd{height:498px;background: #EFF3F6;padding-top:119px; box-sizing: border-box;position: relative;z-index:1;}
.bd .rw{width:27.2%;position: absolute;right:11%;bottom:0;}
.bd .rw img{width:100%;}
.bd h2{height:56px; line-height: 56px; text-align: center;font-size: 36px;color: #3D434F; margin-bottom: 38px;z-index:200;position: relative;}
.bd .form{z-index:200;position: relative;}
.bd .form li{float:left;width:28.6%;height:52px; background:#FFF;border-radius: 10px;margin-left: 1%;overflow: hidden;}
.bd .form li.first{margin-left: 0;}
.bd .form li input{width:100%; height:52px; line-height: 52px; background:0; border:0;padding:0 25px; box-sizing: border-box;font-size: 14px;color: #A7A5A5; font-weight: normal;}
.bd .form li input::-webkit-input-placeholder{font-size: 14px;color: #A7A5A5; }
.bd .form li input::-moz-placeholder{font-size: 14px;color: #A7A5A5; }
.bd .form .submit{width:441px;height:52px;margin:20px auto 0;border-radius: 10px; overflow: hidden;}
.bd .form .submit .form-btn-submit{width:100%; height:52px; line-height: 52px;background: #ff6a00;font-size: 18px;color: #FFFFFF; font-weight: normal; cursor: pointer;border:0;}
.bd .form .submit .form-btn-reset{display: none;}

@media screen and (max-width:750px){
    .dzbj .dz-tit h2 {
        line-height: 1.5;
        font-size: 2rem;
        color: #32353B;
        float: left;
    }
    .dzbj .dz-tit .dz-desc {
        float: left;
        font-size: 2rem;
        color: #707070;
        line-height: 1.5;
        font-weight: 500;
    }
    .dzbj .dz-tit {
        height:200px;
    }
    .dzbj .plan_c dl dd h4 {
        height: auto;
        line-height: 2;
        font-size: 2rem;
        color: #FFFFFF;
        font-weight: 500;
        margin-bottom: 27px;
    }
    .jszc h2 {
        height: auto;
        line-height: 2;
        text-align: center;
        font-size: 2rem;
        color: #32353B;
    }
    .jszc ul li dl dd h4 {
        height: auto;
        line-height: 2;
        font-size: 1.6rem;
        color: #FFFFFF;
        font-weight: 500;
    }
    .jszc ul li dl dd p{display: none;}
    .yxxt h2 {
        height: auto;
        line-height: 2;
        text-align: center;
        font-size: 2rem;
        color: #32353B;
    }
    .jszc ul li dl dd {
        position: absolute;
        top: 20px;
        left: 10px;
    }
    .guide {
        padding:50px 0 20px;
    }
    .guide .gui-tit span {
        display: block;
        width: 100%;
        float: none;
        font-size: 2rem;
        color: #707070;
        font-weight: 500;
        line-height:2;padding:20px;
    }
    .guide .gui-tit h2{font-size: 2.4rem;line-height: 2;}
    .banner .ban-tit span{font-size: 2.4rem;line-height: 2;}
    .dzbj .plan_c dl{width:91%;height:412px;}
    .dzbj .plan_c dl dd{top:10%;}
    .yxxt ul li h4 span{font-size: 2rem;height:auto;line-height:1.5;}
    .yxxt ul li h4 em {
        display:none;
    }
    .yxxt ul li i img{width: 100%;}
    .jzxt ul li{padding:58px 3% 0;}
    .bd .rw{width:38.2%;right:-4%;}
	.dzbj .plan_c dl dd{width:580px;}
    .dzbj .plan_c dl dd p{font-size:27px;}
}

















































































