/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px; color:#333;/*font-family:'Microsoft YaHei';*/}
a{color:#333;}
a:hover{ color:#0f3582; /*text-decoration:underline;*/}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ max-width:1200px !important; margin:0 auto; width:90% !important;}



.header-bg{background:hsla(0,0%,100%,.75);  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .15); position:fixed; top:0; left:0; width:100%; z-index:99}
.header{ display: flex;  align-items: center;justify-content: space-between; height:90px;}


/*menu*/
.menu{height:90px;line-height:90px;}
.menu ul li{ float:left; position:relative;width:120px;}
.menu ul li dl{ background:#fff; width:100%; position:absolute; left:0px; top:90px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; z-index:99 }
.menu ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px; margin:0 10px; }
.menu ul li dl dd a{ font-size:12px; color:#666; font-weight:normal; display:inline; padding:0; text-align:left;}
.menu ul li dl dd a:hover{ color:#f60;}
.menu a{ font-size:20px;color:#333; text-decoration:none; font-weight:normal;display:block;text-align:center;}
.menu a:hover{color:#0f3582;}
a.menu_hover{color:#0f3582; border-bottom:2px solid #0f3582}
.menu_down span{ display:block;background:url(../images/menu_down.gif) right 10px center no-repeat;}
.menu ul li.on span a{color:#0f3582; border-bottom:2px solid #0f3582}


.banner{ width:100%}
.banner img{ width:100%; vertical-align:bottom;}
.banner .swiper-pagination-bullet{ background:#fff; width:10px; height:10px;}

.cent01 {margin:20px auto;}
.cent01-bg {
    background: #eff7ff;
    padding: 3% 0;
}
.ctxw{ height:80px; display: flex;  align-items: center;justify-content: space-between; margin-bottom:2%}
.ctxw h2{ font-size:32px; color:#0f3582; padding-left:2vw;}
.ctxw a{ width:72px; height:60px; line-height:60px; color:#0f3582; font-size:16px; background:url(../images/gwjc134.png) center no-repeat; background-size:auto  100%;}

.cent01-l{ float:left; display:block; width:46%; background:#fff; border-radius:30px; overflow:hidden;}
.cent01-l:hover {
    background: #fff;
    box-shadow: 0 1px 16px 0 rgba(156, 187, 226, .54);
    cursor: pointer;
}
.cent01-l .img img{ width:100%; vertical-align:bottom}
.cent01-l .img{ width:100%;}
.touti{ text-align:center; padding:0 20px 15px 20px; box-sizing:border-box; min-height:170px}
.touti .toutiao{  background: url(../images/gw4.png) no-repeat 30% 50%,url(../images/gw5.png) no-repeat 70% 50%;
                background-size: 60px 2px,60px 2px;
                color: #b28d46;
                font-size: 14px;
                font-weight: 500;
                padding: 20px;
                text-align: center}
.touti h2{ font-size:18px; font-weight:500; color:#333; line-height:22px}
.touti span{    color: #999;font-size: 14px ;font-weight: 400;line-height: 22px; text-align: left; margin-top:10px; display:block;}
.cent01-l .swiper-pagination{ bottom:180px !important;}
.cent01-l .swiper-pagination-bullet{ background:#fff}
.cent01-r{ float:right; display:block; width:52%;  background-image: linear-gradient(to right, transparent,#fff); border-radius:15px; overflow:hidden;}
.cent01-r ul li{margin-bottom: 5.4%;box-sizing: border-box;padding-right: 5%;}
.cent01-r ul li a{ display: flex;  align-items: center;justify-content: space-between;}
.cent01-r ul li a .img{ width:160px; border-radius:10px; overflow:hidden;}
.cent01-r ul li a .img img{ width:100%; vertical-align:bottom; cursor:pointer; transition: all 0.5s;cursor:pointer; transition: all 0.5s; }
.cent01-r ul li:hover img{ transform: scale(1.1);}


.cent0101{width: 69%;border-bottom: 1px solid #ebebeb;height:120px;display: flex;justify-content: center;flex-direction: column;} 
.cent01-r ul li:last-child{  margin-bottom: 0%;}
.cent01-r ul li:last-child .cent0101{border-bottom: 0;}
.cent01-r ul li:hover{    background: #fff;
    border-radius: 16px;
    box-shadow: 0 1px 16px 0 rgba(156, 187, 226, .54);
    cursor: pointer;}
.cent0101 h2{ font-size:18px; color:#666; font-weight:normal; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;}
.cent0101 span{ font-size:16px; display:block; line-height:30px;}	
	
	
	
.cent02-bg{ position:relative;}
/*slideTxtBox_01*/
.slideTxtBox_01 .hd{ position:absolute; top:50%; left:50%;  transform: translate(-50%,-50%);}
.slideTxtBox_01 .hd ul{ display: flex;  align-items: center;justify-content: space-between;}
.slideTxtBox_01 .hd ul li.on{     background: linear-gradient(123deg, #0f50d2, #0f3582);
    border-radius: 16px; }
    .slideTxtBox_01 .hd ul li {
        background: linear-gradient(123deg, #689aff8f, #0f3582a6);
        width: 25%;
        border-radius: 16px;
        color: #fff;
        box-sizing: border-box;
        padding: 3%;
    }	
.slideTxtBox_01 .hd ul li a{ color:#fff;}
.slideTxtBox_01 .bd .img img{ width:100%; vertical-align:bottom;}
.slideTxtBox_01 .hd ul li  h2{font-size:32px;display:block;border-bottom:1px solid #fff;padding-bottom:30px;margin-bottom: 14%;}
.slideTxtBox_01 .hd ul li  span{font-size:18px;display:block;line-height: 1.8;overflow: hidden;
    text-overflow: ellipsis;
    display: none;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 6; height:210px}
.slideTxtBox_01 .hd ul li  img{ width:30px; display:block}
	
	
	
.tltle{ text-align:center; color:#0f3582}
.tltle h2{ font-size:36px; display:block; }
.tltle span{ font-size:24px; display:block; margin-top:20px}	
.tltle p{ padding:0; font-size:18px; font-weight:400; width:66%; margin:2% auto;}	
	
	
.cent03-bg{ padding:3% 0}	
.gse{ margin-top:4%}
.gse ul{ display: flex;  align-items: center;justify-content: space-between;   }	
.gse ul li{width: 15%;height: 450px;transition: all 0.5s;}
.gse ul li.on{width: 65%;}
.gse ul li a{ position:relative; display:block;     height: 100%;}
.gse ul li a img{     border-radius: 16px;
    height: 100%;
    transition: opacity .4s ease;
    width: 100%; vertical-align:bottom;}
.gse ul li .ks{ color:#fff; font-size:36px; font-weight:bold; position:absolute; bottom:10%; left:0; width:100%; text-align:center; opacity:0}
.gse ul li.on  .ks{ opacity:1}
.gse ul li a .img01{ display:none}	
.gse ul li a .img02{ display:block}	
.gse ul li.on .img01{display:block}	
.gse ul li.on .img02{display:none}	 
	
.footer-bg{ padding-top:2%; color:#fff;}	
.footer-bg a{ color:#fff;}

.footer{ padding:0 0 1.5% 0;border-bottom: 1px solid #8f8f8f;}
.footer01{ float:left; display:block; width:40%}
.footer01 ul li{ font-size:20px; margin-bottom:10px;}
.footer01 ul li span{ font-size:16px;}
.logo02{ width:100%; height:58px; margin-bottom:10px}
.logo02 a{ display:block;}
.logo02 a img{ height:100%; width:auto;}	
.sjde{}
.sjde .img{ width:127px; display:inline-block; margin-right:10px;}	
.sjde img{ width:100%; height:auto;}	
	
.footer02{ float:right; display:block; width:60%; margin-top:58px}
.footer02 dl{ display: flex; justify-content: space-between;  align-items: flex-start;}		
.footer02 dl dd{}
.footer02 dl dd h2{  font-weight:normal; display:block; margin-bottom: 40px;}
.footer02 dl dd h2 a{font-size:20px;}
.footer02 dl dd ul li{    margin-bottom: 25px;}
.footer02 dl dd ul li a{ font-size:16px}	
	
.footer03{ text-align:center; padding:1% 0;font-size:14px; color:#aaaaaa;}	
.footer03 span{ font-size:14px; color:#aaaaaa;display: inline-flex; justify-content: center;  align-items: center; margin:0 10px; line-height:30px;}	
.footer03 span a{color:#aaaaaa;}
.footer03 span img{ width:15px}
	
.sp_header{ display:none}	
	.sjj_nav{ display:none}	
	
	
.banner02{ position:relative; }
.banner02 img{ width:100%; vertical-align:bottom}
.banner0201{ position:absolute; top:50%; left:50%;  transform: translate(-50%,-50%); height:100%; color:#fff; z-index:9; display: flex; justify-content: center;  align-items: center;    flex-direction: column;}	
.banner0201 h2{ font-size:42px; display:block; margin-bottom:10px}
.banner0201 span{ font-size:32px;}	


.cent04-bg{ background: url(../images/gwt103.png) no-repeat bottom rgba(39, 138, 255, .15);
    background-size: cover;
    cursor: default;
    margin: 0 auto;}
.cent04{padding: 3% 0;}
.cent04 .tltle{ margin-bottom:3%}

.cent0401{ background:hsla(0,0%,100%,.9); padding:30px; border-radius:16px; display: flex; align-items: center;justify-content: space-between;}	
.cent0401-l{display:block;width: 45.5%;}
.cent0401-l img{ width:100%; vertical-align:bottom;}	
	
.cent0401-r{text-align:center;width: 50%;}	
.cent0401-r h2{ font-size:28px; color:#333; display:block;}
.cent0401-r span{ background:rgba(168,201,255,.33); border-radius:25px 35px; display:block; padding:30px;    font-size: 24px;
    font-weight: 400;
    line-height: 38px; text-align:left; margin-top:4%}	
	
	
.cent0402{ background:hsla(0,0%,100%,.9);     border-radius: 16px; padding: 30px; margin-top:3%;display: flex; align-items: center;justify-content: space-between;}	
.cent0402-1{display:block;width: 45.5%; background:rgba(168,201,255,.3); padding: 30px; border-radius:16px; box-sizing:border-box;}
.cent0402-1 h2{ font-size:28px; color:#333; display:block;}
.cent0402-1 span{ font-size:18px; color:#333; display:block; line-height:1.5; margin-top:4%}
.cent0402-1 img{ width:100%; border-radius:16px; margin-top:6%}

.cent0402-r{text-align:center;width: 50%;}	
.cent0402-r>span{    background: rgba(168, 201, 255, .33); border-radius: 16px;    color: #1b4bac; font-size: 18px; font-weight: 400; display:block;     padding: 10px 15px; width:80%; margin:0 auto;}
.cent0402-r>img{width: 74%;border-radius:16px;margin-top:2%}
.cent0402-r dl{display: flex;align-items: center;justify-content: space-between;margin-top: 2%;}	
.cent0402-r dd{width: 49%;box-sizing:border-box;padding:10px 15px 12px;background:rgba(168,201,255,.33);color: #1b4bac;border-radius: 16px;}
.cent0402-r dd h3{ font-size:18px; color:#1b4bac; display: flex; justify-content: center;  align-items: center;}
.cent0402-r dd h3 img{ width:24px; display:block; margin:0 10px}
.cent0402-r dd>span{
    color: #1b4bac;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    display: inline-block;
    margin-top: 1%;
}
.cent0402-r dd>span span{  display: inline-block;}

.cent05{padding: 3% 0 2% 0;}
.cent05 ul li{ float:left; display:block;width:calc((100% - 6%)/3); margin-right:3%;    background: #fff; border-radius: 16px; box-sizing:border-box; overflow:hidden; margin-bottom:3%}
    .cent05 ul li img{width:100%;}
    .cent05 ul li:nth-child(3n) {
        margin-right: 0%;
    }
.cent05 ul li:hover {box-shadow: 0 2px 14px 0 #83b5fc; margin-top: -8px;}
.cent0501{    padding: 16px 30px; box-sizing:border-box;}
.cent0501  h2{ font-size:18px; color:#333; display:block;}
.cent0501 span{    color: #666;
    font-size: 14px;
    font-weight: 500;
    margin: 7px 0 0;
}
.cent05 ul li:hover h2{ color:#0f3582}
.cent05 ul li:hover span{ color:#0f3582}



.cent06-bg{}
.cent06{padding: 3% 0;}
.cent06 ul li{ float:left; display:block;width:calc((100% - 4%)/2); margin-right:2%; position:relative; margin-top:2%}
.cent06 ul li:nth-child(2n) { margin-right: 0% ;}
.cent06 ul li img{ width:100%; vertical-align:bottom;}
.cent06 ul li .bzz{ position:absolute; top:0; left:0; width:100%; height:100%; padding:8%; box-sizing:border-box; color:#fff;}
.cent06 ul li .bzz h2{ font-size:24px; font-weight:normal;}
.cent06 ul li .bzz span{ display:block; font-size:18px; margin-top:4%}


.cent07{ padding:4% 0;}

.cent0701{background:#fff;border-radius:16px;padding: 30px 4% 30px 30px;display: flex;align-items: center;justify-content: space-between;}
.cent0701 .img{width: 63%;}
.cent0701  .img img{ width:100%;}
.cent0701 .cent070101{width: 31%;}
.cent0701 .cent070101 h2{ font-size:28px; color:#333; display:block;}
.cent0701 .cent070101 p{ font-size:16px; color:#666; display:block;    text-transform: uppercase; }
.cent0701 .cent070101 span{ display:block; font-size:18px; color:#666; line-height:1.5; margin-top:2%;}

.cent08-bg{ padding:4% 0 2% 0;}
.cent08 ul li{ float:left; display:block; width:calc((100% - 6%)/4); margin-right:2%; box-sizing:border-box; margin-bottom:2%}
.cent08 ul li a{ display:block; border: 1px solid #81b9ff; padding: 15px;    border-radius: 16px;}
.cent08 ul li:nth-child(4n) {margin-right: 0% ;}
.cent08 ul li .img{ width:100%; overflow:hidden;border-radius: 16px;}
.cent08 ul li .img img{ width:100%; vertical-align:bottom;cursor:pointer; transition: all 0.5s; }
.cent08 ul li:hover .img img{ transform: scale(1.1);}
.cent08 ul li:hover a{    background: #fff;
    border: 1px solid #fff;
    box-shadow: 0 2px 14px 0 #83b5fc;}
.cent08 ul li span{ text-align:center; font-size:18px; color:#333; display:block; margin-top:10px}


.cent09-bg{ padding:4% 0}
.vxdt{ background:hsla(0,0%,100%,.85); border-radius:16px; overflow:hidden;}
.vxdt:hover {background: #fff; box-shadow: 0 1px 24px 0 rgba(156, 187, 226, .54);}
.vxdt a{ display: flex; align-items: center;justify-content: space-between;}
.vxdt01{ width:50%; margin-right:12%;}
.vxdt .img{ width:29%}
.vxdt .img img{ width:100%; vertical-align:bottom;}
.vxdt01 .toutiao{ background: url(../images/gw4.png) no-repeat 30% 50%,url(../images/gw5.png) no-repeat 70% 50%;  background-size: 60px 2px,60px 2px;  color: #b28d46;font-size: 18px;font-weight: 500;   padding: 20px; text-align: center}
.vxdt01 h2{ font-size:18px; color:#333;    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.vxdt01 span{ display:block; font-size:14px; color:#999999;   overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:4; line-height:1.5; margin-top:2%}
.vxdt01 img{filter: brightness(0%) contrast(200%) invert(50%) opacity(100%); width:16px; margin-top:10px }
.vxdt:hover h2{ color:#0f3582}
.vxdt:hover span{ color:#0f3582}
.vxdt:hover img{filter:none;}


.cent0901{    background: hsla(0, 0%, 100%, .85); border-radius: 16px; margin-top:2.5%}
.cent0901 ul li{    border-bottom: 1px solid #ebebeb; padding-right:15px}
.cent0901 ul li:hover {
    background: #fff;
    border-bottom: none;
    border-radius: 16px;
    box-shadow: 0 1px 24px 0 rgba(156, 187, 226, .54);
    color: #fff;
}
.cent0901 ul li a{ display: flex;  align-items: center;justify-content: space-between;}
.cent0901 ul li .cent0901-1{ width:153px; display: flex; justify-content: center;  align-items: center;  flex-direction: column; height:190px; color:#333; }
.cent0901 ul li .cent0901-1 h2{ font-size:44px;font-weight:normal}
.cent0901 ul li .cent0901-1 span{ font-size:14px; }
.cent0901 ul li .shhi{flex:1; margin:0 4%}
.cent0901 ul li .shhi h2{ font-size:18px; color:#333; display:block; line-height:22px; overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.cent0901 ul li .shhi span{ font-size:14px; color:#666; line-height:1.5;     overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; margin-top:2%}
.cent0901 ul li .shhi .koa{ display: flex;align-items: center;justify-content: space-between;}
.cent0901 ul li .shhi .koa>span{display: flex;align-items: center; color:#666;}
.cent0901 ul li .shhi .koa>span em{ font-style:normal; margin-right:10px; display: flex; align-items: center;}
.cent0901 ul li .shhi .koa>span em img{ width:16px; margin-right:10px}
.koem{ display:none}
.koem01{ display:inline-block}
.cent0901 ul li .shhi .koa>span em:hover .koem{  display:inline-block}
.cent0901 ul li .shhi .koa>span em:hover .koem01{ display:none}


.cent0901 ul li .shhi .koa>img{ width:16px;filter: brightness(0%) contrast(200%) invert(50%) opacity(100%); }
.cent0901 ul li .img{ width:213px; border-radius:16px; overflow:hidden;}
.cent0901 ul li .img img{ width:100%; vertical-align:bottom; }
.cent0901 ul li:hover .cent0901-1{    background: url(../images/gwjc26.png) no-repeat 100%, linear-gradient(123deg, #0f50d2, #0f3582); color:#fff;    background-size: 15px 190px;     border-radius: 16px 0 0 16px;}
.cent0901 ul li:hover .shhi h2{ color:#0f3582}
.cent0901 ul li:hover .shhi>span{ color:#0f3582}
.cent0901 ul li:hover .shhi .koa>img{filter:none;}

.cent10{ padding:4% 0;}
.cent1001-bg{ background:hsla(0,0%,100%,.7); border-radius:16px; padding:30px; box-sizing:border-box; margin-top:4%}
.cent1001{ border-bottom:1px solid #e6e6e6; margin-bottom:2%; padding-bottom:2%}
.cent1001 ul li{ float:left; display:block;width:calc((100% - 4%)/3); margin-right:2%;    border-radius: 16px; display: flex; justify-content: center;  align-items: center; padding:20px 0}
.cent1001 ul li:nth-child(3n) { margin-right: 0% ;}
.cent1001 ul li img{ width:60px;}
.cent1001 ul li h2{ font-size:28px}

.cent1002{ display: flex;justify-content: space-between;  align-items: center;}
.cent1003{width: 54%;}
.cent1003 span{ font-size:18px; display:block; line-height:1.5}
.cent1003 h2{  display:block; font-size:28px; margin:4% auto 2%;}
.cent1003 ul{}
.cent1003 ul li{ float:left; display:block;width:calc((100% - 4%)/2); margin-right:4%; background:rgba(134,218,242,.15); display: flex; justify-content: center;  align-items: center; margin-top:2%; border-radius:16px; padding:10px 0}
.cent1003 ul li img{ width:30px; margin-right:1vw;}
.cent1003 ul li span{ font-size:18px; font-weight:bold}
.cent1003 ul li:nth-child(2n) {  margin-right: 0% ;}
.cent1002 .img{width: 41%;}
.cent1002 .img img{ width:100%; vertical-align:bottom}


.cent1004{ margin-top:2%; background:hsla(0,0%,100%,.7); border-radius:16px; box-sizing:border-box; padding:30px; box-sizing:border-box; display: flex;   align-items: center;
justify-content: space-between;}
.cent1004 .img{ width:48%}
.cent1004 .img img{ width:100%; vertical-align:bottom}
.cent1004-r{ width:48%;}
.cent1004-r h2{ font-size:28px; color:#333}
.cent1004-r span{ font-size:18px; display:block; line-height:1.5;}
.cent1004-r dl{    align-items: flex-start; display: flex;  flex-wrap: wrap; gap:19px;  justify-content: flex-start; margin-top: 35px;}
.cent1004-r dl dd{ font-size:18px; display:block; line-height:1.5;}
.cent1004-r dl dd strong{     background: url(../images/gwt27.png) no-repeat center 17px;  background-size: 88px 13px; display: inline-block;  font-size: 28px; text-align: center; font-weight:normal;}

.cent1001 ul li h2 em{ display:block; font-style:normal; font-size:19px;}

.home-con1{font-size:18px; display:block; line-height:1.5}
.cent11{ padding:3% 0}
.cent1101{display: flex;align-items: center;justify-content: space-between;margin-top: 3%;}
.cent1101 .img{width: 49%;}
.cent1101 .img img{ width:100%; vertical-align:bottom}

.cent1101-l{ width:48%}
.cent1101-l ul li{background:rgba(134,218,242,.15);display: flex;justify-content: center;align-items: center;margin-bottom: 2%;border-radius:16px;padding:10px 0}
.cent1101-l ul li img{ width:30px; margin-right:1vw;}
.cent1101-l ul li span{ font-size:18px; font-weight:bold}


.cent12-bg{ padding:3% 0;}

.cent12 ul li{ float:left; display:block;width:calc((100% - 8%)/4); margin-right:2%; background:#fff; border-radius:16px; overflow:hidden; margin-top:2%}
.cent12 ul li a{ display:block}
.cent12 ul li a .img{ width:100%;overflow:hidden;}
.cent12 ul li a .img img{ width:100%; vertical-align:bottom;cursor:pointer; transition: all 0.5s; }
.cent12 ul li:hover .img img{ transform: scale(1.1);}
.cent12 ul li:nth-child(4n) { margin-right: 0% ;}
.cent12 ul li:hover {
    box-shadow: 0 2px 8px 0 #83b5fc;
    color: #0f3582;
    cursor: pointer;
}

.cent1201{ text-align:center; padding:15px;}
.cent1201 h2{ font-size:16px; font-weight:normal;    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.cent1201 span{ height:39px; overflow:hidden;  display: flex; justify-content: center;  align-items: center; font-size:14px; color:#666;}
.cent1201 span img{filter: brightness(0%) contrast(200%) invert(50%) opacity(100%); width:20px; margin-right:10px}
.cent12 ul li:hover span img{filter:none; }
.cent12 ul li:hover span{ color:#0f3582}
.cent12 ul li:hover h2{color:#0f3582}

.more3{ text-align:center; margin-top:3%;}
.more3 a{  font-size:16px; color:#000;  display: flex; justify-content: center;  align-items: center;}
.more3 a img{}
.jzgd1.on img{transform:rotate(-180deg)}

.inside_con{ padding:10px 0; min-height:300px;}
.inside_con img{
    max-width:100%;
}


.cent13{ padding:3% 0;}
.cent13-l{ float:left; display:block; width:69%}
.tiet{ text-align:center; position:relative; border-bottom:1px solid #e3e7e9; padding-bottom:2%; margin-bottom:2%}
.tiet h2{ font-size:20px; font-weight:normal; color:#0f3582}
.tiet a{ position:absolute; top:50%; right:0; display: flex; align-items: center;
    transform: translate(0,-50%); color:#0f3582}
.tiet a img{ width:16px; margin-right:10px;}	
.cent13-r{ float:right; display:block; width:30%; background:#f4f5f9; padding-bottom:2%}
.cent13-r h2{ border-top:6px solid #0f3582; line-height:70px; font-size:16px; padding-left:20px;}
.cent13-r ul li{ margin:0 15px; border-bottom:1px solid #e3e7e9; padding:15px 0;}
.cent13-r ul li a{ font-size:14px;}
.cent13-r ul li:last-child{border-bottom:0px;}


.cent14-bg{ background:#f4f5f9; padding:3% 0}
.bajxue{ text-align:center;    color: #0f3582;}
.bajxue span{ font-size:14px}
.bajxue h2{font-size:20px;display: block;margin-top: 10px;}
.cent14 ul li{ float:left; display:block; width:calc((100% - 2%)/2); margin-right:2%; margin-top:2%}
.cent14 ul li:nth-child(2n) { margin-right: 0% ;}
.cent14 ul li a{ display: flex;   align-items: center;justify-content: space-between;}
.cent14 ul li a .img{width: 41%;}
.cent14 ul li a .img img{ width:100%; vertical-align:bottom}
.xent{width: 57%;}
.xent h2{font-size:16px;display:block;color: #0f3582;margin-bottom: 2%;}
.xent span{ font-size:16px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 5; line-height:1.5;}



.weizhi{ line-height:1; background:url(../images/title03.png) no-repeat;font-size:16px; padding-top:2.5%; color:#000;}
.weizhi a{ color:#666}
.weizhi a:hover{ color:#0f3582}
.bg{ background:#edf4fe; padding-bottom:4%;}
.cent15{ margin-top:2%;}
.cent15-l{ float:left; display:block; width:100%;}
.cent15-r {
    float: right;
    display: none;
    width: 28%;
}
.tone{    padding: 20px 0 20px;    border-bottom: 1px solid #e6e6e6; display: flex; align-items: center;justify-content: space-between;}
.tone a{ font-size:16px; color:#333;}

.dongt{ margin-top:30px;    background: hsla(0, 0%, 100%, .5);
    border-radius: 8px;}
 .dongt li{ padding:15px;}
  .dongt li h2{ font-size:16px;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;}
   .dongt li span{ font-size:14px; color:#666; display:block; margin-top:10px}
  .dongt li:hover{    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 8px 0 rgba(156, 187, 226, .54);
}
  .dongt li:hover h2{ color:#0f3582}
.yysk{}
.yysk h2{ font-size:20px; display:block;     margin: 0px auto 10px; margin-bottom:2%}
  
.tle{ display: flex; align-items: center; border-bottom:1px solid #e6e6e6; padding-bottom:10px}   
 .tle img{ width:16px; margin-right:10px;}  
  .tle  em{ font-style:normal; font-size:14px; color:#666; display: flex;   align-items: center;}
   .tle  i{ font-style:normal;background: #e6e6e6;
    display: inline-block;
    height: 12px;
    margin: 0 10px -1px;
    width: 1px;}
	
.zan{ display: flex; justify-content: center;  align-items: center;flex-direction: column; font-size:14px; color:#666}	
.zan img{ width:32px}
.zan #ges{ display:block}
.zan #ges01{ display:none}
.zan:hover {cursor:pointer; color:#0f3582} 
.zan:hover #ges{ display:none}
.zan:hover #ges01{display:block }
.yema{display: flex; align-items: center;justify-content: space-between; border-top:1px solid #e6e6e6; padding-top:4%; margin-top:4%}
.yema a{display: flex; align-items: center;justify-content: space-between; width:48%; background:hsla(0,0%,100%,.8);    border-radius: 8px;    padding:20px; box-sizing:border-box;}
  .yema a img{filter: brightness(0%) contrast(200%) invert(50%) opacity(100%); width:26px}
  .yema a span{ font-size:16px; width:86%;  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 2; }
  .yema a:hover img{ filter:none;}  	
	
	
.cent16{    background: hsla(0, 0%, 100%, .9);    border-radius: 16px; margin-top:2%;    padding:1% 25px; box-sizing:border-box}	
.cent16:hover{background: #fff;
    border-radius: 16px;
    box-shadow: 0 1px 16px 0 rgba(156, 187, 226, .54);
    cursor: pointer;
}
.cent16 .ctxw{ margin-bottom:0}

.giauie{ width:40%}
.giauie span{ font-size:16px; color:#000; display:block;}
.cent16 .ctxw h2{ padding-left:0}
.giauie h2{ display: flex; justify-content: center;  align-items: center;
justify-content: space-between; font-size:16px; font-weight:normal; color:#666; padding-left:0}
.giauie h2 img{ width:16px;filter: brightness(0%) contrast(200%) invert(50%) opacity(100%); }
.giauie h2:hover{ color:#0f3582}
.giauie h2:hover img{filter:none; }


.cent18{}
.cent18 ul li{    align-items: center;
    background: url(../images/gwjc76.png) no-repeat 100% 100% hsla(0, 0%, 100%, .85);
    border-radius: 16px;
    display: flex
;
    justify-content: space-between;
    margin-top: 30px;
    padding: 30px;}
.cent18 ul li a{ display: flex;   align-items: center;
justify-content: space-between;}	
.cent18 ul li:hover{    background: url(../images/gwjc75.png) no-repeat 100% 100% #fff;
    box-shadow: 0 1px 18px 0 rgba(156, 187, 226, .54);
    cursor: pointer;
}
.cent18 ul li .tilte-bg{ width:80px; height:80px;    background: linear-gradient(315deg, #e3f1fe, #b9cef6);
    border-radius: 20px; display: flex; justify-content: center;  align-items: center;    padding: 5px;}
.cent18 ul li .tilte{ background:#fff; border-radius:20px; width:100%; height:100%; display: flex; justify-content: center;  align-items: center;    flex-direction: column;}
.cent18 ul li .tilte h2{ font-size:30px; font-weight:normal;}
.cent18 ul li .tilte span{ font-size:14px;}	
.cent1801{flex:1; margin:0 4%}
.cent18 ul li .shhi h2{ font-size:18px; color:#333; display:block; line-height:22px; overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.cent18 ul li .shhi span{ font-size:14px; color:#666; line-height:1.5;     overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; margin-top:2%}
.cent18 ul li .shhi .koa{ display: flex;align-items: center;justify-content: space-between;}
.cent18 ul li .shhi .koa>span{display: flex;align-items: center; color:#666;}
.cent18 ul li .shhi .koa>span em{ font-style:normal; margin-right:10px; display: flex; align-items: center;}
.cent18 ul li .shhi .koa>span em img{ width:16px; margin-right:10px}
.cent18 ul li .shhi .koa>span em:hover .koem{  display:inline-block}
.cent18 ul li .shhi .koa>span em:hover .koem01{ display:none}
.cent18 ul li:hover .tilte-bg{    background: linear-gradient(315deg, #b5dbfe, #6395f4);}
.cent18 ul li a>em{     border: 1px solid #0f3582;
    border-radius: 24px;
    color: #0f3582;
    cursor: pointer;
    font-size: 14px;
    line-height: 42px;
    margin: 0 auto;
    text-align: center;   height: 42px;
    width: 88px; font-style:normal; display: flex; justify-content: center;  align-items: center;}
	.cent18 ul li a>em img{width: 14px;margin-left: 10px;}
	.cent18 ul li:hover a>em{ background:#0f3582; color:#fff}
	.cent18 ul li:hover a>em img{ filter: brightness(0%) contrast(200%) invert(100%) opacity(100%); }
	
	
	
	
.cent20{    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 13px 0 rgba(156, 187, 226, .29);
    box-sizing: border-box;
    font-weight: 700;
    margin: 2% auto;
    padding: 30px 50px;display: flex;  align-items: center;}
.cent20 strong{ font-size:20px}		
	.sousou01{width: 67%;line-height:36px;border: 1px solid #ebebeb;border-radius: 30px;}
	.sousou01 .input_text02{float:left;display:block;line-height: 48px;background:bottom;outline:none;padding-left:4%;font-size: 17px;width: calc(100% - 48px););box-sizing: border-box;}
.sousou01 a{
    float:right;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(255,255,255,.9);
    }
.sousou01 a img{
    width: 60%;
}
.cent21{    background: hsla(0, 0%, 100%, .85);
    border-radius: 16px ;}
.cent21 ul li{    padding:30px 50px 0 50px;}
.cent21 ul li a{ border-bottom: 1px solid #ebebeb; display:block; padding-bottom:30px; display: flex;  align-items: center;
justify-content: space-between;}
.cent2101{ width:80%}
.cent21 ul li h2{ font-size:18px; color:#333; display:block; line-height:22px; overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.cent21 ul li span{ font-size:14px; color:#666; line-height:1.5;     overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; margin-top:2%}
.cent21 ul li .koa{ display: flex;align-items: center;justify-content: space-between;}
.cent21 ul li .koa>span{display: flex;align-items: center; color:#666;}
.cent21 ul li .koa>span em{ font-style:normal; margin-right:10px; display: flex; align-items: center;}
.cent21 ul li .koa>span em img{ width:16px; margin-right:10px}
.koem{ display:none}
.koem01{ display:inline-block}
.cent21 ul li .koa>span em:hover .koem{  display:inline-block}
.cent21 ul li .koa>span em:hover .koem01{ display:none}
.cent21 ul li a>img{ width:20px;filter: brightness(0%) contrast(200%) invert(50%) opacity(100%); }	
.cent21 ul li:hover {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 1px 12px 0 rgba(156, 187, 226, .54);
    cursor: pointer;
}
.cent21 ul li:last-child a{ border-bottom: 0px;}	
.cent21 ul li:hover  a>img{filter: none;}
	
.phb{ display: flex; align-items: center;flex-wrap: wrap; margin-bottom:10px}	
.phb a{    background: rgba(255, 231, 185, .11);
    border: 1px solid rgba(178, 141, 70, .81);
    border-radius: 20px;
    color: #b28d46;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 5px;
    margin-right: 10px;
    padding: 6px 20px;}


.cent22 {
    padding-top: 4%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cent22-l{width: 48%;}	
.cent22-l .img{height:85px;margin-bottom: 4%;}
.cent22-l .img img{ width:auto; height:100%;}
    .cent22-l h2 {
        margin-bottom: 2%;
        font-size: 32px;
        color: #0f3582
    }
.cent22-l span{font-size:18px;color:#666;display:block;line-height:1.5;/*margin-top: 4%;*/}
.cent22>.img{width: 48%;}
.cent22>.img img{ width:100%; vertical-align:bottom}	
	
@media only screen and (max-width: 980px) {
	
	
	
	/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background:hsla(0,0%,100%,.95);position:fixed;z-index:10;width:100%; display:block}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#0f3582;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;        background: hsla(0, 0%, 100%, .85);
        box-shadow: 0 1px 6px 0 rgba(36, 28, 75, .14);width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; display:block}
.nav_show{top:50px}

.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/
	
	.header-bg{ display:none;}
	.ctxw{ height:60px;}
	.ctxw h2{ font-size:18px}
	.ctxw a{ font-size:12px}
	.cent01-l{ float:none; width:100%;}
	.cent01-r{float:none; width:100%;}
	
	.cent01-r ul li a .img{         width: 28%;}
	.cent0101{ height:88px}
	.cent0101 h2{ font-size:14px;}
	.cent0101 span{ font-size:12px;}
	
	
	.slideTxtBox_01 .bd .img img{ height:100vh; object-fit: cover; }
	.slideTxtBox_01 .hd ul{flex-wrap: wrap; }
	.slideTxtBox_01 .hd ul li{ width:100%;}
	.slideTxtBox_01 .hd ul li h2{ font-size:14px; height:auto; margin-bottom:0; padding-bottom:1%}
	.slideTxtBox_01 .hd ul li span{ font-size:12px; height:auto;}
	.tltle h2{ font-size:24px}
	.tltle span{ font-size:13px;}
	.gse ul li{ height:200px}
	.gse ul li .ks{ font-size:18px}
	.footer01{ width:100%; float:none;}
	.footer02 dl dd h2{ margin-bottom:6%}
	.footer02 dl dd ul li{ margin-bottom:4%}
	.footer02{ width:100%; float:none; margin-top:4%}
	.sjde .img{ width:60px}
	.footer03 span{ font-size:10px; line-height:20px;}
	
	.banner02 img{ height:30vh; object-fit: cover; }
	.banner0201 h2{ font-size:24px}
	.banner0201 span{ font-size:22px;}
	.cent0401{flex-wrap: wrap;}
	
	.cent0401-l{ width:100%}
	.cent0401-r{ width:100%; margin-top:5%;}
	.cent0401-r h2{ font-size:18px}
	.cent0401-r span{ font-size:16px; line-height:1.5; padding:5%;}
	.cent0402{flex-wrap: wrap;}
	
	.cent0402-1{ width:100%}
	.cent0402-r{ width:100%; margin-top:5%;}
	.cent0402-1 h2{ font-size:18px;}
	.cent0402-1 span{ font-size:14px;}
	.cent0402-r>span{ width:100%; padding:5%; box-sizing:border-box;  font-size:14px;}
	.cent0402-r dl{flex-wrap: wrap;}
	.cent0402-r dd{ width:100%; margin-top:5%}
	
	
	.tltle p{ width:100%; font-size:16px; line-height:1.5;}
	.cent05 ul li{ float:none; display:block; width:100%; margin-top:5%;}
	
	.cent06 ul li{float:none; display:block; width:100%; margin-top:5%;}
	.cent06 ul li .bzz{ padding:5%;}
	.cent06 ul li .bzz h2{ font-size:18px;}
	.cent06 ul li .bzz span{ font-size:14px}
	.cent0701{flex-wrap: wrap; padding:5%;}
	.cent0701 .img{ width:100%;}
	.cent0701 .cent070101{ width:100%; margin-top:5%;}
	.cent0701 .cent070101 h2{ font-size:18px}
	.cent0701 .cent070101 p{ font-size:14px; line-height:1.5;}
	.cent0701 .cent070101 span{ font-size:16px;}
	.cent08 ul li{ float:none; width:100%; margin-right:0; margin-top:5%; }
	.cent08 ul li a{background:#fff;padding:5%; }
	
	.vxdt a{flex-wrap: wrap;}
	.vxdt .img{width:100%;}
	.vxdt01{width:100%; margin-right:0; box-sizing:border-box; padding:0 5% 5% 5%;}
	.cent0901 ul li{ margin-bottom:5%; background:#fff; border-radius:16px}
	.cent0901 ul li a{flex-wrap: wrap;}
	.cent0901 ul li .cent0901-1{ width:100%; height:auto;     align-items: flex-start;        border-bottom: 2px solid #0f3582; padding-bottom:10px; order:1 }
	.cent0901 ul li .cent0901-1 h2{ display:none;}
	.cent0901 ul li{ padding:5%;}
	.cent0901 ul li .img{ width:100%; order:2; margin-top:4%}
	.cent0901 ul li .shhi{ flex:none; width:100%; order:3; margin:4% auto 0 }
	.cent0901 ul li:hover .cent0901-1{ background:none; color:#333333;}
	.cent0901 ul li .shhi h2{ font-size:16px}
	.cent0901 ul li .shhi span{ font-size:14px; margin:4% 0;}
	.cent0901{  background:none;}
	
	.cent1001 ul li h2{ font-size:12px}
	.cent1001 ul li{  flex-direction: column; padding:2% 0}
	.cent1001 ul li img{ width:34px;}
	.cent1001-bg{ padding:5%;}
	.cent1001{ padding-bottom:5%; margin-bottom:5%;}
	.cent1002{flex-wrap: wrap;}
	.cent1003{ width:100%}
	.cent1002 .img{ width:100%; margin-top:5%}
	
	.cent1003 h2{ font-size:20px}
	.cent1003 span{ font-size:16px;}
	
	.cent1004{flex-wrap: wrap; padding:5%;}
	.cent1004 .img{ width:100%}
	.cent1004-r{width:100%; margin-top:5%}
	.cent1004-r h2{ font-size:20px}
	
	.cent1001 ul li h2 em{ font-size:12px}
.home-con1{ font-size:12px}
.cent1101{flex-wrap: wrap;}
.cent1101-l{ width:100%}
.cent1101 .img{ width:100%; margin-top:5%;}
.cent1101-l ul li span{ font-size:14px}

.cent12 ul li{ float:none; display:block; width:100%; margin-right:0}
	
	
.cent13{ padding:5% 0;}
.cent13-l{ float:none; display:block; width:100%}
.cent13-r{ float:none; display:block; width:100%}
.cent14-bg{ padding:5% 0}	
.cent14 ul li{ float:none; display:block; width:100%; margin-right:0}	
	
.xent span{    -webkit-line-clamp: 4; font-size:14px;}

.weizhi{ margin-top:5%}
.cent15{ margin-top:5%}
.cent15-l{ float:none; display:block; width:100%}
.cent15-r{ float:none; display:block; width:100%; margin-top:5%}
.cent16 .ctxw{flex-wrap: wrap; height:auto;     background: url(../images/gwjc65.png) top left no-repeat !important;}
.giauie{ width:100%;  order: 3;}
	
	
	.cent18 ul li a>em{ display:none}
	.cent21 ul li{ padding:5% 5% 0 5%;}
	.cent21 ul li a{ padding-bottom:5%}
	
	.cent22{flex-wrap: wrap;}
	.cent22-l{ width:100%}
	.cent22-l .img{ height:28px}
.cent22 .img{ width:100%; margin-top:5%;}
	}