@charset "UTF-8";
/* CSS Document */
a:not([href]):not([tabindex]){color:#fff;}
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover{color:#fff;}
.wk_index_main_h5{display: none;}
img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: bottom;
	max-width: 100%;
}

#dn-nav {
	position: fixed;
	top: 50%;
	z-index: 100;
	margin-top: -32px;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	display: none;
}

#dn-nav.right {
	left: 17px;
}

#dn-nav ul {
	margin: 0;
	padding: 0;
	display: none;
}

#dn-nav ul li {
	position: relative;
	display: block;
	margin: 7px;
	width: 15px;
	height: 15px;
}

#dn-nav ul li a {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	cursor: pointer;
}

#dn-nav ul li a span {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	margin: -3px 0 0 -3px;
	width: 7px;
	height: 7px;
	border: 0;
	border-radius: 50%;
	background: #cfcfd1;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

#dn-nav ul li a.active span,
#dn-nav ul li:hover a.active span {
	margin: -7px 0 0 -7px;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	background: #90C42F;
}
#nav_ejpc{display: block;}
#nav_ejsj{display: none;}


.section {
	position: relative;
	overflow: hidden;
}

.page1 {
	background: url(../images/bg1.jpg) no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
}

.page2 {
	width: 100%;
}

.page3 {
	background: url(../images/bg3.jpg) no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
}

.page4 {
	background: url(../images/bg4.png) no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
}


/*page1*/


.page1_nav{
	width: 63%;
	margin: 0 auto;
	padding-top:5%;
}
.page1_nav_logo{
	display: block;
	width: 20%;
	float: left;
}

.page1_nav_list{
	float: left;
	margin-left: 15%;	
}
.page1_nav_list>li{
	float: left;
	position: relative;
	height: 1.5rem;
	padding:0.5rem 1.2rem;
}
.page1_nav_list>li>a{
	font-size:0.9rem;
	color: #FFFFFF !important; 
	margin-bottom:0.5rem;
}
.page1_nav_list>li>a:hover{
	color: #00a0e9 !important;
	cursor: pointer;
}
.page1_nav_list>li>ul{
	width: 120%;
	text-align: center;
	background:rgba(0,0,0,0.3);
	padding: 5px 0;
	position: absolute;
	top:70%;
	left: -10%;
	
}
.page1_nav_list>li>ul>li>a{
	display: block;
	font-size:0.8rem;
	color: #FFFFFF !important;
	margin:1rem 0;
	cursor: pointer;
}
.page1_nav_list>li>ul>li>a:hover{
	color: #00a0e9 !important;
}
.page1_nav_list>li ul{
	display: none;
}
.page1_nav_list>li:hover ul{
	display: block;
}

.page1_nav_en{
	font-size:1rem;
	color: #FFFFFF !important;
	float: right;
	cursor: pointer;
	line-height:2rem;
}
.page1_nav_en:hover{
	color: #fff !important;
}
.page1_kjcx{
	width: 63%;
	margin: 0 auto;
	margin-top:10%;
	font-size: 3rem;
	letter-spacing:1em;
	text-align: center;
	color: #FFFFFF;
}
.page1_kjcx_img{
	display: block;
	width: 63%;
	height: 3.2rem;
	margin: 0 auto;
	margin-top:13rem;
	margin-bottom: 4rem;
}
.page1_kjcx span{
	display: inline-block;
	width: 5rem;
}
.page1_szh{
	width: 63%;
	margin: 0 auto;
	text-align: center;
	font-size:2.7rem;
	color: #fff;
	font-weight: bold;
	margin-top:6rem;
	letter-spacing:0.2rem;
}
.page1_shan{
	display:block;
	width: 100%;
}


/*page2*/

.page2_list{
	width: 100%;
}
.page2_list li{
	width:33.33%;
	float: left;
	color: #FFFFFF;
}
.page2_l1{
	background: url(../images/page2_bg1.png) no-repeat;
}
.page2_l2{
	background: url(../images/page2_bg2.png) no-repeat;
}
.page2_l3{
	background: url(../images/page2_bg3.png) no-repeat;
}
.page2_l4{
	background: url(../images/page2_bg4.png) no-repeat;
}
.page2_l5{
	background: url(../images/page2_bg5.png) no-repeat;
}
.page2_l6{
	background: url(../images/page2_bg6.png) no-repeat;
}
.page2_t{ color: #FFFFFF; width: 100%; text-align: center; margin-top:20%;}
.page2_t i{font-size:5rem; font-weight: bold;}
.page2_t b{font-size:1.5rem; vertical-align: top; font-weight: bold;}
.page2_t span{font-size:1.9rem;}
.page2_t .num{ }
.page2_b{width: 100%; text-align: center; font-size:1.5rem; margin-top:4%;}


/*page3*/

.page3{width:100%;}
.page3_box{width: 63%; margin: 0 auto;}
.page3 h2{width:21%; font-size:2.6rem; color: #0d3874; border-bottom: 3px solid #d2342a; margin: 9% auto 0; padding-bottom: 1%; text-align: center;}
.page3_box_list{width: 100%; margin: 10% auto 0;}
.page3_box_list li{float: left; width:33.3%; text-align: center; position: relative;}
.page3_box_list li a{display: block;  }
.page3_box_list li img{ 
	width: 70%; 
	display: block; 
	margin: 0 auto;
	-webkit-transition: 0.5s;
    -webkit-transition: -webkit-transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
}
.page3_box_list li img:hover{
	 transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}
.page3_box_list li h3{ font-size:1.8rem; color: #ffffff; margin: 2rem auto 1rem; position: absolute; top: 55%; width: 100%;}
.page3_box_list li p{ font-size:1rem; color: #ffffff; position: absolute; top: 80%; width: 100%;}
.page3_box_list li>a>a{ font-size:0.8rem; color: #ffffff; position: absolute; top: 90%; right:5%; width: 100%; cursor: pointer;}


/*page4*/
.page4{width:100%;}
.page4_box{width: 63%; margin: 0 auto;}
.page4 h2{width:21%; font-size:2.6rem; color: #fff; border-bottom: 3px solid #d2342a; margin:7% auto 0; padding-bottom: 1%; text-align: center;}
.page4_box_p1{font-size:1.6rem; color: #fff; font-weight: bold; margin: 35% auto 5%;}
.page4_box_p2{font-size:1.3rem; color: #fff;}

.page4_box1{width:70%; margin:4rem auto 0; overflow:hidden; position:relative;}
/*.page4_box1 ul { position:relative; width:100%; height:100%;}
.page4_box1 ul li {position: absolute; top:0; left:0; display:block;width:100%; height:100%;margin:0 auto;z-index:100;}
.page4_box1 ul li:nth-child(1){z-index:100;}
.page4_box1 ul li:nth-child(2){z-index:99;}
.page4_box1 ul li:nth-child(3){z-index:88;}
.page4_box1 ul li img {width:100%; margin: 0 auto;}*/
.page4_box1 .animated {
          animation-duration: 1.8s;
          animation-fill-mode: both;
        }

.animated.infinite {
          animation-iteration-count: infinite;
        }
.page4_box1 .bounce {
          animation-name: bounce;
          transform-origin: center bottom;
        }

        @keyframes bounce {
          from, 20%, 53%, 80%, to {
            animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transform: translate3d(0,0,0);
          }

          40%, 43% {
            animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transform: translate3d(0, -15px, 0);
          }

          70% {
            animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transform: translate3d(0, -7px, 0);
          }

          90% {
            transform: translate3d(0,-3px,0);
          }
        }
 

/*右边浮窗*/
.mainRight{
	position: fixed;
	top: 50%;
	right:5px;
	z-index: 1111111111;
}
.mainRight li{
	width:3rem;
	height: 3rem;
	margin: 0.5rem 0;
	cursor: pointer;
}
.rightPro{
	
}
.rightPho{
	position: relative;
}
.rightPhop{
	display: none;
	position: absolute; 
	top:0.05rem; 
	left:-8.9rem; 
	width:9rem; 
	height:2.9rem; 
	background: #FFFFFF; 
	text-align: center; 
	line-height:3rem;
	border: 1px solid #CCCCCC; 
	color:#0d3874; 
	font-size: 0.8rem; 
	border-right: 0;
}
.rightPho:hover .rightPhop{
	display: block;
}
.rightQR{
	position: relative;
}
.rightQRd{
	position: absolute;
	top:0;
	left: -9rem;
	width:9rem;
	height: 9rem;
	display: none;
}
.rightQR:hover .rightQRd{
	display: block;
}
/*信息填写*/
.show_main{
	position: fixed;
	top:30%;
    left:30%;
    width:40%;
	height:auto;
	color: #0d3874;
    border-radius: 5px;
    background-color:#FFFFFF;
	z-index: 99999999;	
	display:none;
}	
.show_form{
margin:0 auto;
width:90%;
padding: 5% 0
}	
.show_form tr{
width:100%;
margin-top:5px;
display:inline-block;
text-align: center;
}	
	.show_form td{
margin:10px auto;
width:42%;
/*margin-right:5%;*/
display:inline-block;
}	
.show_form .tdl{
	margin-right: 5%;
}
.show_form input{
 border:none;
background:#fff;
width:100%;
height:40px;
border: 1px solid #CCCCCC;
font-size: 0.8rem;
}	
.show_form select{
 border:none;
background:#fff;
width:100%;
height:40px;
}		
.show_guanbi{
	 position: absolute;
	top:10px;
	right:10px;
	z-index: 9999999;
	cursor: pointer;
	color:#0d3874;
	font-size: 0.8rem;
}

 
/*首页移动端*/
@media(max-width: 993px) {
	body{overflow:auto;}
	#nav_ejpc{display: none;}
	#nav_ejsj{
		display: block;
		width: 100%;
	    height: 3rem;
	    background: rgba(13,56,116,0.8);
	    position: fixed;
	    top: 0;
	    left: 0;
	    z-index: 99999;
	    padding: 0.5rem 1rem;
	}
   .wk_index_main{display: none;}
   .wk_index_main_h5{display: block;}
   .page1_h5 {
		width: 100%;
		height:10rem;
		background: url(../images/bg1.jpg) no-repeat center;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		position: relative;
		padding-top:12rem;
	}
	.page1_kjcx_img_h5{
		display: block;
		width: 85%;
		height:1.6rem;
		margin: 0 auto;
		margin-bottom: 4rem;
	}
	.page1_kjcx_h5 span{
		display: inline-block;
		width: 5rem;
	}
	.page1_shan_h5{
		display:block;
		width: 100%;
		position: absolute;
		bottom: 0;
	}
	
	.page2_h5 {
		width: 100%;
	}
	.page2_list_h5{
	width: 100%;
}
	.page2_list_h5 li{
		width:50%;
		height: 15rem;
		float: left;
		color: #FFFFFF;
		background-size: cover;
	}
	.page2_l1_h5{
		background: url(../images/page2_bg1.png) no-repeat;
	}
	.page2_l2_h5{
		background: url(../images/page2_bg2.png) no-repeat;
	}
	.page2_l3_h5{
		background: url(../images/page2_bg3.png) no-repeat;
	}
	.page2_l4_h5{
		background: url(../images/page2_bg4.png) no-repeat;
	}
	.page2_l5_h5{
		background: url(../images/page2_bg5.png) no-repeat;
	}
	.page2_l6_h5{
		background: url(../images/page2_bg6.png) no-repeat;
	}
	.page2_t_h5{ color: #FFFFFF; width: 100%; text-align: center; margin-top:20%;}
	.page2_t_h5 i{font-size:3rem; font-weight: bold;}
	.page2_t_h5 b{font-size:1.5rem; vertical-align: top; font-weight: bold;}
	.page2_t_h5 span{font-size:1.5rem;}
	.page2_t_h5 .num{ }
	.page2_b_h5{width: 100%; text-align: center; font-size:1.3rem; margin-top:4%;}

	
	.page3_h5 {
		width: 100%;
		height: 28rem;
		background: url(../images/bg3.jpg) no-repeat center;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
	}
	.page3_box_h5{width:95%; margin: 0 auto;}
	.page3_h5 h2{width:25%; font-size:2rem; color: #0d3874; border-bottom: 3px solid #d2342a; margin: 0 auto;padding-top: 2rem; padding-bottom:0.5rem; text-align: center;}
	.page3_box_list_h5{width: 100%; margin:4rem auto 0;}
	.page3_box_list_h5 li{float: left; width:33.3%; text-align: center; position: relative;}
	.page3_box_list_h5 li a{display: block; cursor: pointer;}
	.page3_box_list_h5 li img{ 
		width: 80%; 
		display: block; 
		margin: 0 auto;
		-webkit-transition: 0.5s;
	    -webkit-transition: -webkit-transform 0.5s ease-out;
	    transition: transform 0.5s ease-out;
	    -moz-transition: -moz-transform 0.5s ease-out;
	}
	.page3_box_list_h5 li img:hover{
		 transform: scale(1.1);
	    -webkit-transform: scale(1.1);
	    -moz-transform: scale(1.1);
	}
	.page3_box_list_h5 li h3{ font-size:1.4rem; color: #ffffff; margin:1.2rem auto 0.2rem; font-weight: normal; position: absolute; top: 55%; width: 100%;}
	.page3_box_list_h5 li p{ font-size:1.1rem; color: #ffffff; position: absolute; top: 80%; width: 100%;}
	.page4_h5 {
		width: 100%;
		height:25rem;
		background: url(../images/bg44.jpg) no-repeat center;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
	}
	.page4_box_h5{width:85%; margin: 0 auto;}
	.page4_h5 h2{width:26%; font-size:2rem; color: #FFFFFF; border-bottom: 3px solid #d2342a; margin: 0 auto;padding-top: 2rem; padding-bottom:0.5rem; text-align: center;}
	.page4_box_p1_h5{font-size:1.3rem; color: #fff; margin:6rem auto 1rem; line-height:1.8rem;}
	.page4_box_p2_h5{font-size:1.3rem; color: #fff; line-height:1.8rem;}
	.navbar{
		width: 100%;
		height: 3rem;
		background:rgba(13,56,116,0.8);
		position: fixed;
		top: 0;
		left: 0;
		z-index: 99999;
	}
	nav>a>img{
		width:14rem;
		/*margin-top:0.75rem;*/
	}
	.nav_box{
		width:90%;
		height: 100%;
		margin: 0 auto;
	}
	.nav_box>ul{
		width: 63%;
		text-align: center;
		padding-left: 15%;
	}
	.nav_box>ul>li{
		float: left;
		margin: 0;
		height: 100%;
		position: relative;
	}
	.nav_box>ul>li>a{
		font-size:1.5rem;
		color: #FFFFFF;
		display: block;
		line-height:3rem;
		height: 3rem;
		cursor: pointer;
	}
	.nav_box>ul>li>a:hover{
		color: #00a0e9;
	}
	.nav_box>ul>li ul{
		width: 6rem;
		background:rgba(13,56,106,0.7);
		position: absolute;
		top: 0;
		left:-1rem;
		z-index: 9999;
		padding: 1rem 0 1rem 0;
		display: none;
	}
	.nav_box>ul>li:hover ul{
		display: block;
	}
	.nav_box>ul>li>ul li a{
		width: 100%;
		font-size:1.4rem;
		text-align: center;
		color: #FFFFFF;
		display: block;
		line-height:3rem;
		cursor: pointer;
	}
	.nav_box>ul>li>ul li a:hover{
		color: #00a0e9;
	}
	.nav_box>.nav_box_en{
		display: none;
		font-size:1rem;
		color: #FFFFFF;
		height: 3rem;
		line-height: 3rem;
		cursor: pointer;
	}
	.nav_box>a:hover{
		color: #FFFFFF;
	}

	.footer_top{display: none;}
	.footer_bottom{
		width:86%;
		padding: 2rem 7%;
		display: none;
	}
	.footer_bottom1{
		width:86%;
		padding: 3rem 7%;
		display: block;
	}
	.footer_bottom_left{
		width: 72%;
	}
	.footer_bottom_p1{
		font-size: 1.5rem;
		color: #00a0e9;
		margin-bottom:1rem;
	}
	.footer_bottom_p2{
		font-size:1.2rem;
		color: #fff;
		line-height:1.5rem;
		display: flex;
		align-items: center;
		margin-bottom:0.5rem;
	}
	.footer_bottom_p22{
		font-size:1.2rem;
		color: #fff;
		line-height:1.5rem;
		display: flex;
		align-items: center;
		padding-left: 0.2rem;
		margin-bottom: 0.5rem;
	}
	.footer_bottom_p2>span{
		font-style: normal;
	}
	.footer_bottom_a{
		display:inline-block;
		font-size:0.8rem;
		color: #fff;
		cursor: pointer;
		line-height:1.5rem;	
	}
	.footer_bottom_p2 .pi1{
		background: url(../images/footer_tel.png) no-repeat;
		background-size: cover;
		display:inline-block;
		width: 1.5rem;
		height:1.5rem;
		margin-right:0.5rem;
		margin-left: 0.1rem;
	}
	.footer_bottom_p2 .pi11{
		background: url(../images/footer_email.png) no-repeat;
		background-size: cover;
		display:inline-block;
		width: 1.35rem;
		height:1.3rem;
		margin-right:0.5rem;
		margin-left: 0.2rem;
	}
	.footer_bottom_p22 .pi2{
		background: url(../images/footer_dw.png) no-repeat;
		background-size: cover;
		display:inline-block;
		width:1.2rem;
		height:1.25rem;
		margin-right:0.5rem;
		margin-bottom: 1.2rem;
	}
	.footer_bottom_p2 .pi3{
		background: url(../images/footer_bq.png) no-repeat;
		background-size: cover;
		display:inline-block;
		height:1.8rem;
		margin-right:0.5rem;
		margin-bottom: 1.3rem;
	}
	.footer_bottom_right{
		width:28%;
	}
	.footer_bottom_right>img{
		display: block;
		width:6rem;
		height:6rem;
		margin: 1rem auto;
	}
	.footer_bottom_right>p{
		margin-top: 0.5rem;
		font-size: 1.2rem;
		color: #FFFFFF;
		width: 100%;
		text-align: center;
	}
	 
}