@charset "utf-8";
/* CSS Document */
@font-face{ font-family:geo; src:url(../font/georgia.ttf);}
.wrap{margin:0px auto 0px auto;width:94%}
.bsbg{ max-width:1300px; background:#fff; width: 95%; margin:25px auto;}


/*top*/
.top{ width: 100%; background: #1454B6; text-align: right; padding:11px 0;}
.top a,.top i{ color: #fff; padding: 0 10px; display: inline-block; vertical-align: middle; height: 21px; line-height:17px; cursor: pointer;}
.top a:last-child{padding-right: 25px; position: relative;}
.top a:last-child:after{ content: ""; display: block; position: absolute; right: 0; top: 3px; width: 0; height: 0; border-left:8px solid #fff; border-top: 5px solid transparent;border-bottom: 5px solid transparent;}
.searchbtn{float: right;display: block;width: 47px;height: 47px;border: 1px solid #fff;border-radius: 100%;line-height: 48px;text-align: center;margin-top: 20px;}
.searchbtn img{ vertical-align: middle; cursor: pointer;}
.searhbox01{height:60px;overflow: hidden;background:rgba(0, 0, 0, 0.4); padding: 8px; width:355px; border-radius: 5px; position: absolute; top: 95px; right: 0;z-index: 3; display: none;}
.searhbox01 .text{ width:calc(100% - 65px);background: #fff;padding: 0 10px;float: left;height:42px;line-height:42px; font-size: 14px;}
.searhbox01 .btn{ width:45px; height:42px;float:right; cursor: pointer; }
.searhbox01 .btn svg{ vertical-align: middle;}

.header{width:100%;margin:0 auto;}
.head{width: 1500px;z-index: 99;margin: 0 auto;max-width: 95%;position: relative;}
.head .eng{ display: block; float: right; width:48px; height:48px; border-radius: 100%; background: #fff; color: #1454B6; text-align: center; line-height: 48px; margin-left:17px;font-size:18px; margin-top:17px;}
.logo{float:left;transition: .3s;width: 550px;padding:15px 0;}
.logo a{ display: inline-block;}
.logo i{width: 1px;height: 40px;margin: 0 15px;background: #0954A1;display: inline-block;vertical-align: middle;}
.logo img{display:inline-block;vertical-align:middle;}
.logo span{display:inline-block;line-height:50px;vertical-align:middle;color: #222;font-size: 24px;text-align: center;vertical-align:middle;font-weight: bold;}
.headr{float:right; padding-top: 12px;}
.headr .ce{float:right; display:inline-block; text-align: center; margin-left: 20px; line-height:40px;  vertical-align: middle; background: url(../images/cnicon.png) no-repeat left center; padding-left: 35px; font-size: 16px; color: #333;}
.headr .ce a{ color:#fff;}
.head-links a.kdhome{ background:url(../images/home.png) left center no-repeat;}
.search{width:275px; float:right; border: 1px solid #fff; position: relative; border-radius: 19px;-moz-border-radius:19px;-webkit-border-radius:19px;-o-border-radius:19px; overflow: hidden;}
.search .ss{ width:calc(100% - 65px); height:37px; padding-left:10px; line-height:37px; background:transparent; vertical-align:middle; color:#fff; font-size: 15px;}
.search .ssbtn{ width:50px; height:37px;background:url(../images/ssbtn.png) no-repeat center center; vertical-align:middle; cursor: pointer;}

/*导航*/
.nav{float:right;width: calc(100% - 600px);}
li.yiji_nav {float: left;  position: relative; left: 0px;top: 0px;}
li.yiji_nav .jt{display:inline-block;width: 20px;height:65px;line-height:65px;background: url(../images/xljt.png) no-repeat center center;vertical-align: middle;display: none;}
a.yiji_nav {display:block;padding:0 25px;height: 105px;line-height: 105px;text-align:center;float:left;margin-left:0px;color: #111;font-size: 20px;text-decoration:none;white-space: nowrap;}
a.yiji_nav:hover {/* color:#fff; *//* border-bottom: 2px solid #fff; */}
.select_box li.yiji_nav,.select_box .more_ul li a,.select_box a.yiji_nav{height:auto!important; padding:7px 10px; line-height:30px!important; font-size: 15px;}
.select_box li.yiji_nav{ padding:0;  }
.select_box li.yiji_nav a:hover{background:rgba(245, 166, 35, 0.8); border-bottom: 0;}
li.erji_nav:hover a.erji_nav, a.erji_nav:hover {color: #fff;background:rgba(245, 166, 35, 0.8)}
.more_ul li.yiji_nav:hover:before,.more_ul li.yiji_nav:hover:after{ display: none;}
.more_ul a.yiji_nav:hover ul.erji_nav, .more_ul li.yiji_nav:hover ul.erji_nav{
    transform: translateX(0%) scaleY(1) !important;
}
/* 这是控制菜单显示与隐藏的重点 */
a.yiji_nav:hover ul.erji_nav, li.yiji_nav:hover ul.erji_nav {visibility: visible;transform: translateX(-50%) scaleY(1);opacity: 1;}
a.erji_nav {display: block; text-align: center;line-height:26px; padding: 10px; color: #fff;text-decoration:none;font-size:16px;}
#menu{width: calc(100% - 60px);float:left;}      
#menu ul {width:100%;display: flex;justify-content: flex-end;}
ul.erji_nav {visibility: hidden;position: absolute;left: 50%;top: 100%;width:100%!important;background:rgba(0, 0, 0, 0.6);z-index:999;display:  block !important;transform: translateX(-50%) scaleY(0);visibility: hidden;opacity: 0;transition: all 0.5s ease 0s;transform-origin: center top;}
li.erji_nav {position: relative; /* 这里把第二级菜单项设成相对定位，以使得它包含的三级菜单相对它自己定位 */left: 0px;top: 0px;}
.more_ul ul.erji_nav{
    left: auto !important;
    right: 100%;
    transform: translateX(0%) scaleY(0) !important;
}

.more_ul{width:200px;height:auto;position:absolute!important;position:absolute;z-index:999;top:95px;right:0px;background:rgba(0, 0, 0, 0.6);  text-align:center; }
.more_ul li{width:100%;}
.more_ul li a.yiji_nav{display:block;line-height:40px;width:100%;cursor:pointer;color:#fff;}
.more_ul li a.yiji_nav:hover{background:rgba(245, 166, 35, 0.8); color:#fff;}
.select_box{position:relative;width:60px;text-align:center;float:right;}
.select_box i{display:block; line-height:70px;  width:80px; float:left; color:#3156a3; font-size:18px;}
.select_box span{width:60px;height: 105px;float:left;line-height: 105px;color:#fff;cursor:pointer;display:block;font-size:18px;}
.select_box span img{ width: 27px;}


/*手机导航*/
.mob{ display: none;}
.nav-icon{width: 42px;height: 40px;border: 1px solid #fff;text-align: center;line-height: 35px; display: none; border-radius: 5px;}
.nav-icon img{ vertical-align: middle;}
#navbg{ position:fixed; width:100%; height:100%;background:rgba(0, 0, 0, 0.3); left:0; top:0;display:none; z-index:999 }
.navlist{ position:fixed; right:-1024px; top:0; background:#1454B6; width:80%; height:100%; z-index:9999; overflow-y:auto;box-shadow: -5px 0 13px rgba(0,0,0,.43); }
.mob_link{ width:100%; height:50px; padding:10px 15px;}
.mob_link .link_l{ float:left; line-height: 30px;}
.mob_link .link_l a{ display:inline-block; vertical-align:middle;color:#fff; }
.mob_link .link_l a.kdhome{ background:url(../images/home.png) left center no-repeat;}
.mob_link .closebtn{ float:right; cursor:pointer}
.js_mob{padding:10px 12px;background: #1454B6;}
.search-input{ border:1px solid #456f9b; height: 35px;}
.search-input:after{visibility:hidden; display:block; content:""; clear:both}
.search-input input{ width:calc(100% - 62px); float:left; background:none;  outline:none; border:0; padding-left:20px; line-height:32px; color: #fff;}
.search-input button{ width:40px; height:33px; float:right;background:none; outline:none; border:0}
.search-input button img{ width:18px;}
.mob_list li{line-height:50px;font-size:16px; text-indent:20px; position:relative; cursor:pointer;border-bottom:1px solid #456f9b; }
.search-input input::-webkit-input-placeholder { /* WebKit browsers */
    color:#fff;
}
.search-input input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#fff;
}
.search-input input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#fff;
}
.search-input input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#fff;
}
.mob_list li a{color:#fff;width:85%;display:block;padding-left: 20px;padding: 10px 0px 10px 20px;line-height: 30px;}
.mob_list li i{ display:block; width:17px; height:17px; z-index:122; position:absolute; right:10px; top:17px;  background:url(../images/jtx.png) center center no-repeat; background-size:17px}
.mob_list li i.icon{background:url(../images/jts.png) center center no-repeat; background-size:17px}
.mob_list li .ejnav{ display:none}
.mob_list li .ejnav li{width:100%;border:0;/* line-height:45px; */font-size:14px;background:#2450b2;border-bottom: 1px solid #456f9b;}
.mob_list li .ejnav li:last-child{ border-bottom: 0;}
.mob_list li .ejnav li a{ width:100%;}
.open{right:0}



/*个人信息*/
.conbox{background: #EFF4FA;padding: 120px 0 70px;}
.conbox::after{width: 100%;height: 540px;background: url(../images/hbg1.jpg) no-repeat center/cover;bottom: auto;top: 0;}
.introbox{align-items:center;}
.introbox .pic{width: 437px;}
.introbox .brief{width: calc(100% - 437px);padding-left: 50px;}
.introbox .pic .scale{padding: 15px;background: #fff;margin-bottom: 30px;}
.introbox .pic .imged{padding-bottom: 135%;}

.introbox .pic p{height: 65px;background: #CAD3E2;display: flex;align-items: center;justify-content: center;transition: 0.5s;margin-bottom: 20px;}
.introbox .pic p a{display: inline-block;padding-left: 40px;font-size: 20px;color: #1454B6;background: url(../images/h1-xq1.png) no-repeat left center;transition: 0.5s;}

.introbox .brief .h3{justify-content: space-between;align-items: flex-end;padding-bottom: 19px;border-bottom: 1px solid #63A6E7;}

.introbox .brief .h3 h3{color: #fff;font-weight: bold;font-size: 36px;padding: 0 0 15px 25px;}
.introbox .brief .h3 h3::after{width: 194px;height: 36px;background: url(../images/titbg.png) no-repeat;background-size: 100%;}
.introbox .brief .h3 span{align-items: center;color: #fff;font-weight: bold;font-size: 20px;}
.introbox .brief .h3 span img{display: inline-block;margin-right: 10px;cursor: pointer;}
.introbox .brief h4{margin: 45px 0;color: #fff;font-size: 20px;}
.introbox .brief .cont{min-height:160px;overflow:hidden;}


.introbox .brief h4 i{display: inline-block;padding: 0 5px;opacity: .7;}
.introbox .brief .cont p{color: #fff;line-height: 36px;font-size: 18px;   overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}

.introbox .brief .cont .cont_more{
    float: right;
    margin-top: 30px

}

.introbox .brief .cont .cont_more a{
    align-items: center;
    font-size: 16px;
    color: #fff;
display: flex;

}

.introbox .brief .cont .cont_more img{

    display: inline-block;
    margin-left: 5px;

}


.introbox .brief .num{margin: 100px 0 25px;}
.introbox .brief .num li{width: 25%;display: flex;align-items: center;font-size: 26px;color: #444;}
.introbox .brief .num span{width: 84px;height: 84px;background: url(../images/h1-img.png) no-repeat;background-size: 100%;display: flex;color: #0B6ED3;font-size: 60px;font-family: geo;align-items: center;justify-content: center;margin-right: 10px;}
.introbox .brief .tit{overflow: hidden;margin-bottom: 30px;}
.introbox .brief .tit span{font-size: 30px;color: #222;font-weight: bold;}
.introbox .brief .tit span::after{width: 100vw;height: 1px;background: #1454B6;left: 105%;bottom: 50%;}
.introbox .brief .grxx {display:flex;flex-wrap:wrap;}
.introbox .brief .grxx li{width: 33.3%;font-size: 18px;color: #444;margin-bottom: 10px; padding-right:10px;}
.introbox .brief .grxx li:nth-child(3n){padding-right:0px;}

.tit-list.yd_list{display: none;}


@media only screen and (min-width:1200px) {
	.introbox .pic p:hover{background: #587CB5;}
	.introbox .pic p:hover a{background: url(../images/h1-xq2.png) no-repeat left center;color: #fff;}

}
@media only screen and (max-width:1200px) {
	.introbox .brief .num span{font-size:40px;width:64px;height:64px}
    .introbox .brief .num li{font-size: 22px;}
        .introbox .brief .grxx li{width:50%;font-size:16px;}
}
@media only screen and (max-width:1024px) {
	.introbox .pic{width:360px;}
	.introbox .brief{width: calc(100% - 360px);padding-left: 30px;}
	.conbox{padding:30px 0;}
.tit-list.yd_list{display: block;}
.tit-list.pc_list{display: none;}

}
@media only screen and (max-width:996px) {
	.introbox .pic{width:360px;margin: 0 auto .3rem;}
	.introbox .brief{width: 100%;padding-left: 0px;}
	.introbox .brief .h3 h3{color:#333;font-size:24px;padding: 0 0 10px 10px;}
	.introbox .brief h4,.introbox .brief .cont p,.introbox .brief .h3 span{color:#333;}
	.introbox .brief .num{margin: 15px 0;}
	.introbox .brief h4{margin:15px 0;}
	.introbox .brief .h3{padding-bottom:10px;}
        .introbox .brief .cont .cont_more a{ color: #222;}
}
@media only screen and (max-width:768px) {
	.introbox .pic{width:360px;margin: 0 auto .3rem;}
	.introbox .brief{width: 100%;padding-left: 0px;}
	.introbox .brief .cont p{font-size:16px;}
	.introbox .brief .num li{font-size: 18px;}
	.introbox .brief .num span{font-size:24px;width:30px;height:30px;margin-right: 5px;}
	.introbox .brief .tit span{font-size:20px;}
	
	.introbox .brief .grxx li:nth-child(odd){padding-right: 10px;}
	.introbox .brief .tit{margin-bottom:15px;}
}


@media only screen and (max-width:540px) {

	.introbox .brief .grxx li{width:100%;}
	.introbox .brief .grxx li:nth-child(odd){padding-right: 0px;}

}






/* 人生地图 */
.home2{width: 100%;overflow: hidden;padding: 50px 0 120px;}
.home2::after{width: 26%;background: url(../images/hbg2.png) no-repeat bottom;background-size: 100%;left: auto;right: 0;z-index: 10;height: 400px;}

.title{justify-content: center;margin-bottom: 65px;position: relative;}
.title h3{font-size: 34px;color: #333;font-weight: bold;}
.title h3::after{width: 427px;height: 88px;background: url(../images/tit-bg.png) no-repeat;background-size: 100%;left: 50%;bottom: auto;top: 50%;transform: translate(-50%,-50%);}
.home2-t{padding: 60px 0;}
.home2-t::after{width: 93%;left: auto;right: 0;background: #FDF4E4;}
.home2-t .left{width: 250px;padding-top: 40px;}
.home2-t .right{width: calc(100% - 300px);position: relative;padding: 0 80px 0 80px;}
.home2-t .left::after{width: 270px;background: url(../images/h2bg.png) no-repeat;background-size: 100%;}
.home2-t .left .tit{padding: 0 0 0 30px;}
.home2-t .left .tit h3{cursor:pointer;}
.home2-t .left .tit h3 span{color: #fff;font-weight: bold;font-size: 20px;display: inline-block;padding: 30px 0;border-bottom: 2px solid rgba(255,255,255,.5);transition: 0.5s;}
.home2-t .left .tit h3 span::before{content: "";position: absolute;width: 90px;height: 1px;background: #DCAE31;right: 100%;top: 50%;display:none;}
.home2-t .left .tit h3 span::after{width: 240px;height: 150px;background: url(../images/tit2.png) no-repeat;background-size: 100% 100%;left: 50%;bottom: auto;top: 50%;transform: translate(-50%,-50%);display:none;}
.home2-t .left .tit h3.on span{transform: translateX(65px);border-bottom: 2px solid rgba(0, 0, 0, 0);text-align: center;}
.home2-t .left .tit h3.on span::after,.home2-t .left .tit h3.on span::before{display:block;}
.home2-t .right .h2-t .swiper-container{/* padding-top: 25px; */background: url(../images/h2-line.png) bottom left no-repeat;background-size: 92%;}
.home2-t .right li{transition: 0.5s;border-left: 1px solid #0954A1;padding-left: 10px;}
.home2-t .right li.swiper-slide-active+li{transform: translateY(30px);}
.home2-t .right li .con{height: 300px; display:block;}
.home2-t .right li .con p{display: inline-block;padding: 5px 15px;background: #0954A1;color: #fff;font-size: 26px;margin-bottom: 20px;}
.home2-t .right li .con h4{font-size: 16px;color: #666;line-height: 22px;max-height: 128px;}

.home2-t .right li .con h4 span{
	display:block;
}
.home2-t .h2-t{padding-bottom: 70px;position:relative;}
.home2-t .right .arrow{position:absolute;left:0;bottom: 0;}
.home2-t .right .arror{width: 45px;height: 45px;border-radius: 50%;border: 1px solid #1454B6;position: relative;left: auto;right: auto;top: auto;margin: 25px 15px 0 0;transition: 0.5s;}
.home2-t .right .arror::after{color: #1454B6;font-size: 22px;font-weight: bold;}
.home2-t .right .arror:hover{border: 1px solid #DCAE31;}
.home2-t .right .arror:hover::after{color: #DCAE31;}



@media only screen and (min-width:1200px) {

}
@media only screen and (max-width:1200px) {
.home2-t .right {width: calc(100% - 250px);padding: 0 80px 0 30px;}
}
@media only screen and (max-width:1024px) {
.home2-t .right li .con p{padding: 3px 8px;font-size:24px;}
.home2{width: 100%;overflow: hidden;padding: 30px 0 30px;}
}
@media only screen and (max-width:768px) {
	.home2-t{padding:30px 0}
.home2-t .right li .con p{padding: 3px 8px;font-size:16px;}
.home2-t .left{width:100%;padding-top: 0px; padding-bottom:25px;}
.home2-t .right{width: 100%;position: relative;padding: 0 30px;}
.home2-t:after{width:100%;}
.home2-t .left .tit{display:flex;flex-wrap:wrap;align-items:center;padding: 0;justify-content:center;/* line-height: 40px; */}
.home2-t .left .tit h3{
    width: 33%;
    text-align: center;
}
	.home2-t .left .tit span:before,.home2-t .left .tit span:after{display:none !important;}
.home2-t .left:after{display:none;}
.home2-t .left .tit h3 span{color:#555;padding:0 10px;border-bottom:none;font-size:18px;}
.home2-t .left .tit h3.on span{transform: translateX(0px);color:#1454B6;}
.home2-t .right li .con{height:240px;}
.home2::after{/* z-index:-1; */height: 200px;}
.home2-t .right .arror{width:30px;height:30px;}
.home2-t .right .arror:after{font-size:16px;}
}

@media only screen and (max-width:420px) {
	.home2-t .right li .con{height:200px;}
}
/* home3 */
.home3{width: 100%;overflow: hidden;background: url(../images/hbg3.png) no-repeat center/cover;padding: 70px 0;}
.home3-t{justify-content: space-between;}
.h3-l{width: 60%;}
.h3-r{width: 35%;}
.h3-l .tit{margin-bottom: 44px;}
.h3-l .tit ul{justify-content: center;padding: 0 10%;}
.h3-l .tit li{width: 33.3%;text-align: center;cursor: pointer;}
.h3-l .tit li .ico{width: 74px;margin: 0 auto;height: 93px;display: flex;align-items: center;justify-content: center;}
.h3-l .tit li p{margin-top: 15px;color: #fff;font-weight: bold;font-size: 22px;line-height: 1.4;}
.h3-l .tit li .ico::after{width: 100%;height: 100%;background: url(../images/tit3.png) no-repeat;background-size: 100% 100% !important;}
.h3-l .tit li p::before{content: "";position: absolute;width: 0;left: 50%;top: 100%;background: #DCAE31;transform: translateX(-50%);height: 1px;}
.h3-l .tit li p::after{width: 1px;height: 0;background: #DCAE31;left: 50%;bottom: auto;top: 100%;}
.h3-l .tit li:nth-child(1) .ico::after{transform: rotate(-45deg);}
.h3-l .tit li:nth-child(3) .ico::after{transform: rotate(-90deg);}

.h3-l .tit li.on .ico::after{width: 100%;height: 100%;background: url(../images/tit3-on.png) no-repeat;}
.h3-l .tit li.on p::before{width: 20px;}
.h3-l .tit li.on p::after{height: 44px;}
.h3-l .tab{background: #fff;padding: 40px;}
/* .h3-l .tab::after{width: 47px;height: 53px;background: url(../images/h3-jia.png) no-repeat;background-size: 100%;left: auto;right: 0;} */
.h3-l .tab ul{display: none;}
.h3-l .tab li{padding: 25px 0;border-bottom: 1px dashed #CACACA;;}
.h3-l .tab li a{display: block;padding-left: 35px;background: url(../images/h3-li1.png) no-repeat left top 10px;background-size: 20px;}
.h3-l .tab li h3{font-size: 20px;color: #444;line-height: 28px;max-height: 56px\0;}
.h3-r .tit{padding-bottom: 15px;padding-left: 100px;}
.h3-r .tit h3{color: #fff;font-size: 32px;font-weight: bold;background: url(../images/tit3.png) no-repeat center center;background-size: 74px;padding: 0 25px;height: 93px;display: flex;align-items: center;text-align: center;}
.h3-r .tit h3::before{content: "";position: absolute;width: 50vw;height: 1px;background: #fff;right: 100%;top: 50%;}
.h3-r .tit h3::after{width: 100vw;height: 1px;background: #fff;left: 100%;bottom: 50%;}
.h3-t{margin-bottom: 40px;}
.h3-titl{overflow: hidden;padding: 0 15px;}
.h3-t,.h3-b{/* height: 410px; */padding: 0 0px 15px;}
.h3-t::after{width: 100%;height: auto;top: 47px;border: 1px solid #fff;border-top: none;background-size: 47px;}
/* .h3-b::after{background: url(../images/h3-jia.png) no-repeat;background-size: 47px;right: 0;width: 47px;height: 53px;left: auto;z-index: 1;} */
.h3-b::before{content: "";position: absolute;width: 100%;height: auto;top: 47px;border: 1px solid #DCAE31;border-top: none;left: 0;bottom: 0;z-index: -1;}
.h3-m{position:absolute;right:0;bottom:0;width: 47px;height: 53px;}


.h3-r ul{padding: 10px 15px;}
.h3-r li{padding: 12px 0;}
.h3-r li a{display: block;padding-left: 35px;background: url(../images/h3-li2.png) no-repeat left top 10px;background-size: 20px;}
.h3-r li h3{font-size: 18px;color: #fff;line-height: 30px;max-height: 60px\0;}
.h3-r .h3-b ul{background: #FDF4E4;padding: 20px 25px;}
.h3-r .h3-b li a{background: url(../images/h3-li3.png) no-repeat left top 10px;background-size: 20px;}
.h3-r .h3-b li h3{color: #333;}
.h3-r .h3-b .tit h3::before,.h3-r .h3-b .tit h3:after{background:#DCAE31}



@media only screen and (min-width:1200px) {
	
}

@media only screen and (max-width:1200px) {
	.h3-r .tit{padding-left: 40px;}
}
@media only screen and (max-width:996px) {
	.home3{padding:30px 0;}
	.h3-l{width: 100%;}
	.h3-r{width: 100%;margin-top: 30px;}
	.h3-r .tit h3{font-size: 26px;background-size: 50px;padding: 0 15px;height: 60px;}
	.h3-t::after,.h3-b::before{top:30px;}
	.h3-l .tab{padding:20px;}
	.h3-r ul{padding: 0px 0px;}
	.h3-r .h3-b ul{padding: 10px 10px;}
}
@media only screen and (max-width:768px) {
.h3-l .tab li{padding:15px 0;}
.h3-r li{padding: 5px 0;}
.h3-l .tit li p{font-size:18px;}
.h3-l .tit li .ico{width: 50px;margin: 0 auto;height: 58px;}
.h3-l .tit li .ico img{max-width:25px;max-height:25px;}
}
/* home4 */
.home4{width: 100%;overflow: hidden;padding: 70px 0;}
.home4 .more{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.more a{align-items: center;font-size: 16px;color: #222;}
.more a img{display: inline-block;margin-left: 5px;}
.home4-t ul{justify-content: space-between;}
.home4-t li{width: 31%;}
.home4-t li a{height: 260px;background: url(../images/h4bg.png) no-repeat center/cover;padding: 30px 35px 0;display: block;}
.home4-t li a::after{width: 100%;height: 4px;background: #1454B6;}
.home4-t li span{display: inline-block;color: #1454B6;font-size: 20px;font-weight: bold;padding-bottom: 20px;margin-bottom: 30px;}
.home4-t li span::after{width: 41px;height: 3px;background: #DCAE31;}
.home4-t li h3{font-size: 18px;line-height: 32px;max-height: 96px\0;color: #444;}


@media only screen and (min-width:1200px) {
	.home4-t li a:hover::after{background: url(../images/h4bg2.png) no-repeat center/cover;height: 100%;border-top: 4px solid #1454B6 ;}
}
@media only screen and (max-width:1024px) {
	.home4{padding: 30px 0;}
	.home4-t li{width: 32%;}
}
@media only screen and (max-width:768px) {
	.home4-t li{width: 100%;margin-bottom: 20px;}
	.home4 .title{justify-content: flex-start;}
}
/* footer */
.footer{width: 100%;padding: 35px 0;background: #062B69;}
.foot{justify-content: space-between;align-items: center;}
.foot .fot1{width: 40%;}
.foot .fot2{width: 45%;}
.foot .fot1 p{font-size: 16px;color: #fff;line-height: 40px;}
.foot .fot1 p>span:last-child {display: inline-block;padding-left: 30px;}
.foot .fot1 p a{font-size: 16px;color: #fff;}
.foot .fot2 h3{align-items: center;color: #A3BAE1;font-size: 24px;font-weight: bold;padding-bottom: 20px;border-bottom: 1px solid #A3BAE1;margin-bottom: 25px;}
.foot .fot2 p{font-size: 16px;color:#A3BAE1;line-height: 40px;}
.foot .fot2 span{display: inline-block;min-width: 290px; font-size: 16px;color:#A3BAE1;line-height: 40px;}
.foot .fot2 h3 img{display: inline-block;margin-right: 10px;}

@media only screen and (max-width:1024px) {
	.footer{padding: 20px 0;}
}
@media only screen and (max-width:768px) {
	.foot .fot1{width: 100%;text-align:center;}
    .foot .fot2{width: 100%;margin-top: 20px;text-align:center;}
	.foot .fot2 h3{font-size: 20px;}
	.foot .fot2 p span{min-width:auto;padding:0 10px;}
	.foot .fot1 p,.foot .fot2 p{line-height:30px;}
}



@media only screen and (max-width:1200px) {
	.logo{width:auto;padding: 0;}
	.logo span{ font-size: 30px;}
	.logo i{ height: 50px;}
	.searchbtn{ display: none;}
	.searhbox01,.head .eng{ display: none;}
	.head{ padding: 15px 0;display: flex;justify-content:flex-end;align-items:center;}
	.nav,.headr .ce{display:none}
	.mob{display:block}
	.nav-icon{margin-left: auto; display: block;}
	#menu{width:0;}  
}
@media only screen and (max-width:1024px) {
	.logo{ width:auto;}
	.logo span{ font-size: 30px;}
	.logo i{ height: 50px;}
	.searchbtn{ display: none;}
	.searhbox01,.head .eng{ display: none;}
	
	.top i.searchbtn{ display: none !important;}
	.nav,.headr .ce{display:none}
	.mob{display:block}
	.nav-icon{margin-left: auto; display: block;}
	#menu{width:0;}  
	.more_ul{ width:220px; right:0; left:auto}
	ul.erji_nav{ position:relative; left:auto; top:auto; display:none}
	.select_box .more_ul li a{ background:#991019}
	a.yiji_nav{ text-align:left; width:85%; float:left; text-indent:10px;}
	li.yiji_nav .jt{ display:block; width:.2rem; height:.2rem; z-index:122; position:absolute; right:10px; top:11px;  background:url(../images/jtx.png) center center no-repeat; background-size:.15rem}
	
	}
@media only screen and (max-width:768px) {
	.logo{/* width: 85%; */text-align: left;display: flex;justify-content: flex-end;align-items: center;padding: 0;}
	.logo span{ font-size: 18px;}
	.logo a{ width: 50%; margin-right: auto;}
	.logo i{ height: 35px; margin: 0; margin-right: auto;}
	.logo img{width: 100%; }
	.logo span{ margin-right: auto;}
	.brief{ float: none; width: 100%; padding-top: 1px;padding-bottom: 15px;}
	.txt1{font-size:16px !important;}
	.p1{font-size:14px !important;line-height: 1.8 !important;}
	.title{justify-content: center;margin-bottom: 25px;}
	.title h3{font-size: 24px;color: #333;font-weight: bold;}
	.title h3::after{width: 200px;height: 44px;}
	}
@media only screen and (max-width:640px){
	.logo a{width:45%;}
	.logo span{ font-size: 16px;}
	
	}
@media only screen and (max-width:414px){

	}
@media only screen and (max-width:380px) {
.logo span {
    font-size: 14px;
}
	}
@media only screen and (max-width:340px) {
	
}


.pages table{width:auto !important; margin:0 auto}
 tbody{
     border: none;
 
 }
.pages table td,.pages table td div {
    font-family: "微软雅黑" !important;
}

.pages .PrevDisabled,.pages .Next,.pages a.Prev,.pages .NextDisabled {
    border: 1px solid #05398d !important;
    height: 25px !important;
    line-height: 25px !important;
    color: #05398d !important;
    padding: 0 10px !important;
    font-family: "微软雅黑" !important;
    vertical-align: middle;
   box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}

.pages input[type="button"] {
    padding: 0 10px !important;
    height: 25px !important;
    ; line-height: 25px !important;
    background: #05398d !important;
    color: #fff !important;
    border: 0 !important;
    vertical-align: top;
    box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}

.pages input.defaultInputStyle {
    margin-left: 5px !important;
    margin-right: 5px !important;
    border: 1px solid #333 !important;
    height: 25px !important;
    line-height: 25px !important;
    vertical-align: top;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 5px !important;
   box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}

.defaultButtonStyle {
    FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr= #117165, EndColorStr= #117165)!important;
    CURSOR: pointer;
    line-height: 14px;
    background: -webkit-gradient(linear, 0 0, 0 100%, from( #05398d), to( #05398d))!important;
    background: -moz-linear-gradient( top, #05398d, #05398d)!important;
    background: -ms-linear-gradient(top, #05398d, #05398d)!important;
   box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}
.ydpage{
    text-align: center;
    background-color: #05398d;
    color: #fff;
    padding: 10px;
    border-radius: 60px;
}