﻿/* ******清浮动等通用样式****** */
html,body{
    width: 100%;
    height: 100%;
    /* overflow: hidden; */
    }   
body,p,ul,dl,dd,dt,ol,li,ph1,h2,h3,h4,h5,h6,form,fieldset,table,img,td,div,video,input {
    margin: 0;
    padding: 0;
}
ul{
    list-style: none;
}
a{
    text-decoration: none;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.al{
	top: 0;
	left: 0;
}
.ar{
	top: 0;
	right: 0;
}
.cu{
    cursor: pointer;
}
/* ******************************************* */
/* 首页 */
.header{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height:70px;
    border-bottom:2px solid rgba(148, 143, 143, .9);
    z-index: 11;
}
.nav_auto{
    width: 50%;
    height: inherit;
    margin: 0 auto;
}
.nav{
    width: 58%;
    height: inherit;
}   
.nav li{
    float: left;
    color: #fff;
    font: 500 14px/350% '微软雅黑';
    margin: 4% 6% 0 0;
    cursor: pointer;
}
.nav li:nth-last-of-type(1){
    margin-right: 0;
}
.nav li:first-child{
    margin-left: 0;
}
.nav li:hover{
    float: left;
    border-bottom: 2px solid #ccc;
    font: 600 16px/230% '微软雅黑';
    margin: 4% 4% 0 0; 
}
.active{
    float: left;
    border-bottom: 2px solid #ccc;
    font: 600 16px/230% '微软雅黑';
    margin: 4% 4% 0 0; 
}
.logo{
    width: 10%;
    height: inherit;
    color: #fff;
    font: 900 22px/70px '微软雅黑';
    cursor: pointer;
}
/* 视频 */
.slider_box1{
    position: relative;
    width: 100%;
    height: 100%;
}
.home_page_video{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}
.page{
    background: url(../img/homepage1.jpg)no-repeat;
    background-size: cover;
    background-position: 50%;
    width: 100%;
    height: 100%;
    /* overflow: hidden; */
}
video{
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -9999;
}
.mask_box{
    position: absolute;
    left: 24%;
    top: 40%;
    width: 50%;
    height: 35%;
    opacity: .6;
}
.mask_box p{
    color:#fff;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
}
.mask_box p:nth-of-type(1){   
    font: 100 152%/120% '微软雅黑';
    border-bottom:2px solid rgba(148, 143, 143, .9);
    text-align: center;
    width: 30%;    
    height: 18%;
}
.mask_box p:nth-of-type(2){
    font: 300 300%/200% '微软雅黑';    
    width: 100%;
    height: 50%;
}
.mask_box p:nth-of-type(3){
    letter-spacing:2px;
    margin-top: 2%;
    font: 100 100%/150% '微软雅黑';    
    width: 76%;
    height: 13%;
    border:1px solid rgba(148, 143, 143, .9);
    background:#000;
}
.next_btn{
    cursor: pointer;
    position: absolute;
    bottom: 5.5%;
    background: url(../img/arr_down.svg) 50% no-repeat;
    background-size: 100%;   
    width: 26px;
    height: 20px;
    z-index: 12;
    left: 50%;
    margin-left: -13px;
    cursor: pointer;
    animation: toggleMove .8s infinite;
}
@keyframes toggleMove{
    0% {
        bottom: 5.5%;
        opacity: .3;
    }
    50% {
        bottom: 4.5%;
        opacity: 1;
    }
    100% {
        bottom: 5.5%;
        opacity: .3;
    }
}
/* 2 */
.slider_box2{
    background: url(../img/box2_bg.png) no-repeat;
}
.slider_box2,.slider_box4{
    width: 100%;
    height: 65%;    
    background-size: cover;
}
.box2_center,.box4_center{
    width: 60%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.box_title{
    width: 300px;
    height: 90px;
    text-align: center;
    margin: 30px auto 5px;
    cursor: pointer;
}
.box_border{
    width: 30px;
    height: 3%;
    margin: 10px auto;
    background: #3E3F3F;
}
.box_title p{
    color: #3E3F3F;
}
.box_title p:nth-of-type(1){
    height: 40px;
    font: 400 20px/40px 微软雅黑;
}
.box_title p:nth-of-type(2){
    text-align: center;
    font: 400 18px/26px 微软雅黑;
    color: #979D9B;
    height: 40px;
    cursor: pointer; 
}
.change_box{
    width: 96%;
    height: 76%;
    margin: 0 auto;
    box-sizing: border-box;
} 
.change_box li{
    width: 30%;
    height: 60%;
    background: skyblue;
    border-radius: 5%;
    margin: 2% 1.66%;
    transition: all .3s linear 0s;
    cursor: pointer;
    padding: 2%;
    box-sizing: border-box;
}
.change_box li:hover{
    background:rgb(71, 31, 216);
    transform: scale(1.1);
    cursor: pointer;
}
.change_img{
    width: 30%;
    height: 34%;
    margin: 0 auto;
}
.change_img img{
    width: 100%;
    height: 100%;
}
.change_box p{
    color: #fff;
    text-align: center;
}
.change_c p:nth-of-type(1){
    height: 40px;
    font: 400 20px/40px '微软雅黑';
}
.change_c p:nth-of-type(2),.change_c p:nth-of-type(3),.change_c p:nth-of-type(4){
    height: 20px;
    font: 100 14px/20px '微软雅黑';
}
/* .change_car p:nth-of-type(1),.change_car p:nth-of-type(1) */
/* 3 */
.slider_box3{   
    background: url(../img/box3_bg.png) no-repeat;   
}
.slider_box3,.slider_box5{
    width: 100%;
    height: 430px;
    background-size: cover;
    border-bottom: 5px solid #96D4FF;
    overflow: hidden;
}
.box3_center{
    padding: 2% 4%;
    width:50%;
    height: 100%;
    margin: 0 auto;
}
.box_phone{
    width: 188px;
    margin-left: 8%;
    height: 362px;
    background: url(../img/phone.png) no-repeat;
    background-size: cover;
}
.box_download{
    width: 280px;
    height: auto;
}
.download_up{
    margin-top: 50%;
    width: 84%;
    height: 150px;
}
.u_ewm{
    width: 100px;
    height: 100px;
    background: url(../img/u_ewm.png)  no-repeat; 
    background-size:cover;
}
.d_ewm{
    width: 100px;
    height: 100px;
    background: url(../img/d_ewm.png)  no-repeat; 
    background-size:cover;
}
.d_user,.d_driver{
    width: 100px;
    height: 134px;
}
.d_user p,.d_driver p{
    color:#fff;
    width: 100px;
    text-align: center;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
}
.download_down{
    width: 84%;
    height: 150px;
}
.download_down button{
    width: 100%;
    border: none;
    background: #fff;
    color: #5B67D6;
    line-height:40px;
    height: 40px;
    font-size: 16px;
    font-weight: 600;
    margin-top: 8%;
    border-radius: 50px;
    letter-spacing: 1px;
    cursor: pointer;
}
/* 4 */
.slider_box4{
    width: 100%;
    height: 65%;
    background: url(../img/box4_bg.png) no-repeat;
    background-size: cover;
}
.box4_center{
    width: 66%;
    height: 100%;
    margin: 0 auto;
}
.news_box{
    width: 94%;
    margin: 2% auto;
    height: 40%;
    display: flex;
    justify-content: space-between;
}
.news_box1,.news_box2,.news_box3{
    width: 30%;
    height: 100%;
}
.news_box1 p,.news_box2 p,.news_box3 p{
    cursor: pointer;
}
.news_box1 p:nth-of-type(1),.news_box2 p:nth-of-type(1),.news_box3 p:nth-of-type(1){
    line-height: 30px;
    height: 30px;
    color: #515EDD;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Trebuchet MS', Helvetica, sans-serif;   
}
.news_box1 p:nth-of-type(2),.news_box2 p:nth-of-type(2),.news_box3 p:nth-of-type(2){
    line-height: 30px;
    height: 30px;
    color: #333;
    font-size: 18px;
    font-weight: 600;
}
.news_box1 p:nth-of-type(3),.news_box2 p:nth-of-type(3),.news_box3 p:nth-of-type(3){
    line-height: 20px;
    height: 86px;
    color: #333;
    font-size: 13px;
    font-weight: 300;
}
.news_arrow{
    width: 30px;
    height: 10px;
    background: url(../img/newsarrow.png) no-repeat;
    background-size: 100%;
}
/* 5 */
.slider_box5{
    background: url(../img/box5_bg.png) no-repeat;
}
.box5_border{
 background: #fff;   
}
.box5_title p{
 color: #fff;
}
.contact_box{
    margin: 0 auto;
    width: 60%;
    height: 60%; 
    display: flex;   
    justify-content: center;
}
.center5_l{
    width: 55%;
    height: 100%;
}
.center5_r{
    width: 40%;
    height: 100%;
}
.center5_r form{
    width: 100%;
    height: 70%;
}
.c5input1,.c5input2,.c5input3{
    background: rgba(255,255,255, .6);
    border-radius: 5px;
    padding: 1% 2%;
    width: 100%;
    color: #fff;
    font: 100 12px/40px '微软雅黑';
    vertical-align: middle;
    border:0;
    outline: none;
    cursor: pointer;
}
::-webkit-input-placeholder{
    color: #fff;
    font-size: 14px;
}
.c5input1,.c5input2{    
    height: 34px;
}
.c5input3{
    height: 100px;
}
.c5input2,.c5input3{
    margin-top:3%;
}
.center5_r button{
    margin-top: 6%;
    margin-right: -4%;
    width: 35%;
    height: 30px;
    color: #8193D6;
    background: #fff;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    font: 600 16px/30px '微软雅黑';
}
.center5_one,.center5_two,.center5_three{
    width: 100%;
    height: 50px;
}
.center5_two,.center5_three{
    margin-top: 2%;
}
.c5_p{
    width: 90%;
    height: 54px;
}
.c5_p p{
    line-height: 26px;
    color: #fff;
    font: 300 14px/22px '微软雅黑';
    cursor: pointer;
}
.c5_icon{
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.c5_icon img{
    width: 100%;
    height: 100%;
    cursor: pointer;
}


/* 底部 */
footer{
    width: 100%;
    height: 24%;
    background: #1D2C39;
    overflow: hidden;
}
.footcenter{
    margin:0 auto;
    width: 60%;
    height: 100%;
	display: flex;
	justify-content: space-between;
}
.foot_boxl,.foot_boxr{
    margin-top: 1%;
}
.foot_boxl{
    width: 70%;
    height: 90%;
}
.foot_boxr{
    width: 26%;
    height: 90%;
}
.foot_boxl p{
    cursor: pointer;
}
.foot_boxl p:nth-of-type(1){
    width: 10%;
    height: 42px;
    color: #fff;
    font: 900 22px/42px '微软雅黑';
    cursor: pointer;
}
.foot_boxl p:nth-of-type(2){
    width: 40%;
    height: 20px;
    color: #fff;
    font: 300 14px/24px '微软雅黑';
    cursor: pointer;
}
.foot_boxl ul{
    width: 80%;
    height: 12px;
    margin-top: 2%;
    margin-left: -2%;
}
.foot_boxl ul li{   
    float: left;
    width: 16%;
    height: 12px;
    border-right: 1px solid #fff;
    line-height: 12px;
    text-align: center;
}
.foot_boxl ul li a{
    width: 100%;
    height: 12px;
    color: #fff;
    text-align: center;
    justify-items: center;
    font: 300 12px/12px '微软雅黑';
}
.foot_boxl ul li:nth-last-of-type(1){
    border-right:none;
}
.foot_boxl p:nth-last-of-type(1),.foot_boxl p:nth-last-of-type(2){
    width:100%;
    height: 20px;
    font: 300 12px/20px '微软雅黑';
    color: #798392;
}
.foot_boxl p:nth-last-of-type(2){
    margin-top: 2%;
}
.foot_boxr p{
   color:#C7D1D4;
 }
.foot_boxr p:nth-child(1){
    line-height: 30px;
    font: 600 16px/30px '微软雅黑';
}
.foot_img{
    width: 78px;
    height: 78px;
    background: url(../img/footewm1.png)no-repeat;
    background-size: cover;
    cursor: pointer;
}
.foot_ewm{
    width: 80%;
}
.foot_ewm p{
    line-height: 30px;
    font:100 14px/30px'微软雅黑';
    text-align: center;
    cursor: pointer;
}
/* ***************************** */
/* 专车 */
.special_banner{
    width: 100%;
    height: 390px;
    background: url(../img/special_banner.png)no-repeat;
    background-size:cover;
    overflow: hidden;
}
.specontent_box{
    width: 100%;
    height: 370px;
    overflow: hidden;
}
.sepcenter_box{
    width:60%;
    height: 300px;
    margin: 35px auto;   
    display: flex;
    justify-content: space-between;
}
.sepcenter_box li{
    float: left;
    width: 30%;
    height: 100%;
}
.sepcenter_box li:nth-of-type(1){
    background: url(../img/sep_01.png) center center no-repeat;
    background-size: cover;
    cursor: pointer;
}
.sepcenter_box li:nth-of-type(2){
    background: url(../img/sep_02.png) center center no-repeat;
    background-size: cover;
    cursor: pointer;
}
.sepcenter_box li:nth-of-type(3){
    background: url(../img/sep_03.png) center center no-repeat;
    background-size: cover;
    cursor: pointer;
}
.spetxtbox{
    width: 90%;
    height: 100px;
    margin: 68% auto;
}
.spetxtbox p{
    text-align: center;
    cursor: pointer;
}
.spetxtbox p:nth-of-type(1){
    font: 600 16px/30px '微软雅黑';
    color: #434343;
}
.spetxtbox p:nth-of-type(2){
    font: 100 14px/30px '微软雅黑';
    color: #9C9C9C;
}
.spetxtbox p:nth-of-type(3){
    font: 100 14px/30px '微软雅黑';
    color: #9C9C9C;
}
.spetxtbox p:nth-of-type(4){
    font: 100 14px/30px '微软雅黑';
    color: #9C9C9C;
}
.spenews_box{
    width: 100%;
    height: 700px;
    background: #F2F6FF;
}
.spenews_center{
    width: 60%;
    height: 100%;
    margin:0 auto;
    overflow: hidden;
}
.box_spe2,.box_spe3{
    width: 90%;
    height: 240px;
    margin: 10px auto;
    position: relative;
}
.box_spe3{
    margin-top: 6%;
}
.box_zcpic{
    width: 54%;
    height: 90%;
    cursor: pointer;
}
.box_zcpic img{
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.box_zctxt{
    background: #fff;
    width: 50%;
    height: 70%;
    box-shadow:0px 0px 10px #666;
    border-radius: 5px; 
    position: absolute;
    z-index: 11;
    position: absolute;
    bottom: 0;
}
.zcbox{
    right:0;
}
.wybox{
    left:0;
}
.box_zctxt p{
    margin:0 10px;
    cursor: pointer;
}
.box_zctxt p:nth-of-type(1){
    margin-top: 15px;
    width: 80px;
    height: 35px;
    color: #373737;
    font: 600 16px/35px '微软雅黑';
    border-bottom: 2px solid #5D67D7;
}
.box_zctxt p:nth-of-type(2){
    width: 100%;
    height: 30px;
    color: #BEBEBE;
    font: 400 14px/30px '微软雅黑';
}
.box_zctxt p:nth-of-type(3){
    width: 92%;
    height: 60px;
    color: #666;
    font: 100 8px/18px '微软雅黑';
    cursor: pointer;
}
.speiconbox{
    width: 100%;
    height: 420px;
    overflow: hidden;
}
.iconcenter{
    width: 60%;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
}
.iconcenter ul{
    width: 98%;
    height: 260px;
    margin: 10px 2px;
    display: flex;
    justify-content: space-between;
}
.iconcenter ul li{
    float: left;
    width: 22%;
    height: 100%;
    box-shadow:0px 0px 10px #9E9E9E; 
    border-radius: 5px;
    cursor: pointer;
}
.iconcenter ul li:hover{
    box-shadow:1px 50px 80px #666;
    border-radius: 5px;
    cursor: pointer;
}
.fw_pic{
    margin: 15% auto;
    width: 44%;
    height: 76px;
    cursor: pointer;
}
.fw_pic img{
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.iconcenter ul li p{
    text-align: center;
    cursor: pointer;
}
.iconcenter ul li p:nth-of-type(1){
    width: 22%;
    margin: 0 auto;
    height: 25px;
    color: #373737;
    letter-spacing: 1px;
    font: 600 18px/8px '微软雅黑';
    border-bottom: 2px solid #5D67D7;
}
.iconcenter ul li p:nth-of-type(2),.iconcenter ul li p:nth-of-type(3){
    height: 40px;
    color: #373737;
    letter-spacing: 1px;
    font: 400 14px/40px '幼圆';
}
.iconcenter ul li p:nth-of-type(2){
    line-height: 50px;
}

/* **************************** */
/* 出租车*/
header{
    width: 100%;
    height:70px;
    border-bottom:2px solid rgba(148, 143, 143, .9);
}
.taxi_logo{
    color: #fff;
    text-shadow:1px 1px 1px #666; 
}
.taxi_nav li{
    color: #333;
    font-weight: 600;
}
.taxi_nav li:hover{
    float: left;
    border-bottom: 2px solid #333;
    font: 600 16px/230% '微软雅黑';
    margin: 4% 4% 0 0; 
}
.taxi_banner{
    width: 100%;
    height: 390px;
    background: url(../img/taxi_banner.png)no-repeat;
    background-size:cover;
    overflow: hidden;
}
.ban_center{
    width: 50%;
    height: 190px;
    margin: 108px auto;
}
.ban_center p{
    text-align: center;
    color: #fff;
    margin: 0 auto;
    letter-spacing: 2px;
    cursor: pointer;
}
.ban_center p:nth-of-type(1){
    width: 32%;
    height: 50px;
    font: lighter 18px/50px '微软雅黑';
    border: 1px solid #fff;
}
.ban_center p:nth-of-type(2){
    font: 400 42px/80px '微软雅黑';   
}
.ban_center p:nth-of-type(3){
    font-weight: lighter;
    letter-spacing: 0px;
    font-size: 16px;
}
.taxi_content1{
    width: 100%;
    height: 240px;
    overflow: hidden;
}
.taxi_c1auto{
    width: 62%;
    height: inherit;
    margin: 1.5% auto;
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
}
.taxi_c1auto li{
    float: left;
    box-shadow:0px 0px 10px #666;
    width: 30%;
    height: 160px;
    cursor: pointer;
    border-radius: 5px;
}
.taxi_c1auto li:hover{
    box-shadow:1px 50px 80px #666
}
.ticon_img{
    width: 20%;
    height: 48px;
    margin: 6% auto;
}
.ticon_img img{
    width: 100%;
    height: 100%;
}
.taxi_c1auto p{
    text-align: center;
}
.taxi_c1auto .t_p1{
    height: 30px;
    color: #3B3B3B;
    font: 600 16px/40px '微软雅黑';
    letter-spacing: 1px;
}
.taxi_c1auto .t_p2{
    height: 30px;
    color: #A9A9A9;
    line-height: 30px;
    font-size: 14px;
}
.taxi_content2{
    width: 100%;
    height: 202px;
    background: url(../img/taxi_content2.png)no-repeat;
    background-size:cover;
    overflow: hidden;
} 
.t_con2center{
    width: 64%;
    margin: 10px auto;
}
.t_con2center p{
    text-align: center;
    color: #fff;
    cursor: pointer;
}
.t_con2center p:nth-of-type(1){
    font-size: 20px;
    line-height: 90px;
    cursor: pointer;
}
.t_con2center p:nth-of-type(2){
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
}
.taxi_service_box{
    width: 100%;
    height: 450px;
    position: relative;
}
.tsbox_center{
    width: 66%;
    height: 280px;
    background: #358DE7;
    margin: 4% auto;
    overflow: hidden;
}
.title_boxs{
    width: 152px;
    height: 112px;
    text-align: center;
    margin: 1% auto;
    overflow: hidden;
    cursor: pointer;
}
.title_boxs p{
    color: #fff;
    cursor: pointer;
}
.title_boxs p:nth-of-type(1){
    width: 16%;
    height: 3%;
    background: #fff;
    margin: 10px auto; 
    cursor: pointer;
}
.title_boxs p:nth-of-type(2){
    height: 40px;
    font: 400 20px/40px '微软雅黑';
    cursor: pointer;
}
.tsbox_ul{
    width: 62%;
    height: 280px;
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 26%;
    left: 19%;
}
.tsbox_ul li{
    width: 200px;
    height: 280px;   
    cursor: pointer;
}
.tsbox_ul li:nth-of-type(1){
    background: url(../img/tsbox1.png) center center no-repeat;
    background-size: cover;
    cursor: pointer;
}
.tsbox_ul li:nth-of-type(2){
    background: url(../img/tsbox2.png) center center no-repeat;
    background-size: cover;
}
.tsbox_ul li:nth-of-type(3){
    background: url(../img/tsbox3.png) center center no-repeat;
    background-size: cover;
}
.tsbox_ul li:nth-of-type(4){
    background: url(../img/tsbox4.png) center center no-repeat;
    background-size: cover;
}
.tsbox_ul li .tsbox_txt{
    width: 180px;
    height: 110px;
    margin: 150px auto;
    cursor: pointer;
}
.tsbox_ul li .tsbox_txt p:nth-of-type(1){
    color: #333;
    text-align: center;
    height: 40px;
    font: 500 18px/40px '微软雅黑';
    cursor: pointer;
}
.tsbox_ul li .tsbox_txt p:nth-of-type(2){
    color: #9E9E9E;
    height: 60px;
    font: 100 14px/20px '微软雅黑';
    cursor: pointer;
}

/* **************************** */
/* 司机招募*/
.driver_banner{
    width: 100%;
    height: 390px;
    background: url(../img/driver_banner.png)no-repeat;
    background-size: cover;
    background-position: top;
    overflow: hidden;
    position: relative;
}
.advantage_box{
    width: 100%;
    height: 160px;
    overflow: hidden;
}
.driver_step{
    position: absolute;
    left: 25%;
    top: 440px;
    width: 49%;
    height: 80px;
    background: #358DE7;
    z-index: 11;
    padding:0 30px;
    box-sizing: border-box;
    display: flex;
}
.driver_step li{
    width: 20%;
    height: 60px;
    margin-top: 10px;
    float: left;
    cursor: pointer;
}
.driver_step li p{
    height: 30px;
    text-align:center;
    line-height:30px; 
}
.driver_step li p:nth-of-type(1){
    color: #8CB4E9;
    font: 600 30px/30px '微软雅黑';
}
.driver_step li p:nth-of-type(2){
    color: #fff;
    font:100 14px/30px '微软雅黑';
}
.driver_step li img{
    width: 42px;
    height: 14px;
    margin: 20% 0 0 25%;
}
.driver_center{
    width: 60%;
    height: 100%;
    margin: 80px auto;
}
.driver_content{
    width: 100%;
    height: 202px;
    background: url(../img/driver_content.png)no-repeat;
    background-size:cover;
    overflow: hidden;
}
.img_txtbox{
    width: 100%;
    height: 800px;
    overflow: hidden;
    margin-top: 2%;
}
.imgtxt_center{
    width: 54%;
    height: 100%;
    margin:0 auto;
    overflow: hidden;
}
.certificate_box{
    width: 100%;
    height: 256px;
    background: url(../img/certificate.png) no-repeat;
    background-size: cover;
    cursor: pointer;
}
.imgtxt_center ul{
    margin: 4% auto;
    width: 100%;
    height: 880px;
}
.imgtxt_center ul li{
    width: 100%;
    height: 180px;
}
.cerb_img{
    width: 40%;
    height: 80%;
    cursor: pointer;
}
.cerb_img img{
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.cerb_txt{
    width: 52%;
    height: 90%;
    cursor: pointer;
} 
.other_p{
    text-align: right;
    text-indent: 2px;
}
.cerb_txt p:nth-of-type(1){
    width: 100%;
    height: 40px;
    font:600 18px/40px '微软雅黑';
    cursor: pointer;
}
.cerb_txt p:nth-of-type(2){
    margin-top: 2px;
    width: 100%;
    height: 20px;
    font:100 14px/20px '微软雅黑';
    cursor: pointer;
}
.adv_txtbox{
    width: 76%;
    height: 260px;
    margin: 2% auto;
    display: flex;
    justify-content: space-between;
}
.adv_txtbox li{
    width: 26%;
    height: 100%;
    float: left;
    box-shadow: 0px 0px 10px #666;
    border-radius: 5px;
    cursor: pointer;
}
.adv_txtbox li:hover{
    box-shadow:1px 50px 80px #666
}
.advtxt_img{
    width: 60px;
    height: 60px;
    margin: 20px auto 10px;
}
.advtxt_img img{
    width: 100%;
    height: 100%;
}
.adv_txtbox li p{
    text-align: center;
    color:#333;
}
.adv_txtbox li p:nth-of-type(1){
    letter-spacing: 1px;
    font: 600 20px/40px '微软雅黑'; 
    margin: 0 auto;
    width: 44px;
    height: 40px;
    border-bottom:2px solid #5A58C5;
}
.adv_txtbox li p:nth-of-type(2){
    line-height: 45px;
    font: 300 16px/45px '微软雅黑';
}
.adv_txtbox li p:nth-of-type(3){
    font: 300 16px/20px '微软雅黑';
    height: 20px;
}

/* ***************************** */
/* 关于我们 */
.aboutus_banner{
    width: 100%;
    height: 380px;
    background: url(../img/aboutus.png)no-repeat;
    background-size:cover;
    overflow: hidden;
}
.survey_box{
    width: 100%;
    height: 590px;
}
.surchange_box{
    width: 80%;
    height: 240px;
    margin: 2% auto;
    display: flex;
    justify-content: space-between;
} 
.surchange_box li{
    width: 48%;
    height: 200px;
    transition: all .3s linear 0s;
    cursor: pointer;
}
.surchange_box li:hover{
    transform: scale(1.1);
    cursor: pointer;
}
.surli img{
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.survey_box p{
    margin:10px auto;
    width: 60%;
    height: 240px;
    color: #000;
    text-align: center;
    font:100 14px/30px '微软雅黑';
    cursor: pointer;
}
.service_box{
    width: 100%;
    background: #F2F6FF;
    height: 620px;
    overflow: hidden;
}
.serb_center{
    width: 54%;
    height: inherit;
    margin: 0 auto;
    overflow: hidden;
}
.serbox_bottom{
    width:100%;
    height:400px;
}
.sertop_l,.sertop_r,.serbot_l,.serbot_r{
    width: 40%;
    height: 200px;
}
.serp p:nth-of-type(1){
    color: #333;
    width: 29px;
    height: 34px;
    font: 500 22px/30px '幼圆';
    border-bottom: 3px solid #404852;
    cursor: pointer;
}
.serp p:nth-of-type(2){
    color: #333;
    width: 100%;
    height: 34px;
    font: 600 18px/34px '微软雅黑';
    cursor: pointer;
}
.serp p:nth-of-type(3){
    color: #333;
    width: 100%;
    height: 30px;
    font: 100 14px/30px '微软雅黑';
    cursor: pointer;
}


#d_code{
	width: 100px;
	height: 100%;
}

#d_code > img{
	width: 100px;
	height: 100px;
	margin-top: 16px;
}

.d_title{
	width: 100px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	margin-top: 10px;
}





















