@charset "utf-8";
html {
    overflow-x: hidden;
    height: 100%;
    -webkit-tap-highlight-color: transparent;
}
body {
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
	margin: 0;
    padding: 0;
}

img {border: 0;}
a {color: #fff;text-decoration: none;}
ul{margin: 0;padding: 0;}



.bg-index {
	background-image:url('/static/images/bg_index.jpg');
	background-repeat:no-repeat;
	background-size:cover;
}
.bg-contact {
	background-image:url('/static/images/bg_contact.jpg');
	background-repeat:no-repeat;
	background-size:cover;
}
.bg-qupinxiu {
	background-image:url('/static/images/bg_qupinxiu.jpg');
	background-repeat:no-repeat;
	background-size:cover;
}
.bg-quduanpai {
	background-image:url('/static/images/bg_quduanpai.jpg');
	background-repeat:no-repeat;
	background-size:cover;
}
.bg-quliuliang {
	background-image:url('/static/images/bg_quliuliang.jpg');
	background-repeat:no-repeat;
	background-size:cover;
}
.bg-qubudan {
	background-image:url('/static/images/bg_qubudan.jpg');
	background-repeat:no-repeat;
	background-size:cover;
}
.bg-qulipin {
	background-image:url('/static/images/bg_qulipin.jpg');
	background-repeat:no-repeat;
	background-size:cover;
}

.main-body {width:1000px;margin:0 auto}

.section-head {width:100%;height:80px}
.section-head .head-logo {
	width:163px;height:62px;float:left;margin-top:15px;
	background-image:url('/static/images/logo.png');
	background-repeat:no-repeat;
	background-size:cover;
}

.section-head .head-nav {float:right;height:35px;margin-top:15px;color:white;list-style: none;}
.section-head .head-nav ul {list-style: none}
.section-head .head-nav ul li {float:left;width:75px;height:35px;text-align:center;font-size:18px;font-weight:bold}
.section-head .head-nav .active {
	background-image:url('/static/images/nav_dot.png');
	background-repeat:no-repeat;
	background-position:bottom center
}

.section-head .head-logo-blue {
	width:163px;height:62px;float:left;margin-top:15px;
	background-image:url('/static/images/logo_blue.png');
	background-repeat:no-repeat;
	background-size:cover;
}
.section-head .nav-blue a {color: #244362;text-decoration: none;}
.section-head .nav-blue .active {
	background-image:url('/static/images/nav_dot_blue.png');
	background-repeat:no-repeat;
	background-position:bottom center
}

.section-footer {width:100%;background:#fff;margin-top:50px;line-height:30px;padding:30px 0px;text-align:center;color:#666}
.section-footer a {color: #666;text-decoration: none;}
.section-body {width:100%;text-align:center;}


.index-title1 {color:#fff;font-size:35px;font-weight:bold;margin-top:30px}
.index-title2 {color:#fff;font-size:18px;color:#b6a8e7;margin-top:20px}
.index-title3 {color:#fff;font-size:20px;font-weight:bold}
.section-buttons {width:100%;text-align:center;padding:20px 0}
.index-box {width:100%;margin-top:10px;display:flex}
.index-box .left {width:205px;align-self: flex-end;text-align:left}
.index-box .middle {flex:1;height:400px;background:#fff;border-radius:15px}
.index-box .middle .box-body {width:600px;height:350px;margin:15px auto;text-align:center;
	box-sizing:border-box;padding-top:20px;
	background-image:url('/static/images/bg_index_box.jpg');
	background-repeat:no-repeat;
	background-size:cover;}
	
.index-box .middle .box-txt{width:100%;color:#333;font-size:16px;font-weight:bold;margin-top:-10px}
.index-box .right {width:165px;align-self: flex-end;text-align:right}




.contact_text {width:580px;text-align:left;box-sizing:border-box;padding:30px;color:#fff;font-size:16px}
.contact_text .h1 {font-size:35px;font-weight:bold}
.contact_text .h2 {font-size:25px;font-weight:bold}

.contact_add {width:420px;padding:30px 0;text-align:center;background:#fff;border-radius:10px}



.qpx-left {flex:1;text-align:left}
.qpx-left .h1 {font-size:40px;font-weight:bold;color:#244362}
.qpx-left .h2 {font-size:20px;font-weight:bold;color:#244362}
.qpx-box {width:100%;margin-top:20px}
.qpx-box ul {list-style: none}
.qpx-box ul li {float:left;width:50%;height:140px;text-align:left;font-size:18px}
.qpx-box ul li .title {width:100%;text-align:left;font-weight:bold;padding:5px 0}
.qpx-box ul li .line {width:80px;height:3px}
.qpx-box ul li .desc {width:100%;font-size:16px;color:#8e8e8e;padding:10px 0}

.qpx-box ul li .red {color:#ff5d6f}
.qpx-box ul li .red-line {background:#ff5d6f}
.qpx-box ul li .purple {color:#9e529a}
.qpx-box ul li .purple-line {background:#9e529a}
.qpx-box ul li .yellow {color:#f09a1e}
.qpx-box ul li .yellow-line {background:#f09a1e}
.qpx-right {flex:1;text-align:center;height:330px;background:#091e33;border-radius:15px;padding:15px 0}


.qdp-box1 {width:100%;display:flex}
.qdp-box1 .left{text-align:right;flex:2}
.qdp-box1 .right{text-align:left;flex:1;align-self: flex-end;margin-left:15px}
.qdp-box2 {width:100%;display:flex;justify-content: space-between;flex-wrap: wrap;margin-top:20px}


.qll-left-title {width:100%;text-align:center;font-size:40px;font-weight:bold;color:#fff}
.qll-left-title2 {width:100%;text-align:center;font-size:20px;font-weight:bold;color:#fff}
.qll-left-text {width:100%;text-align:center;font-size:30px;font-weight:bold;color:#fff}
.qll-list ul {list-style: none}
.qll-list ul li {float:left;width:50%;text-align:center;font-size:14px;color:#fff;margin-top:20px}

.qlp-text {width:100%;text-align:center;font-size:16px;color:#fff;margin-top:20px;line-height:25px}