@media screen and (min-width:1401px) and (max-width:1701px){
@charset "utf-8";	
/* CSS Document */
*{ margin:0; padding:0;}
a{ text-decoration:none;}
li{ list-style:none;}
table,tr,td,ul,li,dl,dt,dd,div{ border:0;}
img{ border:0;}
body{ font-family:"微软雅黑"; overflow-x: hidden; text-align:center;}
.blank0{ width:100%; height:0px; clear:both;}

/*首页*/
.mobile_bg{ display:none;}

.nav{ display:table; margin:0 auto; position:relative;}
.nav>li{ float:left; position:relative; margin:0 20px;}
.nav>li>a{ width:100px; height:96px; display:block; font-size:16px; color:#FFF; line-height:115px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.nav>li>a:after{ content:""; position:absolute; bottom:0; left:50%; width:0; height:2px; background:#FF0000; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.nav>li>a>span{ display:inline-block; vertical-align:top; width:13px; height:96px; background:url(../images/nav1.png) center 55px no-repeat; margin-left:5px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.nav>li:nth-child(1) a{ width:70px;}
.nav_en>li:nth-child(4) a{ width:170px;}
.nav_en>li{ float:left; position:relative; margin:0 15px;}

/*banner*/
.swiper-container1 {
	width: 100%;
	height: 700px;
	display:block;
	position:relative;
	z-index:100;
}
.swiper-container1 .swiper-slide {
	text-align: center;
	background: #fff;
	height:auto;
	
	/* 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-next1{ width:60px; height:60px; background:url(../images/banner_r.png) no-repeat; background-size:60px 60px; cursor:pointer; top:50%; right:3%; position:absolute; z-index:100; margin-top:-30px;}
.swiper-button-prev1{ width:60px; height:60px; background:url(../images/banner_l.png) no-repeat; background-size:60px 60px; cursor:pointer; top:50%; left:3%; position:absolute; z-index:100; margin-top:-30px;}

.banner_video_bg{ display:block; width:100%; height:700px; position:absolute; top:0; left:0; object-fit:fill;}
.banner_bg{ width:100%; height:700px; position:relative; z-index:10; background-size:cover !important;
/* 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;}
.banner_bg .video_play{ display:block; -webkit-transform:scale(0.8) translateZ(0); -moz-transform:scale(0.8) translateZ(0); -ms-transform:scale(0.8) translateZ(0); -o-transform:scale(0.8) translateZ(0); transform:scale(0.8) translateZ(0);}

.index1{ width:100%; overflow:hidden; background:#f8f8f8; padding:70px 0;}
.index1_1{ width:94%; margin:0 auto; overflow:hidden;}
.index1_2{ width:370px; margin:0 auto; overflow:hidden; position:relative;}
.index1_2_en{ width:530px;}
.index1_2:after{ position:absolute; width:100%; border-bottom:1px solid #a2a2a2; content:""; left:0; top:50%;}
.index1_2 span{ display:inline-block; margin:0 auto; font-size:36px; line-height:46px; font-weight:bold; color:#002fa7; background:#f8f8f8; padding:0 15px; position:relative; z-index:10;}
.index1_3{ width:100%; overflow:hidden; font-size:40px; line-height:50px; font-weight:bold; color:#3b3535; margin-top:50px;}
.index1_4{ width:100%; overflow:hidden; font-size:18px; line-height:30px; color:#3b3535; margin-top:30px;}
.index1_5{ width:1400px; max-width:100%; margin:0 auto; overflow:hidden;}
.index1_5 li{ float:left; overflow:hidden; text-align:left; width:14.66%; margin-left:2%; margin-top:40px;}
.index1_6{ width:100%; font-size:44px; font-weight:bold; color:#002fa7;}
.index1_6 span{ font-size:14px; color:#666666; font-weight:normal; margin-left:5px;}
.index1_7{ font-size:14px; color:#999999;}
.index1_8{ display:block; margin:40px auto 0 auto; max-width:100%;}

.index2{ width:100%; overflow:hidden; padding:70px 0;}
.index2_1{ width:94%; margin:0 auto; overflow:hidden;}

.index_title{ float:left; font-size:36px; font-weight:bold; color:#002fa7; line-height:36px;}
.index_title1{ float:right; font-size:14px; color:#002fa7; display:block; width:110px; height:30px; line-height:30px; border:2px solid #002fa7; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; margin-top:3px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index_title1 span{ font-family:"宋体";}
.index_title1:hover{ background:#002fa7; color:#FFF;}

.index2_left{ float:left; width:67.2%; overflow:hidden;}
.index2_left1{ float:left; width:100%; overflow:hidden; height:65px;}
.index2_left2{ float:left; width:calc(40% - 30px); overflow:hidden; border-top:2px solid #002fa7;}
.index2_left2 li{ width:100%; overflow:hidden; margin-top:10px; font-size:16px;}
.index2_left2 li a{ display:block; width:calc(100% - 40px); padding:0 20px; height:50px; background:#f3f3f3; line-height:50px;}
.index2_left3{ float:right; color:#b9b9b9;}
.index2_left4{ float:left; width:calc(100% - 100px); text-align:left; color:#333333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index2_left5{ display:none;}
.index2_left2 li:nth-child(1){ padding-bottom:18px;}
.index2_left2 li:nth-child(1) a{ display:block; width:100%; height:auto; background:#FFF; padding:0;}
.index2_left2 li:nth-child(1) .index2_left3{ float:left; width:100%; text-align:left; height:30px; line-height:30px; margin-top:10px;}
.index2_left2 li:nth-child(1) .index2_left4{ float:left; width:100%; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:24px;}
.index2_left2 li:nth-child(1) .index2_left5{ float:left; width:100%; display:block; line-height:30px; text-align:left; color:#999999; margin-top:10px; height:240px; overflow:hidden;}
.index2_left2 li a:hover .index2_left4{ color:#002fa7;}

.swiper-container2 {
    width: 60%;
	float:right;
	overflow: hidden;
	position:relative;
}
.swiper-container2 .swiper-slide {
	text-align: center;
	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;
}
.swiper-container2 .swiper-slide a{ display:block; width:100%; height:490px; overflow:hidden; position:relative; background-size:cover !important;}
.swiper-container2 .swiper-slide a .index2_title{ position:absolute; z-index:100; left:0; bottom:0; width:calc(100% - 165px); padding-left:30px; height:70px; line-height:70px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:24px; color:#FFF; text-align:left;}
.swiper-container2 .swiper-slide a .index2_bg{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/index2_bg3.png) left bottom repeat-x; z-index:10;}
.swiper-pagination2{ position:absolute; z-index:100; bottom:22px !important; right:0; width:135px !important; left:auto !important;}
.swiper-pagination2 .swiper-pagination-bullet{ width:16px; height:16px; background:#5e81cd; margin:0 8px !important; opacity:1;}
.swiper-pagination2 .swiper-pagination-bullet-active{ background:#FFF;}
.swiper-button-next2{ position:absolute; z-index:100; top:50%; right:0; width:46px; height:80px; margin-top:-40px; background:url(../images/index2_bg2.png) repeat; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.swiper-button-prev2{ position:absolute; z-index:100; top:50%; left:0; width:46px; height:80px; margin-top:-40px; background:url(../images/index2_bg2.png) repeat; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.swiper-button-next2 span{ display:block; width:46px; height:80px; background:url(../images/index2_4.png) center center no-repeat; cursor:pointer;}
.swiper-button-prev2 span{ display:block; width:46px; height:80px; background:url(../images/index2_3.png) center center no-repeat; cursor:pointer;}
.swiper-button-next2:hover{ background:url(../images/index2_bg1.png) repeat;}
.swiper-button-prev2:hover{ background:url(../images/index2_bg1.png) repeat;}

.index2_right{ float:right; width:30.8%; overflow:hidden;}
.index2_right1{ float:left; width:100%; overflow:hidden; height:65px;}
.index2_right2{ float:left; width:calc(100% - 2px); height:488px; border:1px solid #d9d9d9;}
.index2_right3{ width:calc(100% - 50px); padding:15px 25px 0 25px;}
.index2_right3 li{ float:left; width:100%; border-bottom:1px dashed #d9d9d9;}
.index2_right3 li:last-child{ border-bottom:0;}
.index2_right3 li a{ display:block; width:100%; height:90px;}
.index2_right4{ float:left; width:calc(100% - 25px); padding-left:25px; text-align:left; background:url(../images/index2_1.png) left center no-repeat; font-size:20px; line-height:30px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:15px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index2_right5{ float:left; font-size:16px; color:#b9b9b9; line-height:30px; margin-top:3px;}
.index2_right3 li a:hover .index2_right4{ color:#002fa7;}

.footer{ width:100%; overflow:hidden; background:#f4f4f4;}
.footer_top_title{ font-size:20px; color:#393939; text-align:left; height:30px; line-height:30px;}
.footer_top_title span{ float:right; width:17px; height:11px; background:url(../images/footer1.png) no-repeat; margin-top:9.5px;}
#subsidiary{ cursor:pointer;}
.footer_top{ width:94%; margin:0 auto; overflow:hidden; padding:50px 0;}
.footer_top1{ float:left; overflow:hidden; width:30.5%;}
.footer_top1_1{ float:left; margin-top:40px; margin-right:; width:158px; margin-right:20px;}
.footer_top1_1:last-child{ margin-right:0;}
.footer_top1_1 img{ display:block; width:100%;}
.footer_top1_2{ width:100%; font-size:16px; color:#737373; line-height:30px; margin-top:10px;}
.footer_top2{ float:left; overflow:hidden; width:35.8%;}
.footer_top2_1{ float:left; width:100%; overflow:hidden; margin-top:35px;}
.footer_top2_1 li{ float:left; width:24%; margin-right:1%; overflow:hidden; text-align:left; margin-top:5px;}
.footer_top2_1 li a{ font-size:14px; color:#737373; line-height:30px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.footer_top2_1 li a:hover{ color:#002fa7;}
.footer_top2_1_en li{ width:32.33%; margin-right:1%;}
.footer_top3{ float:right; overflow:hidden; width:27%;}
.footer_top3_1{ float:left; width:100%; overflow:hidden; margin-top:35px; display:none;}
.footer_top3_1 li{ float:left; width:100%; margin-top:5px;}
.footer_top3_1 li a{ font-size:14px; color:#737373; display:block; float:left; text-align:left; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; height:30px; line-height:30px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.footer_top3_1 li a:hover{ color:#002fa7;}
.footer_bot{ width:100%; overflow:hidden; background:#002fa7; color:#FFF; font-size:14px;}
.footer_bot1{ width:94%; margin:0 auto; overflow:hidden; text-align:left; line-height:30px; padding:20px 0;}
.footer_bot1 a{ color:#FFF;}
.footer_bot2{ float:right;}
.footer_bot1 a:hover{ text-decoration:underline;}

.banner{ width:100%; height:600px; background-size:cover !important;}
.banner1{ display:table; max-width:90%; color:#FFF;}
.banner2{ width:100%; overflow:hidden; font-size:50px; font-weight:bold; line-height:60px; position:relative; padding-bottom:20px;}
.banner2:after{ content:""; position:absolute; left:50%; margin-left:-100px; bottom:0; height:1px; width:200px; background:#b9c6d0;}
.banner3{ width:100%; overflow:hidden; font-size:30px; line-height:40px; margin-top:30px;}

.position{ width:94%; margin:20px auto 0 auto; text-align:left; font-size:14px; color:#5a5a5a; line-height:30px; position:relative;}
.position a{ color:#5a5a5a; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.position a:hover{ color:#002fa7;}
.position .span1{ font-family:"宋体"; padding:0 5px;}
.class_nav{ width:94%; margin:20px auto 0 auto; overflow:hidden; font-size:14px; color:#5a5a5a;}
.class_nav ul{ float:right;}
.class_nav ul li{ float:left; line-height:30px;}
.class_nav ul li:last-child{ display:none;}
.class_nav ul li a{ color:#5a5a5a; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.class_nav ul li span{ padding:0 15px;}
.class_nav ul li a:hover{ color:#002fa7;}
.class_nav ul li .on{ color:#002fa7;}

.pro_class{ width:94%; margin:15px auto 0 auto; overflow:hidden; border-top:1px solid #dddddd; padding:50px 0 80px 0;}
.pro_class_title{ font-size:38px; font-weight:bold; color:#1d1d1d; line-height:42px; padding-bottom:32px; position:relative;}
.pro_class_title:after{ content:""; width:80px; margin-left:-40px; height:3px; background:#002fa7; position:absolute; bottom:0; left:50%;}
.pro_class_tip{ width:100%; overflow:hidden; font-size:16px; line-height:30px; color:#61646a; padding:45px 0;}
.pro_class_list{ width:100%; margin:0 auto; overflow:hidden;}
.pro_class_list li{ float:left; margin-right:9px; margin-top:9px; width:calc(33.33% - 6px);}
.pro_class_list li:nth-child(3n){ margin-right:0;}
.pro_class_list li:nth-child(3n+1){ clear:left;}
.pro_class_list li a{ position:relative; display:block; width:100%; overflow:hidden;}
.pro_class_list li a img{ display:block; width:100%; position:relative; z-index:1; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.pro_class_list1{ position:absolute; z-index:10; top:0; left:0; width:100%;}
.pro_class_list2{ font-size:34px; color:#3e4046; line-height:44px; margin-top:40px;}
.pro_class_list3{ font-size:16px; color:#61646a; line-height:30px; margin-top:10px;}
.pro_class_list4{ font-size:16px; color:#002fa7; line-height:30px; margin-top:15px;}
.pro_class_list4 span{ font-family:"宋体"; font-size:18px; font-weight:bold;}
.pro_class_list li a:hover 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);}

.pro{ width:100%; overflow:hidden; background:#f7f7f7; margin-top:15px;}
.pro_shadow{ width:100%; height:1px; -webkit-box-shadow:0px 0px 10px #aaa; -moz-box-shadow:0px 0px 10px #aaa; box-shadow:0px 0px 10px #aaa; background:#dddddd;}
.pro1{ width:94%; margin:0 auto; overflow:hidden; padding:50px 0 70px 0;}
.pro_list{ width:calc(100% - 20px); margin:10px auto 0 auto;}
.pro_list li{ float:left; width:calc(50% - 20px); overflow:hidden; background:#FFF; margin-right:40px; margin-top:40px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.pro_list li:nth-child(2n){ margin-right:0;}
.pro_list li a{ display:block; width:100%; overflow:hidden;}
.pro_list_img{ float:left; width:58.5%; overflow:hidden;}
.pro_list_img img{ display:block; width:100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.pro_list1{ float:left; width:35%; padding:0 4% 0 2.5%; text-align:left;}
.pro_list2{ float:left; width:100%; overflow:hidden; font-size:28px; line-height:38px; color:#3e4046; white-space:nowrap; text-overflow:ellipsis; margin-top:8vw; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.pro_list3{ float:left; width:100%; overflow:hidden; font-size:16px; line-height:26px; color:#61646a; white-space:nowrap; text-overflow:ellipsis; margin-top:20px;}
.pro_list4{ float:left; font-size:14px; color:#666666; border:1px solid #c9c9c9; overflow:hidden; width:120px; height:40px; line-height:40px; text-align:center; -webkit-border-radius:21px; -moz-border-radius:21px; border-radius:21px; margin-top:30px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.pro_list4 span{ font-family:"宋体"; font-weight:bold;}
.pro_list li:hover a 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);}
.pro_list li:hover a .pro_list2{ color:#002fa7;}
.pro_list li:hover a .pro_list4{ background:#002fa7; color:#FFF; border:1px solid #002fa7;}
.pro_list li:hover{ -webkit-box-shadow:0px 0px 10px #ddd; -moz-box-shadow:0px 0px 10px #ddd; box-shadow:0px 0px 10px #ddd;}

.page{ width:94%; margin:0 auto; overflow:hidden; padding:40px 0 60px 0; font-size:16px;}
.page span{ display:inline-block; height:40px; line-height:40px; border:1px solid #c8c8c8; padding:0 15px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#999999; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; margin:10px 2px 0 2px;}
.page a{ display:inline-block; height:40px; line-height:40px; border:1px solid #c8c8c8; padding:0 15px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#999999; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; margin:10px 2px 0 2px;}
.page span:hover{ background:#002fa7; color:#FFF; border:1px solid #002fa7;}
.page a:hover{ background:#002fa7; color:#FFF; border:1px solid #002fa7;}

.nav_blank{ width:100%; height:96px; clear:both;}

.proIn{ width:94%; margin:0 auto; overflow:hidden; border-top:1px solid #e9e9e9; margin-top:15px; padding-top:70px;}
.proIn_left{ float:left; width:662px; overflow:hidden;}

.gallery-top{ width:calc(100% - 2px); overflow:hidden; border:1px solid #e9e9e9; position:relative;}
.gallery-top img{ display:block; width:100%;}
.gallery-top a{ position:relative;}
.gallery-top a .big{ position:absolute; bottom:0; right:0; width:30px; height:30px; background:url(../images/proIn5.jpg) no-repeat; z-index:10;}
.gallery-thumbs-out{ width:100%; overflow:hidden; position:relative; margin-top:10px;}
.gallery-thumbs { width:calc(100% - 60px); overflow:hidden; margin-left:30px;}
.gallery-thumbs .swiper-slide img{ display:block; width:calc(100% - 2px); border:1px solid #e8e8e8; cursor:pointer;}
.gallery-thumbs .swiper-slide-thumb-active img{ border:1px solid #002fa7;}
.swiper-button-next3{ position:absolute; width:12px; height:22px; right:0; top:50%; margin-top:-11px; background:url(../images/proIn3.png) no-repeat; cursor:pointer;}
.swiper-button-prev3{ position:absolute; width:12px; height:22px; left:0; top:50%; margin-top:-11px; background:url(../images/proIn2.png) no-repeat; cursor:pointer;}

.proIn_right{ float:right; width:calc(100% - 712px); overflow:hidden; margin-right:0; text-align:left; padding-bottom:10px;}
.proIn_right1{ float:left; width:100%; overflow:hidden; border-bottom:1px solid #e9e9e9; font-size:30px; color:#000; line-height:70px; padding:15px 0;}
.proIn_right2{ float:left; width:100%; overflow:hidden; border-bottom:1px solid #e9e9e9; font-size:16px; font-weight:bold; color:#5e5e5e; line-height:30px; padding:40px 0;}
.proIn_right2 span{ color:#002fa7;}
.proIn_right3{ float:left; width:100%; overflow:hidden; margin-top:5px;}
.proIn_right3 li{ float:left; width:calc(100% - 40px); padding-left:40px; overflow:hidden; background:url(../images/proIn4.png) left 0 no-repeat; line-height:24px; margin-top:20px; font-size:18px; font-weight:bold; color:#444444;}
.proIn_right3 li span{ font-size:22px; color:#002fa7;}
.proIn_right4{ float:left; margin-top:40px; display:block; width:160px; height:42px; line-height:42px; background:#002fa7; color:#FFF; font-size:16px; color:#FFF; font-weight:bold; text-align:center; -webkit-border-radius:21px; -moz-border-radius:21px; border-radius:21px; -webkit-box-shadow:0px 5px 5px #a0b3e2; -moz-box-shadow:0px 5px 5px #a0b3e2; box-shadow:0px 5px 5px #a0b3e2;}
.proIn_right5{ float:left; margin-top:40px; display:block; width:160px; height:42px; line-height:42px; background:#d7e1ef; color:#FFF; font-size:16px; color:#002fa7; font-weight:bold; text-align:center; -webkit-border-radius:21px; -moz-border-radius:21px; border-radius:21px; margin-left:40px; -webkit-box-shadow:0px 5px 5px #e4e9f6; -moz-box-shadow:0px 5px 5px #e4e9f6; box-shadow:0px 5px 5px #e4e9f6;}

.proIn1{ width:100%; overflow:hidden; text-align:left; padding-top:60px;}
.proIn2{ width:100%; overflow:hidden; font-size:24px; line-height:30px; padding-bottom:30px; font-weight:bold; color:#08162f; border-bottom:2px solid #e9e9e9;}
.proIn3{ width:100%; overflow:hidden; font-size:16px; line-height:30px; color:#333333; padding:40px 0 60px 0; border-bottom:1px solid #e9e9e9;}
.proIn3 .title{ font-size:20px; font-weight:bold; color:#000; padding-bottom:20px; display:inline-block;}
.proIn3 .table1{ width:100%; text-align:center;}
.proIn3 .table1 tr th{ border:1px solid #ecf1fa; background:#ecf1fa; height:70px;}
.proIn3 .table1 tr td{ border:1px solid #ecf1fa; height:60px;}

.pageIn{ width:94%; margin:0 auto; overflow:hidden; padding:35px 0 50px 0; position:relative;}
.pageIn1{ float:left; width:calc(100% - 160px); overflow:hidden; text-align:left; font-size:16px; color:#333; line-height:30px; white-space:nowrap; text-overflow:ellipsis;}
.pageIn1 a{ color:#333; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.pageIn1 a:hover{ color:#002fa7;}
.pageIn2{ display:block; width:140px; height:40px; line-height:40px; background:#002fa7; font-size:16px; color:#FFF; position:absolute; right:0; top:40px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
.pageIn2 span{ font-family:"宋体"; font-weight:bold;}

.pro_class_title1{ float:left; font-size:38px; font-weight:bold; color:#1d1d1d; line-height:42px; padding-bottom:32px; position:relative;}
.pro_class_title1:after{ content:""; width:80px; height:3px; background:#002fa7; position:absolute; bottom:0; left:0;}

.content{ width:94%; margin:15px auto 0 auto; overflow:hidden; border-top:1px solid #dddddd; padding:50px 0 20px 0;}
.content_culture{ width:94%; margin:0 auto 0 auto; overflow:hidden; border-top:1px solid #dddddd; padding:0 0 20px 0;}
.content_left{ float:left; overflow:hidden; width:calc(100% - 400px);}
.content_left1{ width:100%; overflow:hidden; text-align:left; font-size:16px; line-height:30px; color:#333; padding:40px 0 50px 0;}
.content_left1 img{ display:block; margin:0 auto; max-width:100%;}

.about1{ width:100%; overflow:hidden; padding:40px 0;}
.about1 li{ float:left; width:15.66%; overflow:hidden; margin-right:1%;}
.about2{ font-size:44px; font-weight:bold; color:#002fa7; line-height:44px;}
.about2 span{ font-size:14px; font-weight:normal; color:#666; margin-left:5px;}
.about3{ font-size:14px; color:#999; line-height:20px;}

.content_right{ float:right; overflow:hidden; width:350px;}
.content_right1{ width:100%; overflow:hidden;}
.content_right1 li{ float:left; width:100%; overflow:hidden; margin-top:20px;}
.content_right1 li:nth-child(1){ margin-top:0;}
.content_right1 li a{ display:block; width:100%; position:relative;}
.content_right1 li a:after{ content:""; position:absolute; bottom:0; left:0; width:100%; height:100%; background:url(../images/right_bg1.png) bottom left repeat-x; z-index:1;}
.content_right2{ display:block; width:100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.content_right3{ position:absolute; z-index:10; left:0; bottom:0; width:90%; padding:0 5%; height:36px; line-height:36px; font-size:14px; color:#FFF;}
.content_right1 li a:hover .content_right2{ -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);}

.history{ width:100%; overflow:hidden; margin-top:50px; background:url(../images/history2.jpg) top center repeat-y;}
.history li:last-child .left2{ padding-bottom:0;}
.history li:last-child .right1{ padding-bottom:0;}
.history li:last-child.left{ background:url(../images/history3.png) top left no-repeat #FFF; padding-bottom:30px;}
.history li:last-child.right{ background:url(../images/history4.png) top right no-repeat #FFF; padding-bottom:30px;}
.history .top{ float:left; width:100%; overflow:hidden; background:url(../images/history1.jpg) top center no-repeat; height:96px;}
.history .left{ float:right; width:calc(50% + 18px); overflow:hidden; background:url(../images/history3.png) top left no-repeat; min-height:36px;}
.history .left1{ float:left; margin-left:80px; text-align:left; overflow:hidden; font-size:42px; line-height:42px; font-weight:bold; color:#002fa7; margin-top:-5px; max-width:clac(100% - 80px); clear:both;}
.history .left2{ float:left; margin-left:80px; text-align:left; overflow:hidden; font-size:16px; line-height:24px; color:#333; max-width:clac(100% - 80px); clear:both; margin-top:10px; padding-bottom:35px;}
.history .right{ float:left; width:calc(50% + 18px); background:url(../images/history4.png) top right no-repeat; min-height:36px;}
.history .right1{ float:right; margin-right:65px; text-align:right; overflow:hidden; font-size:22px; font-weight:bold; color:#333; line-height:36px; max-width:calc(100% - 65px); padding-bottom:70px; clear:both;}
.history .right2{ float:right; margin-right:65px; width:160px; height:95px; clear:both; margin-top:-105px;}
.history .right2 img{ display:block; height:100%; float:right;}

.content_left .page{ width:100%; padding:40px 0 30px 0;}

.about_list1{ float:left; display:block; width:calc(100% - 2px); overflow:hidden; margin-top:50px; border:1px solid #dddddd;}
.about_list1_1{ float:left; position:relative; width:39%; overflow:hidden;}
.about_list1_1 img{ display:block; width:100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.about_list1_2{ float:left; width:55%; overflow:hidden; padding:0 3%; text-align:left;
	/* 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;
}
.about_list1_3{ width:100%; overflow:hidden;}
.about_list1_4{ width:100%; font-size:16px; color:#999999; line-height:26px;}
.about_list1_5{ width:100%; font-size:22px; color:#333333; line-height:32px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:0.6vw; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.about_list1_6{ width:100%; font-size:16px; color:#999999; line-height:26px; overflow:hidden; height:52px; margin-top:1.4vw;}
.about_list1_7{ display:block; width:120px; height:40px; line-height:40px; font-size:14px; color:#666; border:1px solid #c9c9c9; text-align:center; -webkit-border-radius:21px; -moz-border-radius:21px; border-radius:21px; margin-top:1.2vw; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.about_list1_7 span{ font-family:"宋体"; font-weight:bold; margin-left:5px;}
.about_list1:hover .about_list1_1 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);}
.about_list1:hover .about_list1_5{ color:#002fa7;}
.about_list1:hover .about_list1_7{ background:#002fa7; border:1px solid #002fa7; color:#FFF;}

.about_list2{ float:left; width:100%; overflow:hidden; margin-top:10px;}
.about_list2 li{ float:left; width:100%; overflow:hidden; margin-top:20px;}
.about_list2 li a{ display:block; width:100%; overflow:hidden; background:#f3f3f3; padding:40px 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.about_list2_1{ float:left; width:calc(100% - 396px); margin-left:40px; text-align:left;} 
.about_list2_2{ float:left; width:100%; font-size:22px; color:#000; line-height:34px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.about_list2_3{ float:left; width:100%; font-size:16px; color:#9c9c9c; line-height:26px; height:52px; overflow:hidden; margin-top:10px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.about_list2_4{ float:right; width:245px; padding-left:50px; height:96px; overflow:hidden; background:url(../images/aboutList1.png) 220px center no-repeat; border-left:1px solid #eaeaea; 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;}
.about_list2_5{ float:left; clear:both; font-size:41px; font-weight:bold; color:#002fa7; line-height:51px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.about_list2_6{ float:left; clear:both; font-size:18px; color:#c1c1c1; line-height:30px; margin-top:10px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.about_list2 li a:hover{ background:#002fa7;}
.about_list2 li a:hover .about_list2_2{ color:#FFF;}
.about_list2 li a:hover .about_list2_3{ color:#FFF;}
.about_list2 li a:hover .about_list2_4{ background:url(../images/aboutList1_on.png) 220px center no-repeat; border-left:1px solid #FFF;}
.about_list2 li a:hover .about_list2_5{ color:#FFF;}
.about_list2 li a:hover .about_list2_6{ color:#FFF;}

.about_list_in{ width:94%; margin:0 auto; overflow:hidden; border-top:1px solid #e9e9e9; margin-top:15px; padding:50px 0; border-bottom:1px solid #e5e5e5;}
.about_list_in1{ width:100%; overflow:hidden; font-size:38px; color:#333; font-weight:bold; line-height:48px;}
.about_list_in2{ width:100%; overflow:hidden; font-size:18px; color:#333; line-height:30px; margin-top:40px;}
.about_list_in3{ width:100%; overflow:hidden; text-align:left; font-size:16px; line-height:30px; padding-top:50px;}
.about_list_in3 img{ display:block; margin:0 auto; max-width:100%;}

.honor{ width:85%; margin:0 auto; padding-left:5%;}

.map{ width:100%; height:400px; margin-top:30px;}

.contact{ width:100%; overflow:hidden; margin-top:50px;}
.contact1{ float:left; width:calc(100% - 630px); text-align:left;}
.contact1_1{ float:left; width:100%; font-size:26px; color:#002fa7; font-weight:bold; line-height:36px;}
.contact1_2{ float:left; border-left:1px solid #eeeeee; margin-top:60px; padding:0 35px; width:calc(100% - 70px);}
.contact1_3{ float:left; width:calc(100% - 30px); overflow:hidden; padding-left:30px;}
.contact1_3.tel{ background:url(../images/contact1.png) left 5.5px no-repeat;}
.contact1_3.email{ background:url(../images/contact2.png) left 8px no-repeat; margin-top:10px;}
.contact1_3 li{ float:left; width:50%; font-size:16px; color:#000; line-height:30px;}
.contact2{ float:left; display:block; margin-left:40px; margin-top:50px;}
.contact3{ float:right; overflow:hidden; width:360px; border-left:1px solid #e5e5e5;}
.contact3_1{ float:left; width:150px; margin-left:30px;}
.contact3_1 img{ display:block; width:148px; border:1px solid #d2d2d2;}
.contact3_2{ width:100%; font-size:16px; line-height:30px; color:#000; margin-top:10px;}

.company{ width:100%; overflow:hidden; padding:50px 0; text-align:left; font-size:16px; line-height:30px; color:#333;}
.company img{ display:block; margin:0 auto; max-width:100%;}

.company_title{ position:relative; z-index:100; color:#FFF;}
.company_title1{ position:absolute; z-index:10; top:-100px; left:-25px; background:url(../images/company_title_bg.png) repeat; width:550px; padding:0 0 70px 25px;}
.company_title2{ line-height:80px; font-size:24px; font-weight:bold; color:#FFF;}
.company_title a{ color:#FFF;}
.company_title a:hover{ color:#FFF;}

.video{ width:1300px; overflow:hidden; margin:50px auto 0 auto; padding-bottom:30px;}
.video-top{ width:100%; overflow:hidden;}
.video_content{ width:100%; height:610px; background:#000;}
.video1{ width:100%; overflow:hidden; position:relative; margin-top:25px;}
.video-thumbs{ box-sizing: border-box; width:calc(100% - 140px); overflow:hidden; margin-left:70px;}
.video-thumbs .swiper-slide{ opacity: 1;}
.video-thumbs .swiper-slide-thumb-active{ opacity: 1;}
.video-thumbs .swiper-slide-thumb-active .video1_1{ border:2px solid #002fa7; background:#002fa7;}
.video-thumbs .swiper-slide-thumb-active .video1_2{ color:#FFF;}
.video1_1{ width:calc(100% - 4px); overflow:hidden; border:2px solid #dbdbdb;}
.video1_1 img{ display:block; width:100%;}
.video1_2{ width:90%; padding:0 5%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; color:#3a3a3a; line-height:50px; height:50px;}
.swiper-button-next4{ position:absolute; z-index:100; top:50%; margin-top:-25px; right:0; width:50px; height:50px; background:url(../images/video2.png) no-repeat; background-size:50px 50px; cursor:pointer;}
.swiper-button-prev4{ position:absolute; z-index:100; top:50%; margin-top:-25px; left:0; width:50px; height:50px; background:url(../images/video1.png) no-repeat; background-size:50px 50px; cursor:pointer;}

.recruitIn_title{ width:100%; overflow:hidden; border-bottom:1px solid #dddddd; margin-bottom:20px; font-size:20px; line-height:20px; padding-bottom:20px; font-weight:bold; color:#002fa7;}
.recruitIn_email{ width:calc(100% - 130px); padding-left:130px; overflow:hidden; background:url(../images/recruitIn1.jpg) left top no-repeat; min-height:69px; margin-top:30px;}
.recruitIn_email1{ font-size:18px; line-height:30px; color:#000;}
.recruitIn_email2{ color:#002fa7; font-size:26px; line-height:40px;}

.recruit_search{ width:100%; overflow:hidden; margin-top:50px;}
.recruit_search1{ float:left; width:calc(100% - 230px); padding:0 30px; border:1px solid #e5e5e5; height:58px; line-height:58px; outline:none; font-size:16px; color:#666;}
.recruit_search2{ float:right; width:150px; height:60px; line-height:60px; background:#002fa7; font-family:"微软雅黑"; font-size:16px; color:#FFF; border:0; outline:none; cursor:pointer;}

.recruit_list{ width:100%; overflow:hidden; margin-top:30px;}
.recruit_list li{ padding-left:45px; width:calc(100% - 47px); border:1px solid #eeeeee; border-top:0; overflow:hidden;}
.recruit_list li div{ float:left; font-size:16px; color:#000; text-align:left; line-height:90px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.recruit_list li:nth-child(1){ border:1px solid #002fa7; background:#002fa7; height:95px;}
.recruit_list li:nth-child(1) div{ float:left; font-size:22px; color:#FFF; text-align:left; line-height:95px;}

.recruit_title1{ width:24%; margin-right:2%;}
.recruit_title2{ width:22%; margin-right:2%;}
.recruit_title3{ width:11%; margin-right:2%;}
.recruit_title4{ width:24%; margin-right:2%;}
.recruit_title5{ width:9%; margin-right:2%;}

.recruit_list1{ width:24%; margin-right:2%;}
.recruit_list2{ width:22%; margin-right:2%;}
.recruit_list3{ width:11%; margin-right:2%;}
.recruit_list4{ width:24%; margin-right:2%;}
.recruit_list5{ width:9%; margin-right:2%;}

.recruit_list li a:hover div{ color:#002fa7;}

.recruit-thumbs{ box-sizing:border-box; width:700px; margin:50px auto 0 auto; overflow:hidden;}
.culture1{ width:100%; overflow:hidden; position:relative; cursor:pointer;}
.culture1_1{ display:block; margin:0 auto; width:94px;}
.culture1_2{ width:100%; overflow:hidden; font-size:18px; color:#333; line-height:18px; padding-bottom:29px; margin-top:30px; position:relative;}
.culture1_2:after{ content:""; position:absolute; bottom:0; left:50%; margin-left:-13px; width:26px; height:2px; background:#cccccc; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.recruit-thumbs .swiper-slide-thumb-active .culture1_2{ color:#002fa7; font-weight:bold;}
.recruit-thumbs .swiper-slide-thumb-active .culture1_2:after{ background:#002fa7; width:76px; margin-left:-38px;}

.recruit-top{ width:94%; overflow:hidden; margin:30px auto 0 auto;}
.recruit-top .swiper-slide{ background:#FFF; width:100%; overflow:hidden; padding-bottom:70px;}
.culture2{ width:100%; overflow:hidden; text-align:left;}
.culture3{ width:calc(100% - 40px); padding-left:40px; overflow:hidden; background:#002fa7; font-size:20px; font-weight:bold; color:#FFF; height:60px; line-height:60px;}
.culture4{ width:100%; overflow:hidden; font-size:16px; line-height:30px; padding-top:20px;}
.culture5{ font-size:20px; font-weight:bold; color:#08162f; line-height:26px; border-left:3px solid #002fa7; padding-left:20px; margin-top:30px; margin-bottom:20px;}
.culture4 img{ display:block; margin:0 auto; max-width:100%;}

.feedback_line{ width:94%; height:0; border-bottom:1px solid #dddddd; margin:15px auto 0 auto;}
.feedback{ width:100%; overflow:hidden; background:url(../images/feedback_bg.jpg) bottom center no-repeat; padding:50px 0 200px 0;}
.blank30{ width:100%; height:30px; clear:both;}
.blank50{ width:100%; height:50px; clear:both;}
.feedback1{ width:1398px; max-width:94%; border:1px solid #e4e4e4; background:#FFF; margin:50px auto 0 auto; padding:70px 0; font-size:16px; color:#1a1a1a;}
.feedback .feedback2{ float:left; width:290px; text-align:right; padding-right:10px; height:60px; line-height:60px;}
.feedback .span1{ color:#ff0000;}
.feedback .input1{ float:left; font-size:16px; font-family:"微软雅黑"; color:#666; width:830px; height:58px; border:1px solid #e4e4e4; outline:none; padding:0 20px;}
.feedback .input2{ float:left; font-size:16px; font-family:"微软雅黑"; color:#666; width:380px; height:58px; border:1px solid #e4e4e4; outline:none; padding:0 20px;}
.feedback .textarea1{ float:left; font-size:16px; line-height:30px; font-family:"微软雅黑"; color:#666; width:830px; height:120px; border:1px solid #e4e4e4; outline:none; padding:14px 20px;}
.feedback label{ float:left; margin-right:50px; cursor:pointer; height:30px; line-height:30px; margin-top:15px; color:#666;}
.feedback .btn_Submit{ font-size:16px; font-family:"微软雅黑"; font-weight:bold; width:210px; height:60px; background:#002fa7; color:#FFF; border:1px solid #002fa7; cursor:pointer; margin:0 10px;}
.feedback .btn_Reset{ font-size:16px; font-family:"微软雅黑"; font-weight:bold; width:210px; height:60px; background:#FFF; color:#333; border:1px solid #e4e4e4; cursor:pointer; margin:0 10px;}

}