/***************** 公共style *****************/
.w1180{
    width: 1180px;
    margin: 0 auto;
}
.mw1180{
    min-width: 1180px;
    margin: 0 auto;
}
.w1200{
    width: 1200px;
    margin: 0 auto;
}
.mw1200{
    min-width: 1200px;
    margin: 0 auto;
}
.fl{
    float: left;
}
.rt{
    float: right;
}
.clearFix::after, .clearFix::before{
    content: "";
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}

.ptTit{
    text-align: center;
}
.ptTit h2{
    line-height:42px;
    color: #273B5D;
    font-size:50px;
    font-weight:bold;
    position: relative;
    display: inline-block;
    padding-top: 36px;
}
.ptTit h2.p1{
    background: url("../images/ADVANTAGE.png") no-repeat center;
    width: 325px;
}
.ptTit h2.p2{
    background: url("../images/EFFECT.png") no-repeat center;
    width: 200px;
}
.ptTit h2.p3{
    background: url("../images/COOPERATION.png") no-repeat center;
    width: 375px;
}
/***************** plan *****************/
header{
    /*height: 64px;*/
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 1000;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
header .logo img,header .logo a{
    width: 204px;
    height: 39px;
    display: block;
}
header .logo a{
    padding-top: 14px;
}

header .nav a{
    line-height: 65px;
    display: block;
    font-size:18px;
    /*font-weight:bold;*/
    color:rgba(51,51,51,1);
    position: relative;
    float: left;
    margin: 0 29px;
}


header .nav a::before{
    content: '';
    display: none;
    width: 40px;
    height: 4px;
    background-color: #0076EB;
    position: absolute;
    bottom: 0;
    left:50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
header .nav a:hover::before,header .nav a.focus::before{
    display: block;
}
header .nav a.focus,header .nav a:hover{
    color: #0076EB;
}

/*banner*/
.banner{
    position: relative;
}
.banner img{
    display: block;
    width:100%;
    /* height:500px; */
}
.banner .txt{
    position: absolute;
    width: 460px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.banner .txt h2{
    width:294px;
    height:80px;
    font-size:36px;
    letter-spacing: 4px;
    font-family:Microsoft YaHei;
    font-weight:bold;
    color:rgba(255,255,255,1);
    line-height:46px;
    margin-bottom: 28px;
}
.banner .txt .one{
    letter-spacing: 2px;
    width:410px;
    height:29px;
    font-size:30px;
    font-family:Microsoft YaHei;

    color:rgba(255,255,255,1);
    line-height:30px;
}
.banner .txt .two{
    letter-spacing: 2px;
    height:18px;
    font-size:18px;
    font-family:Microsoft YaHei;
    color:rgba(255,255,255,1);
    line-height:55px;
}
.banner .txt .three{
    letter-spacing: 1px;
    height:14px;
    font-size:12px;
    margin-top: 20px;
    font-family:Microsoft YaHei;
    color:rgba(255,255,255,1);
    line-height:30px;
}
.banner .txt p.tel{
    margin-top: 28px;
    font-size:30px;
    height:60px;
    color:rgba(255,255,255,1);
    display: inline-block;
    border:1px solid rgba(255,255,255,1);
    border-radius:2px;
    line-height: 60px;
    background: url("../images/2.7.5/phone.png") no-repeat 17px center;
    padding-left: 50px;
    padding-right: 17px;
    font-weight:900;
    font-family:Arial;
    box-sizing: border-box;
}

/*平台优势*/
.advantageBox{
    /*background-color: #F7F7F7;*/
    padding-top: 119px;
    padding-bottom: 11px;
    position: relative;
}
.advantageCon{
    margin-top: 28px;
    position: relative;
    z-index: 100;
}
.advantageCon li{
    /*width:185px;*/
    /*height:239px;*/
    width:270px;
    height:300px;
    /*background-color: #fff;*/
    background:rgba(255,255,255,1);
    box-shadow:0px 0px 8px 0px rgba(52,151,249,0.6);
    border-radius:6px;
    float: left;
    margin-right: 40px;
    text-align: center;
    margin-top: 42px;

}
.advantageCon li:nth-child(4), .advantageCon li:nth-child(8) {
    margin-right: 0;
}
.advantageCon li img{
    width: 90px;
    height: 90px;
    margin-top: 58px;
    margin-bottom: 31px;
}
.advantageCon li h2{
    font-size:28px;
    font-family:Microsoft YaHei;
    font-weight:bold;
    color:rgba(0,118,235,1);
    line-height:27px;
}
.advantageCon li p{
    font-size:16px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height:27px;
    margin-top: 12px;
}
.advantageBox .bg1{
    width: 311px;
    height: 521px;
    position: absolute;
    left: 0;
    top: 0;
}
.advantageBox .bg2{
    width: 300px;
    height: 370px;
    position: absolute;
    right: 0;
    top: 0;

}
/*putAdBox*/
.putAdBox .putAdTit{
    font-size:40px;
    color:rgba(0,118,235,1);
    line-height:60px;
    text-align: center;
    font-weight:400;
    margin-bottom: 43px;
}
.putAdTit .line{
    width:63px;
    height:2px;
    background:linear-gradient(-90deg,rgba(0,118,235,1),rgba(255,255,255,0));
    vertical-align: middle;
}
.putAdCon li{
    overflow: hidden;
    margin-bottom: 63px;
}
.putAdCon li .pic,.putAdCon li .txt{
    float: left;
}
.putAdCon li .txt{
    margin-left: 40px;
    margin-top: 100px;
    max-width: 360px;
}
.putAdCon li .pic,.putAdCon li .txt h4{
    font-size:28px;
    font-weight:400;
    font-family:Microsoft YaHei;
    color:#273B5D;
    line-height:40px;
    margin-bottom: 24px;
}
.putAdCon li .pic,.putAdCon li .txt p{
    font-size:18px;
    font-weight:400;
    color:#666666;
    font-family:Microsoft YaHei;
    line-height:28px;
}
.putAdCon li .pic img{
    width:725px;
    display: block;
}
.putAdCon2 li .txt{
    margin-left: 0;
    max-width: 360px;
}
.putAdCon2 li .pic{
    margin-left: 95px;
}
.putAdBox .tips{
    text-align: center;
    color: #333;
}
.putAdBox .tips p{
    font-size: 18px;
    font-family:Microsoft YaHei;
    line-height:53px;
    color:#273B5D;
}
.putAdBox .tips span{
    display: block;
    margin: 18px auto;
    width:560px;
    height:65px;
    background:#c7e8f5;
    border-radius:6px;
}
#hotP{
    height:29px;
    font-size:30px;
    font-weight:400;
    color:#0076EB;
    line-height:61px;
}
#hotP i{
    font-weight: bold;
    color: #0076EB;
}

/*合作伙伴*/
.partnerBox{
    /*background-color: #F7F7F7;*/
    padding-bottom: 76px;
}
.partnerBox .pic img{
    width: 180px;
    height: 65px;
    float: left;
    margin-bottom: 30px;
    margin-right: 74px;

}
.partnerBox .pic img:nth-of-type(5n){
    margin-right: 0;
}

/*formBox*/
.formBox{
    /*background-image: url("../images/form_bg.jpg");*/
    /*background-repeat: no-repeat;*/
    /*background-size: 100% 100%;*/
    box-sizing: border-box;
    padding: 80px 0;
    background-color: #0076eb;
    position: relative;
    overflow: hidden;
}
.formBox .bg img{
    position: absolute;
    z-index: 0;
}
.formBox .bg img:nth-of-type(1){
    width: 275px;
    height: 222px;
    left: 0;
    bottom: 0;
}
.formBox .bg img:nth-of-type(2){
    width: 287px;
    height: 149px;
    left: 70px;
    top: 0;
}
.formBox .bg img:nth-of-type(3){
    width: 209px;
    height: 128px;
    right: 250px;
    bottom: 0;
}
.formBox .bg img:nth-of-type(4){
    width: 307px;
    height: 279px;
    right: 0;
    top: 0;
}


.formBox .formTit{
    text-align: center;
    color: #fff;
    padding-bottom: 70px;
    position: relative;z-index: 1
}
.formBox .formTit h3{
    font-size:45px;
    color:rgba(255,255,255,1);
    margin-bottom: 24px;
}
.formBox .formTit p{
    font-size:16px;
    color:rgba(255,255,255,1);
}
.form{
    position: relative;z-index: 1
}
.form ul{
    width: 840px;
    margin: 0 auto;
}
.form li{
    width: 300px;
    float: left;
    margin: 0 60px;
    margin-bottom: 24px;
}
.form li input{
    width: 300px;
    height: 42px;
    padding: 0 20px;
    box-sizing: border-box;
    font-size:16px;
    color: #333;
    border-radius: 4px;
    outline: none;
    border: none;
}
::-webkit-input-placeholder{
    color: #BEBEBE;
}
.form li p.tips{
    text-align: right;
    margin-top: 18px;
    color: #DD2534;
    width: 100%;
    height: 15px;
    font-size: 15px;
    /*visibility: hidden;*/
}
.form li.sub{
    width: 180px;
    float: none;
}
.form li.sub input{
    width: 180px;
    height: 50px;
    background-color: #0076EB;
    color: #fff;
    font-weight: bold;
    font-size:18px;
    margin-left: 260px;
    cursor: pointer;
    border: 1px solid #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.form li.sub input:hover{
    background-color: #fff;
    color: #0076EB;
}
/******************************** 底部信息 ********************************/
footer{
    color: #999;
    font-size: 14px;
    background:#24262b ;
    background-size: 1920px;
    min-width: 1190px;
}
footer a,footer .copy span{
    color: #999;
    padding:0 8px;
}
footer a:hover{
    color: #ddd;
}
footer .section{
    padding:30px 0;
    border-bottom: 1px solid #666;
}
footer .section .fooTab span{
    display: block;
    float: left;
    background: #000;
    padding:0 20px;
    margin-right: 10px;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
}
footer .section .fooTab span.focus{
    color: #fff;
    background:#565a66;
}
footer .section .fooTabLink p{
    display: none;
    min-height: 80px;
}
footer .section .fooTabLink p a{
    float: left;
    /*margin-right: 20px;*/
    margin-right: 10px;
    width: 132px;
    line-height: 14px;
    margin-top: 12px;
}
footer .copy{
    text-align: center;
    padding: 50px 0;
}
footer .copy p{
    color:#666;
    line-height: 14px;
    margin-top: 12px;
}
footer .copy p:first-child{
    margin-top: 0;
}




@media screen and (max-width: 1600px) {

}
@media screen and (max-width: 1500px) {

    .banner .txt h2{
        font-size:38px;
        line-height:42px;
    }
    .banner .txt p{
        font-size:16px;
        line-height:30px;
        margin-top: 6px;
    }
    .banner .txt p.tel{
        font-size:24px;
        height:51px;
        /*width: 240px;*/
        line-height: 49px;

    }
}
@media screen and (max-width: 1200px) {

    .banner .txt h2{
        font-size:32px;
        line-height:40px;
    }
    .banner .txt p{
        font-size:14px;
        line-height:26px;
        margin-top: 14px;
    }
    .banner .txt p.tel{
        font-size:18px;
        height:44px;
        /*width: 240px;*/
        line-height: 44px;
    }
}