﻿@charset "utf-8";
html{font-size:62.5%;}
body{margin:0px; font-size:12px; color:#91989f; font-family: Arial, Helvetica, sans-serif,Microsoft YaHei; cursor:default; }
*{padding:0px; margin:0px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; }
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td {margin:0; padding:0; font-family: Arial, Helvetica, sans-serif,Microsoft YaHei;}
h1,h2,h3,h4,h5,h6 {list-style:none; font-weight:normal; color:#555;}
input,select,button{font-size:12px; font-family: Arial, Helvetica, sans-serif,Microsoft YaHei; border:0; background:none; outline:none; vertical-align:middle;}
button {overflow:visible}
img{border:none;vertical-align: middle;
  border-style: none;}
li{list-style:none;}
a{color:#91989f; text-decoration:none;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;
transition:all .3s;}
a:hover{color:#005caf;}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;text-decoration: none;}

.clear{overflow:hidden; clear:both; height:0px;}
.fl{float:left;}
.fr{float:right;}
.flexb {
  display: flex;
  align-items: center;
  justify-content: center;
}
.con{padding: 0 16px;margin: 0 auto;
    width: 1400px;
    max-width: 100%;}
 .container {
    padding: 0 16px;
    width: 1400px;
    max-width: 100%;margin: 0 auto;
  }
.header .line1 {
  height: 64px;
  line-height: 64px;
  border-bottom: 1px solid #d5d5d5;
  padding: 0 60px;
  transition: all .3s;
}
.header.on .line1 {
  height: 0;
  border-bottom: 0 solid #d5d5d5;overflow: hidden;
}
.flexb2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header .l1Left {
  font-size: 18px;
  color: rgb(102, 102, 102);
  font-weight: 100;
}
.header .telDiv2 {
  justify-content: flex-end;
  width: 100%;
  display: flex;
  align-items: center;
}
.header .telDiv2 img {
  margin-right: 8px;
  height: 28px;margin-left: 16px;
}
.header .telDiv {
  font-size: 18px;
  color: rgb(6, 61, 209);
  line-height: 40px;
  font-weight: 700;
}
.header{width:100%; position:fixed; top:0; left:0; z-index:1000;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;background:rgba(255,255,255,1)}
.header.on{box-shadow:0 0 10px #aaa; }
.header .container{position:relative;}
.header .logo{float:left;height: 100px;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}

.header .logo img{width:auto; height:56px; display:block;}

.header .an{position:absolute; top:50%; right:15px; height:18px; width:30px; display:none;
transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);}
.header .an span{width:30px; height:2px; background-color:#555; display:block; position:absolute;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:8px; left:0;}
.header .an span.a3{top:16px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:8px; width:30px;
transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:8px; width:30px;
transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);}

.header .lang{ color: #0022cf;float: right;font-size: 16px;line-height: 100px;margin-left: 50px;}
.header .lang a { color: #0022cf;margin: 0 6px;}

.header .nav{ float:right;}
.header .nav i{ color:#333; line-height:54px; text-align:right; position:absolute; width:50%; height:54px; right:0px; top:50%; display:none;
transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);}

.header .nav ul li{ line-height:100px; float:left; position:relative; padding:0 16px;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}

.header .nav ul li a{display:block; font-size:18px; color:#222; text-transform:capitalize}
.header .nav ul li.on {background: rgb(5, 63, 209);color: #fff;}
.header .nav ul li:hover {background: rgb(5, 63, 209);color: #fff;}
.header .nav ul li:hover a{color: #fff;}
.header .nav ul li.on a{color: #fff;}

.nav .y_j{position:relative;}
.nav .e_j{width:330px; background-color:rgba(255,255,255,.95); position:absolute; top:100px; left:0%; display:none; z-index:9999;}
/*.header.on .nav .e_j{box-shadow:0 2px 2px #aaa;}*/
.header .nav ul li .e_j a{display:block; font-size:14px; color:#000; line-height:1.5;padding: 10px 0 10px 10px; border-bottom:1px solid rgba(0,0,0,0.15);padding-left: 10px;}
.nav .e_j .ejy { position:relative}
.header .nav .e_j a:hover{background: rgb(5, 63, 209); color:#fff;}

@media (min-width:1024px){

.header .nav .e_j{display:none !important;}
.header .nav ul li:hover .e_j{display:block !important;}
.head_h { height: 164px;}
}

@media (max-width:1200px){

.header .nav ul li a{font-size:16px;}
}
@media only screen and (max-width:1024px){
.head_h { height: 60px; display:block}
	 .header .line1 {display: none;
  }
.header{border:0; height:60px; width:100%}
.header .container{ padding:0; overflow:hidden; width:94%}
.header .logo{height: 60px;}
.header .logo img {
  height: 40px;
}
	.header .lang {margin-right: 50px;
  line-height: 60px;font-size: 14px;
  margin-left:0px;
}
.header .an{display:block; right:10px;}
.header .an span { background-color:#999}
.header .nav ul { width: 100%;}

.header .nav{width:100%; padding:15px 5%; background-color:#fff; height:100%; position:fixed; top:60px; right:-100%; z-index:9999; overflow:auto;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s; margin-top:0}
.header .nav.on{right:0;}
.header.on .nav ul li a { font-size: 16px;color: #333;}
	.header.on .nav ul li.on a {
  color: #fff;
}
.header .nav i{display:block;}
.header .nav ul li{line-height:60px; text-align:left; border-bottom:1px solid rgba(0,0,0,0.15); float:none; margin:0; padding:0}
.header .nav ul li::after { background: rgba(0,0,0,0);}
.header.on .nav ul li{line-height:60px;}
.header .nav .e_j { width: 100%; border-top: 1px solid rgba(0,0,0,0.15); background: none; position: relative;display: none;top: auto; left: auto; margin: 0;padding-bottom: 10px;}
.header .nav ul li .e_j a { color:#333;font-size: 16px;}
.header .nav ul li .e_j a:hover { color:#fff}
.header .nav .e_j a{border-top:0; font-size:12px; color:#aaa; line-height:32px;}
.header .nav .e_j a:hover{background:none;}
.header .nav ul li:hover .e_j{display:none;}
.header .nav ul li a{ color:#333;padding-left: 10px;}
.header .nav ul li .e_j a:last-child {border: 0;
  }
.header .nav ul li:hover span{width:0;}
.header .nav ul li.on span{width:0;}
}
@media only screen and (max-width:375px){
.header .container{ padding:0}
}

.gallery-top{width:100%; position:relative;}
.gallery-top .swiper-slide img{width:100%; height:auto; display:block;}
.gallery-top .swiper-pagination{bottom:20px !important;}
.gallery-top .swiper-pagination-bullet {width:10px; height:10px; display:inline-block; border-radius:0; opacity:1;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
.gallery-top .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#053fd1}


.pubTit{text-align: center;margin-bottom: 40px;}
.pubTit .tit{font-size: 38px;font-weight: 700;color: #333; }
.pubTit .desc{font-size: 18px;color: #666666;line-height: 1.5;}
.pubTit .desc::after{
	content: "";
	display: block;
	width: 45px;
	height: 2px;
	background: #215ae9;
	margin: 4px auto;
}
.indp {
  padding: 80px 0;overflow: hidden;
}
.indp2Left{width: 320px;border: 1px solid #eeeeee;}
.indp2Left .allName{
	background: rgb(5, 63, 209);
	width: 100%;
	line-height: 62px;
	font-size: 30px;
	color: rgb(255, 255, 255);
	padding: 0 20px;
}
.indp2Left .yijiul{
	background: #ffffff;
	width: 100%;
	padding-bottom: 20px;
}
.indp2 .indp2Left .yijiul{padding-bottom:0;}
.indp2Left .yijili{
	border-bottom: 1px solid #f0f0f0;
	padding: 0 20px;
}
.indp2Left .yijili a{
	display: block;
	font-size: 18px;
	color: #333333;
	padding: 15px 0;
	line-height: 1.7;
display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
.indp2Left .yijili:last-child{border-bottom: 0;}
.indp2Left .yijili:last-child>a{border-bottom: 0;}
.indp2Left .yijili.on>a,
.indp2Left .yijili:hover>a{color: #053fd1;}
/* .indp2Left .yijili.hasdown .erjiul{display: none;} */
/* .indp2Left .yijili.hasdown.on .erjiul{display: block;} */
.indp2Left .hasdown .erjiul{padding: 8px 20px;background: #f3f2f2;}
.indp2Left .erjili{padding-left: 16px;position: relative;}
.indp2Left .erjili::before{
	content: "";
	display: block;
	width: 4px;
	height: 4px;
	background: #666666;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: calc(50% - 2px);
}
.indp2Left .erjili a{color: #666666;font-size: 16px;padding: 6px 0;display: block;}
.indp2Right{width: calc(100% - 338px);}
.indp2Ul{margin: 0 -6px;}
.indp2Ul li{padding: 0 6px;}
.indp2Ul .imgB{overflow: hidden;height:230px;display: flex;align-items: center;justify-content: center;}
.indp2Ul .imgB img{width: 100%;display: block;transition: all 0.3s;}
.indp2Ul .imgB:hover img{transform: scale(1.1);}
.indp2Ul .tit{
	font-size: 16px;
	color: #333333;
	text-align: center;
	height: 46px;
	line-height: 46px;
	background: #ffffff;
}
.indp2Ul li .tit{transition: all 0.3s;overflow: hidden;}
.indp2Ul li:hover .tit{
	background: rgb(4, 62, 210);
	color: #ffffff;
}
.more {margin: 50px auto 0;font-size: 18px;color: #fff;text-align: center;}
.more a {color: #fff;line-height: 50px;background: rgb(5, 63, 209);display: inline-block;padding: 0 15px;}

/* .indp3 .nrBox{padding: 40px 6vw;} */
.indp3 .swiper-pagination{display: none;}
.indp3 .swiper-button-prev{
	left: -88px;
}
.indp3 .swiper-button-next{
	right: -88px;
}
.indp3 .swiper-button-prev i {font-size: 30px;color: #fff;}
.indp3 .swiper-button-next i {font-size: 30px;color: #fff;}
.indp3 .swiper-button-prev,
.indp3 .swiper-button-next{
	background: rgb(4, 62, 210);
	width: 60px;
	height: 88px;line-height: 88px;text-align: center;
	top: calc(50% - 44px);
	margin: 0;
}
.indp3 .swiper-button-prev::after,
.indp3 .swiper-button-next::after{
	color: #ffffff;
	font-size: 44px;
	font-weight: 100;
}
.indp3 .nrBox .imgB{overflow: hidden;}
.indp3 .nrBox .imgB img{transition: all 0.3s;width:100%;}
.indp3 .nrBox .swiper-slide:hover .imgB img{transform: scale(1.1);}
.indp3 .nrBox .tit{
	border: 2px solid #215ae9;
	border-radius: 50%;
	position: absolute;
	left: calc(50% - 114px);
	top: calc(50% - 114px);
	width: 228px;
	height: 228px;
	padding: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.indp3 .nrBox .tit span{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: #215ae9;
	font-size: 20px;
	color: #ffffff;
	line-height: 1.25;
	text-align: center;
	padding: 16px;
	transition: all 0.3s;
}
.pore {
  position: relative;
}
.gray {background: #f6f6f6;}

.swiper_indp3{overflow: hidden;}

.sy_js {overflow: hidden;}
.sy_js ul{display: flex;justify-content: space-between;}
.sy_js ul li {width: 26%;}
.sy_js ul li h3{line-height: 1;margin-top: 32px;font-size: 25px;color: #222;text-align: center;font-weight: bold;}
.sy_js ul li .t_b {text-align: center;}
.sy_js ul li .t_b img{max-width: 150px;margin: 0 auto;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.sy_js ul li:hover .t_b img{-webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.sy_js ul li p{font-size: 16px;
  color: #666666;
  line-height: 1.5;
  margin-top: 24px;}

/* .indp4{padding: 8.5vw 0;} */
.indp4Left{width: 42%;padding: 0 0 18px 18px;position: relative;}
.indp4Left::after{
	content: "";
	background: #d9d9d9;
	width: calc(100% - 18px);
	height: calc(100% - 18px);
	left: 0;
	bottom: 0;
	position: absolute;
	z-index: 1;
}
.indp4Left .videoB{width: 100%;z-index: 2;}
.indp4Left video{width: 100%;display: block;}
.indp4Left .playBtn{
	width: 56px;
	height: 56px;
	position: absolute;
	left: calc(50% - 28px);
	top: calc(50% - 28px);
	cursor: pointer;
}
.indp4Right{width: 53%;}
.indp4Right .txt1{
	font-size: 26px;
	color: rgb(1, 1, 1);
}
.indp4Right .txt1::after{
	content: "";
	display: block;
	background-color: rgb(5, 63, 209);
	width: 100px;
	height: 3px;
	margin-top: 4px;
}
.indp4Right .txt2{
	font-size: 14px;
	color: rgb(102, 102, 102);
	line-height: 1.857;
	text-align: justify;
	margin: 12px 0 0;
}
.indp4Right .indp4Ul{margin-top: 8px;text-align: center;}
.indp4Right .indp4Ul img{transition: all 0.5s;}
.indp4Right .indp4Ul li:hover img{transform: rotateY(180deg);}
.indp4Right .indp4Ul p{
	font-size: 14px;
	color: rgb(102, 102, 102);
	line-height: 1.857;
	margin: 8px 0 0 ;
}
.indp5 .nrBox{flex-wrap: wrap;align-items: inherit;}
.indp5Left{width: calc(100% - 370px);}
.indp5Left .textB{width: 48%;height:100%;position: relative;}
.indp5Left .textB .time{background: url(../images/icon2.png) center top no-repeat;width: 66px;height: 80px;font-size: 14px;color: #ffffff;padding-bottom: 16px;text-align: center;line-height: 1.4;}
.indp5Left .textB .time b{font-size: 20px;font-weight: 400;display: block;}
.indp5Left .textB .tit{display: block;font-size: 18px;color: #333333;margin-top: 0;border-bottom: 1px solid #333333;padding: 4px 0;}
.indp5Left .textB .desc{font-size: 14px;color: rgb(51, 51, 51);line-height: 1.8;margin: 16px 0 0;}
.indp5Left .textB .more{margin-top: 16px;display: block;background-color: rgb(33, 90, 233);width: 130px;text-align: center;height: 38px;line-height: 38px;font-size: 14px;color: rgb(255, 255, 255);transition: all 0.3s;position: absolute;
    left: 0;
    bottom: 0;}
.indp5Left .textB .more:hover{background-color: rgb(2,70,239);}
.indp5Left .imgB{width: calc(48% - 10px);overflow: hidden;height:100%;position: relative;}
.indp5Left .imgB .bgb{width: 100%;display: block;transition: all 0.3s;height:100%;background:url() center no-repeat;position: absolute;left: 0;top: 0;}
.indp5Left .imgB img{width: 100%;display: block;transition: all 0.3s;opacity: 0;}
.indp5Left .imgB:hover img{transform: scale(1.1);}
.indp5Right{width: 350px;}
.indp5Right .clickB{background-color: rgb(5, 63, 209);width: 100%;height: 46px;justify-content: flex-start;}
.indp5Right .clickB span,
.indp5Right .clickB a{height: 46px;line-height: 46px;color: #ffffff;font-size:16px;display: inline-block;cursor: pointer;padding: 0 8px;text-align: center;display: flex;justify-content: center;align-items: center;}
.indp5Right .clickB a{width: 10%;}
.indp5Right .clickB span.on{background-color: #4f79df;}
.indp5Right .showB .each{display: none;}
.indp5Ul li{padding: 6px 0;border-bottom: 1px solid #e0e0e0;}
.indp5Ul li:last-child{border-bottom: 0;}
.indp5Ul .tit{font-size: 16px;color: rgb(51, 51, 51);line-height: 1.5;}
.indp5Ul .time{font-size: 12px;color: rgb(51, 51, 51);}
.db {
  display: block;
}
.flexb3 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.indp5Right .clickB a img{display: inline-block;}
.banquan{
	border-top: 1px solid #68707b;
	padding: 16px 0;
	text-align: center;
	font-size: 18px;
	color: #666666;
	margin: 0 70px;
}
.banquan a{color: #666666;}



@media only screen and (max-width:1460px) {

	 .header .line1 {
    padding: 0 16px;
  }
	.header .l1Left {
  font-size: 14px;
}
	.header .telDiv {
  font-size: 16px;
}
	
	
  }



@media only screen and (max-width:1281px) {

	.indp4Right .txt2 {
  line-height: 1.5;
  text-align:left;
}
	.header .nav ul li a {
  font-size: 16px;
}
	
	
  }


@media only screen and (max-width:1024px) {

	 .pubTit .tit {
    font-size: 24px;
  }
	.pubTit .desc {
    font-size: 14px;
  }
	 .indp2Left {
    width: 100%;
    float: none;
  }
	 .indp2Right {
    width: 100%;
    float: none;
    margin-top: 16px;
  }
	  .indp2 .indp2Ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 2);
    flex: 0 0 calc(100% / 2);
    max-width: calc(100% / 2);
  }
	.indp3 .swiper-pagination {
    display: block;
    text-align: center;
    width: 100%;
  }
	.indp3 .swiper-button-prev, .indp3 .swiper-button-next {
  width: 30px;
  height:44px;
  line-height: 44px;
  top: calc(50% - 22px);
}
.indp3 .swiper-button-next {
  right: 0px;
}
	.indp3 .swiper-button-prev {
  left: 0;
}
	.sy_js ul {flex-wrap: wrap;
}
	.sy_js ul li{width: 100%;padding: 8px;margin-bottom: 16px;}
	.sy_js ul li a {display: flex;justify-content: space-between;align-items: center;}
	.sy_js ul li .t_b {width: 60px;}
	.sy_js ul li .w_z {width: calc(100% - 80px);}
	.sy_js ul li .t_b img {
  max-width: 100%;
}
	 .sy_js ul li h3 {
    font-size: 16px;text-align: left;margin-top: 0;
  }
	.sy_js ul li p{font-size: 14px;margin-top: 4px}
	
	 .indp {
    padding: 40px 0;
  }
	.indp4Left .videoB img {
  width: 100%;
}
	.indp4 .nrBox{display: block;}
	.indp4Left{width: 100%;}
	.indp4Left .tit{font-size: 24px;}
	.indp4Left .desc{font-size: 14px;margin: 16px auto 0;line-height: 1.6;}
	.indp4Right{width: 100%;padding: 0;margin-top: 16px;}
	.indp5 .nrBox{padding: 24px 0;}
	.indp5 .nrBox{display: block;border:none;}
	.indp5Left{display: block;width: 100%;}
	.indp5Left .textB{width: 100%;position: relative;padding-bottom: 50px;}
	.indp5Left .textB .time{position: absolute;left: 0;top: 0;}
	.indp5Left .imgB{width: 100%;margin-top: 16px;
    overflow: hidden;
    display: block;}
	
	.indp5Left .textB .tit{margin: 0;font-size: 16px;padding-left: 70px;padding-bottom: 15px;margin-bottom: 10px;}
	.indp5Left .textB .desc{font-size: 14px;margin-top: 4px;}
	.indp5Left .textB .more{margin-top: 16px;width: 110px;height: 36px;line-height: 36px;}
	.indp5Left .textB .time{width: 58px;height: 68px;background-size: 100% 100%;}
	.indp5Left .textB .time,.indp5Left .textB .more{display: block;}
	.indp5Right{width: 100%;margin: 16px 0 0;}
	.indp5Right .clickB{height: 40px;}
	.indp5Right .clickB span, .indp5Right .clickB a{font-size: 15px;height: 40px;line-height: 40px;}
	.indp5Ul .tit{font-size: 16px;}
	.indp5Ul li{padding: 12px 0;}
	footer{border-top-width: 8px;}
	.location{padding: 8px 0;}
	.nyP .nrBox{padding: 24px 0 48px;}
	.newsUl li{padding: 16px;}
	.banquan{margin: 0 16px;font-size: 16px;padding: 8px 0;}
	.pubTit {
    margin-bottom: 16px;
    padding: 0 16px;
  }
	.indp3 .nrBox .tit span{font-size: 16px;}
	.indp3 .nrBox .tit {
    padding: 12px;
    width: 140px;
    height: 140px;
    left: calc(50% - 70px);
    top: calc(50% - 70px);
  }
	
	.gallery-top .swiper-pagination {
  bottom: 10px !important;
}
	.indp2Left .yijili a {
  font-size: 16px;
  padding: 6px 0;
  line-height: 1.5;
}
	.indp2Left .allName {
    font-size: 20px;padding: 8px 16px;
    line-height: unset;
    text-align: center;
  }
	
	
  }

@media only screen and (max-width:600px){
.indp2Ul .tit {
  font-size: 14px;
  height: 36px;
  line-height: 36px;
}
	.more a {
  line-height: 40px;
  padding: 0 12px;
}
	.more {
  margin: 30px auto 0;
  font-size: 16px;
}
	
	
	
}
