@charset "gb2312";
/*
* Description: 代理商授权书查询页面
* Update:      17/01/2018
* Author:      xuyongmei
*/

/* reset css */
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
ul,ol{list-style:none;}
body{font-size: 16px; position: relative; color:#333;background-color:#fff;font-family: "microsoft YaHei";}
select,input,button{vertical-align: middle;font-size: 100%;border:0;}
fieldset,img{border: 0 none;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal;}
em,i,b{font-style: normal;}
a{text-decoration: none;}
a:hover{text-decoration:none;}
.clear {clear: both;display: block;height: 0; visibility: hidden; font: 0/0 arial}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0}
.clearfix {*zoom: 1}

/*-----------------------------------------分隔线------------------------------------------------*/
.autoin{ width:88%; margin:0 auto;}


@media screen and (max-width: 768px) {
	.autoin{ width:100%;}
}

/*头部logo*/
.h_logo{background-color:#f4f6f9;padding:1% 0;}
.h_logo h1{padding:0;}
@media screen and (max-width: 768px) {
	.h_logo h1{width:30%;padding:1% 0;}
}

/*banner*/
.banner{width:100%;background-color:#002147;}
.ban_img{display:block;margin:0 auto;}

/*导航*/
.t_navbar{width:100%;height:56px;background-color:#649cf0;border:0;border-radius:0;}
.nav_ul{width:100%;overflow:hidden;}
.nav_ul li{float:left;width:20%;}
.nav_ul li a{display:block;line-height:56px;font-size:16px;color:#fff;text-align:center;padding:0;}
.nav_ul li.cur,.nav_ul li a:hover{text-decoration:none;background-color:#417ed9;}
.nav_ul li.cur a{text-decoration:none;}
.t_navbar.fixed_pc{position: fixed;top: 0;left: 0;z-index:9;}

/*主体内容*/
.main_con{width:100%;background-color:#f4f6f9;overflow:hidden;padding-bottom:5%;}
.con_m .row{margin-top:6%;}
.con_m .row>div{padding:0 9px;}
.con_m img{display:block;margin:0 auto;}
.main_l{position:relative;}
.main_l1{background-color:#4fca9d;}
.main_l2{background-color:#74bddc;}
.main_l3{background-color:#d39d7d;}
.main_l4{background-color:#a08fe9;}
.con_l{width:100%;position:absolute;top:7%;left:0;}
.con_l h4{font-size:44px;color:#fff;text-align:center;}
.a_btn{display:block;width:80%;height:40px;line-height:40px;font-size:16px;text-align:center;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;background-color:#fff;margin:8% auto 0;}
.a_01,.a_01:hover{color:#198e63;}
.a_02,.a_02:hover{color:#207295;}
.a_03,.a_03:hover{color:#ad541f;}
.a_04,.a_041:hover{color:#5846a4;}
.a_btn em{display:inline-block;vertical-align:middle;width:14%;margin:-2% 0 0 3%;}
.a_btn em img{max-width:100%;height:auto;}
.a_btn:hover{background-color:#f9efef;}

.main_ul{overflow:hidden;}
.main_ul li{background-color:#fff;padding:8% 2%;}
.mar_bot{margin-bottom:7%;}
.main_ul li h5{font-size:18px;text-align:center;color:#171920}
.main_ul li img{display:block;margin:4% auto 0;}

/*移动*/
.con_m2{padding-bottom:5%;display:none;}
.main_cin{margin-top:10%;}
.title{padding:4% 0;}
.title1{background-color:#4fca9d;}
.title2{background-color:#74bddc;}
.title3{background-color:#d39d7d;}
.title4{background-color:#a08fe9;}
.title h3{font-size:20px;text-align:center;color:#fff;font-weight:bold;}
.title a{width:55%;height:30px;line-height:30px;font-size:14px;margin-top:4%;}

.cont_mc{padding-bottom:10%;}
.cont_c{background-color:#fff;margin-top:5%;padding:5% 0;}
.cont_c h5{font-size:16px;text-align:center;}
.cont_c img{margin:5% auto 0;}

.swiper-container-horizontal>.cont_ol{bottom:0;}
.cont_ol span{width:10px;height:10px;}
.cont_ol1 span{background-color:#4fca9d;}
.cont_ol1 span.swiper-pagination-bullet-active{background-color:#11704d;}
.cont_ol2 span{background-color:#74bddc;}
.cont_ol2 span.swiper-pagination-bullet-active{background-color:#3889ac;}
.cont_ol3 span{background-color:#d39d7d;}
.cont_ol3 span.swiper-pagination-bullet-active{background-color:#be784f;}
.cont_ol4 span{background-color:#a08fe9;}
.cont_ol4 span.swiper-pagination-bullet-active{background-color:#7160b6;}

@media screen and (max-width: 768px) {
	.t_navbar .container{padding:0;}
	.t_navbar{height:40px;}
	.nav_ul li a{line-height:40px;font-size:13px;}
	.til{height:40px;line-height:40px;font-size:20px;}
	.con_m2{display:block;}
}