@charset "utf-8";

/*头部*/
.pc_header {width: 100%; position: fixed;top: 0; z-index: 999;background: #fff;height: 140px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);transition: 0.5s; -moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;transition-timing-function: ease;
 -moz-transition-timing-function: ease;-webkit-transition-timing-function: ease;-o-transition-timing-function: ease;}
.pc_header .header_logo {float:left;height: 140px;line-height: 140px; }
.pc_header .navs{margin-top:60px;height:80px;}
.pc_header .header_tel { float: right; text-align: center;height:40px;position:absolute;right:25px;top:5px; }
.pc_header .header_tel img {max-height: 40px;}
.pc_header .header_tel a {width: 100%;height: 100%;display: block;color: #0050c1;font-size: 16px;font-weight:800;transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s;-o-transition: 0.5s; transition-timing-function: ease;-moz-transition-timing-function: ease; -webkit-transition-timing-function: ease;-o-transition-timing-function: ease; position: relative;z-index: 5;  cursor:auto;}
.pc_header .header_tel a span{display: inline-block;font-size:24px;font-style:italic;}
.pc_header .header_tel:hover .map_mask { width: 24px; }
.pc_header .header_tel .map_mask {height: 140px; position: absolute;left: 0;top: 0;z-index: 2;width: 0;transition: 0.5s; -moz-transition: 0.5s;-webkit-transition: 0.5s; -o-transition: 0.5s;transition-timing-function: ease; -moz-transition-timing-function: ease; -webkit-transition-timing-function: ease;-o-transition-timing-function: ease;overflow: hidden; }
.pc_header .header_tel .map_mask img { margin-right: 0;position: absolute;top: 0;bottom: 0;margin: auto 0;left: 0; }
.pc_header .header_sea {position: absolute;right: 0;height: 100%;width: 76px;background: #0050c1; top: 0;text-align: center;line-height: 140px; cursor: pointer;transition: 0.5s;-moz-transition: 0.5s; -webkit-transition: 0.5s;-o-transition: 0.5s;transition-timing-function: ease;-moz-transition-timing-function: ease; -webkit-transition-timing-function: ease;-o-transition-timing-function: ease;}
.pc_header .header_nav {float: right;height: 140px;transition: 0.5s; -moz-transition: 0.5s;-webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease;-moz-transition-timing-function: ease; -webkit-transition-timing-function: ease;-o-transition-timing-function: ease; position: relative;z-index: 20; }
.pc_header .header_nav li {float: left;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s; -o-transition: 0.5s;transition-timing-function: ease;-moz-transition-timing-function: ease;-webkit-transition-timing-function: ease;-o-transition-timing-function: ease;width: 125px; box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;position: relative;height: 80px;}  
.pc_header .header_nav li .icon { position: absolute;width: 22px;height: 22px;border-radius: 50%;top: 47px;left: 10px;text-align: center;line-height: 22px;opacity: 0;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;
-o-transition: 0.5s; transition-timing-function: ease;-moz-transition-timing-function: ease;-webkit-transition-timing-function: ease; -o-transition-timing-function: ease; }
.pc_header .header_nav li .icon img { max-height: 12px; }
.pc_header .header_nav li .li_father {display: none;width: 600px;height: 200px;background: rgba(255, 255, 255, 0.9); position: absolute; top: 80px;left: -200px;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

.pc_header .header_nav li .li_father .left {width: 55%;float: left;height: 100%; border-right: 1px solid rgba(0, 0, 0, 0.2); box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;padding: 20px; }  
.pc_header .header_nav li .li_father .left .tt{margin-bottom:3%;}
.pc_header .header_nav li .li_father .left .tt p{margin-top:2%;font-family: "2";}
.pc_header .header_nav li .li_father .left .inner_form .layui-form-item { margin-bottom: 10px; }
.pc_header .header_nav li .li_father .left .a2 {height: 36px;line-height: 36px;width: 100%;text-align: center;font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif; font-size: 18px;color: rgba(0, 0, 0, 0.75);font-weight: bold; }
.pc_header .header_nav li .li_father .left .a3 {width: 100%;font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif; font-size: 14px;color: #555;margin-bottom: 10px; }
.pc_header .header_nav li .li_father .left .a1 {width: 49%;height: 38px;line-height: 38px;text-align: left;float:left;background:url(../images/index07.png) no-repeat left center; transition: 0.3s; -moz-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s; 
transition-timing-function: ease; -moz-transition-timing-function: ease; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; }
.pc_header .header_nav li .li_father .left .a1:hover {border-color: #10958f; }
.pc_header .header_nav li .li_father .left .a1:hover a {color: #0050c1; }
.pc_header .header_nav li .li_father .left .a1 a {font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;font-size: 14px;color: #000;background:url(../images/index29.png) no-repeat left center;
padding-left:12px;font-weight: 300;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s;transition-timing-function: ease;-moz-transition-timing-function: ease; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease;}
.pc_header .header_nav li .li_father .right {width: 45%;float: left;height: 100%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.pc_header .header_nav li .li_father .right .pic {width: 100%;height: 100%;display: block; overflow: hidden; }
.pc_header .header_nav li:hover .icon {transform: translateY(-20px);-ms-transform: translateY(-20px);-moz-transform: translateY(-20px);-webkit-transform: translateY(-20px);-o-transform: translateY(-20px);opacity: 1; }
.pc_header .header_nav li.active .a0, .pc_header .header_nav li:hover a {color: #0050c1; }
.pc_header .header_nav li .a0 {width: 100%;height: 100%;display: block;text-align: center;font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif; color: #000;
transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;transition-timing-function: ease;-moz-transition-timing-function: ease;-webkit-transition-timing-function: ease;-o-transition-timing-function: ease;}
.pc_header .header_nav li .a0 small{display:block;color:#c8c6c6;font-size:13px;letter-spacing:-1px;margin-top:2%;}

/*banner*/
.banner {overflow: hidden;position: relative; }
.banner .ani-slide .slide-inner .banner1_1, .banner .ani-slide .slide-inner .banner1_2, .banner .ani-slide .slide-inner .banner1_3, .banner .ani-slide .slide-inner .banner1_4 {transform: translateX(0);-ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); opacity: 1;}
.banner .ani-slide .slide-inner .banner2_1 {transform: translateY(0);-ms-transform: translateY(0);-moz-transform: translateY(0); -webkit-transform: translateY(0);-o-transform: translateY(0);opacity: 1; }
.banner .ani-slide .slide-inner .banner3_2 {transform: translateX(0);-ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0);-o-transform: translateX(0);opacity: 1; }
.banner .swiper-slide .banner1_1 {position: absolute;left: 7.8%;top: 21%;font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;font-size: 12px;color: rgba(255, 255, 255, 0.8);text-transform: uppercase;letter-spacing: 0.2px;font-weight: lighter;z-index: 5;
transform: translateX(-60px);-ms-transform: translateX(-60px);-moz-transform: translateX(-60px);-webkit-transform: translateX(-60px);-o-transform: translateX(-60px);opacity: 0;transition: 1s;-moz-transition: 1s; -webkit-transition: 1s;-o-transition: 1s;transition-timing-function: ease;-moz-transition-timing-function: ease;-webkit-transition-timing-function: ease;-o-transition-timing-function: ease;}
.banner .swiper-slide .banner1_2 {position: absolute;left: 7.8%; top: 21%;z-index: 5;transform: translateX(-60px);-ms-transform: translateX(-60px);-moz-transform: translateX(-60px);-webkit-transform: translateX(-60px);-o-transform: translateX(-60px); opacity: 0; transition: 1s;-moz-transition: 1s;-webkit-transition: 1s;-o-transition: 1s;transition-timing-function: ease; -moz-transition-timing-function: ease;-webkit-transition-timing-function: ease;-o-transition-timing-function: ease;transition-delay: 0.1s; }
.banner .swiper-slide .banner1_3 { position: absolute; left: 7.8%; font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;font-size: 16px;color: rgba(255, 255, 255, 0.95);top: 38%;line-height: 32px;font-weight: lighter;transform: translateX(-60px);-ms-transform: translateX(-60px);-moz-transform: translateX(-60px); 
-webkit-transform: translateX(-60px); -o-transform: translateX(-60px); opacity: 0; transition: 1s; -moz-transition: 1s;-webkit-transition: 1s;-o-transition: 1s;transition-timing-function: ease; -moz-transition-timing-function: ease; -webkit-transition-timing-function: ease;-o-transition-timing-function: ease;transition-delay: 0.2s; }
.banner .swiper-slide .banner2_1 {position: absolute;left: 0; right: 0; margin: 0 auto;top: 25%;z-index: 5;transform: translateY(-60px); -ms-transform: translateY(-60px);-moz-transform: translateY(-60px); -webkit-transform: translateY(-60px); -o-transform: translateY(-60px);opacity: 0;transition: 1s;-moz-transition: 1s;-webkit-transition: 1s;-o-transition: 1s;transition-timing-function: ease;-moz-transition-timing-function: ease;-webkit-transition-timing-function: ease;-o-transition-timing-function: ease;}
.banner .swiper-slide .banner3_2 {position: absolute;left: 0;top: 25%;z-index: 5;transform: translateX(-60px);-ms-transform: translateX(-60px);-moz-transform: translateX(-60px);-webkit-transform: translateX(-60px);-o-transform: translateX(-60px); opacity: 0;transition: 1s;-moz-transition: 1s;-webkit-transition: 1s; -o-transition: 1s;transition-timing-function: ease;-moz-transition-timing-function: ease;-webkit-transition-timing-function: ease;-o-transition-timing-function: ease;}
.banner .banner_con {z-index: 20;width: 180px;height: 50px;background: rgb(255,255,255,.7);position: absolute;right: 18%;bottom: 2%;box-sizing: border-box; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;padding-left: 20px;}
.banner .banner_con .a1 {float: left;height: 100%; font-size: 18px;color: rgba(0, 0, 0, 0.35);line-height: 50px;font-family:"1";letter-spacing: 0.5px;}
.banner .banner_con .a1 span {color: rgb(24 84 181);font-family:"1";}
.banner .banner_con .a2 {float: right; width: 80px;line-height: 50px;}
.banner .banner_con .a2 .b0 {float: left; }.banner .banner_con .a2 .b1 {float: left;width: 40px;height: 100%;line-height: 58px;text-align: center;line-height: 50px;cursor: pointer;overflow: hidden;outline: none;}
.banner .banner_con .a2 .b1 img {transition: 0.5s;-moz-transition: 0.5s; -webkit-transition: 0.5s;-o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease;-webkit-transition-timing-function: ease;-o-transition-timing-function: ease; }
.banner .banner_con .a2 .left:hover img {transform: translateX(-4px);-ms-transform: translateX(-4px);-moz-transform: translateX(-4px);-webkit-transform: translateX(-4px);-o-transform: translateX(-4px); }
.banner .banner_con .a2 .right:hover img {transform: translateX(4px);-ms-transform: translateX(4px);-moz-transform: translateX(4px);-webkit-transform: translateX(4px); -o-transform: translateX(4px); }
		
/*响应式头部*/
.mobile_header{display: none;width: 100%;height: 70px;position: fixed;top: 0;left: 0;z-index: 888;background: #fff;box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2); }
.mobile_header .mobile_to_index {height:70px;position: fixed;top: 0;left: 2%;z-index: 10;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.mobile_header .mobile_to_index a {line-height: 70px;font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;font-size: 16px;color: #333; }
.mobile_header .mobile_to_index a img {height: 60px; }
.mobile_header .mobile_nav_sea {width: 100%; height: 40px;text-align: center;line-height: 40px; }
.mobile_header .mobile_nav_sea i {font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;font-size: 24px;color: #b7b7b7; }
.mobile_header .mobile_nav_sea:hover i {color: #0050c1; }
.mobile_header .m_active {background: #F1F1F1; }
.mobile_header .m_active .main_a {color: #3d3d3d; }
.mobile_header .m_active .main_a:before {content: ''; position: absolute;top: 0;bottom: 0; margin: auto 0;left: 0;width: 3px;height: 10px;background: #0050c1; }
.mobile_header .mobile_nav_main_on { transform: translateX(-260px); -ms-transform: translateX(-260px);-moz-transform: translateX(-260px);-webkit-transform: translateX(-260px); -o-transform: translateX(-260px); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3); }
.mobile_header .mobile_nav_main {width: 260px;background: white;height: 100%;position: fixed;left: auto !important;right: -260px;top: 0; z-index: 999;transition: 0.3s; -moz-transition: 0.3s;-webkit-transition: 0.3s;
-o-transition: 0.3s;transition-timing-function: ease;-moz-transition-timing-function: ease; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease;}
.mobile_header .mobile_nav_main p {height: 60px; }
.mobile_header .mobile_nav_main li {height: auto;width: 100%;clear: both;border-top: 1px solid #EBEBEB; }
.mobile_header .mobile_nav_main li:last-child {border-bottom: 1px solid #EBEBEB; }
.mobile_header .mobile_nav_main li .li_son {width: 100%;background: #FAFAFA; }
.mobile_header .mobile_nav_main li .li_son a {width: 100%;height: 100%; display: block; font-size: 13px;position: relative;color: #999; overflow:hidden;}
.mobile_header .mobile_nav_main li .li_son a:after {content: '';position: absolute;top: 0;bottom: 0;margin: auto 0;width: 10px;height: 1px;left: 0;background: #0050c1; }
.mobile_header .mobile_nav_main li .li_son a span {display: inline-block; width: 220px; float: right; padding-top: 10px;padding-bottom: 10px; }
.mobile_header .mobile_nav_main li .main_a {width: 100%;height: 100%;display: block;color: #333;line-height: 60px;font-size: 13px;position: relative; }
.mobile_header .mobile_nav_main li .main_a .layui-icon {margin-top: 25px; margin-right: 20px; width: 15px; height: 15px;text-align: center;line-height: 20px;float: right;background:url(../images/img2.png) no-repeat center center;
transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s;transition-timing-function: ease;-moz-transition-timing-function: ease;-webkit-transition-timing-function: ease; -o-transition-timing-function: ease;}
.mobile_header .mobile_nav_main li .main_a .layui-icon_on {transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg); }
.mobile_header .mobile_nav_main li .main_a span {padding-left: 25px; }
.mobile_header .header_menu_on .a1 {transform: translateY(5px);transition: 0.3s 0s !important; }
.mobile_header .header_menu_on .a1 .b1 {transform: rotate(45deg);transition: 0.3s 0.2s !important; }
.mobile_header .header_menu_on .a2 {transform: translateY(-5px);transition: 0.3s 0s !important; }
.mobile_header .header_menu_on .a2 .b1 {transform: rotate(-45deg);transition: 0.3s 0.2s !important; }
.mobile_header .header_menu {position: absolute;width: 40px;border-radius: 50%;height: 70px;top: 0px;right: 2%;z-index:3333; transition: 0.3s; -moz-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s; 
transition-timing-function: ease;-moz-transition-timing-function: ease;-webkit-transition-timing-function: ease;-o-transition-timing-function: ease;}
.mobile_header .header_menu .a { width: 27px;position: absolute;left: 0;right: 0; margin: 0 auto;height: 1px;position: absolute; }
.mobile_header .header_menu .a .b1 {width: 100%;height: 1px;transition: 0.3s 0s;background: rgba(0, 0, 0, 0.5); }
.mobile_header .header_menu .a1 {top: 24px; transition: 0.3s 0.2s; } 
.mobile_header .header_menu .a2 {top: 34px;transition: 0.3s 0.2s; }
	  


/*样式重置*/
@media screen and (max-width: 1400px) {
.pc_header , .pc_header .header_nav{height:120px;}
.pc_header .header_logo{height:120px;line-height:120px;}
.pc_header .header_logo img{height:100px;}
.pc_header .navs {margin-top: 50px;height: 70px;}
.pc_header .header_nav li{height: 70px;}
.pc_header .header_nav li .li_father{top:70px;}
.banner .swiper-slide .banner2_1 { width: 700px; }
.banner .swiper-slide .banner3_2{width: 700px; }
}
	 
 
	 
	 
@media screen and (max-width: 1200px) {
.banner .swiper-slide .banner2_1 { width: 600px;}
.banner .swiper-slide .banner3_2{width: 500px; }
.pc_header , .pc_header .header_nav{height:100px;}
.pc_header .header_logo{height:100px;line-height:100px;}
.pc_header .header_logo img{height:80px;}
.pc_header .navs{margin-top: 40px;height: 60px;}
.pc_header .header_nav li{height:60px;}
.pc_header .header_nav li .li_father{top:60px;}
.pc_header .header_tel a span{font-size:20px;}
}
  
@media screen and (max-width: 1050px) {
.banner .swiper-slide .banner2_1 , .banner .swiper-slide .banner3_2{ width: 400px;}
.banner .swiper-slide .banner3_1 { width: 450px; }
.pc_header .header_nav li{width:105px}
}

@media screen and (max-width:900px) {
.pc_header, .pc_footer { display: none; }
.mobile_header, .mobile_footer {display: block; }
.banner {padding-top: 70px !important; }
}

@media screen and (max-width: 500px) {


.float_nav, .float_contact {display: none; }
.banner {height: 250px !important; }
.banner .banner_container {height: 250px !important; }
.banner .banner_container .swiper-container {height: 100%; }
.banner .banner_container .swiper-container .slide-inner {height: 100%; }
.banner .swiper-slide .banner1_1 { top: 10%;font-size: 14px;display: none; }
.banner .swiper-slide .banner1_2 {top: 5%; width: 60%;left: 20%; }
.banner .swiper-slide .banner1_3 {top: 46%; font-size: 14px;line-height: 20px;display: none; }
.banner .banner_con {width: 100%;height: 40px;left: 0;background:none; }
.banner .banner_con .a1 {line-height: 40px; }
.banner .banner_con .a2 {line-height: 40px; }
.banner .banner_con .a2 .b1 {line-height: 40px;width: 40px; }
.banner .banner_con .a2 .b2 {line-height: 40px; }
.banner .swiper-slide .banner3_2 {width: 200px; top:18%;}
.banner .swiper-slide .banner2_1 {width: 300px; }
.mobile_header , .mobile_header .mobile_to_index , .mobile_header .header_menu{height:60px;}
.banner {padding-top: 60px !important}
.mobile_header .mobile_to_index a{line-height:60px;}
.mobile_header .mobile_to_index a img {height:50px;}
}

@media screen and (max-width: 480px) {  
.banner .swiper-slide .banner2_1{    width: 230px;top:20%}
.banner .banner_con{    background: #f3f3f3;bottom:0;}
}