@charset "utf-8";
/* CSS Document */
header, section, footer{width: 100%; margin: 0 auto;}
@font-face {
font-family: myfont;
src: url(../font/300-CAI978_0.TTF)
}

.head{text-align: center;height: 100px; width: 84%;display: flex;justify-content: center;margin: 0 auto; align-items: center; font-size: 20px}
.head .logo{align-items: center; float: left;}
.head .head_menu{width: 60%;padding:0 10%;}
.head .head_menu li{height: 100px; line-height: 100px; width: 16%; text-align: center;cursor:pointer;}
.head .head_menu li a{color: #0657B8;}
.head .head_menu li ul{display:none;position:absolute; width: 50%;text-align:center;z-index:99;}
.head .head_menu li ul li{text-align:center;background:rgba(237,237,237,0.6); height:70px;line-height:70px;}
.head .head_menu li ul li a{color:#5C5C5C; font-size:18px;}
.head .tel{width: 240px;}
.head .tel dt{width: 40px; height: 40px; float: left;}
.head .tel dt img{width: 100%;height: 40px; padding-top: 18px;}
.head .tel dd{float: left; text-align: left; padding-left: 20px;line-height:36px;color: #314D9D}
.head .head_menu li:hover{background:rgba(237,237,237,0.6);}
.head .head_menu li .menu_a{background: #314D9D;border: 1px solid #314D9D;padding: 3px 24%; border-radius: 15px;color: #fff;}
.head .head_menu li .submenu_a{background: #314D9D;border-radius: 15px;color: #fff;border: 1px solid #314D9D;padding: 3px 10px;}
.banner{width: 100%;}
.banner img{width: 100%; vertical-align: middle;}

.about_title, .bus_title, .honor_title{text-align: center; color: #8A8A8A; }
.about_title h3, .bus_title h3, .honor_title h3{font-size: 30px;line-height: 40px;font-weight:bold;}
.about_title span, .bus_title span, .honor_title span{text-transform: uppercase;font-size:22px;line-height: 40px;font-weight:bold;}
.hrLine{display:flex;align-items:center;justify-content: center;padding-top: 10px;}
.hrLine .line{width: 85px;height: 2px;background: #8A8A8A;}
.hrLine .circle{width: 8px;height: 8px;background: #8A8A8A;border-radius: 50%;}
.bus p, .honor p{padding: 30px 0;width: 65%;font-size:20px;margin: 0 auto; text-align: center;line-height:48px;}

.about{width: 100%; background: #F1F1F1;padding:110px 0 80px;}
.about .about_c{width: 84%; margin: 0 auto;padding-top: 50px;}
.about .about_c p{text-indent:2em;line-height:48px;font-size:20px;}

.bus{width: 100%;padding-top:110px;}
.bus .bus_c{width: 100%; padding-top: 30px;}
.bus .bus_c li{width: 19.2%; height: 357px; float: left;text-align: center;margin-left: 1%;}
.bus .bus_c li:first-child{margin:0}
.bus .bus_c li .bus_c_s{background: #F1F1F1;padding: 120px 0 90px; color: #8A8A8A;font-size:32px;font-weight:bold;}
.bus .bus_c li .bus_c_s img{padding-bottom: 40px;}
.bus .bus_c li .bus_c_h{background: #647ECE; color: #fff; font-size: 32px;}
.bus .bus_c li .bus_c_h a{color: #fff}
.bus .bus_c li .bus_c_h img{padding: 35px 0 28px;}
.bus .bus_c li .bus_c_h dl{font-size: 20px; width: 100%; height: 150px; text-align: left; padding-top: 25px;}
.bus .bus_c li .bus_c_h dl dd{line-height: 32px; height: 32px; width: 65%; margin:0 auto; text-align: left;}
.bus .bus_c li .bus_c_h dl dd a{color: #fff}
.bus .bus_c li .bus_c_h dl dd .circle{width: 11px;height: 11px;display: inline-block; margin-right: 22%; position:relative;top:-2px;background: #fff;border-radius: 50%;}
.bus .bus_c li .bus_c_h dl dd .circle_hide{width: 11px;height: 11px;display: inline-block;position:relative; margin-right: 22%;}
.bus .bus_c li .bus_c_h .bus_c_h_l{width:117px; margin: 0 auto; height: 11px; background: #E9B034; }

.honor{width: 100%;padding:110px 0 110px;}
.honor_img {width: 84%;margin: 0 auto;position: relative;top:20px;}
.honor_img ul{width: 77%;margin: 0 auto;}
.honor_img ul li {width:19.7%;float: left; background: url(../images/zzBg.png) no-repeat top;margin-left: 0.3%;cursor:pointer;}
.honor_img ul li:first-child{margin:0}
.honor_img ul li img{padding: 3px;width: 97%;}
.honor_img .og_prev{position: absolute; top: 45%;left: 4.5%;cursor:pointer;}
.honor_img .og_next{position: absolute;top: 45%;right: 4.5%;cursor:pointer;}

.new{width: 100%;background: url(../images/new_bg.png) no-repeat top;}
.new_title{text-align: center; color: #fff; padding: 50px 0; }
.new_title h3{font-size: 32px;line-height: 40px;font-weight:bold;}
.new_title span{text-transform: uppercase;font-size:22px;line-height: 40px;font-weight:bold;}
.newLine{display:flex;align-items:center;justify-content: center;padding-top: 10px;}
.newLine .line{width: 85px;height: 2px;background: #fff;}
.newLine .circle{width: 8px;height: 8px;background: #fff;border-radius: 50%;}
.new_c {width: 100%; justify-content: center;}
.new_c .new_list{width: 65%; margin: 0 auto; height: 360px; overflow: hidden;}
.new_c .new_list li{width: 50%;float: left;color: #fff;align-items: center;height: 120px;cursor:pointer;}
.new_c .new_list li dl{padding-right: 10px; text-align: right; font-family: myfont; padding-top: 7px; padding-left: 4%; border-right: 2px solid #fff;}
.new_c .new_list li dl dt{font-size: 38px;font-weight:bold;}
.new_c .new_list li dl dd{line-height: 10px; padding-top: 10px;}
.new_c .new_list li .new_c_c{width: 76%; padding-right: 7%; }
.new_c .new_list li .new_c_c h4{font-size:20px;font-weight:bold;height: 25px;line-height: 25px; overflow: hidden;}
.new_c .new_list li .new_c_c h4 a{color: #fff;}
.new_c .new_list li .new_c_c p{padding-top: 5px;font-size: 18px;line-height:24px;}
.new_c .new_list li .new_c_c p a{color: #fff;}
.new_c .new_d {padding: 60px 0 130px;}
.new_c .new_d ul{width: 100px;margin: 0 auto}
.new_c .new_d li{border: 2px #fff solid; float: left; border-radius: 20%; width: 15px;height: 15px; margin-left: 10%;cursor:pointer;}
.new_c .new_d li.active{background:#fff;}


.erweima{width: 100%;text-align: center;padding-bottom: 80px;}
.erweima img {padding-top:100px; width: 14%;}
.erweima h4{font-size:24px;font-weight:bold;}

footer{width: 100%;background: #314D9A;color: #fff;text-align: center;font-size:16px; padding: 50px 0 30px}
.foot_menu{width: 900px; margin: 0 auto; padding-bottom: 30px;cursor:pointer;}
.foot_menu li{float: left; width: 100px; text-align: center;font-size:20px;}
.footer p {text-align: center;color: #fff; padding-top: 12px;}
.footer ul li a, .footer p a{color: #fff}

.tion{width: 100%; background: #F1F1F1}
.info{width:70%;text-align: center;margin: 0 auto; padding: 20px 0;}
.info_title{width: 25%;background: #fff; padding: 20px 0;}
.info_f_t{padding-top: 40px;}
.info_f_e{height: 370px;position: relative; top: 120px;}
.info_f_e p{font-size: 22px;font-weight:bold;}
.info_title ul li{ line-height: 55px;font-size: 18px; width: 100px;margin: 0 auto;}
.info_title ul li.active{border-bottom:4px solid #FFDE15; }
.info_title ul li h3{font-size: 24px;font-weight:bold;}
.info_c{width: 74%;background: #fff;}
.info_c .info_c_t{height: 98px;width: 100%; border-bottom: 4px solid #F1F1F1;}
.info_c .info_c_t li{font-size: 24px;font-weight:bold; float: left; line-height: 98px;width: 180px;}
.info_c .info_c_t li.active{border-bottom:4px solid #FFDE15; }
.info_c .content{margin: 20px 8%;text-align: left; font-size: 18px;line-height: 30px;word-wrap:break-word;}
/*.info_c .content p{text-indent:2em;}*/
.content_title {border-bottom: 2px solid #F1F1F1;text-align: center;height: 90px;}
.content_title h4{font-size: 22px; font-weight: bold;line-height: 35px;}
.content_title span {font-size: 14px;color: #5D5D5D; line-height: 22px;}
.content_title .time{padding-right: 80px;}
.content_new{padding-top: 20px;}
.info_c .content ul li{width: 100%; border-bottom: 1px dashed #818181; height: 59px; line-height: 59px;}
.info_c .content ul li h4{width: 60%;float: left;overflow: hidden;height: 59px;}
.info_c .content ul li span{float: right;}
.info_c .content .met_pager{text-align: right;padding: 37px 0 20px}
.info_c .content .met_pager a{cursor: pointer;padding: 5px 10px; background: #E6E6E6; }
.info_c .content .met_pager span{padding: 5px 10px; background: #fff; }
.info_c .content .met_pager a:hover{background:#314D9A;color: #fff; text-decoration: none; }
.info_c .info_r_f{width: 100%;border-top: 2px solid #F1F1F1;}
.info_c .info_r_f ul{margin: 20px 8%;}
.info_c .info_r_f ul li{width: 50%;float: left;padding: 20px 0;text-align: left;}
.info_c .info_r_f ul li a{display: inline-block;width: 85%; height: 22px;line-height: 22px; overflow: hidden;}