body{font-size:16px;width: 100%;overflow-x: hidden;}
#fun1,.m{display: none;}
.header .nav{width:33%;}
.header .logo{padding-left:20px;}
.header{font-size:14px;height:66px; margin:0 auto;}
.header .logo{width:247px;height:65px; float:left}
.header .nav{float:right;line-height:66px;width: 300px;background:none;}
.header .nav a{padding:0 4px;display: inline}
.header .nav a:hover{text-decoration:underline}
.banner_index{position:relative;}
.banner_index>div{position:absolute;width:100%;height:100%;bottom:0;color:#fff;}
.banner_index>div>div{margin:0 auto; width:100%; max-width:1170px; height:144px;  margin-top:18.6%; padding:17px 0; background:rgba(7, 8, 91, 0.85);filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity: 0.70;}
.co_1{font-size:54.24px;padding-left:1%; line-height:104px; text-align:center; vertical-align:middle}
.co_2{padding-top:1%; padding-right:4%; padding-left:1%;line-height:29px;}
#d{height:0}
#d img{position: relative;bottom: 60px; left:150px;}
.blue_bg{position:absolute;left:50%;transform:translateX(-50%);bottom:0;}
@media (max-width:1690px){.banner_index>div>div{margin-top:17.6%}} @media (max-width:1440px){.banner_index>div>div{margin-top:16.2%}} @media (max-width:1220px){.banner_index>div>div{height:105px;margin-top:17.7%; font-size:15px; }.co_1{font-size:34.24px;line-height:74px;}.co_2{padding-top:0;line-height:24px;}} @media (max-width:1024px){.banner_index>div>div{margin-top:30.6%; width:100%}} @media (max-width:999px){.banner_index>div{display:none}}
.co_3{margin-top:2.4%; margin-bottom:1%}
.co_3 p{color:#555555; line-height:26px; margin-top:4.4%; width:98%}
.co_4{padding-top:5%}
.co_6{ background:#e7e9f0; margin-top:1.8%; padding-bottom:1.3%}
.co_61{display:none} @media (max-width:999px){.co_61{display:block; width:100%; padding-top:3%}.co_66{background:none !important}.co_8{width:100%}#d img{width:50%;left:90px;}}
.co_66{background:url(co6.jpg) no-repeat; background-position:left bottom; }
@media (min-width:1000px){
    .co_66 a.xm7.xb5.xs12{height: 459px;}
    .co_11 .xm3.xs12.co_13{height: 514px;}
}
@media (min-width:1200px){
    .co_66 a.xm7.xb5.xs12{height: 490px;}
    .co_11 .xm3.xs12.co_13{height: 480px;}
}
.co_6 p{float:right;padding-left:1%; margin-top:3%;text-align:right; font-size:16px; color:#555555}
.co_7{padding-top:6%; float:right;}
.co_8{margin-top:3%;}
span{float:none}
.mobile_right{float:right;text-align: center;}
.co_9{margin-top: 10px;display: block;}
.co_11{margin-top:2.4%; margin-bottom:1%; background:url(co8.jpg) right 75% no-repeat}
.co_11 p{color:#555555; line-height:26px; margin-top:4.4%; width:98%}
.co_12{margin-top:3%}
.co_12 span{line-height:27px; font-size:15px;}
.co_12 span font{color:#e4720f}
.co_13{width: 22%;height: 39%;float: right;}
.co_14{display:none}
@media (min-width:1440px){
    .banner_img{
        max-width:1920px;
        width: auto !important;
        position: relative;
        left: 50%;
        transform: translateX(-50%)
    }
}
@media (max-width:999px){.co_33 img{width:100%; margin-bottom:2%}.co_11{background:none}.co_14{display:block; margin-top:2%; text-align:center} .co_13 img{width:100%}.hq{margin-top:3%}.c_mtw{ text-align:center} .co_13{display:none} .mobile_right{float: left;width: 100%;} .co_14 img{margin: 0 auto;} .co_12 .xm5{padding-left: 0;} .header .nav{width:44%;}}
.co_21{ background:#1b2c65; margin-top:1.8%; padding-bottom:1.3%;}
.co_21 span{line-height:27px; font-size:15px;}
.co_21 span font{color:#42b4ff}
.co_22{padding-top:2.5%;color:#fff}
.co_23{float:right}
.co_22 p{float:right; text-indent:2em; margin-top:34px; margin-bottom:34px;}
.co_24{ text-align:right}
.co_31{margin-top:1.7%}
.gd img{margin-top:10%}
.hq{background:url(co11.jpg) no-repeat; background-size:100%}
.hq p{font-size:14px; padding: 8% 10% 9% 21%;} 
.hq1{font-size:14px; padding-left:12%;}
.hq1 span{font-size:18px; color:#fff; font-weight:bold}
.hq2{font-size:14px; padding-left:12%; padding-top:3%}
.hq2 select{border:none; padding:3px 0; width:17%}
.hq2 span{color:#fff; padding-right:8px; padding-left:8px;}
.hq3{font-size:14px; padding-left:12%; padding-top:3%}
.hq3 input{border:none; margin-left:0.8%;padding:3px; width:25%}
.tp{width:40%; height:31px; border:none;border-radius:4px; background:#fff600; font-size:14px; margin-left:40%; margin-top:3%; margin-bottom:10%}
/*foott*/
.foott{width:100%; background:#171f23;color:#a9b3b3; text-align:center; line-height:20px; padding:15px 0;}
@media (max-width:767px){.hq p{display:none}.hq1{padding-top:10%; padding-left:20%}.gd img{width:100%; height:auto}}
@media (max-width:759px){
    @media (max-width:767px){
        .header .nav{display: none!important;}
        #fun1 {
            position: absolute;
            right: 3%;
            top: 15px;
            display: block;
            cursor: pointer;
        }
            .m{ 
            font-size: 15px;
            background: #fff;
            list-style: none;
        }
        .m a {
            color: #3e3e3e;
        }
        .m li {
            float: none;
            height: auto;
            line-height: 34px;
            border-bottom: 1px solid #cbcbcd;
            text-align: left;
            padding-left:15px;
        }
}