@charset "utf-8";

/* CSS Document */



.in-new{ padding:10px 0 50px 0;}
.in-ti{ margin-bottom:30px;}
.in-ti h1{ color:#034d8a; font-size:40px;}
.in-ti h1 span{ text-transform:uppercase; font-family:"Arial"; font-size:24px; display:block; line-height:1; padding-top:10px;}
.in-ti a{ display:block; width:130px; height:46px; border-radius:30px; border:1px solid #343434; line-height:43px; font-size:17px; padding-left:20px; position:relative; transition-duration:.5s; margin-top:60px;}
.in-ti a:after{ content:""; width:16px; height:16px; background:url(../../images/jt.png); background-position:0 0; transition-duration:.5s; position:absolute; top:14px; right:16px;}
.in-ti a:hover{ background:#034d8a; border-color:#034d8a; color:#fff;}
.in-ti a:hover:after{background-position:0 -16px;}

 
.xw-center{ width:29%; background:#cfe3ff; padding:44px; height:382px;}
.new01{ }
.new01 h2{ color:#9f8f69; font-family:"Arial"; font-weight:normal; font-size:20px;}
.new01 h1{ font-size:22px;  color:#333; padding:10px 0 16px 0;}
.new01 p{ font-size:18px; line-height:1.8;}
.new01 span,.gg-le dl dd span{ padding-right:30px; font-size:17px; line-height:20px; float:right; margin:20px 0; position:relative; padding-right:40px;}
.new01 span:after,.gg-le dl dd span:after{ content:""; width:20px; height:20px; border:1px solid #333; border-radius:50%; background:url(../../images/y.png) no-repeat center center; background-position:0 0; transition-duration:.5s; position:absolute; top:0; right:0;}
.new01 span:hover{ color:#034d8a}
.new01 span:hover:after,.gg-le dl:hover dd span:after{ border-color:#034d8a;background:url(../../images/y.png) no-repeat center center #034d8a;background-position:0 -20px;}

.new-img{ width:37%;}
.new-img,.new02{  position:relative; z-index:2;}
.new-img{ height:382px;}
.new-img p{ overflow:hidden; position:relative; height:382px;}
.new-img p img{ width:100%; height:100%; display:block; transition-duration:.5s; position: absolute; top:0; left:0; object-fit:cover}
.new-img p:hover img{ transform:scale(1.1)}
.in-new-ri:After{ content:""; width:73%; height:100%; background:#d9e7ff; position:absolute; top:0; right:0; z-index:1;}
.new02 dl dt{ width:85%;}
.new02 dl{ margin-bottom:18px; position:relative;}
.new02 dl dt p{color:#9f8f69; font-family:"Arial"; font-weight:normal; font-size:20px; padding-bottom:5px;}
.new02 dl dt h1{ font-size:17px; line-height:1.6; color:#000; }
.new02 dl dd{ width:26px; height:26px; background:url(../../images/y1.png) no-repeat center center; position:absolute; bottom:0; right:0; transition-duration:.5s; background-size:7px 9px; border:1px solid #000; border-radius:50%;}
.new02 dl:hover dt h1{ color:#034d8a}
.new02 dl:hover dd{width:44px; height:44px; background:url(../../images/y2.png) no-repeat center center #034d8a;background-size:11px 17px; border-color:#034d8a;}

.hot{ position:absolute; top:0px; left:60px; width:30px;webkit-animation: bounce-up 1.4s linear infinite;animation: bounce-up 1.4s linear infinite;}
.xwzx02{ padding-top:53px;}
.xwzx02 dl{ width:33%; float:left; padding:25px; border-right:1px solid #004d90; border-bottom:1px solid #004d90; margin-bottom:0;}
.xwzx02 dl dt{font-size: 20px;color: #9f8f69;font-family: "Arial";font-weight: normal;}
.xwzx02 dl dd h1 {font-size: 18px;margin: 5px 0;width: 80%; height:48px;}
.xwzx02 dl dd{ position:relative;}
.xwzx02 dl dd:after {
    content: "";
    width: 20px;
    height: 20px;
    border: 1px solid #333;
    border-radius: 50%;
    background: url(../../images/y.png) no-repeat center center;
    background-position: 0 0;
    transition-duration: .5s;
    position: absolute;
    bottom: 0;
    right: 0;
}
.xwzx02 dl:hover dd:After{border-color:#034d8a;background:url(../../images/y.png) no-repeat center center #034d8a;background-position:0 -20px;}
.xwzx02 dl:nth-child(3n){ border-right:none;}
.xwzx02 dl:nth-child(4),.xwzx02 dl:nth-child(5),.xwzx02 dl:nth-child(6){ border-bottom:none;}
.dt-ri{ background:#cfe3ff; width:30%; padding:30px;}
.djdt-le{ width:62%;}
.dt01{ border-bottom:1px solid #004d90; padding-bottom:40px; margin-bottom:40px;}
.dt-img{ width:36%; overflow:hidden;}
.dt-img img{ display:block; border-radius:10px 10px 0 10px; transition-duration:.5s;}
.dt01:hover .dt-img img{ transform:scale(1.1)}
.dt-txt{ width:60%;}
.dt-txt .new01 a{ margin:0;}
.djdt-le .dt01:nth-child(2){ border:none;}
.gygs{ padding:0 0 60px 0;}
.gswb{-moz-box-shadow: 0px 0px 10px #C7C7C7;
    -webkit-box-shadow: 0px 0px 10px #C7C7C7;
    box-shadow: 0px 0px 10px #C7C7C7;}

.gygs-le{ width:32%;}
.gswb{ padding:15px 20px; border-radius:15px;}
.gs-date{ color:#004d90; font-family:"Arial";}
.gs-date h1{ font-size:42px; font-weight:normal;}
.gs-date p{ font-size:18px;}
.hx{ margin:10px 10px 0 10px;}
.hx span{ width:34px; height:3px; background:#004d90;display:block; margin-bottom:7px; border-radius:5px; transition-duration:.5s;}
.hx span:nth-child(2),.hx span:nth-child(5){ width:29px;}
.hx span:nth-child(3),.hx span:nth-child(6){ width:19px;}
.gswb{ margin-bottom:20px;}
.gswb dd{ width:66%; padding-top:8px; }
.gswb dd h1{ font-size:20px; font-weight:normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.gswb dd p{ font-size:17px; color:#000; opacity:0.6; margin-top:10px;}
.gswb:hover .hx span:nth-child(3),.gswb:hover .hx span:nth-child(6){ width:34px;}
.gswb:hover .hx span:nth-child(2),.gswb:hover .hx span:nth-child(5){ width:29px;}
.gswb:hover .hx span{ width:19px;}
.gygs-gai-le{ width:32%; margin-right:2%;}
.ri-img{ width:100%; position:relative; padding-bottom:53.7%; border-radius:20px 20px 0 0;-moz-box-shadow: 0px 0px 10px #C7C7C7;
    -webkit-box-shadow: 0px 0px 10px #C7C7C7;
    box-shadow: 0px 0px 10px #C7C7C7;}
.ri-img img{ width:100%; height:100%; position:absolute; display:block; top:0; left:0; border-radius:20px 20px 0 0;}

 


@-webkit-keyframes bounce-up {
 25% {-webkit-transform: translateY(3px);}
 50%, 100% {-webkit-transform: translateY(0);}
 75% {-webkit-transform: translateY(-3px);}
  }
  
 @keyframes bounce-up {
 25% {transform: translateY(3px);}
 50%, 100% {transform: translateY(0);}
 75% {transform: translateY(-3px);}
 }

.in-rdgg{ position:relative; margin-bottom:80px;}
.gg-le{ width:32%; float:left; margin-right:2%;}
.gg-le dl dt{ width:100%; overflow:hidden; height:249px;}
.gg-le dl dt img{ width:100%; display:block; height:100%; transition-duration:.5s;}
.gg-le dl:hover dt img{ transform:scale(1.1)}
.gg-le dl dd{ background:#cfe3ff; padding:16px; position:relative;}
.gg-le dl dd h2{ font-size:20px;color:#9f8f69; font-family:"Arial"; font-weight:normal;}
.gg-le dl dd h1{ font-size:18px; margin:5px 0; width:100%;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;}
.gg-le dl dd p{ font-size:16px; color:#666;}
.gg-le dl dd:after{ right:22px; top:auto; bottom:22px;}

.gg-ri{ position:absolute; height:100%; width:50%; right:0; top:0; background:#d9e7ff; padding:40px; }
.gg-ri:after{ content:"NEW"; font-size:309px; font-weight:bold; color:#034d8a; opacity:0.07; position:absolute; bottom:0; left:-20px; width:100%;font-family:"Arial"; line-height:0.7; }
.gg-ri .new02 dl dt h1{ opacity:0.7}
.gg-ri .new02 dl:hover dt h1{ opacity:1;}
.gg-ri .new02 dl{ margin-top:0; margin-bottom:22px;}
.in-tszl .in-ti{ position:absolute; top:100px; left:100px;}
.ts01{ width:49.7%; position:relative;}
.ts01 dl,.ts02 dl{ position:relative;}
.ts01 dl dt,.ts02 dl dt{ width:100%; overflow:hidden;transition-duration:.5s; background:#d8d8d8; border-radius:30px;}
.ts01 dl dt img,.ts02 dl dt img{ width:100%; height:100%; display:block; border-radius:30px; transition-duration:.5s; opacity:0.7;}
.ts01 dl:hover dt,.ts02 dl:hover dt{ background:#034d8a; border-radius:0;}
.ts01 dl:hover dt img,.ts02 dl:hover dt img{ opacity:0.3; border-radius:0;}
.ts01 dl dd{ position:absolute; width:75%; left:12.5%; top:20%; color:#fff;}
.ts01 dl dd h1,.ts02 dl dd h1{ font-size:30px; letter-spacing:3px; font-weight:600; transition-duration:.5s; position:relative;}
.ts01 dl dd h1:before,.d-blo h1:before{ content:""; width:8px; height:8px; background:#fff; border-radius:50%; position:absolute; top:7px; left:0; opacity:0; transition-duration:.5s;}
.ts01 dl dd p,.ts02 dl dd p{ font-size:20px;font-family:"Arial"; padding:13px 0 20px 0; transition-duration:.5s;}
.ts01 dl dd span,.ts02 dl dd span{ display:block; width:47px; height:3px; background:#fff;transition-duration:.5s;}
.more-jt{ position:absolute; right:12.5%; bottom:10%; opacity:0; transition-duration:.5s; width:61px;}
.ts01 dl:hover .more-jt,.ts02 dl:hover .more-jt{ opacity:1;}
.ts01 dl:hover dd span{ opacity:0;}
.ts01 dl:hover dd p{ font-size:15px; padding-left:36px;}
.ts01 dl:hover dd h1{ border-bottom:1px solid #fff; padding-bottom:33px; padding-left:36px;}
.ts01 dl:hover dd h1:before{ opacity:1;}
.ts01{ margin-bottom:6px;}
.ts02{ width:24.7%; float:left; margin-right:0.4%;}
.ts02 dl dt{ background:#d9e7ff}
.ts02 dl dt img{ opacity:0.5;}
.ts02 dl:hover dt img{ opacity:0.2;}
.ts02 dl dd{ position:absolute; top:20%; width:80%; left:10%; color:#000; transition-duration:.5s;}
.ts02 dl dd p{ height:102px;}
.ts02 dl dd span{ background:#000;}
.ts02 .more-jt{ bottom:6%;}
.ts02 dl:hover dd{ opacity:0}
.d-blo{ position:absolute; height:88%; border-right:1px solid #fff; top:7.5%; left:10%; color:#fff; padding-right:25px; opacity:0; transition-duration:.5s;}
.d-blo h1{writing-mode: tb-rl;font-size:30px; letter-spacing:5px; font-weight:600; transition-duration:.5s; position:relative; padding-top:30px; }
.d-blo h1 span{transform: rotate(-90deg);display: inline-block;}
.d-blo p{ writing-mode: tb-rl; font-size:14px;font-family:"Arial"; width:100%; position:absolute; bottom:0; right:30px;}
.d-blo h1:before{ opacity:1; top:0; right:16px;}
.ts02 dl:hover .d-blo{ opacity:1;}
.in-link{ padding:55px 0;}
.link-ti{ border-bottom:2px solid #000; margin-bottom:20px; background:url(../images/jt1.png) no-repeat left top; padding-left:40px;}
.link-ti h1{ font-size:24px; color:#000; line-height:1; margin-bottom:5px;}
.link-ti p{ font-size:20px; padding-bottom:20px;}
.in-link ul{ padding:0 40px;}
.in-link ul li{ width:20%; float:left; font-size:17px; line-height:1.6;}
.in-ks-dh{ background:#d9e7ff; padding:50px 0 50px;  margin-bottom:72px; position: relative;}
.in-ks-dh:before{content:"DEPART MENT"; font-size:326px; font-weight:500; color:#034d8a; opacity:0.07; position:absolute; top:10px; left:-20px; width:100%;font-family:"Arial"; line-height:0.8; }
.Menubox{ position: relative; z-index:2;}
.Menubox li .ks-ti{  transition-duration:.5s;}
.Menubox li{ float:left; } 
.Menubox li .ks-ti{ position:relative;}
.Menubox li .ks-ti h1{ font-size:26px; line-height:1; padding-left:10px; transition-duration:.5s; display:inline-block;}
.Menubox li .ks-ti p{ font-size:17px;font-family:"Arial"; opacity:0; transition-duration:.5s; padding-top:10px;}
.Menubox li.hover .ks-ti p{ opacity:1; padding-left:45px; }
.Menubox li.hover .ks-ti h1{background:url(../images/y4.png) no-repeat left top;padding-left:45px; background-size:26px 26px;}
.Menubox li:nth-child(3) .ks-ti{ position:absolute; top:0; right:0; text-align:right;}
.Menubox li:nth-child(2) .ks-ti{position:absolute; top:0; right:190px; text-align:right;}
.Menubox li .hover1{ right:auto; left:190px; text-align:left !important;}
.Menubox li .hover2{ right:auto; left:60%; text-align:left !important; transform:translateX(-50%);}
.Menubox li:nth-child(1) .ks-ti:after{ content:""; width:484px; height:50px; background:url(../images/xian.png) no-repeat; position:absolute; bottom:-35px; left:-251px;}
.Menubox li .ks-ti:after{ opacity:0; transition-duration:.5s;}
.Menubox li:nth-child(2) .ks-ti:after{ content:""; width:296px; height:50px; background:url(../images/xian1.png) no-repeat; position:absolute; bottom:-35px; left:-40px;}
.Menubox li:nth-child(3) .ks-ti:after{ content:""; width:427px; height:50px; background:url(../images/xian2.png) no-repeat; position:absolute; bottom:-35px; right:-271px;}
.Menubox li.hover .ks-ti:after{ opacity:1;}

.Contentbox{ padding-top:70px; position:relative; z-index:2;}
.qh-dh{width:470px; float:left;}
.qh-dh ul li{ float:left; cursor:pointer; width:50%; margin-bottom:40px; }
.qh-dh ul li p{ display:inline-block; line-height:35px; padding:0 20px 0 35px; position:relative; transition-duration:.5s; font-size:17px;}
.qh-dh ul li p:before{ content:""; width:5px; height:5px; background:#000; border-radius:50%; position:absolute; left:15px; top:15px;}
/*.qh-dh ul li:hover p,*/.qh-dh ul li.hover p{ background:#034d8a; color:#fff; border-radius:30px;}
/*.qh-dh ul li:hover p:before,*/.qh-dh ul li.hover p:before{ background:#fff;}

.Contentbox1{width: calc(95% - 470px);width: -webkit-calc(95% - 470px); float:right;}
.ks-js-wb{ background:#034d8a; padding:33px; color:#fff; border-radius:20px;}
.js-ti{display: flex;align-items: center; border-left:3px solid #fff; line-height:1; padding-left:15px; margin-bottom:24px;}
.js-ti h1{ font-weight:normal; font-size:26px;}
.js-ti p{ font-size:12px; padding-left:20px; opacity:0.8;}
.js-le{ text-indent:32px; text-align:justify; font-size:17px; width:50%; line-height:1.8;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    line-clamp:7;
    -webkit-box-orient: vertical;}
.js-ri{ font-size:17px; width:35%; text-align:justify;line-height:1.8; }
.js-ri span{ display:block; padding-bottom:30px;}


		.zjgd{ overflow:hidden; position:relative; margin-top:25px;  }
		.zjgd .hd{ overflow:hidden; margin-top:35px; }
		.zjgd .hd .prev,.zjgd .hd .next{ display:block;  width:50px; height:50px; float:right; margin-right:15px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url(../images/pre.png) no-repeat center; border:1px solid #000; border-radius:50%;}
		.zjgd .hd .next{ transform:rotate(180deg )}
		.zjgd .hd .prev:hover,.zjgd .hd .next:hover{background:url(../images/pre1.png) no-repeat center #034d8a; border-color:#034d8a }

		.zjgd .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:30px; zoom:1; margin-right:15px; }
		.zjgd .hd ul li{ float:left;  width:12px; height:12px; overflow:hidden; border-radius:50%; margin:0 6px; text-indent:-999px; cursor:pointer; background:#c3cfe5; }
		.zjgd .hd ul li.on{ background:#034d8a; width:45px; border-radius:10px;}
	
		.zjgd .bd ul{ overflow:hidden; zoom:1; }
		.zjgd .bd ul li{ margin:0 30px 0 0; float:left; _display:inline;  text-align:center; width:30%; position:relative;  }
		.zjgd .bd ul li .pic{ text-align:center; background:#c3c3c3; border-radius:10px; padding:15px; position:relative; z-index:3; }
		.zjgd .bd ul li .pic img{ width:100%; height:100%; display:block;  }
		.zjgd .bd ul li .pic a:hover img{ border-color:#999;  }
		.zjgd .bd ul li .title{ position:absolute; right:0; top:17px; }
.zjgd .bd ul li .title h1{ font-size:20px;background:#c3c3c3;writing-mode: tb-rl; padding:10px 5px; border-radius:15px; position:relative; right:-22px; height:80px; z-index:4; }
.zjgd .bd ul li .title p{writing-mode: tb-rl; background:#989898; font-size:17px; position:relative; right:-32px; letter-spacing:3px; color:#000; border-radius:0 10px 10px 0; padding:10px 2px; top:-5px; }
.jxgy{ position:relative; padding-top:76px; padding-bottom:100px;}
.jxgy:after{ content:""; width:100%; height:50%; background:#d9e7ff; position: absolute; top:0; left:0; z-index:1;}
.jxgy:before{content:"HEALTH"; font-size:326px; font-weight:bold; color:#034d8a; opacity:0.07; position:absolute; top:50px; right:0px; font-family:"Arial"; line-height:0.8; z-index:2; }
.jxgy .wrap{ position:relative; z-index:3;}
.jx-img{ background:#000; position:relative; }
.jx-img img{ transition-duration:.5s;}
.jx-img .bf-an {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 56px !important; display:none !important; opacity:1;
}

.jx-txt{ padding:20px 0 15px 0; transition-duration:.5s; height:111px;}

.jx-txt p{ font-size:17px; line-height:1.7;}
.jx-txt span{ float:right; background:url(../images/by.png) no-repeat right center; padding-right:30px; color:#fff; opacity:0; transition-duration:.5s;}
.swiper-slide-active .jx-txt,#demos .owl-carousel .owl-item:hover .jx-txt{ background:#034d8a; padding:20px 30px 15px; color:#fff;}
.swiper-slide-active .jx-txt p,#demos .owl-carousel .owl-item:hover .jx-txt p{ border-bottom:1px solid #fff; padding-bottom:10px; margin-bottom:10px; height:50px;}
.swiper-slide-active .jx-txt span,#demos .owl-carousel .owl-item:hover .jx-txt span{ opacity:1;}

#demos .owl-theme .owl-controls .owl-dots{ position:absolute; bottom:20px; right:16.5%;}
#demos .owl-theme .owl-dots .owl-dot span{width:12px; height:12px; overflow:hidden; border-radius:50%; margin:0 6px;  cursor:pointer; background:#c3cfe5;}
#demos .owl-theme .owl-dots .owl-dot.active span{    background: #034d8a;width: 45px;border-radius: 10px;}
#demos .owl-theme .owl-controls .owl-nav [class*=owl-]{ padding:0 !important; 
    width: 50px;
    height: 50px;
    cursor: pointer;
    background: url(../images/pre.png) no-repeat center;
    border: 1px solid #000;
    border-radius: 50%; position:absolute; bottom:0; right:22%; text-indent:9999px;}
#demos .owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:url(../images/pre1.png) no-repeat center #034d8a; border-color:#034d8a}


#demos .owl-carousel .owl-controls .owl-nav .owl-next{transform: rotate(180deg ); right:13%;}
#demos .owl-carousel{ padding-bottom:70px;}





.pc-banner { position:relative; z-index:4; margin-top:60px;
}

.pc-banner .swiper-slide:hover .jx-img img{ opacity:0.5;}
.pc-banner .swiper-slide:hover .bf-an{ display:block !important; opacity:1 !important}

.pc-banner .swiper-container {
	width: 100%;
	margin: 35px 0;
}




.pc-banner .swiper-slide-active,.swiper-slide-duplicate-active {
	-webkit-transform: scale(1);
	transform: scale(1);
}



.pc-banner .none-effect {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;

}

 
 

.pc-banner .swiper-slide img {
	width: 100%;
	display: block;
}

 
.pc-banner .swiper-pagination {
	position: relative; text-align:right !important;  float:left; margin-top:20px;
}

.pc-banner .swiper-pagination-bullet {
	background: #c3cfe5;
	margin-left: 6px;
	margin-right: 6px;
	width: 12px;
	height: 12px;
	opacity: 1;
}

.pc-banner .swiper-pagination-bullet-active {
	width: 50px;
	background:#034d8a; width:50px; border-radius:10px;
}





.pc-banner .swiper-button-prev ,.pc-banner .swiper-button-next{ float:left; position: relative !important;width: 50px;
	height: 50px;
	border-radius: 50%;
	background: url(../images/pre.png) no-repeat center;
    border: 1px solid #000; margin-right:15px; margin-top:0 !important;} 



.pc-banner .swiper-button-next {
	transform: rotate(180deg ); margin-left:15px; margin-right:0;
}
.pc-banner .swiper-button-prev:hover,.pc-banner .swiper-button-next:hover{background:url(../images/pre1.png) no-repeat center #034d8a; border-color:#034d8a }

.mobile-jxgy{ display:none; position: relative; z-index:4;}
.mobile-jxgy li{ width:48%; float:left; margin:0 1% 20px;}
.mobile-jxgy li img{ display:block;}
.mobile-jxgy li p{ color:#fff; background:#034d8a; line-height:40px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; text-align:center;}



/*员工版*/

.in-right{width:65%; }

.slideBox {
     width:100%; 
    position: relative;
    background: #000; 
}

.slideBox .bd {
    position: relative;
    height: 100%;
    overflow: hidden; width:100%;
}

.slideBox .bd li {
    vertical-align: middle;
    position: relative;
}
.djs{ position:absolute; width:100%; text-align:center;display: flex;
    justify-content: center;
    align-items: center;color:#ffdc8a; bottom:15%; left:50%; z-index:5; transform:translateX(-50%); font-size:30px; opacity:0;}
.djs h1{ font-size:30px; font-weight:normal;}	
span.yg{font-weight:bold; font-size:36px; display:block; width:92px; line-height:46px; height:46px; color:#ffdc8a;    background: url(../images/xz.png) no-repeat center; color:#db3232; margin:0 20px;}


.slideBox .bd li:nth-child(1) .djs{ opacity:1;}
.slideBox .bd .b-img {
    width: 100%;
    display: block;
    animation: changeScale 1 2.5s;
}

.slideBox .bd .s-img {
    display: none;
}

.slideBox .hd {
    overflow: hidden;
    position: absolute;
     top:0; right:10%;
    z-index: 1; height:100%; text-align: center;
	display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.slideBox .hd ul {
    overflow: hidden;
    zoom: 1;
    color: #fff;
    width: 100%;
   
}

.slideBox .hd ul li {

    width: 12px;
    height: 12px; border:1px solid rgba(255,255,255,0.6);
    border-radius: 100%;
    cursor: pointer;
    transition-duration: .5s; margin:25px 0;
}

.slideBox .hd ul li.on {
    width: 12px; background:#fff;
}

.oa-xi{ position:absolute; width:40%; height:100%; background:rgba(255,255,255,0.3); top:0; right:-100%; z-index:9999;display: flex; align-items: center; transition-duration:.5s; border-radius:20px 0 0 20px; padding-left:5%;}
.oa-xi.hover{ right:0;}
.oawi{ width:70%;}
.oawi h1{ color:#12317e; font-size:30px; text-align:center; padding-bottom:50px;}
.sk01{ margin-bottom:11px;}
.sk01 input{ background:#fff; height:70px; line-height:70px; padding-left:15px; font-size:16px; width:100%; border:none; border-radius:15px; outline:none;}
.sk02 .sk01{ float:left; width:64%;}
.sk02 a{ width:33%;background:#fff; height:70px; line-height:70px; display:block; float:right;border-radius:15px; }
.sk03{ padding-top:50px; padding-bottom:10px;}
.sk03 a{ float:left; display:block; color:#fff; font-size:16px;}
.sk03 p{ float:right; color:#fff; font-size:16px;}
.sk03 p input{ vertical-align:middle; margin-right:5px;}
.sk04 a{ display:block;background:#fff; height:70px; line-height:70px; text-align:center; color:#12317e; font-weight:bold; font-size:22px; border-radius:15px;}
.closed-an{ position:absolute; top:7%; left:7%; width:30px;}


.sd-hs{ background: linear-gradient(left , rgb(8, 75, 140) , rgb(248, 248, 248) 18% , rgb(241, 241, 241) 79% , rgb(13, 80, 145) 100%);
background: -o-linear-gradient(left , rgb(8, 75, 140) , rgb(248, 248, 248) 18% , rgb(241, 241, 241) 79% , rgb(13, 80, 145) 100%);
background: -ms-linear-gradient(left , rgb(8, 75, 140) , rgb(248, 248, 248) 18% , rgb(241, 241, 241) 79% , rgb(13, 80, 145) 100%);
background: -moz-linear-gradient(left , rgb(8, 75, 140) , rgb(248, 248, 248) 18% , rgb(241, 241, 241) 79% , rgb(13, 80, 145) 100%);
background: -webkit-linear-gradient(left , rgb(8, 75, 140) , rgb(248, 248, 248) 18% , rgb(241, 241, 241) 79% , rgb(13, 80, 145) 100%);

padding:52px 0; position:relative; z-index:3;}
.sd-hs .wrap{display: flex;
    justify-content: space-between;}
.td-list{ position:relative; overflow:hidden; width:147px; margin:0 auto;-moz-box-shadow:0px 0px 10px #C7C7C7; -webkit-box-shadow:0px 0px 10px #C7C7C7; box-shadow:0px 0px 10px #C7C7C7; height:147px; border-radius:15px; background:#fff; padding-top:20px; text-align:center; }
.td-list dd{ font-size:20px; color:#004d8c; text-align:center; padding-top:15px; }
.td-list dt img{ transition-duration:3s; width:60px !important; margin:0 auto;}

 
.td-list:hover dt img,.yg-yy ul li a:hover img{ -webkit-animation: icon-bounce 0.5s alternate;
    -moz-animation: icon-bounce 0.5s alternate;
    -o-animation: icon-bounce 0.5s alternate;
    animation: icon-bounce 0.5s alternate;}

.in-box1{ position:relative;}
.in-left{ position:absolute; width:35%; height:100%; }
.nav{ position:absolute; left:38%; top:25%;}
.nav li{ margin-bottom:15px;}
.nav li a{ font-size:22px; display:block; position:relative; transition-duration:.5s;}
.nav li a:before{ content:""; width:0; height:3px; position:absolute; top:12px; left:0; background:#004d8c;transition-duration:.5s;}
.nav li a:hover,.nav li .on{ font-weight:bold; color:#004d8c; padding-left:28px;}
.nav li a:hover:before,.nav li .on:before{ width:20px;}
.yg-yy{ width:100%; position:absolute; bottom:0; left:0; height:227px;background: linear-gradient(left , rgb(3, 71, 138) 2% , rgb(223, 238, 246) 90%);
background: -o-linear-gradient(left , rgb(3, 71, 138) 2% , rgb(223, 238, 246) 90%);
background: -ms-linear-gradient(left , rgb(3, 71, 138) 2% , rgb(223, 238, 246) 90%);
background: -moz-linear-gradient(left , rgb(3, 71, 138) 2% , rgb(223, 238, 246) 90%);
background: -webkit-linear-gradient(left , rgb(3, 71, 138) 2% , rgb(223, 238, 246) 90%); padding-left:38%; padding-top:42px;}
.yg-yy ul li{ float:left; width:170px; margin-right:20px;}
.yg-yy ul li a{ display:block;display: flex;justify-content: center;align-items: center; background:#fff; border-radius:30px; line-height:52px; transition-duration:.5s;}
.yg-yy ul li a img{ width:32px; margin-right:15px;}
.yg-yy ul li a p{color:#004d8c; font-size:22px; letter-spacing:4px;}
.yg-yy ul li a:hover{-moz-box-shadow:0px 0px 10px #C7C7C7; -webkit-box-shadow:0px 0px 10px #C7C7C7; box-shadow:0px 0px 10px #C7C7C7;}
.ss{ width:355px; height:50px; border:2px solid #fff; border-radius:40px; position:relative; margin-top:30px;}
.ss input{ width:80%; height:48px; line-height:48px; background:none; outline:none; border:none; float:left; padding-left:20px; position:relative; font-size:18px; color:#fff;}
.ss button{ position:absolute; background:none; outline:none; border:none; top:6px; right:25px; cursor:pointer;}
.ss ::-webkit-input-placeholder{/*WebKit browsers*/color:#ffffff;}
.ss ::-moz-placeholder{/*Mozilla Firefox 19+*/color:#ffffff; }
.ss ::-ms-input-placeholder{/*Internet Explorer 10+*/color:#ffffff; }
.in-xwzx{ padding:70px 0;}
.mobile-nav{ display:none;}











@media only screen and (max-width: 1650px) {
	
	.h-logo,.h-ri{ top:5%;}
	.con-li dl dt h1{ font-size:30px;}
	.con-li dl dt h1 p{ font-size:22px;}
	.con-li dl{ width:220px; height:220px;}
	.con-li dl a{ padding:30px;}
	.h-con{ bottom:5%;}
	.con-li dl dd img{ width:80px;}
	.in-gh{ width:236px;margin-top: 255px;}
	.in-gh a p{ font-size:22px;}
	.in-gh img{ width:45px;}
	.in-gh a{ height:69px;}
	.in-add{ font-size:17px; padding:15px;}
	.con-li{ width:480px;}
	}




@media only screen and (max-width: 1500px) {
	 
	  .gg-ri:after{ font-size:280px;}
	  #demos .owl-theme .owl-controls .owl-nav [class*=owl-]{ right:18%;}
	  #demos .owl-carousel .owl-controls .owl-nav .owl-next{ right:5%;}
	  #demos .owl-theme .owl-controls .owl-dots{ right:10%;}
	  .nav{ left:20%;}
	  .yg-yy{ padding-left:20%;}
	  .nav li a{ font-size:20px;}
	  .td-list dd{ font-size:17px;}
 
	  .sk01 input,.sk04 a,.sk02 a{ height:55px; line-height:55px;}
	  .xw-center{ padding:33px;  }
	 
	  .gswb dd{ width:60%;}
	  .gygs-ri .gswb dd{ width:60%;}
	  .ri-img{ padding-bottom:58%;}
	  .oawi {width: 75%;}
	  .dt-img{ width:39%;}
	  .dt-txt{ width:58%;}
	  .djs{ bottom:12%;}
	}

@media only screen and (max-width: 1400px) {
	.new02 dl dt h1{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; height:30px;}
	.new01 p,.con-li dl dt h1 p{ font-size:16px;}
	.new01 h1{ font-size:20px;}
	.gg-ri{ padding:20px 40px;}
	.gg-ri .new02 dl{ margin-bottom:18px;}
	.gg-ri:after{ font-size:266px;}
	.js-ri span{ padding-bottom:20px;}
	.con-li dl{ width:190px; height:180px; }
	.con-li dl a{ padding:20px;}
	.con-li dl dt h1{ font-size:22px;}
	.con-li dl dt h1:after{ height:40px;}
	.con-li dl dd img{ width:60px;}
	.in-gh{ margin-top:204px; border-radius:15px; width:200px;}
	.in-gh a{ height:59px;}
	.in-gh a p{ font-size:18px;}
	.in-gh img{ width:35px;}
	.in-add{ font-size:15px; padding:10px;}
	.con-li{ width:420px;}
	.yg-yy ul li{ width:160px; margin-right:15px;}
	.yg-yy ul li a{ line-height:45px;}
	.yg-yy ul li a p{ font-size:16px;}
	.yg-yy ul li a img{ width:30px; margin-right:10px;}
	.nav li a{ font-size:16px;}
	.ss{ width:340px;}
	.td-list dt img{ width:50px !important}
	.td-list{ width:137px; height:137px;}
	.in-ti h1{ font-size:30px;}
	.in-ti h1 span{ font-size:22px;}
	.gg-le dl dd h1,.gg-le dl dd h2{ font-size:16px;}
 .xw-center{ padding:31px;}

 .gswb{ margin-bottom:13px;}
	}

@media only screen and (max-width: 1280px) {
	.zn-li dl dt img{ width:50px;}
	.zn-li dl dt{ margin-right:10px;}
	.zn-li dl dd p{ font-size:17px;}
	.zn-li dl dd span{ font-size:15px;}
	.in-ti h1{ font-size:30px;}
	.in-ti h1 span{ font-size:20px; padding-top:5px;}
	.new02 dl dt h1,.td-list dd,.new01 h1,.xwzx02 dl dd h1,.gs-date p,.gswb dd h1{ font-size:16px;}
	.gg-ri{ padding:20px;}
	.new02 dl dt p,.zjgd .bd ul li .title h1{ font-size:18px;}
	.gg-ri .new02 dl{ margin-bottom:12px;}
	.in-ti a{ font-size:15px; line-height:38px; height:40px; margin-top:40px;}
	.in-ti a:after{ top:10px;}
	.Menubox li .ks-ti h1,.ts01 dl dd h1, .ts02 dl dd h1,.d-blo h1{ font-size:24px;}
	.js-ti h1{ font-size:22px;}
	.js-le,.jx-txt p{ font-size:15px;}
	.js-ri{ font-size:15px; width:40%;}
	.zjgd .bd ul li{ width:28%;}
	.swiper-slide-active .jx-txt{ padding:15px;}
	.con-li{ width:370px;}
	.con-li dl{ width:160px; height:160px;}
	.con-li dl dt img{ padding-bottom:18px;}
	.in-gh{ margin-top:164px;}
	.h-ri dl dt img{ width:40px;}
	.h-ri dl{ margin-right:15px;}
	.h-ri dl:hover{ width:100px;}
	.td-list{ width:127px; height:127px;}
	.td-list dt img{ width:40px !important}
	.xw-center{ padding:32px;}

	.gs-date h1{ font-size:50px;}
	.ri-img {
    padding-bottom: 49.5%;
}
	}

@media only screen and (max-height: 920px) {}

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

@media only screen and (max-width: 760px) {
	.mobile-jxgy,.mobile-nav{ display:block;}
	.h-ri,.pageState,#demos,.Menubox,.Contentbox{ display:none;}
	.h-logo{ width:90%;}
	.h-con{ bottom:auto; top:20%; left:0;}
	.con-li{ width:100%; float:none !important;}
	.con-li dl{ width:43%; margin:0 3.5% 20px; height:140px;}
	.con-li dl dt img{ width:40px; padding-bottom:10px;}
	.con-ri{ float:none !important; width:100%;}
	.in-gh{ width:90%; margin:20px auto;}
	.in-add{ width:90%; margin:0 auto;}
	.in-box1{ top:0; width:100%; margin:0; padding:0;}
	.slideBox .hd{ display:block; right:0; width:100%; bottom:10px; top:auto; height:auto}
	.slideBox .hd ul{ text-align:center;}
	.slideBox .hd ul li,.slideBox .hd ul li.on{ display:inline-block; margin:0 3px; width:8px; height:8px;}
	.zn-li, .zn-ss,.zn-li dl a{ display:block;}
	.zn-li dl{ width:32%; margin:0 0.5% 20px; float:left; text-align:center;}
	.zn-li dl dt{ margin-right:5px;}
	.zn-li dl dt img{ width:30px;}
	.zn-li dl dd p,.ss input,.in-ti h1 span,.new01 h1,.gg-le dl dd h1{ font-size:14px;}
	.zn-li dl dd span{ font-size:12px;}
	.zn-li dl:nth-child(4),.zn-li dl:nth-child(5){ width:49%; margin-bottom:10px;}
	.zn-ss .ss{ width:100%; margin-top:10px;}
	.in-new,.in-rdgg,.jxgy,.in-ks-dh,.in-tszl,.in-link,.in-xwzx,.in-djdt,.gygs{ padding:30px 20px;}
	.in-ti h1{ font-size:20px;}
	.in-ti a{ width:120px; font-size:14px; height:35px; line-height:35px; margin-top:20px;}
	.in-new-le{ width:100%; padding-top:0;}
	.new01{ padding-top:15px; margin-bottom:10px !important}
	.new01 p, .con-li dl dt h1 p{ font-size:14px;}
	.new01 a{ font-size:14px; margin:10px 0;}
	.in-new-ri{ padding:15px;}
	.in-new-ri,.new-img, .new02,.in-new-ri:After,.gg-le{ width:100%; float:none !important;}
 
 
	.new02 dl{ margin-top:10px;}
	.in-rdgg{ padding-top:0; margin-bottom:0;}
	.gg-ri,.ts01{ position:relative; width:100%;}
	.new02 dl dd{ width:19px; height:19px; bottom:5px;}
	.gg-ri:after,.jxgy:before,.in-ks-dh:before{ font-size:148px; left:-10px;}
	.in-ks-dh{ margin-bottom:20px;}
	.in-tszl .in-ti{ position:relative; top:0; left:0;}
	.ts01 dl dd h1,.ts02 dl dd h1{ font-size:18px;}
	.ts01 dl dd p, .ts02 dl dd p,.sk03 a,.sk03 p{ font-size:14px;}
	.ts01 dl dd{ top:10%;}
	.ts02{ width:49%; margin-bottom:5px;}
	.link-ti h1{ font-size:20px;}
	.link-ti p{ font-size:17px; padding-bottom:5px;}
	.in-link ul{ padding:0;}
	.in-link ul li{ width:50%; font-size:14px;}
	.con-li dl dt h1{ font-size:18px;}
	.in-left{ display:none}
	.in-right,.djdt-le,.dt-ri,.dt-img,.dt-txt,.gygs-le,.gygs-ri{ width:100%; float:none !important}
	.nav-logo{ position:absolute; top:0; left:0;width: 50%; padding:5px;}
 
	.sd-hs .owl-carousel .owl-stage{ padding:10px 0;}
	.td-list{ width:100px; height:100px;}
	.td-list dt img{ width:30px !important}
	.new02 dl dt h1, .td-list dd, .new01 h1, .xwzx02 dl dd h1, .gs-date p, .gswb dd h1{ font-size:14px;}
    .td-list dd{ padding-top:10px;}
	.sd-hs .owl-theme .owl-controls .owl-nav [class*=owl-]{ width:15px; height:29px; background-size:15px 29px; left:-30px; margin-top:-14.5px;}
	.sd-hs .owl-theme .owl-controls .owl-nav .owl-next{ left:auto; right:-30px;}
	.oa-xi{ width:100%; height:99%;}
	.oawi{ width:90%; margin:0 auto;}
	.oawi h1{ font-size:18px; padding-bottom:15px; color:#fff;}
	.sk01{ float:left; width:48%;}
	.sk01:nth-child(2){ float:right}
	.sk01 input, .sk04 a,.sk02 a{ height:33px; line-height:33px; border-radius:5px; font-size:14px;}
	.sk03{ padding:10px 0;}
	.xw-center{ width:100%; float:none !important; margin:10px 0; clear:both; padding:15px 15px 40px 15px;}
	.xwzx02 dl{ width:100%; padding:10px 0; border-right:none;}
	.xwzx02{ padding-top:30px;}
	.xwzx02 dl:nth-child(4), .xwzx02 dl:nth-child(5), .xwzx02 dl:nth-child(6){border-bottom: 1px solid #004d90;}
	.dt01{ padding-bottom:15px; margin-bottom:15px;}
	.dt-ri,.gswb{ padding:10px;}
	.gs-date h1{ font-size:32px;}
	.gswb dd{ width:64%;}
	.gswb dd p{ font-size:14px; margin-top:5px;}
	.gswb{ border-radius:10px;}
	.gygs-ri .gswb dd{ width:66%;}
	.hx{ margin:10px;}
	.hx span{ height:2px;}
	.sd-hs .wrap{ display:block;}
	.sd-hs{ padding:20px 0;}
	.td-list{ width:30%; float:left; margin:0 1.5% 20px;}
	.xw-center{ height:auto;}
	.new01 span{ font-size:14px;}
	.gygs-gai-le{ width:100%; margin-right:0; float:none !important}
	.oa-xi{ height:300px; background: rgba(0,0,0,0.5); z-index:999}
	.oa-xi.hover{ top:0;}
}

@-webkit-keyframes grow {
    from {
        -webkit-transform: scale(1);
    }
    to {
        -webkit-transform: scale(2);
    }
}

@-moz-keyframes grow {
    from {
        -moz-transform: scale(1);
    }
    to {
        -moz-transform: scale(2);
    }
}

@keyframes grow {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.5);
    }
}