@charset "utf-8";
body {max-width: 1920px; margin: 0 auto;}
img { max-width: 100%; }
/*联系我们*/
.co {margin: 0 auto; position: relative; width: 19.2rem; min-height: 6.55rem; background: url(co1.jpg) no-repeat center; -webkit-background-size: contain;background-size: contain; }
.co1 {padding:1.2rem 0 0 2.6rem; width: 8.85rem; height: 5.9rem; position: absolute; left:0; top:-0.5rem; background: url(co9.png) no-repeat 5.9rem 0.5rem #fff; -webkit-background-size: 2.51rem auto;background-size: 2.51rem auto; box-shadow: 0px 8px 51px 0px rgba(0, 0, 0, 0.09); box-sizing: border-box; }
.mxtit p { font-size: 0.16rem; color:#0054a6; font-family: "Arial"; text-transform: uppercase; }
.mxtit h2 { font-size: 0.36rem; color:#000000; font-weight: normal; line-height: 0.4rem; margin-bottom:0.15rem;}
.mxtit span { display: block; width: 0.6rem; height: 2px; background: #0054a6; }
.mxtit i { display: block; font-size: 0.16rem;  color:#777777; }
.co1 .con { margin-top:0.45rem; }
.co1 .con span { display: inline-block; padding-right:8px; }
.co1 .con img { vertical-align: middle; }
.co1 .con p { font-size: 0.16rem;color:#666666; line-height: 0.44rem; }

.co2 { float: right;padding:1rem 2.6rem 0 0; width: 9.3rem; box-sizing: border-box; }
.co2 .con { margin-top:0.2rem; }
.co2 .con li { margin-bottom:0.1rem; }
.co2 .con .inp {padding-left:8px; font-size: 14px; color:#999999; border:1px solid #eee; height: 0.48rem; box-sizing: border-box; line-height: 0.46rem; outline: none; }
.co2 .con .inp1 { float: left; width: 3.25rem; }
.co2 .con .inp2 { float: right; width: 3.25rem; }
.co2 .con .inp3 { width: 100%; }
.co2 .con .inp4 { width: 100%;height: 1rem;}
.co2 .con .sub { display: block; width: 1.82rem; height: 0.52rem; background: #0054a6; font-size: 0.18rem; color:#fff; border:none; cursor: pointer;  }
.co3 #allmap { height: 7rem; }
@media(max-width:1450px){
	.co1 { padding:0.8rem 0.5rem 0 1.2rem; }
	.mxtit { font-size: 0.2rem; }
	.mxtit h2 { font-size: 0.5rem; line-height: 0.6rem; }
	.mxtit span { width: 1rem; }
	.mxtit i { font-size: 0.2rem; }
	.co1 .con p { font-size: 0.2rem; line-height: 0.52rem; }
	.co2 { padding:0.6rem 1.2rem 0 0; }
}
@media(max-width:1000px){
	.co {width: 100%; height: auto; padding-bottom:0.8rem; background: url(co1.jpg) no-repeat center bottom; -webkit-background-size: 100% auto;background-size: 100% auto; }
	.co1,.co2 {height: auto; padding-bottom:20px; padding:0.4rem 0.2rem; margin-top:0; position: relative; width: 100%; float: none;background-image:none;}
	.co2 { padding-top:0; }
	.mxtit { font-size: 14px; }
	.mxtit h2 { font-size: 34px; line-height: 36px; }
	.mxtit i { font-size: 14px; }
	.mxtit span {width: 1.2rem;}
	.co1 .con p { font-size: 14px; line-height: 36px; }
	.co2 .con .inp { width: 100%; float: none; }
	.co2 .con .inp1 { margin-bottom:0.1rem; }
	.co2 .con .inp { height: 47px; line-height: 45px; }
	.co2 .con .inp4  { height: 120px; }
	.co3 #allmap { height: 3.5rem; }
	.co2 .con .sub { font-size: 18px;width: 120px; height: 40px; line-height: 40px; }
}

/*新闻中心*/
.w1200 { width: 14rem; margin: 0 auto; padding-top:0.6rem; }
.mian_box {background: #f6f6f6;padding-bottom: 0.7rem;}
.mian_box .mian .news_list {float: left;width: 9.8rem;background: #fff;padding: 0.4rem;}
.mian_box .mian .news_list .tit {border-bottom: 1px solid #e3e3e3;color: #333333;font-size: 24px;font-weight: normal;padding-bottom: 18px;}
.mian_box .mian .news_list .tit span {color: #666666;font-size: 16px;text-transform: uppercase;}
.mian_box .mian .news_list ul li {float: left;width: 100%;border-bottom: 1px solid #f0f0f0;padding: 25px 0;}
.mian_box .mian .news_list ul li .img {display: block;width: 2rem;height: 1.3rem;overflow: hidden;float: left;}
.mian_box .mian .news_list ul li .img img { width: 100%; height:  auto; }
.mian_box .mian .news_list ul li .text {float: right;width: 7.3rem;}
.mian_box .mian .news_list ul li .text h3 {color: #333333;font-weight: normal;font-size: 0.18rem;line-height: 0.32rem;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.mian_box .mian .news_list ul li .text p {margin-top: 5px;color: #666666;font-size: 14px;line-height: 24px;height: 48px;overflow: hidden;}
.mian_box .mian .news_list ul li .text .bottom {margin-top: 0.1rem;}
.mian_box .mian .news_list ul li .text .bottom span {float: left;color: #999999;font-size: 12px;margin-right: 30px;padding-left: 20px;}
.mian_box .mian .news_list ul li .text .bottom span.s1 {background: url(../images/s1.png) no-repeat left center;}
.mian_box .mian .news_list ul li .text .bottom span.s2 {background: url(../images/s2.png) no-repeat left center;}
.mian_box .mian .news_list .bottom_btn {margin-top: 30px;text-align: center;}
.mian_box .mian .news_list .bottom_btn a {color: #999999;font-size: 14px;display: inline-block;line-height: 21px;}
.mian_box .mian .news_list .bottom_btn a i {position: relative;top: 5px;margin-right: 10px;display: inline-block;width: 20px;height: 21px;background: url(../images/icon.png) no-repeat center center;}
.mian_box .mian .mian_right {float: right;width: 3rem;}
.mian_box .mian .mian_right .tit span { font-size: 12px;color:#888; text-transform: uppercase;}
.mian_box .mian .mian_right .tit {background: #fff;line-height: 54px;color: #333;font-size: 18px;padding: 0 0.3rem;font-weight: normal;border-bottom:1px solid #eee;}
.mian_box .mian .mian_right .menu {background: #fff;margin-bottom: 0.1rem;}
.mian_box .mian .mian_right .menu ul {padding: 0 30px;}
.mian_box .mian .mian_right .menu ul li {float: left;width: 100%;line-height: 44px;border-bottom: 1px solid #f2f2f2;font-size: 14px;}
.mian_box .mian .mian_right .menu ul li a {display: block;color: #666;background: url(../images/icon1.png) no-repeat right center;}
.mian_box .mian .mian_right .menu ul li.cur a {color: #0054a6;background: url(../images/icon1bg.png) no-repeat right center;}
.mian_box .mian .mian_right .rmtj {background: #fff;margin-bottom: 5px;position: relative;}
.mian_box .mian .mian_right .rmtj a.more {position: absolute;right: 30px;top: 0;line-height: 54px;color: #fff;font-size: 12px;text-transform: uppercase;font-family: arial;}
.mian_box .mian .mian_right .rmtj ul {padding: 20px 30px;}
.mian_box .mian .mian_right .rmtj ul li {float: left;width: 100%;margin-bottom: 20px;}
.mian_box .mian .mian_right .rmtj ul li .img {line-height: 0;width: 100%;height: auto;}
.mian_box .mian .mian_right .rmtj ul li .img img {line-height: 0;width: 100%;height: auto;}
.mian_box .mian .mian_right .rmtj ul li .text {padding-top: 10px;}
.mian_box .mian .mian_right .rmtj ul li .text p {color: #555555;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.mian_box .mian .mian_right .rmtj ul li .text span {display: block;margin-top: 5px;color: #999999;font-size: 13px;}
.news_show {float: left;width: 9.8rem;background: #fff;padding: 0.4rem;}
.news_show h1 {color: #333333;font-size: 24px;font-weight: normal;}
.news_show .data {margin-top: 20px;padding-bottom: 15px;border-bottom: 1px solid #e9e9e9;}
.news_show .data span {color: #999999;font-size: 14px;display: block;float: left;margin-right: 50px;padding-left: 20px;}
.news_show .data span.s1 {background: url(../images/s1.png) no-repeat left center;}
.news_show .data span.s2 {background: url(../images/s2.png) no-repeat left center;}
.news_show .detail {padding: 25px 0 30px;color: #666666;font-size: 15px;line-height: 28px;border-bottom: 1px solid #e5e5e5;}
.news_nav {display: none; width: 100%; background: #eee;  }
.news_nav{background: #eeeeee;}
.news_nav ul li{text-align: center;float: left;width: 17%;border-right: 1px solid #f3f3f3;line-height: 0.8rem;font-size: 0.32rem;}
.news_nav ul li a{color: #000000;display: block;}
.news_nav ul li.cur{background: #0054a6;}
.news_nav ul li.cur a{color: #fff;}

@media (max-width: 1400px){
	.w1200 { width: 16rem; }
	.mian_box .mian .news_list ul li .img  { width: 3rem; height:auto; }
	.mian_box .mian .news_list { width: 10.8rem; }
	.news_show { width: 10.8rem; }
	.mian_box .mian .mian_right { width: 4rem; }
}
@media (max-width: 1000px){
	.w1200 { padding-top:0.2rem; }
	.w1200 { width: 18.6rem; }
	.news_show { width: 100%; box-sizing: border-box; padding: 0.3rem 0.2rem; }
	.mian_box .mian .news_list ul li .img  { width: 24%; }
	.mian_box .mian .news_list {box-sizing: border-box; width: 100%;  }
	.mian_box .mian .mian_right { display: none; width: 0; overflow: hidden; }
	.news_nav { display: block; }
	.mian_box .mian .news_list ul li .text { width: 73%; }
	.mian_box .mian .news_list ul li .text h3 {font-size: 16px;line-height: 30px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
}

@media (max-width: 640px){
	.news_nav ul li { height: 0.6rem; font-size: 0.2rem; line-height: 0.6rem; }
	.w1200 { width: 6rem; }
	.news_show h1 { font-size: 20px; }
	.mian_box .mian .news_list { padding: 0.3rem 0.2rem; }
	.mian_box .mian .news_list ul li .img  { width: 36%; }
	.mian_box .mian .news_list ul li .text { width: 60%; }

}

@media (max-width: 500px){
	.mian_box .mian .news_list ul li .img  { width: 42%; }
	.mian_box .mian .news_list ul li .text { width: 55%; }
	.mian_box .mian .news_list ul li .text .bottom span.s1 { display: none; }
}
.fenye_btn {margin-top: 30px;}
.fenye_btn ul {float: left;max-width: 70%;}
.fenye_btn ul li {float: left;width: 100%;line-height: 40px;margin-bottom: 5px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.fenye_btn ul li a {display: inline-block;color: #666666;}
.fenye_btn ul li a span {color: #666666;font-size: 15px;border: 1px solid #666666;display: inline-block;line-height: 40px;width: 92px;text-align: center;margin-right: 25px;}
.fenye_btn ul li:hover a {color: #0f4ba6;}
.fenye_btn ul li:hover a span {color: #fff;border-color: #0f4ba6;background: #0f4ba6;}
.fenye_btn .back {float: right;display: block;color: #666666;font-size: 15px;border: 1px solid #666666;line-height: 40px;padding: 0 22px;}
.fenye_btn .back:hover {color: #fff;border-color: #0f4ba6;background: #0f4ba6;}
@media (max-width: 500px){
	.fenye_btn .back { display: none; }
}


/*人力资源*/
.jo1 { width: 19.2rem;padding-top:1.1rem; box-sizing: border-box; min-height:5.5rem;position: relative; margin: 0 auto; background: #f5f7f9;}
.g-in { width: 14rem; margin: 0 auto; }
.jo1a { width: 6rem; }
.jo1a .con { margin-top:0.3rem; font-size: 0.16rem; color:#4f4f4f; line-height: 0.32rem; }
.jo1b {width: 7rem; position: absolute; right:2.6rem; bottom:-0.2rem; }
.jo1b img { width: 100%;  }
.jo2 { padding: 1.1rem 0 1.2rem; }
.abo4a .jo2 { padding: 0!important;}
.jo2 .con {position: relative;}
.swiper-container-2 .swiper-slide { float: left; width: 4.63rem; }

.swiper-container-2 .swiper-slide .jo2a {
	height: 100%;}
.swiper-container-2 .swiper-slide a { display: block; width: 100%; height: 100%; position: relative; overflow:hidden; }
.swiper-container-2 .swiper-slide a span.mb { display: block; width: 100%; height: 100%; position: absolute; left:0; bottom:0; background: url(jo3.png) no-repeat bottom center; -webkit-background-size: 100% auto;background-size: 100% auto; }
.swiper-container-2 .swiper-slide a span.tit {box-sizing: border-box; padding-left:20px; background: url(jo4.png) no-repeat 93% center; display: block; width: 100%; position: absolute; left:0; bottom:0; z-index: 10; font-size: 16px;color:#fff; height: 48px; line-height: 48px;}
.jo2 .con .swiper-button-prev { position: absolute; height: 0.64rem; top:50%; margin-top:-0.32rem; left:-60px; background: url(jo1.jpg) no-repeat center; width:0.32rem; -webkit-background-size: 100% auto;background-size: 100% auto;}
.jo2 .con .swiper-button-next { position: absolute; height: 0.64rem; top:50%; margin-top:-0.32rem; right:-60px; background: url(jo2.jpg) no-repeat center; width:0.32rem; -webkit-background-size: 100% auto;background-size: 100% auto;}
.jo3 { width: 19.2rem; height: 5.6rem; box-sizing: border-box; padding-top:1.5rem; }
.jo4 { width: 100%; background: #f5f7f9; padding:0.9rem 0 0.95rem; }
.jo4 .hd .mxtit { float: left; }
.jo5 {float: right;}
.jo5 li { float: left; margin-left:0.3rem; }
.jo5 li a { font-size: 0.18rem; display: block; position: relative; color:#666666; padding-left:0.5rem; }
.jo5 li a:after { content:''; width: 0; height: 1px; position: absolute; left:0; top:50%; margin-top:-1px; background: #0054a6; transition: all 0.5s; }
.jo5 li.cur a:after,.jo5 li:hover a:after { width: 0.4rem; }
.jo5 li.cur a,.jo5 li:hover a { color:#0054a6; }
.join_box .tables{
	width: 100%;
	margin-top: 45px;
}
.join_box .tables table{
	width: 100%;
	border: 1px solid #e8e8e8;
}
.join_box .tables table tr th{
	background: #f6f6f6;
	border-bottom: 2px solid #e8e8e8;
	color: #444444;
	font-size: 16px;
	font-weight: normal;
	padding: 20px 10px;
}
.join_box .tables table tr td{
	text-align: center;
	color: #666666;
	background: #fff;
	font-size: 16px;
	padding: 16px 10px;
	border-top: 1px solid #e8e8e8;
}
.join_box .tables table tr:hover td,
.join_box .tables table tr:hover td a{
	color: #af2d30;
}
.pop_join{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	z-index: 999;
	display: none;
}
.pop_join .box{
	background: #fff;
	width: 800px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	padding: 40px 60px;
}
.pop_join .box .guanbi{
	position: absolute;
	right: 26px;
	top: 26px;
	width: 22px;
	height: 22px;
	cursor: pointer;
	z-index: 1000;
}
.pop_join .box h1{
	color: #333333;
	font-size: 24px;
	font-weight: normal;
	border-bottom: 1px solid #e4e4e4;
	padding-bottom: 20px;
	position: relative;
	margin-bottom: 20px;
}
.pop_join .box h1::before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 52px;
	height: 2px;
	background: #af2d30;
}
.pop_join .box .name{
	margin-top: 20px;
	color: #444444;
	font-size: 18px;
	line-height: 34px;
}
.pop_join .box .bt{
	color: #444444;
	font-size: 18px;
	line-height: 34px;
}
.pop_join .box .t{
	color: #666666;
	font-size: 15px;
	line-height: 30px;
    max-height: 300px;
    overflow-y: scroll;
}
@media (max-width: 1500px){
	.jo3 { padding-top:1.2rem; }
	.swiper-container-2 .swiper-slide a span.tit { background: none; }
	.jo5 li a { font-size: 0.24rem; }
}
@media (max-width: 1000px){
	.pop_join .box{width: 80%;box-sizing: border-box;  top: 50%;transform: translate(-50%,-50%);padding: 30px 10px;}
	.jo5 li a { font-size: 0.36rem; }
	.jo3 { padding:1rem 0 0.5rem; height: auto; }
	.jo1 { padding-bottom:30px; }
	.g-in { width: 18rem; }
	.jo1a { width: 100%; }
	.jo1a .con { font-size: 16px; line-height: 32px; }
	.jo3 .jo1a .con { color:#666; }
	.jo1b { position: relative; margin-top:0.2rem; width: 100%; right:0; bottom:0; width: 100%; }
}
@media (max-width: 640px){
	.jo4 { padding:0.3rem 0 0.4rem; }
	.join_box .tables{ margin-top:20px;}
	.jo5 li {margin-left:0.2rem; }
	.jo5 li a { font-size:16px;padding-left:0rem; }
	.jo5 li a:after { display: none; }
	.join_box .tables table .sign { display: none; }
	.jo3 { width: 6.4rem; padding:0.5rem 0 0.5rem; height: auto; }
	.jo2 { padding:0.3rem 0 0.4rem; }
	.jo1 { padding-bottom:30px;width: 6.4rem;padding-top:0.2rem; }
	.g-in { width: 6rem; }
	.jo1a { width: 100%; }
	.jo1a .con { font-size: 16px; line-height: 32px; }
	.jo1b { position: relative; margin-top:0.2rem; width: 100%; right:0; bottom:0; width: 100%; }
}

/*服务支持*/
.ser1 { padding:0 0; }
.ser1a {padding-top:1.2rem; width: 6.1rem; float: left; }
.ser1a .con { margin-top:0.3rem; font-size: 0.16rem; color:#4f4f4f; line-height: 0.32rem; }
.ser1b {width: 7rem; float: right;}
.ser1b img { width: 100%; height: auto;  }
.ser2 { background: #f1f4f6; }
.ser2 .ser1b { float: left; width: 50%; }
.ser2 .ser1a { float: right; width: 50%; padding:1.3rem 2.6rem 0 0.95rem; box-sizing: border-box; }

.ser3 { width: 100%; background: #f6f9fb; padding:0.9rem 0 1.15rem; }
.ser3a ul li {margin-top:0.3rem; box-shadow: 0px 0px 5px 0px rgba(229, 236, 241, 0.76); border-bottom:5px solid #00429d; margin-right:0.2rem; float: left; width: 3.35rem; height: 3.4rem; background: #fff; text-align: center; box-sizing: border-box; padding:0.55rem 0.35rem 0; text-align: center; }
.ser3a ul li.sign4 { margin-right:0; }
.ser3a ul li.sign3 { margin-right:0; }
.ser3a ul li.sign4 { float: right; }
.ser3a ul li span {margin-bottom:0.4rem; display: block; height: 0.57rem; }
.ser3a ul li span img { max-height: 100%; width: auto; }
.ser3a ul li h2 {font-size: 0.2rem;color:#333333; font-weight: normal; margin-bottom:0.12rem;}
.ser3a ul li p {font-size: 0.15rem;color:#666666; line-height: 0.24rem;}

.ser4 { padding: 0.8rem 0 1rem; }
.ser4a ol li {cursor: pointer; border-bottom:1px solid #ddd; padding-bottom:0.2rem; }
.ser4a .bt p {padding-right:32px; padding-left:22px;height: 0.62rem; line-height: 0.62rem; font-size: 0.18rem; color:#666666;position: relative; }
.ser4a .bt p span { position: absolute; height: 0.62rem; left:0; top:0; background: url(r12.png) no-repeat left center; display: block; width: 22px; }
.ser4a ol li.cur .bt p span,.ser4a ol li:hover .bt p span { background: url(r10.png) no-repeat left center; }
.ser4a .bt p:after { content:''; width: 32px; height: 0.62rem; background: url(r11.png) no-repeat center; -webkit-background-size: 0.3rem auto;background-size: 0.3rem auto; position: absolute; right:0; top:0; }
.ser4a ol li.cur .bt p:after,.ser4a ol li:hover .bt p:after { background: url(r9.png) no-repeat center; -webkit-background-size: 0.3rem auto;background-size: 0.3rem auto; }
.ser4a ol li.cur .bt p,.ser4a ol li:hover .bt p { color:#0054a6; }
.ser4a ol li .text { display: none; }
.ser4a .text .con { font-size: 0.16rem;color:#666666; line-height: 0.32rem; padding-left:22px; }
.ser4 .bottom_btn {margin-top: 30px;text-align: center;}
.ser4 .bottom_btn a {color: #999999;font-size: 14px;display: inline-block;line-height: 21px;}
.ser4 .bottom_btn a i {position: relative;top: 5px;margin-right: 10px;display: inline-block;width: 20px;height: 21px;background: url(../images/icon.png) no-repeat center center;}

.ser5 { width: 100%; background: #f1f4f6; padding:0.8rem 0 1rem; }
.ser5a {  }
.ser5a ul li {margin-bottom:10px; padding:16px 60px 16px 25px; background: #fff; font-size: 17px; color:#666; }
.ser5a ul li a { display: block; color:#666; position: relative; }
.ser5a ul li a i { display: block; width: 32px; height: 24px; position: absolute; right:-40px; top:50%; margin-top:-12px; background: url(r13.png) no-repeat center;  }
.ser5a ul li a:hover { color:#00429d; }
.ser5a ul li a:hover i { background: url(r14.png) no-repeat center; }

@media (max-width: 1300px){
	.ser3a ul li {  padding:0.35rem 0.3rem 0; }
	.ser3a ul li span { margin-bottom:0.26rem; }
	.ser3a ul li h2 {font-size: 0.26rem;}
	.ser3a ul li p {font-size: 0.2rem; line-height: 0.3rem;}
}
@media (max-width: 1000px){
	.ser5a ul li { font-size: 14px; }
	.ser4a .bt p { font-size: 16px; line-height: 40px; }
	.ser4a .bt p span { height: 40px; }
	.ser4a ol li .text .con { font-size: 14px; line-height: 22px; margin-top:10px; }
	.ser4a ol li.cur .bt p:after { height: 40px; }
	.ser3a ul li { width: 4.35rem; height: 4.5rem; padding-top:0.4rem; }
	.ser3a ul li h2 {font-size: 18px;}
	.ser3a ul li p {font-size: 14px; line-height: 24px;}
	.ser2 .ser1b { width: 100%; margin-top:0;}
	.ser2 .ser1a {padding: 0.5rem 0.6rem 0.6rem; width: 100%; margin-top:0;}
	.ser1a { width: 100%; }
	.ser1a .con { font-size: 16px; line-height: 32px; }
	.ser1b { position: relative; margin-top:0.2rem; width: 100%; right:0; bottom:0; width: 100%; }
}
@media (max-width: 950px){
	.ser3a ul li { width: 8.8rem; height: 4.5rem; padding-top:0.9rem; margin-right:0; }
	.ser3a ul li.sign2 { float: right; }
	.ser3a ul li span { height: 0.8rem; }
}
@media (max-width: 850px){
	.ser3a ul li { padding-top:0.4rem; }
}
@media (max-width: 750px){
	.ser3a ul li { height: 5.5rem; }
}
@media (max-width: 640px){
	.ser5a ul li { font-size: 12px; }
	.ser3a ul li { width: 2.9rem; height: auto; padding-bottom:0.5rem; }
	.ser3a ul li span { height: 0.5rem; }
	.ser3a ul li p { height: 96px; line-height: 24px; }
	.ser1a { width: 100%; }
	.ser2 .ser1a { padding: 0.4rem 0.2rem 0.5rem; }
	.ser1a .con { font-size: 16px; line-height: 32px; }
	.ser1b { position: relative; margin-top:0.2rem; width: 100%; right:0; bottom:0; width: 100%; }
}
@media (max-width: 450px){
	.ser3a ul li { padding:0.4rem 0.1rem 0.5rem; }
	.ser3a ul li p { height: 96px; line-height: 20px; }
}


/*技术创新*/
.te {  }
.te1 { background: #fff; }
.te1 .ser1b { float: right; }
.te1 .ser1a { float: left; padding-left:2.6rem; padding-right:0.95rem; }
.te3 { padding:0.95rem 0 1.1rem; }
.te3a {margin-top:0.2rem; position: relative; }
.te3b {transition: all 0.5s; position: absolute; left:0; bottom:-10rem; background: url(t1.jpg) no-repeat right bottom rgba(0,0,0,0.8); -webkit-background-size: 0.5rem auto;background-size: 0.5rem auto; padding:0.15rem 0.25rem 0.75rem; }
.te3c {background: url(t1.jpg) no-repeat right bottom rgba(0,0,0,0.8); -webkit-background-size: 0.5rem auto;background-size: 0.5rem auto;width: 100%; box-sizing: border-box; position: absolute; left:0; bottom:0; font-size: 0.18rem; color:#fff; padding: 0.1rem 0.25rem; }
.te3b i { font-size: 0.18rem; vertical-align:top; }
.te3c i { font-size: 0.18rem; vertical-align:top; }
.te3b span { font-size: 0.18rem; color:#fff; display: inline-block; line-height: 0.38rem; position: relative;margin-bottom:0.2rem; }
.te3c span { font-size: 0.18rem; color:#fff; display: inline-block; position: relative; }
.te3b span:after { content:''; width: 0.6rem; height: 1px; background: #999; position: absolute; left:0; bottom:-0.08rem;  }
.te3b .con { font-size: 0.14rem;color:#fff; line-height: 1.5; }
.te3a .swiper-button-prev { position: absolute; height: 0.5rem; top:50%; margin-top:-0.25rem; left:-60px; background: url(jo1.jpg) no-repeat center; width:0.32rem; -webkit-background-size: 100% auto;background-size: 100% auto;}
.te3a .swiper-button-next { position: absolute; height: 0.5rem; top:50%; margin-top:-0.25rem; right:-60px; background: url(jo2.jpg) no-repeat center; width:0.32rem; -webkit-background-size: 100% auto;background-size: 100% auto;}
.swiper-container-3 .swiper-slide:hover .te3a .te3b { bottom:0;}
.swiper-container-3 .swiper-slide:hover .te3a .te3c { display: none;}
.swiper-container-te4 .swiper-button-next,.swiper-container-te4 .swiper-button-prev { position: absolute; bottom:0!important; top:auto; width: 1.14rem; height: 0.48rem; }
.swiper-container-te4 .swiper-button-next {right:8.46rem; background: url(te2.png) no-repeat center #dbe4ec; -webkit-background-size: 0.36rem auto;background-size: 0.36rem auto; }
.swiper-container-te4 .swiper-button-prev {	left:8.46rem; background: url(te1.png) no-repeat center #dbe4ec; -webkit-background-size: 0.36rem auto;background-size: 0.36rem auto; }
.swiper-container-te4 .swiper-button-next:hover { background: url(te2bg.png) no-repeat center #0054a6; }
.swiper-container-te4 .swiper-button-prev:hover { background: url(te1bg.png) no-repeat center #0054a6; }
.te5 { padding: 0.9rem 0 1.1rem; }
.te5a { text-align: center;  }
.te5b { margin-top:0.4rem; }
.te5b ul { border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.te5b ul li { float: left; box-sizing: border-box; width: 16.6666666%; border-left:1px solid #ddd; border-top:1px solid #ddd; }
.de { width: 100%; padding:0.8rem 0 1rem; background: url(de.jpg) no-repeat center; -webkit-background-size: cover;background-size: cover; }
.dea ul li {padding:0.7rem 0.32rem 0.86rem; float: left; background: #fff; width: 24.5%; margin-right:0.6666666%; text-align: center; box-sizing: border-box;     height: 369px;}
.dea ul li.sign4 { margin-right:0; }
.deba { height: 0.6rem; margin-bottom:0.3rem;}
.deba img { width: auto; height: 100%; }
.debb {font-size: 20px; color:#333333;}
.debc { font-size: 14px; margin-top:8px; color:#666666; line-height: 24px; text-align: center; }
@media (max-width: 1000px){
	.te3b { height: 100%; box-sizing: border-box; padding-top:0.5rem; }
	.te1 .ser1a { padding-left:0.6rem; padding-right:0.6rem; }
	.swiper-container-te4 .swiper-button-next,.swiper-container-te4 .swiper-button-prev { width: 2.28rem; height: 0.96rem; }
	.swiper-container-te4 .swiper-button-next {right:7.32rem; background: url(te2.png) no-repeat center #dbe4ec; -webkit-background-size: 0.72rem auto;background-size: 0.72rem auto; }
	.swiper-container-te4 .swiper-button-prev {	left:7.32rem; background: url(te1.png) no-repeat center #dbe4ec; -webkit-background-size: 0.72rem auto;background-size: 0.72rem auto; }
	.te5b ul li { width: 33.333333%; }
	.dea { margin-top:0.6rem; }
}
@media (max-width: 700px){
	.te3b { padding-top:0.2rem; }
	.deba { height: 1rem; margin-bottom:0.3rem;}
	.dea ul li { width: 49%; margin-bottom:0.2rem; margin-right:0; }
	.dea ul li.sign4,.dea ul li.sign2 { float: right; }
}
@media (max-width: 640px){
	.dea ul li {padding:0.5rem 0.2rem 0.6rem;}
	.dea { margin-top:0.3rem; }
	.deba {height:0.6rem; }
	.te1 .ser1a { padding-left:0.2rem; padding-right:0.2rem; }
}
@media (max-width: 400px){
	.te3b { padding:0.1rem 0.1rem 0; }
}


/*产品综合页*/
.aboa .pross1 { position: absolute; left:5.1rem; top:3.95rem; }
.aboa .pross2 { position: absolute; left:6.45rem; top:3.85rem; }
.aboa .pross3 { position: absolute; left:8.5rem; top:5.3rem; }
.aboa .pross4 { position: absolute; left:7.5rem; top:6.95rem; }
.aboa .pross5 { position: absolute; left:10.1rem; top:6.25rem; }
.aboa .pross6 { position: absolute; left:10.6rem; top:5.5rem; }
.aboa .pros1a { position: relative; z-index: 10; }
.aboa .pros1 span {cursor: pointer; position: relative; display: block; width: 0.46rem; height: 0.46rem; background: url(sss1.png) no-repeat center; -webkit-background-size: 0.46rem auto;background-size: 0.46rem auto; }
.aboa .pros1b {display: none; text-align: left; position: absolute; background: #fff; width: 4rem; box-sizing: border-box; height: auto; left:0.21rem; top:-0.21rem; padding:0.25rem;}
.aboa .pross3 .pros1b,.aboa .pross4 .pros1b,.aboa .pross5 .pros1b {top:auto; left:0.21rem; bottom:0.21rem;}
.aboa .pros1b img { width: 3.5rem; }
.aboa .pros1b .tit { font-size: 0.24rem; color:#333333; margin: 0.15rem 0 0rem; }
.aboa .pros1b .con { font-size: 0.14rem; line-height: 1.5; }
.aboa .pros1b a.more {margin-top:0.1rem; display: block; width: 1.25rem; height: 0.2rem; background: url(sss2.png) no-repeat left center; -webkit-background-size: 100% auto;
background-size: 100% auto; }
.aboa .pros1:hover span{ z-index: 10000;  }
.aboa .pros1:hover .pros1a { display: block; }
.aboa .pros1:hover .pros1b { display: block; }


/**/
.pross { padding:0.8rem 0 0.9rem; }
.pross ul { height: 14rem; position: relative; }
.pross ul li {width: 50%; overflow: hidden; }
.pross ul li.sign1 { position: absolute; left:0;top:0;height: 3.5rem; }
.pross ul li.sign2 { position: absolute; right:0;top:0;height: 7rem; }
.pross ul li.sign3 { position: absolute; left:0;top:3.5rem;height: 3.5rem; }
.pross ul li.sign4 { position: absolute; left:0;bottom:0;height: 7rem; }
.pross ul li.sign5 { position: absolute; right:0;top:7rem;height: 3.5rem; }
.pross ul li.sign6 { position: absolute; right:0;bottom:0;height: 3.5rem; }
.pross ul li.sign1 .w-a { width: 50%; float: left; background: #ffffff; }
.pross ul li.sign1 .w-b {width: 50%; float: right; height: 100%; }
.pross ul li.sign3 .w-a { width: 50%; float: right; background: #ffffff; }
.pross ul li.sign3 .w-b {width: 50%; float: left; height: 100%; }
.pross ul li.sign5 .w-a { width: 50%; float: left; background: #ffffff; }
.pross ul li.sign5 .w-b {width: 50%; float: right; height: 100%; }
.pross ul li.sign6 .w-a { width: 50%; float: right; background: #ffffff; }
.pross ul li.sign6 .w-b {width: 50%; float: left; height: 100%; }
.pross ul li:hover .w-a { background: #0054a6; }
.pross ul li:hover .w-aa .pic1{ display: none; }
.pross ul li:hover .w-aa .pic2{ display: block; }
.pross ul li:hover .w-a a.t { color:#fff; }
.pross ul li:hover .w-a a.con,.pross ul li:hover .w-ab .con { color:#fff; }
.pross ul li:hover .w-a a.more { background-image: url(mmmb.png); }
.pross ul li.sign1:hover .w-a,.pross ul li.sign3:hover .w-a,.pross ul li.sign5:hover .w-a,.pross ul li.sign6:hover .w-a {  }
.pross ul li.sign1:hover .w-a,.pross ul li.sign3:hover .w-a,.pross ul li.sign5:hover .w-a,.pross ul li.sign6:hover .w-a {  }
.w-b img { width: 100%; height: auto; }
.w-a { height: 3.5rem; box-sizing: border-box; padding:0.6rem 0.4rem 0; }
.w-a .w-aa { width: 0.5rem; }
.w-a .w-aa img { width: 0.4rem; height:auto; }
.w-a .w-aa .pic2 { display: none; }
.w-ab a.t { display: block; font-size: 0.2rem; color:#333333; margin: 0.1rem 0; }
.w-ab .con {width: 2.55rem; font-size: 0.16rem; line-height: 1.5; color:#a6a9ac; }
.w-ab a.more { display: block; width: 0.42rem; height: 0.42rem; margin-top:0.2rem; background: url(mmm.png) no-repeat center; -webkit-background-size: cover;background-size: cover; }

.w-b .pic2 { display: none;}
.pross ul li:hover .w-b .pic1 { display: none; }
.pross ul li:hover .w-b .pic2 { display: block; }
.ww { position: relative; }
.pross ul li.sign2 .w-a { background: none; position: absolute; left:0; top:0; }
.pross ul li.sign4 .w-a { background: none; position: absolute; left:0; top:0; }
@media (max-width: 1000px){
	.w-a { padding: 0.3rem 0.2rem 0; }
	.w-ab .con { width: 4rem; }
}
@media (max-width: 640px){
	.pross ul { height: auto; }
	.w-a { height: 3rem; padding:0.4rem 0.2rem 0; }
	.w-ab .con {width: 2.5rem;}
	.pross ul li {height: 3rem!important; width: 100%; position: relative!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; }
	.pross ul li.sign2 { height: 6rem!important; }
	.pross ul li.sign4 { height: 6rem!important; }
}
@media (max-width: 440px){
	.w-a { height: 3rem; padding:0.2rem 0.1rem 0; }
	.w-ab .con {width: 2.7rem;}
}

/*产品与解决方案*/
.pra { width: 100%; }
.pra ul li { box-sizing: border-box; border-bottom:2px solid #fff; position: relative; float: left; width: 14.285%; text-align: center; padding: 0.2rem 0; background: #fff; }
.pra ul li:after {content:''; width: 1px; height: 70%; position: absolute; top:15%; right:0; background: #ddd; }
.pra ul li:last-child:after { display: none; }
.pra ul li .pic { height: 0.36rem; display: block;  }
.pra ul li .pic2 {height: 0.35rem; width: auto; display: none;  }
.pra ul li .pic1 {height: 0.35rem; width: auto;  }
.pra ul li .tit { font-size: 14px;color:#333333; margin-top:10px;display: block; }
.pra ul li.cur .pic1,.pra ul li:hover .pic1 {height: 0.35rem; width: auto; margin: 0 auto; display: none; }
.pra ul li.cur .pic2,.pra ul li:hover .pic2 {height: 0.35rem; width: auto; margin: 0 auto; display: block;. }
.pra ul li:hover .tit,.pra ul li.cur .tit { color:#0054a6; }
.pra ul li:hover:before,.pra ul li.cur:before {z-index: 1000; content:''; width: 6px; height: 4px; background: url(prc.png) no-repeat center; position: absolute; left:50%; margin-left:-3px; bottom:-6px; }
.pra ul li:hover,.pra ul li.cur { border-color:#0054a6; }
.prb { padding:0.6rem 0 0.95rem; background: #f2f2f2; }
.prb .piList .pic-item-list .pic-item {overflow: hidden; float: left; background: #fff; margin-bottom:20px; padding:0.2rem 0 85px; position: relative; text-align: center; width: 24%; margin-right:1.33333333%; }
.prb .piList .pic-item-list .sign { float: left; margin-right:20px; }
.prb .piList .pic-item-list dl {position: absolute; left:0; width: 100%; top:2.85rem; transition: all 0.5s;}
.prb .piList .pic-item-list .pic-item:hover dl {top:2.55rem;}
.prb .piList .pic-item-list dl dt a { display: block; font-size: 18px;color:#333333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; }
.prb .piList .pic-item-list .pic-item .more {transition: all 0.5s; text-align: left; box-sizing: border-box; padding-left:25px; text-transform: uppercase; bottom:-80px; display: block; width: 155px; height: 44px; line-height: 44px; font-size: 14px;color:#ffffff; position: absolute; left:50%; margin-left:-77px; background: url(prd.png) no-repeat 105px center #0054a6; }
.prb .piList .pic-item-list .pic-item:hover .more { bottom:0; }
.prb .piList .pic-item-list dl dt span { display: none; font-size: 14px;color:#666666; margin-top:5px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; }
.prb .piList .pic-item-list .sign { margin-right:0; }
@media (max-width: 1000px){
	.prb .piList .pic-item-list .pic-item {margin-bottom:10px; width: 49%; margin-right:0; float: left; padding-bottom:0.4rem; }
	.prb .piList .pic-item-list .pic-item:nth-child(2n) { float: right; }
	.pra ul li { width: 25%; border-bottom:2px solid #ddd; }
	.pra ul li:after {content:''; width: 1px; height: 100%; position: absolute; top:0%; right:0; background: #ddd; }
	.prb .piList .pic-item-list dl { position: relative; top:0; }
}
@media (max-width: 500px){
	.pra ul li .tit { font-size: 12px; }
}

/*产品与解决方案详情页*/
.breadcrumbs {padding:20px 0 20px 15px; background: url(location.png) no-repeat left center; float: right; color:#b5b5b5;font-size: 13px;}
.breadcrumbs a {font-size: 13px;color:#b5b5b5;}
.prd { margin-top:0.6rem; }
.prda { float: left; width: 6.55rem; position: relative; }
.prda .gallery-top { border:1px solid #ddd;}
.prda .gallery-thumbs { padding-left:1px; width: 5.2rem; position: absolute; left:7.62rem; bottom:0.2rem; }
.prda .gallery-thumbs .swiper-slide { box-sizing: border-box; width: 1.26rem!important; border:1px solid #ddd; height: 0.96rem!important; margin-right:0.05rem!important; }
.prda .gallery-top .swiper-slide { }
.prda .gallery-thumbs .swiper-slide-thumb-active { border-color:#0054a6; }
.prda .gallery-top .swiper-button-next { background: url(prdb.png) no-repeat center; }
.prda .gallery-top .swiper-button-prev { background: url(prda.png) no-repeat center; }
.prdb { width: 6.46rem; float: right; }
.prdb .tit { font-size: 28px;color:#000000; margin-bottom:0.64rem; }
.prdc {margin-top:0.8rem; width: 100%; padding: 0.75rem 0 1.15rem; background: url(prdd.jpg) no-repeat center; -webkit-background-size: cover;background-size: cover;}
.prdca {margin-bottom:30px; position: relative; font-size: 30px;color:#fff; border-bottom:1px solid rgba(255,255,255,0.2); padding-bottom:10px; }
.prdca:after { content:''; width: 65px; height: 2px; background: #0054a6; position: absolute; left:0; bottom:-1px; }
.prdcc { float: left; width: 5.7rem; }
.prdcd { float: right; width: 5.7rem; }
.prdc table tr td,.prdc table tr td p,.prdc table tr td p span {display: inline-block; font-size: 16px!important;color:#fff; }
.prdc table tr td { padding: 10px 0; }
.d-a { width: 14rem; margin: 0.7rem auto; }
.d-b .tit p { font-size: 0.16rem; color:#0054a6; text-transform: uppercase; }
.d-b .tit h2 { font-size: 0.36rem; color:#000; font-weight: normal; margin:0;}
.d-c { margin-top:0.2rem; }
.d-c ul li { float: left; width: 4.5rem; box-sizing: border-box; margin-right:0.25rem; }
.d-c ul li:nth-child(3n) { margin-right:0; }
.d-c ul li img { width: 100%; height: auto; }
.d-c ul li a .tit { margin-top:0.1rem; display: block; font-size: 0.18rem; color:#333; position: relative; padding-left:0.3rem; }
.d-c ul li a .tit:after {content:''; width: 0.2rem; height: 2px;position: absolute; left:0; top:50%; margin-top:-1px; background: #0054a6; }
.d-c ul li a .con { font-size: 0.14rem; color:#777; padding: 0.05rem 0.8rem 0 0.3rem; display: block; width: 100%; box-sizing: border-box; }
@media(max-width: 1150px){
	.d-a { width: 18rem; }
	.d-c ul li {width: 5.7333333rem; margin-right:0.4rem; }
	.d-c ul li:nth-child(3n) { margin-right:0; }
}
@media(max-width: 1000px){
	.d-b .tit p { font-size: 0.4rem; }
	.d-b .tit h2 { font-size: 0.6rem; margin:0.06rem 0 0.16rem;}
	.d-c ul li a .tit { margin-top:0.15rem; font-size: 0.32rem; padding-left:0.5rem; }
	.d-c ul li a .tit:after {content:''; width: 0.36rem; height: 2px; }
	.d-c ul li a .con { font-size: 0.3rem;padding: 0.1rem 0.8rem 0 0.5rem; }
}
@media(max-width: 640px){
	.d-a { width: 6rem; }
	.d-b .tit p { font-size: 0.26rem; }
	.d-b .tit h2 { font-size: 0.3rem; margin:0.06rem 0 0.16rem;}
	.d-c ul li {width: 100%; margin-bottom:0.2rem;}
	.d-c ul li a .tit { margin-top:0.1rem; font-size: 0.24rem; padding-left:0.4rem; }
	.d-c ul li a .tit:after {content:''; width: 0.3rem; height: 2px; }
	.d-c ul li a .con { font-size: 0.2rem;padding: 0.05rem 0.8rem 0 0.4rem; }
}
@media (max-width: 1500px){
	.prdb .tit { margin-bottom:0.3rem; }
	.prda .gallery-thumbs { bottom:0; }
}
@media (max-width: 1400px){
	.prdcc,.prdcd { width: 6.5rem; }
}
@media (max-width: 1300px){
	.prdb .tit { margin-bottom:0.2rem; }
}
@media (max-width: 1200px){
	.prdb .tit { margin-bottom:0.8rem; }
	.prda .gallery-thumbs {padding-left:3px;  position:relative;left:0;bottom:0;margin-top:20px; width: 6.5rem; }
	.prda .gallery-thumbs .swiper-slide {padding-left:2px; width: 1.59rem!important; height: auto!important; }
}
@media (max-width: 1000px){
	.prdc table tr td { padding: 8px 0; }
	.prdcc,.prdcd { width: 8rem; }
	.prdc table tr td,.prdc table tr td p,.prdc table tr td p span { font-size: 14px!important; }
	.prda { width: 9rem; }
	.prda .gallery-thumbs {padding-left:3px;  position:relative;left:0;bottom:0;margin-top:20px; width: 8.95rem; }
	.prda .gallery-thumbs .swiper-slide {padding-left:2px; width: 2.2rem!important; height: auto!important; }
	.prdb { width: 8rem; }
	.prdb .tit { margin-bottom:0.8rem; }	
}

@media (max-width: 640px){
	.prdc table tr td { padding: 5px 0; }
	.prdcc,.prdcd { width: 6rem; }
	.prd { margin-top:0.2rem; }
	.prda { width: 100%; }
	.prda .gallery-thumbs {padding-left:3px;  position:relative;left:0;bottom:0;margin-top:20px; width: 5.95rem; }
	.prda .gallery-thumbs .swiper-slide {padding-left:2px; width: 1.45rem!important; height: auto!important; }
	.prdb { width: 100%; }
	.prdb .tit { margin-bottom:0.3rem; }	
}
@media (max-width: 400px){
	.prdc table tr td,.prdc table tr td p,.prdc table tr td p span { font-size: 12px!important; }
}

/*关于我们*/
.aboa {position: relative;}
.b-a {width: 19.2rem; padding-bottom:1rem; position: absolute; left:0; top:2.3rem; width: 100%; background: url(abo1.png) no-repeat 8.2rem top; -webkit-background-size: 8.38rem auto;background-size: 8.38rem auto; }
.b-b { float: left; margin-left:2.6rem; padding-top:0.4rem; }
.b-b .tit { text-align: left; }
.b-b .tit span { font-size: 0.42rem; line-height: 0.5rem; color:#fff; font-weight: bold; text-transform: uppercase; }
.b-b .tit h2 { font-size: 0.32rem; color:#fff; font-weight: normal; text-align: left; }
.b-c { margin-top:0.7rem;}
.b-c ul li {float: left; margin-right:0.5rem; text-align: left;}
.b-c ul li span {height: 0.6rem; overflow: hidden; display: block; font-size: 0.53rem; color:#fff; line-height: 0.6rem; }
.b-c ul li span i {font-size: 0.22rem;}
.b-c ul li p { font-size: 0.14rem; margin-top:0.1rem; color:#fff; }

.abo1 { width: 100%; padding:1.1rem 0 1.2rem; background: url(ab1.jpg) no-repeat center; -webkit-background-size: cover;background-size: cover; }
.abo1a { width: 9.2rem; margin-left:2.6rem; }
.abo1a .con { margin-top:0.35rem; }
.abo1a .con p { font-size: 0.16rem; color:#4f4f4f; line-height: 0.28rem; margin-bottom:0.3rem; }






.abo3 {padding: 0.2rem 0 0;}
.abo3a {padding-top:1rem; float: left; width: 7rem; }
.abo3a .con {text-align: justify; margin-top:0.2rem; font-size: 0.16rem; line-height: 0.28rem; color:#4f4f4f; }
.abo3a .con .pic { margin-top:0.5rem; text-align: right; }
.abo3a .con .pic img { width: 2.2rem; height: auto; }
.abo3b { float: right; width: 6.06rem; text-align: center; }
.abo3b img {width: 5.62rem;height: auto;margin-top: 109px;}
.abo4 { padding:0.9rem 0 1.1rem; background:url(ab3.jpg) no-repeat center; -webkit-background-size: cover;background-size: cover; }
.abo2 { width: 100%; background: #f0f3f6; padding-top:0.95rem; position: relative; height:6.8rem; box-sizing: border-box; }
.abo22 { display: none; }

.abo22 { padding:40px 0.6rem 30px; background: #f0f3f6; }
.abo22 .hd { margin-top:40px; margin-bottom:20px; }
.abo22 .hd ul li { border-bottom:2px solid #f0f3f6; float: left; margin-right:0.4rem; padding-bottom:0.3rem; cursor: pointer; font-size:14px; color:#333333; }
.abo22 .hd ul li:hover,.abo22 .hd ul li.on { color:#0054a6; border-color: #0054a6; }
.abo22 .bd ul li .pic { width: 100%; }
.abo22 .bd ul li .pic img { width: 100%; }
.abo22e { margin-top:20px; }
.abo22e .tit p { font-size: 24px; color:rgba(0,0,0,0.2); text-transform: uppercase;font-family: "Arial"; }
.abo22e .tit span { display: block; font-size: 20px; line-height:32px; color:#333; }
.abo22e .tit i { display: block; width: 40px; height:2px; background: #3376b8; margin-top:0.15rem; }
.abo22e .con { margin-top:20px; font-size: 14px; color:#666; line-height: 24px; text-align: justify; }




.abo2a { width: 8rem; height: auto; position: absolute; left:0; top:0; }
.abo2b {width: 8.65rem; padding-top:0.85rem; height: 100%; box-sizing: border-box; bottom:0; position: absolute; left:8rem; }
.abo2c { margin-left:1rem; }
.abo2c .hd { margin-top:0.3rem; }
.abo2c .hd ul li { border-bottom:2px solid #f0f3f6; float: left; margin-right:0.4rem; cursor: pointer; font-size: 0.18rem; color:#333333; }
.abo2c .hd ul li:hover,.abo2c .hd ul li.on { color:#0054a6; border-color: #0054a6; }

.abo2d { position: absolute; left:-8rem; bottom:0; height: 3.9rem; width: 16.6rem; }
.abo2d ul li {width: 16.6rem!important; float: left; margin-right:10px; height: 3.9rem; position: relative; padding-left:8rem; box-sizing: border-box; } 
.abo2d ul li .pic {text-align: right; position: absolute; left:0px; bottom:0; width: 8rem; }
.abo2d ul li .pic img {width: 5.4rem; height: auto; }
.abo2e { width: 8.6rem; height: 3.9rem; box-sizing: border-box; background: #0054a6; padding:0.7rem 1.2rem 0 0.9rem; position: absolute; left:8rem; bottom:0; }
.abo2e .tit p { font-size: 0.38rem; line-height: 0.4rem; color:rgba(255,255,255,0.17); text-transform: uppercase; font-family: "Arial"; }
.abo2e .tit span { display: block; font-size: 0.28rem; line-height: 0.32rem; color:#fff; }
.abo2e .tit i { display: block; width: 0.6rem; height:2px; background: #3376b8; margin-top:0.15rem; }
.abo2e .con { margin-top:0.25rem; font-size: 0.16rem; color:#fff; line-height: 0.28rem; text-align: justify; }

.abo4a { position: relative; margin-top:0.4rem; box-shadow: 0px 1px 5px 0px rgba(233, 236, 238, 0.76); }
.abo4a .swiper-slide {box-sizing: border-box; padding:0.3rem 0.3rem 0.3rem 0.4rem; height: 3rem; background: #fff;  }
.abo4a .swiper-slide ul { height: 1.8rem; padding-right:0.2rem; }
.abo4b { margin-bottom:0.2rem; }
.abo4b p {height: 0.46rem; font-size: 0.46rem; color:#666666; line-height: 0.46rem; vertical-align: bottom; }
.abo4b p span { font-size: 0.24rem; color:#666666; text-transform: uppercase;line-height: 0.66rem; vertical-align: top; display: inline-block; }
.abo4c ul li { margin-bottom:0.1rem; }
.abo4d { font-size: 0.2rem; color:#7b7b7b; margin-bottom:0.02rem; }
.abo4e { font-size:13px; line-height: 20px;color:#666666; }
.abo4a .swiper-button-prev1 { outline: none;cursor: pointer; position: absolute; height: 0.4rem; top:-60px; right:1.2rem!important; background: url(ppp.png) no-repeat center; width:1rem; -webkit-background-size: 100% auto;background-size: 100% auto;}
.abo4a .swiper-button-next1 { outline: none;cursor: pointer; position: absolute; height: 0.4rem; top:-60px; right:0px; background: url(nnn.png) no-repeat center; width:1rem; -webkit-background-size: 100% auto;background-size: 100% auto;}

.abo6 { background: #f8f9fb; }
.abo6b { float: right; width: 9.12rem; }
.abo6b img { width: 100%; height: auto; }
.abo6a { float: left; width: 6.6rem; margin-left:2.6rem; padding-top:0.9rem; }

.abo6a ul { margin-top:0.2rem; }
.abo6a ul li { padding:0.3rem 0 0.3rem 0.9rem; border-bottom:1px solid #e4e5e7; }
.abo6a ul li .pic {vertical-align: middle; float: left; width: 0.9rem; text-align: center; }
.abo6a ul li .pic img {width: 90%;height:auto; vertical-align: middle;}
.abo6a ul li .con { float: right; width: 5.65rem; }
.abo6a ul li .con .t { font-size: 0.2rem;color:#333333; }
.abo6a ul li .con .ccc{ font-size: 0.14rem; color:#666; }



@media (max-width: 1600px){
	.abo1a { width: 12rem; }
	.abo3a { padding-top:0.6rem; }
	.abo3a .con { margin-top:0.2rem; font-size: 0.2rem; line-height: 0.32rem; color:#4f4f4f; }
}
@media (max-width: 1400px){
	.abo6a { padding-top:0.4rem; }
	.abo6a ul li { margin-bottom:0.2rem; padding-bottom:0.2rem; }
}
@media (max-width: 1300px){
	.abo1a { width: 12rem; margin-left:1.6rem; }
	.abo1a .con p { font-size: 0.2rem; line-height: 0.32rem; }
	.abo3a { padding-top:0.2rem; }
}

@media (max-width: 1200px){
	.abo6a { padding-top:0.2rem; }
	.abo6a ul li { margin-bottom:0.1rem; padding-bottom:0.1rem; }
	.abo4a .swiper-button-prev1 {height: 0.8rem; right:2.2rem!important; width:2rem; -webkit-background-size: 100% auto;background-size: 100% auto;}
	.abo4a .swiper-button-next1 {height: 0.8rem;  width:2rem; -webkit-background-size: 100% auto;background-size: 100% auto;}
	.abo4a .swiper-slide {box-sizing: border-box; height: 5rem; background: #fff;  }
	.abo4a .swiper-slide ul { height: 3.8rem; padding-right:0.2rem; }
	.abo1a { width: 100%; margin-left:0rem; box-sizing: border-box; padding: 0 0.6rem;}
	.abo1a .con p { font-size: 14px; line-height: 28px; margin-bottom:20px; }
}
@media (max-width: 1000px){
	.abo6a,.abo6b {width: 100%; float: none; box-sizing: border-box;}
	.abo6a { padding: 0.4rem 0.6rem 0; margin:0 0 30px 0; }
	.abo6a ul li .con { width: 16rem; }
	.abo6a ul li { padding: 0.4rem 0 0.4rem 2rem; -webkit-background-size: 1.6rem auto!important;background-size: 1.6rem auto!important; }
	.abo6a ul li .con .t { font-size: 16px; }
	.abo6a ul li .con .ccc{ font-size: 12px; }
	.abo1 { padding: 0.6rem 0 0.4rem; -webkit-background-size: 100% auto;
	background-size: 100% auto; }
	.abo1a { width: 100%; margin-left:0rem; box-sizing: border-box; padding: 0 0.6rem;}
	.abo1a .con p { font-size: 14px; line-height: 28px; margin-bottom:20px; }
	.abo2 { display: none; }
	.abo22 { display: block; }
	.abo3a { width: 8.6rem; }
	.abo3b { width: 9rem; }
	.abo3b img {width:8.5rem;height: auto;}
	.abo3a .con {font-size: 14px; line-height: 24px; }
}
@media (max-width: 900px){
	.abo3 { padding-bottom:0rem; }
	.abo3a { width: 100%; float: none; }
	.abo3a .con { margin-top:40px; }
	.abo3b { width: 100%; margin-top:20px; }
	.abo3b img {width:80%;height: auto;}

}
@media (max-width: 640px){
	.abo22 { padding:30px 0.2rem 20px; }
	.abo22 .hd { margin-top:30px; margin-bottom:20px; }
	.abo22 .hd ul li { float: left; margin-right:0.1rem; padding-bottom:0.1rem; font-size:14px; }
	.abo6a { padding: 0.4rem 0.2rem 0; margin:0 0 30px 0; }
	.abo6a ul li .con { width: 5.1rem; }
	.abo6a ul li { padding: 0.2rem 0 0.2rem 0.9rem; -webkit-background-size: 0.76rem auto!important;background-size: 0.76rem auto!important; }
	.abo6a ul li .con .t { font-size: 16px; }
	.abo6a ul li .con .ccc{ font-size: 12px; }
	.abo4a .swiper-button-prev1 {display: none;}
	.abo4a .swiper-button-next1 {display: none;}
	.abo4a .swiper-slide {height: 3rem; padding:0.2rem 0.2rem 0.2rem 0.2rem; }
	.abo4a .swiper-slide ul { height: 1.8rem; padding-right:0.2rem; }
	.abo1 { background: none; }
	.abo1a { padding: 0 0.2rem; }
	.abo1a .con p { margin-bottom:10px; }
}
@media (max-width: 450px){
	.abo22 .hd { margin-top:20px; margin-bottom:20px; }
	.abo22 .hd ul li { margin-right:0.1rem; padding-bottom:0.1rem; font-size:12px; }
	.abo22e { margin-top:20px; }
	.abo22e .tit p { font-size: 24px; color:rgba(0,0,0,0.2); text-transform: uppercase;font-family: "Arial"; }
	.abo22e .tit span { display: block; font-size: 20px; line-height:32px; color:#333; }
	.abo22e .tit i { display: block; width: 40px; height:2px; background: #3376b8; margin-top:0.15rem; }
	.abo22e .con { margin-top:10px; font-size: 12px; color:#666; line-height: 20px; text-align: justify; }
}
@media (max-width: 360px){
	.abo22 .hd ul li { margin-right:0.05rem;}
}



/* 分页 */
.page { padding:0 0 40px; line-height:24px; text-align:center; }
.page a { display:inline-block; margin:0 2px; padding:8px 18px; border:1px solid #ddd; background:#ddd; color:#333; vertical-align:top; }
.page a:hover,.page .current { border:1px solid #2a65bd; background:#2a65bd; color:#fff; }


/*关于我们页面历史沿革模块*/
.vcenter {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tHide {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.blockFull {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.block {
  display: block;
  position: relative;
}
.centerBlock {
  margin-left: auto;
  margin-right: auto;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-loading .slick-list {
  background: #ffffff url("../images/ajax-loader.gif") center center no-repeat;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
  outline: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-prev,
.slick-next {
  z-index: 20;
  position: absolute;
  display: block;
  height: 60px;
  width: 30px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -30px;
  padding: 0;
  border: none;
  outline: none;
  border: 1px solid red;
}
.slick-prev {
  left: 30px;
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: 30px;
}
.slick-next {
  right: 30px;
}
[dir="rtl"] .slick-next {
  left: 30px;
  right: auto;
}
.slick-dots {
  position: absolute;
  bottom: 20px;
  height: auto;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
  line-height: 0;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  display: block;
  height: 10px;
  width: 10px;
  padding: 0;
  margin: 0;
  outline: none;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: #cccccc;
  border-radius: 0px;
}
.slick-dots li.slick-active button {
  background: #333333;
}


.about_box3 {
  padding: 1.1rem 0 1.2rem;
}
.about_box3 .history_box {
  margin-top: 40px;
  background: #fff;
}
.about_box3 .history_box .box .img {
  float: left;
  line-height: 0;
  width: 44.5%;
}
.about_box3 .history_box .box .text {
  float: right;
  width: 55.5%;
  padding: 70px 75px 0;
}
.about_box3 .history_box .box .text .top span {
  float: left;
  color: #00327d;
  font-size: 32px;
}
.about_box3 .history_box .box .text .top i {
  display: block;
  float: left;
  width: 96px;
  height: 2px;
  background: #e5e5e5;
  margin-top: 8px;
  margin-left: 45px;
}
.about_box3 .history_box .box .text .top em {
  font-style: normal;
  color: #b1b1b1;
  font-size: 22px;
  float: left;
  margin-left: 13px;
}
.about_box3 .history_box .box .text .t {
  margin-top: 20px;
  color: #666666;
  font-size: 16px;
  line-height: 26px;
}
.about_box3 .history_bg {
  margin: 40px 11% 0;
  position: relative;
}
.about_box3 .history_bg:before {
  content: "";
  position: absolute;
  top: 22px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #cccfd2;
}
.about_box3 .history_btn .text {
  text-align: center;
  width: 100%;
  float: left;
  padding-top: 18px;
  cursor: pointer;
}
.about_box3 .history_btn .text i {
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 50px;
  background: #8c929a;
  margin: 0 auto;
}
.about_box3 .history_btn .text p {
  margin-top: 12px;
  color: #666666;
  font-size: 22px;
}
.about_box3 .history_btn .text:hover i {
  background: #00327d;
}
.about_box3 .history_btn .text:hover p {
  color: #00327d;
}
.about_box3 .history_btn .slick-current .text i {
  background: #00327d;
}
.about_box3 .history_btn .slick-current .text p {
  color: #00327d;
}
.about_box3 .history_btn .slick-prev,
.about_box3 .history_btn .slick-next {
  width: 71px;
  height: 31px;
  border: none;
  top: 6px;
  margin-top: 0;
}
.about_box3 .history_btn .slick-prev {
  background: url(../images/history_left.png) no-repeat center center / cover;
  left: -5%;
}
.about_box3 .history_btn .slick-next {
  background: url(../images/history_right.png) no-repeat center center / cover;
  right: -5%;
}

/**2019-4-1**/
.fzlc_box {
  margin: 50px 13.3% 0;
  position: relative;
}
.fzlc_box:before {
  content: "";
  position: absolute;
  left: 0;
  top: 51.1%;
  width: 100%;
  height: 2px;
  background: #cccfd2;
}
.fzlc_box .box {
  margin: 0 5% 0 5px;
}
.fzlc_box .box .img {
  width: 100%;
  line-height: 0;
  overflow: hidden;
}
.fzlc_box .box .img img {
  width: 100%;
  transition: all 1.2s;
}
.fzlc_box .box .text {
  margin-top: 20px;
  padding-top:5px;
  height: 205px;
  border-left: 1px solid #9ba0a6;
  position: relative;
  transition: all 1.2s;
}
.fzlc_box .box .text:before {
  content: "";
  position: absolute;
  left: -4px;
  top: -6px;
  width: 8px;
  height: 8px;
  background: #9ba0a6;
  border-radius: 50px;
  transition: all 1.2s;
}
.fzlc_box .box .text .t {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding-left: 20px;
}
.fzlc_box .box .text h3 {
  color: #333333;
  font-size: 28px;
  transition: all 1.2s;
}
.fzlc_box .box .text p {
  color: #666666;
  font-size: 15px;
  line-height: 24px;
  max-height: 144px;
  overflow: hidden;
}
.fzlc_box .box:hover .img img {
  transform: scale(1.2);
}
.fzlc_box .box:hover .text {
  border-left-color: #00327d;
}
.fzlc_box .box:hover .text:before {
  background: #00327d;
}
.fzlc_box .box:hover .text h3 {
  color: #00327d;
}
.fzlc_box .slick-prev,
.fzlc_box .slick-next {
  width: 70px;
  height: 30px;
  border: none;
  top: 50%;
  margin-top: -10px;
}
.fzlc_box .slick-prev {
  background: url(../images/history_left.png) no-repeat center center / cover;
  left: -6%;
}
.fzlc_box .slick-next {
  background: url(../images/history_right.png) no-repeat center center / cover;
  right: -6%;
}
@media (max-width: 1680px) {
  .fzlc_box {
    margin-left: 6.9%;
    margin-right: 6.9%;
  }
  .fzlc_box:before {
    top: 53%;
  }
  .fzlc_box .slick-prev,
  .fzlc_box .slick-next {
    margin-top: 0;
    top: 49.7%;
  }
}
@media (max-width: 1600px) {
  .fzlc_box {
    margin-left: 5.9%;
    margin-right: 5.9%;
  }
  .fzlc_box:before {
    top: 52.4%;
  }
  .fzlc_box .slick-prev,
  .fzlc_box .slick-next {
    top: 48.7%;
  }
}
@media (max-width: 1440px) {
  .fzlc_box:before {
    top: 50.3%;
  }
  .fzlc_box .slick-prev,
  .fzlc_box .slick-next {
    top: 46.7%;
  }
}
@media (max-width: 1366px) {
  .fzlc_box:before {
    top: 49.1%;
  }
  .fzlc_box .slick-prev,
  .fzlc_box .slick-next {
    top: 45.3%;
  }
}
@media (max-width: 1280px) {
  .fzlc_box:before {
    top: 47.8%;
  }
  .fzlc_box .slick-prev,
  .fzlc_box .slick-next {
    top: 44.3%;
  }
}
@media (max-width: 768px) {
  .fzlc_box {
    margin-top: 30px;
    margin-left: 15px;
    margin-right: 15px;
    padding-bottom: 30px;
  }
  .fzlc_box:before {
    display: none;
  }
  .fzlc_box .box {
    margin: 0;
  }
  .fzlc_box .slick-prev,
  .fzlc_box .slick-next {
    top: 44.3%;
  }
  .fzlc_box .box .text {
    height: auto;
    border-left: none;
  }
  .fzlc_box .box .text:before {
    display: none;
  }
  .fzlc_box .box .text .t {
    position: relative;
    padding-left: 0;
  }
  .fzlc_box .box .text .t p {
    max-height: auto;
  }
  .fzlc_box .slick-dots {
    bottom: 0;
  }
  .fzlc_box .slick-dots li button {
    border-radius: 50px;
  }
  .fzlc_box .box .text h3 {
    font-size: 20px;
  }
  .fzlc_box .box .text .t p {
    font-size: 14px;
    line-height: 24px;
  }
  .fzlc_box .box .text {
    margin-top: 20px;
  }
}