*{ margin: 0; padding: 0; box-sizing: border-box; font-family: "Microsoft YaHei"}
ul,ol,li{list-style:none;}
a{text-decoration:none !important;}
b,h1,h2,h3,h4,h5,h6{font-weight:normal;}
i,em{font-style:normal;}
img{border:0 none;vertical-align:middle;}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;vertical-align:baseline;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input:focus{outline:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
.clear { clear: both; }
.clear:after { display: block; clear: both; visibility: hidden; height: 0; overflow: hidden; content: "."; }
.fl { float: left; }
.fr { float: right; }
.mb10{margin-bottom: 10px;}
.mt20{margin-top:20px;}
.cont,.top_nav,.foot,.mean_cont,.commom_dh,.meun{ max-width: 1200px; width:98%; margin: 0 auto;overflow: hidden;}

/* 顶部 */
.top{ width: 100%; overflow: hidden; background: #f1f1f1; }
.top p.fl{ font-size: 12px; color: #6f6d6d;height: 35px; line-height: 35px;}
.top_fr{ overflow: hidden;height: 35px; line-height: 35px;}
.top_fr span{ font-size: 12px; color: #000000; margin-left: 10px}
.top_fr a{ font-size: 12px; color: #1e4f89; margin-left: 10px}
.logo{ padding:10px 0;}
.index_search{ width: 310px; float: left;  margin-left:9%; padding-top: 8px;}
.index_search input{ width: 70%; float: left; padding-left: 3px;border: 1px solid #ccc; height: 34px; background: #fff;; line-height: 34px;}
.index_search button{width:30%; float: left; color: #fff; font-size: 14px; background: #e94e0e; border: none; height: 34px; line-height: 34px;}
.index_search p{ width: 100%; margin-top:10px;}
.index_search p b{ font-size: 12px; color: #9a9a9a; margin-right: 4px;}

.logo .fl img{ width:250px;}
.logo .fr img{ width:460px; height: 60px; padding-top: 4px;}
.header{ width: 100%;overflow: hidden; height:55px; line-height:55px; color: #fff;background: #1e4f89;}
.nav li a{width:10%; text-align: center; color: #fff;font-size: 16px;float: left; position: relative;}
.nav li a:after{content:'';display:inline-block;width:6px;height:6px;border-radius:6px;background: #fff; position: absolute; left:0px; top:26px;}
.nav li:first-child a:after{ display: none;}
/* banner */
.index_cont{max-width: 1200px; width:98%; margin:1% auto;overflow: hidden;}
.index_left{ width:69%;}
.index_rig{ width: 30%;}
.swiper-container {width: 100%;height: 100%; position: relative;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide img{ width: 100%;}
.banner_cont{ width: 100%; overflow: hidden; position: absolute; left: 0; bottom: 0; padding:2% 1% 4%;}
.banner_cont h1{ font-size: 18px; line-height: 32px; height: 64px; color: #fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.banner_cont p{ font-size: 14px; color: #fff;line-height: 20px; height: 60px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden}
.swiper-container .swiper-button-next:after,.swiper-container .swiper-button-prev:after{ font-size: 14px !important; color: #fff; width: 30px;height: 30px;border-radius: 50%;text-align: center;line-height: 30px;}
:root{--swiper-theme-color:#ffc62e!important}
.swiper-pagination-bullet{ width: 10px !important; height: 10px !important; border-radius: 0 !important;background: #ffc62e !important;}

/* 底部 */
footer{ width: 100%; overflow: hidden; padding:0 0 2% 0; background: #2d3236;}
.foot_nav{ background: #23282c; width: 100%;}
.foot_nav p{max-width: 1200px; width:98%; margin: 0 auto; overflow: hidden;}
.foot_nav p a{ font-size: 14px;line-height:40px; height:40px; color: #656879; width: 14.2%; text-align: center; float: left;}
.foot_left{ width: 65%; padding-top: 2%;}
.foot_rig{ width:20%;padding-top: 2%; overflow: hidden;}
.foot_left span{color: #8c9093; width: 100%; display: block; margin-bottom:20px;}
.foot_left a{ font-size: 13px; line-height:22px; color: #8c9093;}
.foot_left p{ color: #8d9194; font-size: 14px; color: #8e9295;}
.foot_sw{ width: 100%;overflow: hidden; margin-bottom:15px;}
.foot_sw span,.foot_sw span img{ width: 37px;}
.foot_sw span{margin-right:15px; }
.foot_sw p{ font-size: 13px; color: #93979a;}
.foot_sw p b{ font-size: 16px; display: block;}
.foot_join{ width: 100%; overflow: hidden;}
.foot_join span{ width: 52px; float: left; margin-right: 10px;}
.foot_join span img{width: 52px; }


/* 导航 */
.mean_nav{ width: 100%; overflow: hidden; background: #2e95e4;}
.mean_cont .nav_ul{ width:77%;}
.mean_cont .nav_sign{ width:22%; padding-left:2%; border-left: 1px dotted #fff;overflow: hidden;margin:12px 0}
.nav_ul li a{ line-height: 50px;width:10%; text-align: center;color: #fff;font-size: 16px;float: left; position: relative;}
.nav_ul li a:after{content:'';display:inline-block;width:4px;height:4px;border-radius:4px;background: #fff; position: absolute; left:0px; top:24px;}
.nav_ul li:first-child a:after{ display: none;}
.nav_ul li a img{ width:15px; vertical-align: middle; margin-right: 3px;}
.nav_sign p{ width:40%;float: left;}
.nav_sign p span{ width: 24px;}
.nav_sign p span img{ width: 20px;}
.nav_sign a{ color: #fff; font-size: 16px;vertical-align:middle; margin-right: 3px;}
.commom_dh{ padding: 15px 0;}
.commom_dh span{width: 320px; }
.commom_dh span img{width:320px;border-right: 1px dotted #e0e0e0; margin-right:8px; padding-right: 18px;}
.commom_dh i{width:460px; }
.commom_dh i img{ width:460px; height: 60px; margin:8px 0;}
.commom_dh b{ color: #fff; margin-left:8px; font-size: 24px; padding: 2px 5px; margin-top:20px; border-radius: 5px; background: #0a53a2;}

/* 底部 */
.footer{ width: 100%; background:#2d3236; padding: 3% 0; font-size: 13px;color: #8f9092;}
.footer_left{ width: 70%;}
.footer p{ text-align: center; line-height: 30px;}
.footer p a{ color: #8f9092; padding: 0 4px;}
.footer .footer_left p img{ width: 30px; padding: 0 3px;}
.footer_rih{ width: 30%; margin: 0 auto; text-align: center;}
.footer_rih p img{ width: 100px;}
.footer_rih p span{ width: 100%; display: block;}

/*个人中心头部*/
.pertop{ width: 100%; background: #2e95e4; height: 60px; line-height: 60px; font-size: 14px; color: #fff; text-align: right;}
.pertop a{color: #fff; padding-left:15px;}
.pertop span{ padding: 0 6px;}
.per_nav{ width: 100%; overflow:hidden; margin-bottom: 20px; border-bottom: 3px solid #c0163a; height: 56px; line-height: 56px; text-align:center; font-size: 20px;}
.per_nav p{ width: 33.3%; float: left;}
.per_nav p a{ width: 100%; display: block; color: #333; background: #fff;}
.per_nav p a.active{color: #fff;background: #c0163a;}
.per_nav p a img{ width:22px; margin-right: 4px; vertical-align: middle;}


.men_active{ background: #627ff4; color: #fff;}