@charset "utf-8";
/* CSS Document */
@font-face{ font-family:geo; src:url(../font/georgia.ttf);}


/* head */
.header{width:100%;}
.header::after{width: 100%;bottom: 0.4rem;top: 0;height: auto;background: url(../images/head.jpg) no-repeat center/cover;}
.head-t{/* height: 0.4rem; */background: #0058CD;}
.head-t ul{justify-content: flex-end;align-items: center;height: 0.4rem;}
.head-t li a{align-items: center;padding: 0 0.12rem;border-right: 1px solid #fff;font-size: 0.14rem;color: #fff;}
.head-t li:last-child a{border-right:0;padding-right: 0;}
.head-t li img{display: inline-block;margin-right: 0.1rem;}
.head .logo{position: relative;align-items: center;padding: 0.62rem 0;}
.head .logo img{width: 4.53rem;}
.head .logo i{display: block;font-style: normal;width: 1px;height: 0.88rem;background: #fff;margin: 0 0.38rem 0 0;}
.head .logo span{font-size: 0.5rem;color: #fff;}
/* nav */

#nav{position: relative;z-index: 1000;border-radius: 2.34rem;background: #FFFFFF;
box-shadow: 0rem 0.04rem 0.1rem 0rem rgba(9, 101, 224, 0.15);}
#nav>ul{display: flex;width: 100%;flex-wrap: wrap;justify-content: flex-end;}
#nav>ul>li{position: relative;}
#nav>ul>li>a{display: block;padding: 0;position: relative;z-index: 2;height: 100%;align-items: center;margin: 0 0.3rem;font-size: 0.18rem;color: #333;line-height: .8rem;}
#nav>ul>li h3{font-size: 0.22rem;color:#333;line-height: .8rem;position:relative;transition: .36s;}
#nav ul li .sub {position: absolute;top: 100%;background: rgb(255, 255, 255);width: auto;left: 50%;z-index: 10000;transform: translateX(-50%) scaleY(0);visibility: hidden;opacity: 0;transition: all 0.5s ease 0s;transform-origin: center top;box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px;}

#nav ul li .sub .box {padding: 0.14rem 0.1rem;text-align: center;}
#nav ul li .sub a {padding: 0.08rem .15rem;line-height: 0.28rem;transition: all 0.6s ease 0s;font-size: 0.16rem;color: rgb(51, 51, 51);text-align: center;min-width: 1.6rem;border-bottom: 1px solid #ddd;}
#nav ul li .sub a:hover {color: #0965E0;}
#nav ul li .sub a:last-child{border-bottom:none;}
#nav ul li:hover .sub { opacity: 1; visibility: visible; transform: translateX(-50%) scaleY(1); }
#nav ul li.on h3,#nav ul li:hover h3{font-weight: bold;}

/*  */
#nav>ul>li .ejnav{position: absolute;top: 100%;background: rgb(255, 255, 255);width: auto;left: 50%;z-index: 10000;transform: translateX(-50%) scaleY(0);visibility: hidden;opacity: 0;transition: all 0.5s ease 0s;transform-origin: center top;box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px;padding: 0.14rem 0.1rem;}
#nav>ul>li .ejnav li{padding: .12rem .15rem;line-height: 0.28rem;transition: all 0.6s ease 0s;font-size: 16px;color: rgb(51, 51, 51);text-align: center;min-width: 1.6rem;border-bottom: 1px solid #ddd;}
#nav>ul>li .ejnav li:last-child{border-bottom:none;}
#nav>ul>li .ejnav li:hover a{color: #0965E0;}
#nav>ul>li:hover .ejnav { opacity: 1; visibility: visible; transform: translateX(-50%) scaleY(1); }
.ynav {position: absolute;right: 0.2rem;top: 50%;z-index: 9;display: none;transform: translateY(-50%);}
.nav.padr .ynav {display: block;}
.nav.padr {padding-right: 0.5rem;}
.navmenu {height: 0.26rem;cursor: pointer;width: 0.5rem;}
.navmenu span {display: block;width: 0.28rem;height: 2px;background: #333;transition: all 0.5s;margin: 0 auto;}
.navmenu span:nth-child(1) {transform-origin: left top;}
.navmenu span:nth-child(2) {margin: 0.07rem auto;}
.navmenu span:nth-child(3) {transform-origin: left bottom;}
.navmenu.on span:nth-child(1) {transform: rotate(41deg);}
.navmenu.on span:nth-child(2) {transform: rotate(40deg);opacity: 0;}
.navmenu.on span:nth-child(3) {transform: rotate(-42deg);}
.ynav-main {position: absolute;right: 0;top: 100%;width: 2rem;height: auto;z-index: 999;right: 0rem;background: rgba(0, 0, 0, 0.6);text-align: center;transform: scaleY(0);transform-origin: center top;}
.ynav-main.on {transform: scale(1);}
.ynav-main>ul li {position: relative;}
.ynav-main>ul li>a {display: block;padding: 0.07rem 0.1rem;line-height: 0.3rem;font-size: 0.15rem;color: #fff;margin: 0;}
.ynav-main>ul li>ul {position: absolute;top: 0 !important;left: auto !important;right: 100%;width: 100%;z-index: 999;background: rgba(0, 0, 0, 0.6);text-align: center;transform: scaleY(0);transition: all 0.3s;transform-origin: right top;}
.ynav-main>ul li:hover>ul {transform: scale(1);}
.ynav-main>ul li:hover>a{background: #0965E0;color: #fff;}
.ynav-main>ul li:hover::after {content: none;}

/*手机导航*/
/*手机端开始*/
.m_header_box {transition: .6s;display: none;position: relative;z-index: 100000;}
.m_header_box header{padding: 0 0 0 0.15rem;height: .7rem;background: #0965E0;box-shadow: 0 3px 5px rgba(0,0,0,.05);position: fixed;top: 0;left: 0;right: 0;z-index: 100;display:flex;justify-content:space-between;align-items: center;}
.m_header_box header #logo{padding:0;margin: 0;display: flex;align-items: center;}
.m_header_box header #logo img{max-height: .5rem;}
.m_header_box header #logo a{align-items: center;}
.m_header_box header #logo span{flex: 1;min-width: 0;color: #fff;font-size: 0.25rem;padding-left: 0.15rem;border-left: 1px solid #fff;margin-left: .15rem;}
/*导航按钮开始*/
#nav_btn_box.on { background: none; }
#nav_btn_box{position:relative;width: .7rem;height: .7rem;display: flex;align-items: center;justify-content: center;z-index: 1;}
#nav_btn_box:before{content:"";position: absolute;z-index: -1;top: 0;right: 0;bottom: 0;left: 0;background: #fff;}
#nav_btn_box:after{content:"";position: absolute;z-index: -1;top: 0;left: -10px;border-right: #fff 10px solid;border-top: transparent .7rem solid;opacity: 0;}
#nav_btn {cursor: pointer;text-align: center;z-index: 99999;-webkit-transition: .5s;outline: none;box-shadow: none;height: 100%;display: flex;align-items: center;}
#nav_btn .point {display: inline-block;width: .32rem;height: 22px;position: relative;outline: none;}
#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before {width: .32rem;}
#nav_btn .navbtn {position: absolute;top: 12px;left: 0;display: inline-block;width: 100%;height: 2px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #0965E0;}
#nav_btn .navbtn::after, #nav_btn .navbtn::before {position: absolute;left: 0;display: inline-block;width: 24px;height: 2px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #0965E0;}
#nav_btn .navbtn::after { top: -8px; }
#nav_btn .navbtn::before { top: 8px; }
#nav_btn .point.on .navbtn {background: transparent;}
#nav_btn .point.on .navbtn::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; }
#nav_btn .point.on .navbtn::before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; }

.m_nav_list {flex-direction: column;/* justify-content: center; */width: 100%;height: 100%;overflow: auto;align-items: center;display: flex;background: rgba(255,255,255,.1);}
.m_nav_list::-webkit-scrollbar { display:none}
#m_nav {z-index: 99999;position: fixed;width: 100%;height: 100vh;right: -105vw;top: 0;display: none;padding: 70px 20px 30px;overflow: hidden;pointer-events: none;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;background: #f7f7f7;background-size:cover;opacity: 0;visibility: hidden;}
#m_nav .close{position:absolute;top: 7px;right: 15px;left: 15px;font-size: 30px;color: #333;z-index: 10000;/* background: rgba(255,255,255,.1); */width: auto;height: 35px;border-radius: 0;display: flex;align-items: center;justify-content: flex-end;padding: 0 0;}
#m_nav.act {pointer-events: auto;right: 0;opacity: 1;visibility: visible;}

#m_nav .search_box input.submit{ background: #0965E0 url(../images/submit.png) center no-repeat; background-size: .28rem;}
#m_nav .list_box0{text-align:center;width: 100%;justify-content: flex-start;margin: .32rem 0 0;flex-wrap: wrap;height: 0.4rem;}
#m_nav .list_box0 .li{text-align: left;color: #0965E0;margin: 0 .12rem 0.15rem 0;font-size: 14px;padding: 0;min-width: 1rem;}

#m_nav .old_rukou{margin:.24rem 0 0;width: 100%;}

.list_box_nav_mobile{width:100%;max-height: calc(100% - 250px);/* background: rgba(255,255,255,.1); */padding: 0 0 10px;overflow: hidden;overflow-y: auto;margin: 0;/* flex: 1; */}
.list_box_nav_mobile>li{width: 100%;overflow: hidden;padding: 0;position: relative;margin: 0 auto;}
.list_box_nav_mobile>li .con{ position:relative}
.list_box_nav_mobile>li .a{width: 100%;border-bottom: 1px solid #e2e2e2;line-height: .5rem;color: #333;padding: 0;font-size: 16px;display: flex;position: relative;transition:.5s;}
.list_box_nav_mobile>li i{opacity: 1;filter: alpha(opacity=100);display: inline-block;width: .64rem;height: .5rem;display: inline-block;background: url(../images/arrow_down.png) center no-repeat;background-size: 15px 9px !important;position: absolute;display: block;right: 0;top: 2px;}
.list_box_nav_mobile>li.on1 i{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);}

.list_box_nav_mobile>li.on .a{border-bottom: 1px solid #e2e2e2;}

/*三级导航 开始*/
.list_box_nav_mobile>li .list{padding:10px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.1); display:none}
.list_box_nav_mobile>li .list a{display:block;font-size:13px;color: #666;line-height: 2.5;}
.nav_mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 888; background-color: rgba(0,0,0,0.4); display: none; }

/*顶部搜索*/
.wap_search{font-size:16px;border-radius: 5px;color:#fff;text-align:center;letter-spacing:2px;overflow:hidden;width: 100%;/* height: 85px; */display: block;margin-bottom: 0.1rem;}
.wap_search .header-search{height:40px;border-radius:20px;background: rgb(255 255 255);position:relative;width: 3.68rem;margin: 10px auto;max-width: 100%;}
.wap_search .input{font-size: .16rem;color: #646464;height:40px;line-height:40px;padding: 0 .24rem;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0;background: #fff;border-radius: 30px;/* background:none; */width: calc(100% - 40px);}
.wap_search .btn_blue{position:absolute;cursor:pointer;top:0;right:0;width: 40px;height:40px;line-height:40px;border:0;background: url(../images/submit.png) center no-repeat #0965E0;background-size: .24rem;border-radius: 20px;}
.wap_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;}
.wap_search input::-webkit-input-placeholder{ color:#999; }
.wap_search input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#999; }
.wap_search input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#999; }
.wap_search input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#999; }/* WebKit browsers */
.wap_search input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */
.wap_search input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
.wap_search input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
.wap_search input:focus:-ms-input-placeholder {color: transparent;}





/*个人信息*/
.section{padding-top:.5rem;padding-bottom: .5rem;}
.section .wp{justify-content:space-between}
.sect-l{width: 4.45rem;}
.sect-r{width: calc(100% - 4.9rem);}
.title{background: #0965E0;height: 0.64rem;display: flex;align-items: center;padding: 0 0.5rem;border-radius: 0.2rem 0.2rem 0 0;justify-content: space-between;}
.title h3{font-size: 0.22rem;font-weight: bold;color: #FFFFFF;}
.more a{align-items: center;color: #fff;font-size: 0.16rem;}
.more a img{display: inline-block;margin-left: 0.1rem;}

.grjj{margin-bottom: 0.3rem;border-radius: 0.15rem;border: 1px solid rgba(9, 101, 224, 0.2);}
.grjj .tit{background: #0965E0;height: 0.64rem;display: flex;align-items: center;padding: 0 0.46rem;border-radius: 0.15rem 0.15rem 0 0;}
.grjj .tit span{font-size: 0.22rem;font-weight: bold;color: #FFFFFF;}
.grjj .box{padding: 0.4rem 0.5rem;margin-bottom: 0.3rem;min-height: 2.4rem;}
.grjj .box .pic{border: 1px solid rgba(9, 101, 224, 0.2);padding: 0.55rem .45rem .35rem;margin-bottom:.3rem;}
.grjj .box .scale{width: 100%;height: 2.86rem;display: flex;align-items: center;justify-content: baseline;}
.grjj .box .scale img{flex-shrink: 0;}
.grjj .box h3{font-size: 0.2rem;font-weight: bold;color: #111111;text-align: center;margin-top: 0.3rem;}
.grjj p{font-size: 0.16rem;line-height: 0.28rem;color: #333;}
/* home1 */
.homet{border: 1px solid rgba(9, 101, 224, 0.2);padding: 0.4rem 0.5rem .3rem;margin-bottom: 0.3rem;border-radius: 0 0 0.15rem 0.15rem;overflow: hidden;}
.home1-t li{margin-bottom: 0.2rem;}
.home1-t li .a{align-items: flex-start;}
.home1-t li p{width: 1.9rem;line-height: 0.32rem;background: #DFEDFF;/* text-align: center; */font-size: 0.12rem;color: #333;display: flex;}
.home1-t li p span{width: 0.95rem;line-height: 0.32rem;font-size: 0.12rem;color: #fff;background: #73AFFF;display: block;text-align: center;margin-right: .25rem;}
.home1-t li h3{font-size: 0.16rem;color: #333333;flex: 1;min-width: 0;line-height: 0.32rem;padding-left: .2rem;}
.home1-t .box{display: none;}
.home1-t .gd{display: flex;justify-content: center;cursor: pointer;}

@media only screen and (max-width:1024px) {
	.homet{padding: 0.25rem;}
	.sect-l{width: 100%;}
	.sect-r{width: 100%;}
	.grjj .box{min-height:auto;padding: .25rem;}
	.section{padding:.4rem 0 .2rem;}
	.grjj .box .pic{padding:.25rem;}
}

/* 人生地图 */
.home2{width: 100%;}
.home2-t li a{padding: 0.2rem 0 0.2rem 0.35rem;border-bottom: 1px solid #F5F7FF;background: url(../images/li.png) no-repeat left center/0.12rem;}
.home2-t li a::after{height: 0.03rem;bottom: -1px;background: #0058CD;}
.home2-t li h3{flex: 1;min-width: 0;font-size: 0.16rem;color: #333;line-height: 1.3;}
.home2-t li span{color: #0058CD;font-size: .16rem;}


@media only screen and (min-width:1025px) {
.home2-t li a:hover::after{width: 100%;}
.home2-t li a:hover h3{color: #0058CD;font-weight: bold;}
}

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

}

/*home3*/
.home3{width: 100%;overflow: hidden;}
.home3 ul{margin: 0 -0.15rem;}
.home3 li{width: 25%;padding: 0 0.15rem;}
.home3 li a{display: block;position: relative;}
.home3 li .imged{padding-bottom: 122%;}
.home3 li .con{width: 100%;position: absolute;left: 0;bottom: 0;padding: 0.25rem 0.2rem 0.2rem;z-index: 10;background: linear-gradient(180deg, #00000000 0%, #000000 100%);}
.home3 li h3{text-align: center;color: #fff;font-size: 0.16rem;line-height: 1.2;}
.home3-t::after{width: 100%;background: linear-gradient(180deg, #0965e000 0%, #0965e033 100%);height: .46rem;}                                                                        

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

}
@media only screen and (max-width:1024px) {
.home3 ul{margin: 0 -0.1rem;}
.home3 li{width: 25%;padding: 0 0.1rem;}
}

@media only screen and (max-width:768px) {
.home3 li{width: 25%;margin-bottom: 0.25rem;}
}




/* footer */
.footer{width: 100%;background:#0965E0;}
.foot-b{padding: 0.35rem 0 0.2rem;justify-content: space-between;align-items: center;}
.foot-b .fot-1{width: 30%;}
.foot-b .fot-2{width: 36%;}

.foot-b .fot-2 p{font-size: 0.15rem;color: #fff;line-height: 0.3rem;margin-bottom: 0.1rem;display: flex;align-items: center;}
.foot-b .fot-2 p img{display: inline-block;margin-right: 0.1rem;max-width: 0.16rem;}
.foot-b .fot-2 p span{padding-left: 0.2rem;align-items: center;display: flex;}
.foot-b .fot-3{display:block;}
.foot-b .fot-3 .img{width: 0.96rem;}
.foot-b .fot-3 p{text-align: center;margin-top: .1rem;font-size: 0.15rem;color: #fff;line-height: 0.24rem;}
.foot-b .fot-3 .img img{width:100%;}
.foot{padding: 0.1rem 0;text-align: center;border-top: 1px solid rgba(255, 255, 255, 0.1);}
.foot p{font-size: 0.15rem;line-height: 1.5;color: #fff;}
.foot p a{display:inline-block;color:#fff;}

@media screen and (max-width:1024px){
  .foot-b{padding: 0.2rem 0 0.1rem;}
	.foot-b .fot-2{width: 47%;}
   
}
@media screen and (max-width:768px){
    .foot-b .fot-1{width: 100%;text-align: center;}
    .foot-b .fot-2{width: 100%;margin: 0.25rem auto;}
    .foot-b .fot-3 {width: 100%;justify-content: center;align-items: center;}
    .foot-b .fot-3 .img{margin: 0 auto;}
    .foot-b .fot-2 p{justify-content:center;}

}




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

	
}
@media screen and (max-width:1024px) {
	.logo{ width:auto;}
	.logo i{ height: 50px;}

	.header{display:none}
	.m_header_box {display: block !important;height: .7rem;}
	}
@media 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:0.2rem !important;}
	.p1{font-size:0.16rem !important;}
	.title{margin-bottom: 0.25rem;padding: 0 .25rem;}
	.title h3{font-size: 0.26rem;}
	}