@media screen and (min-width:641px) and (max-width:1025px){
@charset "utf-8";	

/*首页*/
.index3_bg{ position:fixed; top:0; left:0; z-index:0; width:100%; height:100vh; background:url(../images/index3_bg.jpg) center center no-repeat;}

.header{ display:none;}

.mobile_bg{ width:100%; display:block; background:#FFF; position:relative; z-index:10000;}
.mobile_nav{ width:100%; overflow:hidden; border-top:1px solid #ccc; border-bottom:1px solid #ccc; position:relative; padding:15px 0 10px 0; text-align:left; background:#FFF;}
.mobile_logo{ display:inline-block; height:30px; margin-left:3%;}
.language{ float:right; margin-right:calc(6% + 33px); overflow:hidden; font-family:"Verdana"; font-size:13px; color:#FFF; background:#1f4783; width:30px; height:30px; line-height:30px; margin-top:0; text-align:center;}

.mobile_nav_in{ width:300px; overflow:hidden; display:none; background:#FFF; position:absolute; top:60px; right:0; -webkit-box-shadow:0px 0px 5px #ccc; -moz-box-shadow:0px 0px 5px #ccc; box-shadow:0px 0px 5px #ccc;}
.mobile_nav_in>li{ float:left; width:100%; min-height:40px; border-bottom:1px solid #ccc;}
.mobile_nav_in>li>a{ float:left; display:block; width:90%; padding:0 5%; height:40px; line-height:40px; color:#666666; font-size:14px; text-align:left;}
.mobile_nav_in>li>a>span{ float:right;}

.mobile_nav_step1 a{ float:left; display:block; width:calc(95% - 40px); height:40px; line-height:40px; text-align:center; font-size:14px; color:#666; text-align:left; padding-left:5%;}
.mobile_nav_step1 span{ float:right; display:block; width:40px; height:40px; line-height:40px; text-align:center; font-size:18px; font-family:"宋体"; font-weight:bold;}
.mobile_nav_step2{ width:100%; float:left; overflow:hidden; float:left; display:none;}
.mobile_nav_step2>li{ float:left; width:100%; min-height:40px; border-top:1px solid #ccc;}
.mobile_nav_step2>li>a{ float:left; display:block; width:80%; padding:0 10%; height:40px; line-height:40px; color:#666666; font-size:13px; text-align:left;}

.header_mobile1{ width:33px; height:33px; position:absolute; right:3%; bottom:12px;}
.header_mobile1 .span1{ display:block; height:3px; background:#1e4882; width:33px; position:absolute; top:6px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_mobile1 .span2{ display:block; height:3px; background:#1e4882; width:33px; position:absolute; top:15px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_mobile1 .span3{ display:block; height:3px; background:#1e4882; width:33px; position:absolute; top:24px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.header_mobile_in_open .span1{
	top:15px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.header_mobile_in_open .span2{ display:none;}
.header_mobile_in_open .span3{
	top:15px;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}

.mySwiper1 {
  width: 100%;
  height: auto;
  margin:0 auto 0 auto;
  position:relative;
  z-index:100;
}
.mySwiper1 .swiper-slide {
  text-align: center;
  font-size: 12px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.mySwiper1 .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 0;
  position: relative; 
  z-index: 1;
}
.swiper-pagination1{ bottom:15px !important;}
.swiper-pagination1 .swiper-pagination-bullet{ width:28px; height:4px; border-radius:0; background:#FFF; outline:none; opacity:0.6; margin:0 4px !important; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.swiper-pagination1 .swiper-pagination-bullet-active{ width:50px; opacity:1;}

.index_banner{ position:relative; overflow:hidden; background-size:auto 100% !important; width:100vw; height:calc(100vh - 63px);}
.index_banner img{ display:none;}
.index_banner .title{ position:absolute; top:10vw; left:10%; width:80%; opacity:0; z-index:10; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s;}
.index_banner .title1{ float:left; width:100%; font-size:30px; font-weight:bold; color:#FFF; line-height:40px; padding-bottom:5px;}
.index_banner .line{ float:left; width:100%; height:4px;}
.index_banner .title2{ float:left; width:100%; font-size:15px; color:#FFF; line-height:25px; margin-top:20px;}
.index_banner .title2 .fontbig{ font-size:20px; line-height:30px;}
.index_banner .title_animate{ top:5vw; opacity:1;}

.mySwiper1 .swiper-slide:nth-child(2n-1) .index_banner .title{ text-align:center;}
.mySwiper1 .swiper-slide:nth-child(2n) .index_banner .title{ text-align:left;}
.mySwiper1 .swiper-slide:nth-child(2n-1) .index_banner .line{ background:url(../images/line.png) center center no-repeat;}
.mySwiper1 .swiper-slide:nth-child(2n) .index_banner .line{ background:url(../images/line.png) left center no-repeat;}

.index_title{ width:91.667%; overflow:hidden; margin:0 auto;}
.index_title1{ display:table; padding:0 0 0 0; margin:0 auto;}
.index_title1 span:nth-child(1){ display:inline-block; height:35px; width:180px; background:url(../images/title_l.png) right center no-repeat; background-size:auto 2.5px; vertical-align:middle;}
.index_title1 span:nth-child(2){ display:inline-block; font-size:24px; font-weight:bold; color:#000; line-height:35px; height:35px; width:180px; vertical-align:middle;}
.index_title1 span:nth-child(3){ display:inline-block; height:35px; width:180px; background:url(../images/title_r.png) left center no-repeat; background-size:auto 2.5px; vertical-align:middle;}
.index_title2{ font-size:13px; color:#393939; line-height:24px; font-weight:lighter;}

.center{ width:91.667%; overflow:hidden; margin:0 auto;}
.center_content{ width:100%; padding:30px 0;}

.index1{ width:100%; height:auto; overflow:hidden; background:#FFF; position:relative; z-index:100;
/* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.index1_1{ width:100%; overflow:hidden; margin-top:20px;}
.index1_1 li{ width:50%; height:20.7vw; overflow:hidden; float:left; background:#ededed;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.index1_2{ width:84%; text-align:left; overflow:hidden;}
.index1_3{ width:100%; overflow:hidden; font-size:22px; color:#fffefe; font-weight:bold; line-height:30px;}
.index1_4{ width:100%; overflow:hidden; font-size:12px; color:#fffefe; line-height:18px;}
.index1_5{ background:#f5f5f5; margin-top:8px; height:40px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; overflow:hidden;}
.index1_6{ float:left; width:40px; height:40px; background:url(../images/index1_3.jpg) center center no-repeat; border:0; outline:none; cursor:pointer;}
.index1_7{ float:left; width:calc(100% - 60px); height:40px; border:0; outline:none; background:none; font-size:14px; font-family:"微软雅黑"; padding-right:20px; color:#333;}
.index1_8{ width:100%; overflow:hidden;}
.index1_9{ font-size:20px; color:#393939; line-height:26px; font-weight:lighter;}
.index1_10{ font-size:14px; color:#393939; line-height:20px; font-weight:lighter;}
.index1_11{ width:24px; height:1px; background:#393939; margin:5px auto 0 auto;}
.index1_12{ font-size:15px; color:#666666; line-height:25px; margin-top:12px; font-weight:lighter;}

.index2{ width:100%; overflow:hidden; background:#FFF; position:relative; z-index:100; padding:40px 0 50px 0;}
.index2_1{ width:100%; overflow:hidden;}
.index2_1 li{ float:left; width:31.33%; margin-right:3%; margin-top:10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; cursor:pointer;}
.index2_1 li:nth-child(3){ margin-right:0;}
.index2_2{ display:block; width:50px; height:50px; margin:0 auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index2_1 li:nth-child(1) .index2_2{ background:url(../images/index2_1.png) center center no-repeat; background-size:auto 50px;}
.index2_1 li:nth-child(2) .index2_2{ background:url(../images/index2_2.png) center center no-repeat; background-size:auto 50px;}
.index2_1 li:nth-child(3) .index2_2{ background:url(../images/index2_3.png) center center no-repeat; background-size:auto 50px;}
.index2_1 li:nth-child(1):hover .index2_2{ background:url(../images/index2_1_on.png) center center no-repeat; background-size:auto 50px;}
.index2_1 li:nth-child(2):hover .index2_2{ background:url(../images/index2_2_on.png) center center no-repeat; background-size:auto 50px;}
.index2_1 li:nth-child(3):hover .index2_2{ background:url(../images/index2_3_on.png) center center no-repeat; background-size:auto 50px;}
.index2_1 li:hover{ margin-top:0;}
.index2_1 li:hover .index2_4{ color:#356494;}
.index2_1 li:hover .index2_5{ color:#356494; border-top:1px solid #356494;}
.index2_3{ width:100%; overflow:hidden}
.index2_4{ font-size:22px; font-weight:bold; color:#010101; line-height:32px; padding:20px 0 5px 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index2_5{ font-size:15px; color:#010101; border-top:1px solid #000; display:table; margin:0 auto; line-height:30px; padding:5px 0 0 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index2_6{ width:100%; overflow:hidden; font-size:15px; color:#010101; line-height:24px; text-align:left; margin-top:15px;}

.index3{ width:100%; height:300px; overflow:hidden; z-index:100; position:relative;}
.index3_1{ display:block; margin:100px auto 0 auto; height:50px;}

.index4{ width:100%; overflow:hidden; background:#FFF; position:relative; z-index:100; padding:0 0 0 0;}
.index4_l{ float:left; overflow:hidden; width:36%; height:250px; background:#356494; padding:0 4%; text-align:left;}
.index4_r{ float:right; overflow:hidden; width:54%; height:250px; background-size:auto 100% !important;}
.index4_r img{ display:none; width:100%;}
.index4_l1{ float:left; margin-top:30px; font-size:20px; color:#FFF; line-height:30px;}
.index4_l2{ float:left; font-size:15px; color:#FFF; line-height:26px; margin-top:10px;}
.index4_l3{ float:left; width:100%; overflow:hidden; height:40px; background:#f5f5f5; margin-top:15px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.index4_l4{ float:left; width:40px; height:40px; background:url(../images/index1_3.jpg) center center no-repeat; border:0; cursor:pointer; outline:none;}
.index4_l5{ float:left; width:calc(100% - 80px); height:40px; border:0; background:none; outline:none; font-family:"微软雅黑"; font-size:15px; color:#333;}
.index4_l6{ float:left; width:40px; height:40px; background:url(../images/index4_1.png) center center no-repeat; cursor:pointer;}
.index4_l7{ float:left; width:34px; height:34px; background:url(../images/index4_2.png) center center no-repeat #f5f5f5; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; margin-top:25px;}

.gallery-top{ float:left; width:100%; margin-top:0; overflow:hidden;}
.gallery-top img{ display:block; width:100%;}
.gallery-thumbs{ float:left; width:100%; overflow:hidden;}
.gallery-thumbs li{ float:left; width:16.66%; background:url(../images/index4_5.png) center bottom no-repeat; background-size:100% 15px; padding:30px 0 15px 0;}
.gallery-thumbs .index4_bot1{ display:block; width:calc(100% - 2px); border:1px solid #e7e7e7; padding:20px 0 15px 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index4_bot1 .img{ display:block; margin:0 auto; width:100%; height:60px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background-size: auto 40px !important;}
.index4_bot1 .img1{ background:url(../images/index4_4_1.png) center center no-repeat; background-size: auto 40px;}
.index4_bot1 .img2{ background:url(../images/index4_4_2.png) center center no-repeat; background-size: auto 40px;}
.index4_bot1 .img3{ background:url(../images/index4_4_3.png) center center no-repeat; background-size: auto 40px;}
.index4_bot1 .img4{ background:url(../images/index4_4_4.png) center center no-repeat; background-size: auto 40px;}
.index4_bot1 .img5{ background:url(../images/index4_4_5.png) center center no-repeat; background-size: auto 40px;}
.index4_bot1 .img6{ background:url(../images/index4_4_6.png) center center no-repeat; background-size: auto 40px;}
.index4_bot2{ display:table; margin:10px auto 0 auto; background:#6d737e; color:#FFF; font-size:13px; height:28px; line-height:28px; padding:0 10px 0 10px; -webkit-border-radius:14px; -moz-border-radius:14px; border-radius:14px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; letter-spacing:1px;}
.index4_bot1:hover{ border:1px solid #0b6b9b;}
.index4_bot1:hover .img{ -webkit-transform:scale(0.9) translateZ(0); -moz-transform:scale(0.9) translateZ(0); -ms-transform:scale(0.9) translateZ(0); -o-transform:scale(0.9) translateZ(0); transform:scale(0.9) translateZ(0);}
.index4_bot1:hover .index4_bot2{ background:#356494;}
.index4_main{ width:100%; height:auto; overflow:hidden;
/* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.index5{ width:100%; overflow:hidden; background:#FFF; position:relative; z-index:100; padding:0 0 0 0; height:auto;}
.index5_1{ width:100%; overflow:hidden;}
.index5_1 li{ float:left; overflow:hidden; margin-right:1.5%; width:49.25%; margin-top:1.3vw; position:relative;}
.index5_1 li:nth-child(2n){ margin-right:0;}
.index5_2{ display:none; width:100%; height:22.63vw; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index5_3{ position:absolute; top:0; left:1.2vw; background:url(../images/index5_6.png) repeat; width:180px; height:auto; padding-bottom:20px; text-align:left; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index5_4{ float:left; font-size:20px; font-weight:bold; padding:0 20px; line-height:30px; margin-top:20px;}
.index5_5{ float:left; clear:both; font-size:13px; color:#000; line-height:20px; height:40px; overflow:hidden; padding:0 20px; margin-top:5px;}
.index5_6{ float:left; clear:both; color:#000; display:block; border:1px solid #000; margin-left:20px; height:23px; line-height:23px; -webkit-border-radius:12.5px; -moz-border-radius:12.5px; border-radius:12.5px; padding:0 40px 0 14px; background:url(../images/index5_5.png) 90% center no-repeat; margin-top:10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index5_1 li:hover .index5_2{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.index5_1 li:hover .index5_3{ padding-top:10px;}
.index5_6:hover{ background:url(../images/index5_5_on.png) 90% center no-repeat #356494; border:1px solid #356494; color:#FFF;}

.index6{ width:100%; overflow:hidden; background:#FFF; position:relative; z-index:100; padding:0 0 40px 0;}
.mySwiper2 {
	width: 100%;
	height: 200px;
	background:url(../images/index6_bg.jpg) center center repeat-y;
	background-size:100% 100%;
	position:relative;
}
.mySwiper2 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: none;
  
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-button-next2{ position:absolute; width:14px; height:72px; margin-top:-36px; background:url(../images/index6_3.png) center center no-repeat; top:50%; right:3%; cursor:pointer; z-index:100; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-button-prev2{ position:absolute; width:14px; height:72px; margin-top:-36px; background:url(../images/index6_2.png) center center no-repeat; top:50%; left:3%; cursor:pointer; z-index:100; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-button-next2:hover{ background:url(../images/index6_3.png) center center no-repeat;}
.swiper-button-prev2:hover{ background:url(../images/index6_2.png) center center no-repeat;}
.index6_1{ width:100%; overflow:hidden; text-align:left;}
.index6_2{ float:left; width:38%; overflow:hidden; margin-left:8%;}
.index6_3{ float:left; width:100%; overflow:hidden; font-size:15px; font-weight:bold; line-height:24px;}
.index6_4{ float:left; width:100%; overflow:hidden; font-size:12px; line-height:20px; margin-top:20px;}
.index6_5{ position:absolute; top:0; left:61.6%; margin-left:-81px; display:block; width:162px; height:200px;}

.footer{ width:100%; overflow:hidden; background:#053154; padding:30px 0; position:relative; z-index:100;}
.footer_in{ width:91.667%; margin:0 auto; overflow:hidden;}
.footer1{ position:relative; top:0; left:0; display:block; height:45px; float:left;}

.footer2{ position:relative; top:0; right:0; float:right;}
.footer2_1{ float:left; overflow:hidden; position:relative;}
.footer2_1 li{ float:left; margin:0 5px; margin-top:150px;}
.footer2_1 li .li_on{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.footer2_1 li a{ display:block; width:27px; height:27px;}
.footer2_1 li:nth-child(1) a{ background:url(../images/footer1.png) center center no-repeat;}
.footer2_1 li:nth-child(2) a{ background:url(../images/footer2.png) center center no-repeat;}
.footer2_1 li:nth-child(3) a{ background:url(../images/footer3.png) center center no-repeat;}
.footer2_2{ position:absolute; top:0; left:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.footer2_2 img{ display:block; width:100%;}
.footer2_2 span{ font-size:12px; color:#FFF; line-height:24px; margin-top:5px; display:block;}

.footer3{ display:none;}

.footer_bot{ width:calc(91.667% - 130px); min-width:calc(91.667% - 130px); overflow:hidden; color:#FFF; font-size:12px; line-height:24px; padding:18px 0 0 0; margin-top:0; text-align:left; float:left; clear:left; position:absolute; bottom:30px; left:4.16%;}
.footer_bot a{ color:#FFF;}
.footer_bot a:hover{ text-decoration:underline;}
.footer_bot span{ display:inline-block; width:10px;}

/*内页通用*/
.banner{ background-size:cover !important; width:100%; height:auto; margin-top:0; position:relative; overflow:hidden;}
.banner1{ background:url(../images/banner_bg.png) repeat; position:absolute; bottom:0; width:91.667%; left:4.16%; padding:30px 0 15px 0;}
.banner1 .index_title{ width:100%;}
.banner2{ display:block; width:100%;}

/*探索*/
.about1{ width:100%; overflow:hidden; background:#f9f9fa;}
.about1_1{ width:91.667%; padding:30px 4.16%; text-align:left; font-size:15px; line-height:30px; color:#010101;}
.about1_2{ width:100%; overflow:hidden; margin-top:0; padding-bottom:30px;}
.about1_2 li{ float:left; width:18%; padding:0 1%; overflow:hidden; background:url(../images/about2.png) right center no-repeat; background-size:auto 80px;}
.about1_2 li:last-child{ background:none;}
.about1_3{ display:block; height:40px; margin:0 auto;}
.about1_4{ width:100%; font-size:20px; font-weight:bold; color:#010101; line-height:30px; margin-top:10px;}
.about1_5{ width:100%; font-size:13px; color:#010101; line-height:18px;}

.about2 .index_title{ width:100%;}
.about2{ padding:15px 0 15px 0; width:100%; overflow:hidden; height:auto;}
.about2_1{ width:91.667%; padding:30px 4.16%; text-align:center; font-size:15px; line-height:30px; color:#010101;}
.about2_2{ width:100%; overflow:hidden;}
.about2_2 li{ float:left; overflow:hidden; width:50%; height:21.12vw; background:#ededed;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.about2_2 li:nth-child(3){ float:right;}
.about2_2 li .img{ display:block; width:100%; height:21.12vw; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.about2_2 li .video{ display:block; width:100%; height:21.12vw; cursor:pointer; outline:none;}
.about2_2 li .img:hover{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.about2_3{ width:100%; overflow:hidden; color:#393939;}
.about2_4{ font-size:20px; line-height:26px;}
.about2_5{ font-size:12px; font-family:"Arial"; line-height:18px;}
.about2_6{ width:32px; height:1px; background:#393939; margin:11px auto 0 auto;}
.about2_7{ font-size:15px; line-height:24px; margin-top:10px;}

.about3 .index_title{ width:100%;}
.about3{ width:100%; height:auto; overflow:hidden; background:url(../images/about7.jpg) center center no-repeat; background-size:cover; padding:15px 0 15px 0;}
.about3_1{ width:100%; overflow:hidden;}
.gallery-thumbs1{ box-sizing:border-box; background:url(../images/about8.png) left 14px repeat-x; width:91.667%; margin:30px auto 0 auto; overflow:hidden;}
.gallery-thumbs1 .swiper-slide { opacity:1;}
.about3_5{ font-size:14px; color:#000; background:url(../images/about9.png) top center no-repeat; line-height:24px; padding-top:32px; cursor:pointer;}
.gallery-thumbs1 .swiper-slide-thumb-active .about3_5{ background:url(../images/about9_on.png) top center no-repeat;}
.gallery-top1{ width:91.667%; margin:30px auto 0 auto; overflow:hidden;}
.about3_2{ width:100%; overflow:hidden; margin:0 auto;}
.about3_3{ width:100%; font-size:30px; font-weight:bold; color:#f47b16; line-height:40px;}
.about3_4{ width:100%; overflow:hidden; text-align:left; font-size:15px; color:#000; line-height:30px; margin-top:30px; min-height:210px;}

.about4 .index_title{ width:100%;}
.about4{ padding:15px 0 15px 0; width:100%; overflow:hidden; height:auto;}
.about4_1{ width:100%; overflow:hidden; margin-top:30px;}
.about4_2{ width:100%; overflow:hidden; position:relative;}
.about4_3{ width:100%; display:block;}
.about4_4{ position:absolute; left:0; bottom:0; background:url(../images/banner_bg.png) repeat; text-align:left; width:90%; padding:15px 5%;}
.about4_5{ float:left; width:100%; overflow:hidden; font-size:16px; font-weight:bold; color:#000; line-height:22px;}
.about4_6{ float:left; display:block; margin-top:10px;}
.about4_7{ float:left; width:100%; overflow:hidden; font-size:13px; color:#000; line-height:18px; margin-top:10px;}

/*产品列表*/
.pro{}
.pro .section_in{ width:100%; height:100vh; overflow:hidden; background-size:auto 100% !important;}
.pro li:nth-child(1){ height:calc(100vh - 63px);}
.pro1{ display:block; width:100%;}
.pro2{ position:absolute; z-index:10; top:50%; margin-top:-93px; text-align:left;}
.pro3{ float:left; display:block; width:60px;}
.pro4{ float:left; clear:both; overflow:hidden; font-size:30px; font-weight:bold; line-height:40px; margin-top:10px;}
.pro5{ float:left; display:block; clear:both; margin-top:10px; width:50px; height:4px;}
.pro6{ float:left; clear:both; overflow:hidden; font-size:16px; line-height:26px; margin-top:15px;}
.pro7{ float:left; clear:both; background:url(../images/index5_5_on.png) no-repeat 115px center #1f4783; font-size:13px; font-family:"Arial"; color:#FFF; font-weight:lighter; width:120px; padding-left:20px; height:40px; line-height:40px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; border:1px solid #1f4783; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; margin-top:25px;}
.pro7:hover{ background:url(../images/index5_5_on_on.png) no-repeat 115px center #FFF; color:#1f4783;}
.pro .section:nth-child(2n-1) .pro2{ left:15%; color:#000;}
.pro .section:nth-child(2n-1) .pro5{ background:url(../images/line.png) left center no-repeat; background-size:50px auto;}
.pro .section:nth-child(2n) .pro2{ left:50%; color:#FFF;}
.pro .section:nth-child(2n) .pro5{ background:url(../images/line.png) left center no-repeat; background-size:50px auto;}

/*产品内页*/
.proIn{}
.proIn .section_in{ width:100%; height:100vh; overflow:hidden; background-size:cover !important; position:relative;}
.proIn1{ position:absolute; z-index:10; top:50%; margin-top:-83px; left:10%; width:80%;}
.proIn2{ width:100%; font-size:30px; font-weight:bold; line-height:40px;}
.proIn3{ width:50px; height:4px; background:url(../images/line.png) center center no-repeat; background-size:50px auto; margin:10px auto 0 auto;}
.proIn4{ width:100%; font-size:16px; line-height:30px; margin-top:15px;}
.proIn5{ display:block; margin:25px auto 0 auto; width:110px; padding-left:45px; height:40px; line-height:40px; border:1px solid #1f4783; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; background:url(../images/tel1.png) 20px center no-repeat #1f4783; background-size:auto 18px; font-size:13px; color:#FFF; text-align:left; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.proIn5:hover{ background:url(../images/tel1_on.png) 20px center no-repeat #FFF; background-size:auto 18px; color:#1f4783;}
.proIn6{ position:absolute; z-index:10; top:calc(10vh + 80px); left:10%; width:80%;}
.proIn7{ width:100%; overflow:hidden; font-size:16px; line-height:30px; margin-top:15px;}
.proIn_list{}
.proIn_list .section_in{ width:100%; height:100vh; overflow:hidden; background-size:cover !important; position:relative;}
.play{ display:block; margin:50px auto 0 auto; cursor:pointer; width:60px;}
.proIn_video_bg{ position:absolute; top:-5vh; left:0; width:100%; height:80vh; z-index:999999999; background-color:rgba(0,0,0,0.8); display:none;}
.proIn_video{ position:relative; width:100%; height:100%; z-index:1;}
.proIn_video .close{ position:absolute; width:31px; height:31px; background:url(../images/close.png) center center no-repeat; top:-15.5px; right:-15.5px; z-index:10; cursor:pointer;}
.proIn_video video{ width:100%; height:100%; outline:none;}

/*联系我们*/
.contact1{ width:100%; height:auto; overflow:hidden; background:url(../images/contact2.jpg) center center no-repeat; background-size:cover; margin-top:50px; padding:60px 0 100px 0;}
.contact1_1{ width:91.667%; overflow:hidden; margin:0 auto 0 auto;}
.contact1_1 li{ float:left; color:#FFF; overflow:hidden; width:18%; padding:0 1%;}
.contact1_2{ font-size:28px; font-weight:bold; line-height:38px;}
.contact1_3{ font-size:15px; line-height:26px; margin-top:10px;}

.contact2{ padding:15px 0 0 0; height:auto;}
.contact2 .index_title{ width:100%;}

.contact3{ width:100%; overflow:hidden; background:#f9f9f9; padding:15px 0 15px 0; height:auto;}
.map{ width:90%; height:300px; margin:40px auto 0 auto;}

.contact4{ width:100%; overflow:hidden; padding:15px 0 15px 0; background:#ececec; height:auto;}
.contact4_1{ width:90%; padding:0 5%; overflow:hidden; margin-top:0;}
.contact4_l{ float:left; width:33.3%; overflow:hidden; text-align:left;}
.contact4_r{ float:right; width:62.3%; overflow:hidden;}

.contact4_l li{ float:left; width:100%; overflow:hidden; margin-top:30px; margin-bottom:20px;}
.contact4_l1{ float:left; font-size:16px; color:#333; height:28px; line-height:28px; padding-left:35px;}
.contact4_l li:nth-child(1) .contact4_l1{ background:url(../images/contact4.png) left 6px no-repeat; background-size:auto 17px;}
.contact4_l li:nth-child(2) .contact4_l1{ background:url(../images/contact5.png) left 6px no-repeat; background-size:auto 17px;}
.contact4_l li:nth-child(3) .contact4_l1{ background:url(../images/contact6.png) 6px 0 no-repeat; background-size:auto 28px;}
.contact4_l2{ float:left; clear:both; font-size:16px; color:#000; line-height:30px; margin-top:10px;}

.contact4_r1{ float:left; width:100%; overflow:hidden;}
.contact4_r1 .input1{ float:left; margin-right:3%; width:25.33%; padding:0 3%; border:0; outline:none; height:40px; margin-top:30px; font-size:14px; font-family:"微软雅黑"; color:#5a5a5a; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px;}
.contact4_r1 .input1:last-child{ margin-right:0;}
.contact4_r2{ float:left; width:100%; overflow:hidden;}
.contact4_r2 .input2{ float:left; width:42.5%; padding:0 3%; border:0; outline:none; height:40px; margin-top:30px; font-size:14px; font-family:"微软雅黑"; color:#5a5a5a; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;}
.contact4_r2_1{ float:right; width:48.5%; overflow:hidden; height:40px; background:#FFF; margin-top:30px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
.contact4_r2_1 .input3{ float:left; border:0; height:40px; width:calc(83% - 80px); padding-left:7%; outline:none; font-size:14px; font-family:"微软雅黑"; color:#5a5a5a;}
.contact4_r2_2{ display:block; float:right; width:80px; height:30px; margin-top:5px; margin-right:5%; cursor:pointer;}
.textarea{ width:94%; padding:10px 3%; margin-top:30px; border:0; outline:none; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; font-size:14px; line-height:30px; height:150px; font-family:"微软雅黑"; color:#5a5a5a;}
.btn_Submit{ width:160px; height:40px; border:0; background:#003159; font-size:18px; color:#FFF; cursor:pointer; outline:none; margin:30px auto 0 auto; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}

/*资讯中心*/
.news{ width:100%; overflow:hidden;}
.news li{ float:left; overflow:hidden; margin-right:3%; width:31.33%; background:#f5f5f5; margin-top:40px; }
.news li:nth-child(3n){ margin-right:0;}
.news li:nth-child(3n+1){ clear:left;}
.news li a{ display:block; width:100%; overflow:hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news1{ width:100%; overflow:hidden;}
.news1 img{ display:block; width:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news2{ width:90%; margin:20px auto 0 auto; overflow:hidden; text-align:left; font-size:15px; color:#000; line-height:25px; height:50px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news3{ width:90%; margin:15px auto 0 auto; overflow:hidden; border-top:1px solid #dbdbdb; padding:10px 0 15px 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news4{ float:left; font-size:14px; color:#666; line-height:30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news5{ float:right; font-size:24px; color:#666; font-weight:lighter; line-height:30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news li a:hover .news1 img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.news li a:hover{ background:#1f4783;}
.news li a:hover .news2{ color:#FFF;}
.news li a:hover .news3{ border-top:1px solid #FFF;}
.news li a:hover .news4{ color:#FFF;}
.news li a:hover .news5{ color:#FFF;}

.page{ width:100%; overflow:hidden; padding:30px 0 40px 0;}
.page a{ display:inline-block; border:1px solid #c8c8c8; height:32px; line-height:32px; font-size:14px; color:#999; padding:0 12px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:10px 3px 0 3px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.page span{ display:inline-block; border:1px solid #c8c8c8; height:32px; line-height:32px; font-size:14px; color:#999; padding:0 12px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:10px 3px 0 3px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.page a:hover{ background:#5a5a5a; color:#FFF; border:1px solid #5a5a5a;}
.page span:hover{ background:#5a5a5a; color:#FFF; border:1px solid #5a5a5a;}

/*资讯中心内页*/
.newsIn{ width:100%; overflow:hidden;}
.newsIn1{ width:100%; overflow:hidden; font-size:18px; font-weight:bold; color:#333; line-height:30px; margin-top:50px;}
.newsIn2{ width:100%; overflow:hidden; font-size:14px; color:#666; line-height:24px; border-bottom:1px solid #dedede; padding-bottom:20px; margin-top:20px;}
.newsIn3{ width:100%; overflow:hidden; padding:30px 0; text-align:left; font-size:15px; line-height:30px; border-bottom:1px solid #dedede;}
.newsIn3 img{ display:block; margin:0 auto; max-width:100%;}

.pageIn{ width:100%; overflow:hidden; position:relative; padding:15px 0 30px 0;}
.pageIn1{ float:left; clear:left; font-size:14px; color:#333; line-height:24px; margin-top:10px; max-width:calc(100% - 200px); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pageIn1 a{ color:#333;}
.pageIn1 span{ display:inline-block;}
.pageIn2{ position:absolute; top:50%; margin-top:-25px; right:0; font-size:14px; color:#FFF; background:#1f4783; width:130px; height:38px; line-height:38px; border:1px solid #1f4783; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
.pageIn2 span{ font-family:"宋体"; font-size:20px; display:inline-block; vertical-align:bottom;}
.pageIn1 a:hover{ text-decoration:underline;}

.relevant{ width:100%; overflow:hidden; background:#f4f4f4;}
.relevant1{ width:100%; height:33px; margin-top:30px; border-bottom:1px solid #e2e2e2;}
.relevant1_1{ float:left; font-size:16px; color:#333; font-weight:bold; line-height:20px; height:33px; position:relative;}
.relevant1_1 b{ color:#1f4783;}
.relevant1_1 span{ width:44px; height:2px; background:#1f4783; position:absolute; bottom:-1px; left:0;}
.relevant1_2{ float:right; font-size:13px; color:#666; line-height:20px;}
.relevant1_2:hover{ text-decoration:underline;}

.relevant2{ width:100%; overflow:hidden; padding:30px 0 40px 0;}
.relevant2 li{ float:left; overflow:hidden; width:50%; border-right:1px dotted #b2b2b2; margin-top:1px; background:url(../images/newsin2.png) 15px center no-repeat; font-size:14px; line-height:24px; padding:4px 0;}
.relevant2 li:nth-child(2n){ border-right:0; width:calc(50% - 1px);}
.relevant2 li a{ float:left; margin-left:25px; color:#666666; text-align:left; display:block; max-width:calc(100% - 150px); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.relevant2 li span{ float:right; margin-right:15px; color:#929292;}
.relevant2 li:hover{ background:url(../images/newsin2_on.png) 15px center no-repeat;}
.relevant2 li:hover a{ color:#1f4783;}
.relevant2 li:hover span{ color:#1f4783;}

/*加入我们*/
.joinUs1{ width:100%; overflow:hidden; padding:45px 0 50px 0;}
.joinUs1 .index_title{ width:100%;}
.joinUs1_1{ width:100%; overflow:hidden; padding-top:30px;}
.joinUs1_2{ float:left; display:block; width:50%;}
.joinUs1_3{ float:right; width:100%; text-align:left; margin-top:30px;}
.joinUs1_4{ float:left; font-size:20px; font-weight:bold; color:#044567; line-height:24px;}
.joinUs1_5{ float:left; clear:both; margin-top:15px; display:block; width:40px;}
.joinUs1_6{ float:left; width:100%; overflow:hidden; font-size:15px; line-height:30px; margin-top:25px;}

.joinUs2{ width:100%; overflow:hidden; background:#f6f6f6;}
.joinUs2 .index_title{ width:100%;}
.joinUs2{ width:100%; overflow:hidden; padding:45px 0 50px 0;}
.joinUs2_2{ width:100%; overflow:hidden; margin-top:0;}
.joinUs2_2 li{ float:left; overflow:hidden; margin-right:3%; width:31.33%; margin-top:30px; background:#fefefe;}
.joinUs2_2 li:nth-child(3n){ margin-right:0;}
.joinUs2_2 li:nth-child(3n+1){ clear:left;}
.joinUs2_2 li a{ display:block; width:100%; overflow:hidden; padding:15px 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.joinUs2_3{ float:left; width:70px; background:#999999; margin-left:15px; color:#FFF; padding:12px 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.joinUs2_4{ width:100%; overflow:hidden; font-size:22px; line-height:32px;}
.joinUs2_5{ width:100%; overflow:hidden; font-size:13px; line-height:23px;}
.joinUs2_6{ float:left; width:calc(100% - 125px); overflow:hidden; text-align:left; margin-left:20px; color:#666; height:79px;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.joinUs2_7{
	width:100%;
}
.joinUs2_8{ float:left; width:100%; font-size:14px; font-weight:bold; line-height:24px; max-height:48px; overflow:hidden;}
.joinUs2_9{ float:left; width:100%; font-size:13px; line-height:20px; margin-top:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.joinUs2_10{ background:#1f4783; color:#FFF; font-size:15px; width:128px; height:38px; line-height:38px; display:block; margin:40px auto 0 auto; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; border:1px solid #1f4783; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.joinUs2_10:hover{ background:#FFF; color:#1f4783;}
.joinUs2_2 li a:hover{ background:#1f4783;}
.joinUs2_2 li a:hover .joinUs2_6{ color:#FFF;}
.joinUs2_2 li a:hover .joinUs2_3{ background:#FFF; color:#1f4783;}

/*招聘职位*/
.joinUsList .page{ text-align:center;}
.joinUsList{ width:100%; overflow:hidden; margin-top:20px;}
.joinUsList_l{ float:left; overflow:hidden; width:100%;}
.joinUsList_r{ display:none;}

.joinUsList_l1{ width:100%; overflow:hidden;}
.joinUsList_l1 li{ float:left; width:100%; overflow:hidden; border-bottom:1px solid #e9e9e9;}
.joinUsList_l1 li a{ display:block; width:100%; padding:30px 0; overflow:hidden;}
.joinUsList_l2{ float:left; width:90px; background:#999999; color:#FFF; padding:15px 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.joinUsList_l3{ width:100%; overflow:hidden; font-size:24px; line-height:34px;}
.joinUsList_l4{ width:100%; overflow:hidden; font-size:14px; line-height:24px;}
.joinUsList_l5{ float:left; width:calc(100% - 120px); overflow:hidden; text-align:left; margin-left:30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.joinUsList_l6{ float:left; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; font-weight:bold; color:#666; line-height:25px; margin-top:3px;}
.joinUsList_l7{ float:left; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; color:#666; line-height:24px; margin-top:5px;}
.joinUsList_l8{ float:left; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; color:#666; line-height:24px; margin-top:5px;}
.joinUsList_l1 li a:hover .joinUsList_l6{ color:#1f4783;}
.joinUsList_l1 li a:hover .joinUsList_l7{ color:#1f4783;}
.joinUsList_l1 li a:hover .joinUsList_l8{ color:#1f4783;}
.joinUsList_l1 li a:hover .joinUsList_l2{ margin-left:0;}
.joinUsList_l1 li a:hover .joinUsList_l5{ width:calc(100% - 120px);}

/*招聘职位内页*/
.joinUsListIn{ width:100%; overflow:hidden; padding-bottom:50px;}
.joinUsListIn1{ float:left; width:100%; overflow:hidden; text-align:left; font-size:18px; font-weight:bold; color:#333; line-height:30px; border-bottom:1px solid #e9e9e9; padding:20px 0;}
.joinUsListIn2{ float:left; width:100%; overflow:hidden; text-align:left; border-bottom:1px solid #e9e9e9; font-size:14px; color:#666; line-height:24px; padding:20px 0;}
.joinUsListIn3{ float:left; width:100%; overflow:hidden; text-align:left; font-size:15px; color:#333; line-height:30px; padding:30px 0 30px 0;}
.joinUsListIn3 b{ font-size:15px;}

.joinUsListIn_page{ float:left; width:100%; overflow:hidden; font-size:14px;}
.joinUsListIn_page1{ float:left; overflow:hidden; width:48.5%; height:50px; line-height:50px; background:#f7f7f7; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.joinUsListIn_page1_1{ float:left; width:80px; overflow:hidden; background:#e8e8e8; color:#666;}
.joinUsListIn_page1_2{ float:left; width:calc(100% - 120px); text-align:left; padding:0 20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#666; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.joinUsListIn_page2{ float:right; overflow:hidden; width:48.5%; height:50px; line-height:50px; background:#f7f7f7; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.joinUsListIn_page2_1{ float:left; width:calc(100% - 120px); text-align:left; padding:0 20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#666; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.joinUsListIn_page2_2{ float:left; width:80px; overflow:hidden; background:#e8e8e8; color:#666;}
.joinUsListIn_page1:hover{ background:#1f4783;}
.joinUsListIn_page2:hover{ background:#1f4783;}
.joinUsListIn_page1:hover .joinUsListIn_page1_2{ color:#FFF;}
.joinUsListIn_page2:hover .joinUsListIn_page2_1{ color:#FFF;}

}