body,html,.content{width: 100%;height:100%;position: relative;}
.header{
    width: 100%;
    height: 113px;
    line-height: 113px;
    background:rgba(255,255,255,1);
    opacity:0.8;
    filter: alpha(opacity=0.8);
    position: absolute;
    top: 0;
    z-index: 2;
}
.header .aLogo{margin-left: 310px;width:49px;display: block;height: 100%;}
.header .aLogo img{width: 100%;height: 52px;}
.header .menu>ul>li{cursor:pointer;width:150px;text-align:center;display: inline-block;font-size:20px;color:#333;}
.txt_color {
    color: #1C2D6E!important;
}
@media screen and (min-width: 1210px) {
    .txt_color::after{
        content: '';
        position: relative;
        top: -28px;
        left: 36px;
        display: block;
        height: 4px;
        width: 80px;
        background: #1C2D6E;
    }
}

.header .menu_right{display: none;}
.header .menu a{display: block;}
.content .index_box{position: relative;background: url("../images/bg.png")no-repeat center/cover;height:100%;width: 100%;}
.content .p_box img{display: block;width: 714px;margin: 0 auto 25px;}
.content .p_box .line{width:800px;height:2px;margin: 0 auto;background-color: #fff;margin-bottom: 34px;}
.content .p_box .pp{text-align: center;color: #ffffff;font-size: 42px;}
.content .p_box{width:100%;position: absolute;top: 50%;left:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);}
.footer{padding-bottom:10px;z-index:1;position:absolute;bottom:0;min-height: 96px;width: 100%;background-color: #434343;color:#ffffff;font-size: 14px;}
.footer .footer-left{line-height:22px;width: 60%;margin-left: 10px;margin-top: 30px;}
.footer .footer-left .link_footer{color:#fff;}
.footer .footer-right{display: flex;display: -webkit-flex;display: -ms-flex;display: -moz-flex;display: -o-flex;justify-content: flex-end;-webkit-justify-content: flex-end;}
.footer .footer-code{margin-top: 22px;width: 64px;height:64px;margin-right:128px;}
.footer .footer-code img{width: 100%;height:100%;}
.footer .footer-icon{cursor:pointer;margin-right: 48px;margin-top:22px;position:relative;width: 65px;height: 65px;border-radius: 100%;background-color:#1C2D6E;}
.footer .footer-icon img{width:45px;height:45px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);}
/*解决方法*/
.solution_box {background: url("../images/bg2.png") no-repeat center/cover;width: 100%;}
.solution_box .swiper-container{width: 100%;padding-top: 225px;padding-bottom:12%;}
.solution_box .solution_content{text-align:center;/*position: absolute;width: 100%;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);*/}
.solution_left {margin-right: 237px;width: 309px;text-align: left;vertical-align: middle;display: inline-block;}
.solution_right {display: inline-block; }
.solution_left .title {font-size: 35px;}
.solution_left .tip {font-size: 27px;color: #999;margin-top: 20px;}
.solution_left .solution_line {border-top: 5px solid #1C2D6E;margin-top: 65px;margin-bottom: 28px;width: 299px;}
.solution_left .pp{font-size:20px;color:rgba(102,102,102,1);line-height:42px;}
 .solutionDesc2{display: none;}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:12%!important;}
/*业务合作*/
.content .business_box{background:url("../images/bg3.png")no-repeat center/cover;min-height: 100%;width: 100%;overflow-y: auto;overflow-x: hidden;}
.content .business_box .title{margin-bottom:42px;text-align: center;font-size: 56px;font-weight: bold;color: rgba(255,255,255,1);padding-top: 260px;}
.content .business_card>ul{width:100%;margin-right:-26px;text-align: center;}
.content .business_card>ul>li{display:inline-block;vertical-align:top;width:247px;padding:30px 40px;background:rgba(255,255,255,0.7);margin-right: 26px;}
.content .business_card .card_title{text-align: center;font-size: 0;margin-bottom: 28px;color: #363636}
.content .business_card .card_title img{margin-right: 25px;}
.content .card_title span{font-size: 26px;vertical-align: middle;}
.content .business_card p{margin-bottom:15px;font-size: 16px;color: #323233;line-height: 32px;text-align: left;}
.content .business_card p:last-child{margin-bottom: 0;}
/*加入我们*/
.content .join_box{background: url("../images/bg3.png")no-repeat center/cover;min-height: 100%;width: 100%;overflow-y: auto;overflow-x: hidden;position: relative;}
.content .join_card{background:rgba(255,255,255,0.7);width: 1035px;margin: 0 auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);}
.content .join_card .title {font-size: 38px;text-align: center;padding-top: 45px;}
.content .join_card .title span{border-bottom: 2px solid #333; padding: 0 30px 20px;display: inline-block;margin-bottom: 40px;}
.content .join_card p{font-size: 20px;line-height: 32px;margin: 0 23%;padding-bottom: 68px;}
/*关于我们*/
.content .about_content {width: 100%;min-height:100%;background: #fff url('../images/bg4.png') no-repeat left center/cover;}
.content .about_top{
    background: rgba(255,255,255,0.7);
    width: 1035px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding-bottom: 68px;
}
.about_content .about_title {padding-top: 45px;font-size: 38px;text-align: center;}
.about_content .about_title .about_line {width: 51px;border-bottom: 4px solid #1C2D6E;margin: 38px auto 47px;}
.about_content .about_us {	text-indent:2em;margin: 0 20.5%;text-align: left;font-size:18px;line-height: 30px;}
.about_modle {position: fixed;z-index:2;width: 100%;height: 100%;top: 0;background: #000;background-color: rgba(0, 0, 0, 0.5);filter: alpha(opacity=50);}
.about_modle .message_box {background-color: #fff;width: 626px;margin: 0 auto;position: relative;top: 50%;transform: translateY(-50%);padding: 40px}
.about_modle .message_box .message_title {display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;font-size: 24px;color: #1C2D6E;align-items: center;-webkit-align-items: center;}
.about_modle .message_box .message_title span {flex: 1;margin-right: 20px;width:50px;border-bottom: 3px solid #1C2D6E;margin-left: 20px;margin-bottom: 6px;}
.about_modle .message_box .message_title img {cursor: pointer;}
.about_modle .message_box .form {margin-top:20px;}
.about_modle .message_box .form input {width: 50%;border-radius: 4px;border: 1px solid #999;padding-left: 20px;line-height: 22px;margin-top: 10px;margin-bottom: 20px;}
.about_modle .message_box .form textarea {width: 100%;border-radius: 4px;margin-top: 10px;margin-bottom: 20px;padding: 10px;box-sizing: border-box;outline: none; border:1px solid #a0a0a0;}
.about_modle .message_box .form input[type='button'] {width: 100%;background-color: #1C2D6E;color: #fff;border: none;line-height: 30px;margin-bottom: 0;}
@media screen and (max-width: 1210px){
    .header{position:fixed;opacity:1;height: 88px;background-color: #ffffff;filter:alpha(opacity=100);}
    .header .top{position: relative;opacity:1;height: 100%;line-height: 88px;filter: alpha(opacity=100);}
    .header .menu>ul{display: none;padding: 0 7%;background-color: #fff;}
    .header .menu_right {display: block;width: 42px;height: 42px;cursor: pointer;position: absolute;top: 0;right: 50px;}
    .header .aLogo{margin: 0 auto;float: none;}
    .header .menu_right img{width: 100%;height: 100%;}
    .header .menu_right,.header .menu,.header .logo{float: none;}
    .header .menu>ul>li{display: block;width: 100%;text-align: left;border-bottom:1px solid #ccc;line-height: 75px;}
    .solution_right{width:35%;margin: 4% 0;}
    .solution_right .img1{width: 100%;}
    .solution_right .img2,.solution_right .img3{width: 70%;}
    .solution_right .img4{width: 45%;}
    .solution_left{display: block;width: 100%;text-align: center;}
    .solution_left .title{font-size: 26px;}
    .solution_left .tip{font-size: 24px;}
    .solution_left .solutionDesc{display: none;}
    .solutionDesc2 {padding-bottom:10px;display: block;margin: 0 115px;text-align: center;font-size: 20px;line-height: 42px;color: #666;}
    .solution_box .swiper-container{padding-top: 150px;padding-bottom: 15% !important;}
    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:10%!important;}

    .content.busContent .footer{position: relative;}
    .content .business_box .title{padding-top: 176px;font-size: 48px;}
    .content .business_card > ul > li {display: block;width: 50%;padding:5% 15%;margin:  0 10% 42px;}
    .content .card_title span{font-size: 20px;}
    .content .business_card p{font-size: 14px;}

    .content .join_card{width: 60%;}
    .content .join_card p{margin:0 13%;}
}
@media screen and (max-width:900px){
    .footer{padding-bottom: 30px;position: relative;padding-top: 30px;}
    .footer .footer-left{float: none;width: 88%;margin: 0 auto;}
    .footer .footer-right{justify-content:center;-webkit-justify-content: center;float: none;}
    .footer .footer-code{margin-right: 50px;}
    .footer .footer-icon{margin-right: 0;}
    .solution_right{margin: 10% 0;}
}
@media screen and (max-width: 750px){
    .header{height: 60px;}
    .header .top{line-height: 60px;}
    .header .aLogo{width: 30px;}
    .header .aLogo img{height: 30px;}
    .header .menu_right{width: 25px;height: 25px;right: 25px;}
    .header .menu>ul>li{font-size: 15px;line-height: 50px;}
    .content .p_box img{width: 85%;padding-top: 0;}
    .content .p_box .line{width: 90%;}
    .content .p_box .pp{font-size: 20px;}
    .solution_right{width:75%;margin: 8% 0;}
    .solution_right .img1{width: 100%;}
    .solution_right .img2,.solution_right .img3{width: 70%;}
    .solution_right .img4{width: 45%;}
    .solutionDesc2{margin: 0 10%;font-size: 16px;line-height: 30px;}
    .solution_box .swiper-container{padding-top: 110px;padding-bottom: 18%!important;}
    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:5%!important;}
    .swiper-pagination-bullet{width: 8px!important;height: 8px!important;}

    .content .business_box .title{font-size: 38px;padding-top:120px; }
    .content .card_title span{font-size: 16px;}

    .content .join_card {width: 90%;}
    .content .join_card .title{font-size: 25px;}
    .content .join_card .title span{margin-bottom: 25px;}
    .content .join_card p{font-size: 14px;line-height: 28px;padding-bottom: 48px;}
    .about_top .about_title {font-size: 28px;}
    .about_top .about_us {		text-indent:2em;text-indent:2em; margin: 0 10%;font-size: 14px;line-height: 30px;}
    .about_bottom .about_bottom_left button{display: block;margin: 40px auto;}
    .about_bottom .about_bottom_right {float: none;margin-top: 0;}

    .about_modle .message_box{padding: 8% 8% 4%;width:calc(100% - 30%);margin: 0 7%;}
    .about_modle .message_box .message_title span{display: none;}
    .about_modle .message_box .message_title{justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;font-size: 20px;}
    .about_modle .message_box .form input{width: calc(100% - 20px);}
    .about_modle .message_box .message_title img{width: 20px;height: 20px;}
}
@media screen and (max-height: 570px){
    .header{height: 45px;}
    .header .top{line-height: 45px;}
     .solution_right{min-height: 0;line-height: 0;margin: 5% 0;}
    .solution_left .title{font-size: 22px;}
    .solution_left .tip {font-size: 20px;}
    .solutionDesc2{margin: 0 5%;}
    .solutionDesc2{font-size: 14px;}
}
@media screen and (max-height: 850px){
    .footer {
        padding-bottom: 30px;
        position: relative;
        padding-top: 30px;
    }
    .footer{
        padding-bottom:30px;
        position: relative;
        padding-top: 30px;
    }
}
