﻿@charset "utf-8";
/* CSS Document */
@font-face {
      font-family: 'OsRegular';
      src: url('../fonts/oswald.woff2') format('woff2'),
          url('../fonts/oswald.woff') format('woff'),
          url('../fonts/oswald.ttf') format('truetype');
      font-weight: bold;
      font-style: normal;
      font-display: swap;
  }
 @font-face {
      font-family: 'OsBlod';
      src: url('../fonts/oswald-bold.woff2') format('woff2'),
          url('../fonts/oswald-bold.woff') format('woff'),
          url('../fonts/oswald-bold.ttf') format('truetype');
      font-weight: bold;
      font-style: normal;
      font-display: swap;
  }
  @font-face {
      font-family: 'OsLifgt';
      src:url('../fonts/oswald-light.ttf') format('truetype');
      font-weight: bold;
      font-style: normal;
      font-display: swap;
  }


.header{width:100%; position:fixed; left:0px; top:0px; padding:0px 2.1% 0px 3.6%; z-index:111;transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; }
.header.fixedmenu1{ position:relative; background: #fff;}
.header.fixedmenu,.header.fixedmenu1.fixedmenu{ position:fixed;  background:none;background-color:#fff; top:0px; left:0px; z-index:111111;box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); }

.i_logo{ padding-top:23px;transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.i_logo img{ height:46px; transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}



.shubiao{width:30px; position:absolute; bottom:45px; left:50%; margin-left:-15px; z-index:111; }
.shubiao img{ width:100%;}


.i_logo_ul{width:45%;}
.i_logo_ul .nav_menu{width:100%; margin:0px; padding:0px; display:flex;justify-content: space-between;}
.i_logo_ul .nav_menu li{ height:90px; margin:0px; padding:0px; position:relative;z-index:1111111;}
.i_logo_ul .nav_menu li .a_nav{width:100%; position:relative; height:90px; line-height:90px; display:inline-block; text-align:center; overflow:hidden; color:#fff; font-size:18px;}
.header.fixedmenu .i_logo_ul .nav_menu li .a_nav{  color: #000;}
.header.fixedmenu .i_logo_ul .nav_menu li .a_nav.active1{  color: #0030d4;}
.i_logo_ul .nav_menu li .a_nav:hover,.i_logo_ul .nav_menu li .a_nav.active,.i_logo_ul .nav_menu li .a_nav.active1{ color:#0030d4;text-decoration:none; }
.i_logo_ul .nav_menu li .a_nav.active1{ color:#fff;}
.i_logo_ul .nav_menu li .a_nav:after{width:0px; height:3px; background-color:#fff; position:absolute; left:50%; margin-left:-18px;bottom:20px;  content:"";-webkit-transition:all 0.5s;transition:all 0.5s;-moz-border-radius: 1.5px;-webkit-border-radius: 1.5px;border-radius:1.5px;}
.header.fixedmenu .i_logo_ul .nav_menu li .a_nav:after{ background-color:#0030d4; }
.i_logo_ul .nav_menu li .a_nav:hover:after,.i_logo_ul .nav_menu li .a_nav.active:after,.i_logo_ul .nav_menu li .a_nav.active1:after{width:36px;}
.i_logo_ul .nav_menu li dl{width:160px; background-color:#fff; position:absolute; left:50%; margin-left:-80px;top:100%; display:none;box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);}
.i_logo_ul .nav_menu li dl dd{ float:left;width:100%;}
.i_logo_ul .nav_menu li dl dd a{ width:100%; padding:10px 10px; line-height:1.7; text-align:center; color:#000000; font-size:16px; display:inline-block; overflow:hidden; text-align:center;}
.i_logo_ul .nav_menu li dl dd a:hover{ color:#fff; background-color:#0030d4;}

.i_phone{ padding:10px 35px 5px 35px; margin-top:12px; -moz-border-radius: 10px;      /* Gecko browsers */
-webkit-border-radius: 10px;   /* Webkit browsers */
border-radius:10px;            /* W3C syntax */ color:#fff; font-size:16px;}
.header.fixedmenu .i_phone{background-color:#57c1fb;}
.i_phone_t{ padding-left:28px; line-height:22px; background:url(../images/tb_02.png) left center no-repeat;}
.i_phone_c{ width:100%; line-height:1.5; font-size:18px; font-weight:bold;}

.i_bcss{width:36px; height:90px;position:relative; margin-left:2%; margin-right:2%;}
.i_bcss_t{width:36px; height:36px; background:url(../images/tb_01a1.png) center no-repeat; background-size:22px; cursor:pointer; position:relative; top:50%; margin-top:-18px;}
.header.fixedmenu .i_bcss_t{width:36px; height:36px; background:url(../images/tb_01a.png) center no-repeat; background-size:22px; cursor:pointer; position:relative; top:50%; margin-top:-18px;}
.i_bcss_c{width:212px; height:38px; border:1px solid #c1bcba; background-color:#fff; position:absolute;  right:0px; top:100%; display:none}
.i_bcss_c .ipt1{width:174px; height:36px; text-indent:10px; border:0px; color:#333; font-size:14px; font-family:"微软雅黑";}
.i_bcss_c .ipt2{width:36px; height:36px; background:url(../images/tb_01a.png) center no-repeat; border:0px; cursor:pointer; background-size:16px;}




.wap_ssbn{width:30px; height:100%;  background:url(../images/tb_01a.png) center no-repeat;  background-size:16px; position:absolute; top:0px; right:50px; z-index:10000;}
.wap_ssbn span{width:100%; height:100%; display:inline-block;}
.wap_ssbn_div{width:200px; display:none; background-color:#fff; z-index:10000; position:absolute; right:0px; top:100%;box-shadow: 0px 5px 20px 0px #d9d9d9;}
.wap_ssbn_div .ipt1{width:80%; height:40px; line-height:40px; text-indent:15px; border:0px; font-family:"微软雅黑"; background-color:#fff; color:#b9b9b9; font-size:13px;}
.wap_ssbn_div .ipt2{width:20%; height:40px; background:url(../images/tb_01a.png) center no-repeat;  border:0px; background-size:15px;}

.wap_bbqh{ height:30px; line-height:30px; position:absolute; right:90px; top:50%; margin-top:-15px; color:#666; font-size:14px;}
.wap_bbqh a{ color:#666; padding:0px 5px; display:inline-block;}
.wap_bbqh a:hover,.wap_bbqh a.active{ color:#158be0;}







.i_bg1{ background:url(../images/bg2.jpg) top center no-repeat; background-color:#ffffff;}
.i_box1{ padding:190px 0.7% 110px 0.7%;}
.i_box1_l{width:51%;}
.i_box1_l_t{width:100%; color:#000000; font-size:48px; line-height:1.3;}
.i_box1_l_t .s1{ font-size:60px; /*font-family: 'OsBlod';*/ font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:1.1;}
.i_box1_l_c{ margin:18px 0px 55px 0px; line-height:30px; height:210px; overflow:hidden; color:#333333; font-size:16px;}
.i_box1_l_c p{ line-height:30px;}
.i_box1_l_c div{ line-height:30px;}
.i_box1_l_b{ padding:0px 30px;border:1px solid #999999; display:inline-block;}
.i_box1_l_b span{ padding-right:24px; height:40px; line-height:40px; display:inline-block; color:#666666; font-size:13px; background:url(../images/tb_07s.png) right center no-repeat; background-size:11px;-webkit-transition:all 0.5s;transition:all 0.5s;}
.i_box1_l_b:hover{ background-color:#0030d4; border:1px solid #0030d4;}
.i_box1_l_b:hover span{ color:#fff; background:url(../images/tb_07.png) right center no-repeat; background-size:11px;}
.i_box1_lc{width:100%; margin-top:80px;}
.i_box1_lc li{ color:#222222; font-size:16px; line-height:1.5;}
.i_box1_lc li .s1{ font-size:60px; color:#40bbff;font-family: 'OsBlod'; line-height:1.4;}
.i_box1_r{width:39%; margin-top:50px; display:inline-block; overflow:hidden;}
.i_box1_r img{width:100%;}

.i_bg2{ background-color:#ececec;}
.i_box2{ padding:153px 0px 63px 0px; position:relative;}
.i_box2:before{width:44.4%; height:calc(100% - 93px); background-color:#fff; position:absolute; left:23%; top:93px; content:"";}
.i_box2_t{ padding:0px 26.25% 55px 26.25%; }
.i_box2_t1{width:100%; position:relative; color:#999999; font-size:18px; line-height:1.6;}
.i_box2_t1 h1{ color:#000000; font-size:48px; line-height:1.7; font-weight:normal;}
.i_box2_t1 .pro_l{width:40px; height:22px; background:url(../images/tb_11.png) center no-repeat; background-size:100%; position:absolute; right:50px; top:50%; margin-top:-11px; cursor:pointer;-webkit-transition:all 0.5s;transition:all 0.5s;}
.i_box2_t1 .pro_l:hover{ background:url(../images/tb_11s.png) center no-repeat; background-size:100%;}
.i_box2_t1 .pro_r{width:40px; height:22px; background:url(../images/tb_10s.png) center no-repeat; background-size:100%; position:absolute; right:0px; top:50%; margin-top:-11px; cursor:pointer;-webkit-transition:all 0.5s;transition:all 0.5s;}
.i_box2_t1 .pro_r:hover{ background:url(../images/tb_10sa.png) center no-repeat; background-size:100%;}
.i_box2_c{width:100%;}

.project_swiper{width:100%; overflow:hidden;}
.project_swiper .swiper-slide{width:100%;height: auto;-webkit-box-sizing: border-box;box-sizing: border-box;}
.project_swiper .swiper-slide .div{width:100%; display:inline-block; overflow:hidden; color:#333333; font-size:18px;}
.project_swiper .swiper-slide .div:hover{ color:#333;}
.project_swiper .swiper-slide .div .a_img{width:100%; display:inline-block; overflow:hidden;}
.project_swiper .swiper-slide .div .a_img img{width:80%; float:left;}
.project_swiper .swiper-slide .div .a_title{ width:100%; margin-top:80px; height:73px; line-height:73px; color:#333333; font-size:36px; overflow:hidden; position:relative;-webkit-transition:all 0.5s;transition:all 0.5s;}
.project_swiper .swiper-slide.swiper-slide-prev .div .a_title{ text-align:right;}
.project_swiper .swiper-slide .div .a_title:after{width:80px; height:100%; background:url(../images/tb_01.png) center no-repeat; background-color:#0030d4; position:absolute; right:0px; top:0px; z-index:1; content:"";-webkit-transition:all 0.5s;transition:all 0.5s;filter:alpha(opacity=0);   -moz-opacity:0;   -khtml-opacity:0;   opacity:0;}
.project_swiper .swiper-slide .div .a_text{ height:48px; line-height:48px; overflow:hidden;opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(90%); -ms-transform: translateY(90%); -o-transform: translateY(90%); transform: translateY(90%);transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.project_swiper .swiper-slide.swiper-slide-active .div .a_title{ margin-top:20px; height:88px; line-height:88px; font-size:48px; color:#0030d4;}
.project_swiper .swiper-slide.swiper-slide-active .div .a_text{opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
.project_swiper .swiper-slide.swiper-slide-active .div .a_title:after{filter:alpha(opacity=100);   -moz-opacity:1;   -khtml-opacity:1;   opacity:1;}


.project_swiper.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:0px;}
.project_pagination .swiper-pagination-bullet{width:12px; height:12px; background-color:transparent;opacity:1; border:1px solid #a5a5a5; position:relative;}
.project_pagination .swiper-pagination-bullet-active{}
.project_pagination .swiper-pagination-bullet-active:after{width:4px; height:4px; background-color:#a5a5a5; position:absolute; left:50%; top:50%;-moz-border-radius: 100%;      /* Gecko browsers */
-webkit-border-radius: 100%;   /* Webkit browsers */
border-radius:100%;            /* W3C syntax */ margin-left:-2px; margin-top:-2px; content:"";}

.i_box3{width:100%; background-repeat:no-repeat; background-position: center center; background-size:cover;}
.i_box3_l{width:32%; position:relative;}
.i_box3_lc{width:100%; position:absolute; padding-left:17%; left:0px; top:26%;}
.i_box3_l .i_box1_l_t{ color:#fff;}
.i_box3_l_c{width:100%; margin-top:30px; line-height:2; color:#fff; font-size:18px;}
.i_box3_r{width:67%;}
.i_box3_r li{width:25%; float:left; border-left:1px solid #90a9ae;-webkit-transition:all 0.5s;transition:all 0.5s;}
.i_box3_r li .div{width:100%; height:100%; background:url(../images/tb_06s.png) repeat; position:relative;color:#fff; font-size:16px;}
.i_box3_r li .div_c{width:100%; position:absolute; left:0px; top:26%;-webkit-transition:all 0.5s;transition:all 0.5s;}
.i_box3_r li .div .a_img{width:100%; text-align:center;-webkit-transition:all 0.5s;transition:all 0.5s;}
.i_box3_r li .div .a_img img{ height:120px;}
.i_box3_r li .div .a_title{width:40px; text-align:center; margin:45px auto;  font-size:30px; line-height:1.2;-webkit-transition:all 0.5s;transition:all 0.5s;}
.i_box3_r li .div .a_text{width:100%; font-size:18px; margin-top:30px;line-height:30px; height:180px; overflow:hidden;opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(90%); -ms-transform: translateY(90%); -o-transform: translateY(90%); transform: translateY(90%);transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.i_box3_r li .div .a_more{ margin-top:40px; padding-left:120px; height:30px; line-height:30px; background:url(../images/tb_15.png) left center no-repeat; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(90%); -ms-transform: translateY(90%); -o-transform: translateY(90%); transform: translateY(90%);transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.i_box3_r li.active1.active{width:37%;}
.i_box3_r li.active1{width:21%;}
.i_box3_r li.active1.active .div_c{ padding:0px 8%}
.i_box3_r li.active1.active .div .a_img{ text-align:left;}
.i_box3_r li.active1.active .a_title{ font-size:48px; font-weight:bold; width:100%;transition-delay: 0.1s;-webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; text-align:left;}
.i_box3_r li.active1.active .div .a_text{opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);transition-delay: 0.3s;-webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s;}
.i_box3_r li.active1.active .div .a_more{opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);transition-delay: 0.5s;-webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s;}

.i_box4{ padding:110px 7.5% 145px 7.5%;}
.i_box4_t{width:100%; border-bottom:1px solid #d4d4d4;}
.i_box4_t_l{ padding-bottom:18px;}
.i_box4_t_r{ padding-top:54px;}
.i_box4_t_r a{ margin-left:40px; height:104px; line-height:104px; color:#2e2e2e; font-size:16px; display:inline-block; position:relative;}
.i_box4_t_r a:hover,.i_box4_t_r a.activexm{ color:#004a9a;}
.i_box4_t_r a:after{width:0%; height:2px; background-color:#004a9a; position:absolute; left:0px; bottom:0px; z-index:1; content:"";-webkit-transition:all 0.5s;transition:all 0.5s;}
.i_box4_t_r a:hover:after,.i_box4_t_r a.activexm:after{width:100%;}
.i_box4_c{width:100%; padding-top:95px;}
.i_box4_con{width:100%; display:none;}
.i_box4_ul{width:100%}
.i_box4_ul li{width:32%; margin-right:2%; float:left;}
.i_box4_ul li:nth-child(3n){ margin-right:0px;}
.i_box4_ul li .div{width:100%; display:inline-block; background-color:#fff; overflow:hidden; color:#666666; font-size:14px;}
.i_box4_ul li .div:hover{ color:#666;}
.i_box4_ul li .div .a_img{width:100%; display:inline-block; overflow:hidden;}
.i_box4_ul li .div .a_img img{width:100%; float:left;}
.i_box4_ul li .div .a_text{width:100%; padding:18px 6.5% 50px 6.5%;}
.i_box4_ul li .div .a_text_t{width:100%; height:27px; line-height:27px; overflow:hidden;}
.i_box4_ul li .div .a_text_title{width:100%; margin:20px 0px 40px 0px; height:30px; overflow:hidden; line-height:30px; color:#222222; font-size:18px; font-weight:bold;}
.i_box4_ul li .div:hover .a_text_title{ color:#0030d4;}
.i_box4_ul li .div .a_text_c{width:100%; height:66px; line-height:22px; overflow:hidden;}

.back_top{-moz-border-radius: 100%;      /* Gecko browsers */
-webkit-border-radius: 100%;   /* Webkit browsers */
border-radius:100%;            /* W3C syntax */}
.back_top:hover{ background-color:#0030d4;}

.i_foo{ padding:0px 7.5%;}
.i_fbg{ background-color:#fff;}
.i_fbg1{ border-bottom:1px solid #e5e5e5;background-color:#f7f7f7;}
.i_footer_t{width:100%; padding:35px 0px; line-height:1.6; text-align:center; color:#666666; font-size:16px;}
.i_footer{width:100%; padding-top:120px;}
.i_footer_box1{ padding:0px 0px 30px 0px; border-bottom:1px solid #e5e5e5;}
.i_footer_t_l{width:29%;}
.i_footer_t_l_logo{ padding-bottom:20px;}
.i_footer_t_l_logo img{ height:45px;}
.i_footer_t_l_t{width:100%; padding:5px 0px 20px 0px; line-height:1.5; color:#999999; font-size:12px;}
.i_footer_t_l_t .s1{ color:#333333; font-size:20px; font-weight:bold;}
.i_footer_t_l_c{width:100%; color:#333333; font-size:14px;}
.i_footer_t_l_c table tr td{ padding:10px 0px;}
.i_footer_t_lc{width:19.5%;}
.i_footer_t_lc_t{width:100%; padding-bottom:18px; line-height:1.3; color:#333333; font-size:20px; font-weight:bold;}
.i_footer_t_lc_ul{width:100%;}
.i_footer_t_lc_ul li{width:50%; float:left; margin-bottom:5px;}
.i_footer_t_lc_ul li a{width:100%; height:33px; float:left; line-height:33px; color:#333333; font-size:14px; display:inline-block; overflow:hidden;}
.i_footer_t_lc_ul li a:hover{ color:#0030d4;}
.i_footer_t_c{width:25%;}
.i_footer_t_c_ul{width:100%;}
.i_footer_t_c_ul li{width:100%; float:left; padding:10px 0px;}
.i_footer_t_c_ul li .ipt1{width:100%; height:40px; line-height:40px; border:1px solid #e5e5e5; text-indent:20px; font-size:14px; color:#333;-moz-border-radius: 5px;      /* Gecko browsers */
-webkit-border-radius: 5px;   /* Webkit browsers */
border-radius:5px;            /* W3C syntax */}
.i_footer_t_c_ul li .ipt2{width:100%; height:40px; line-height:40px; background-color:#0030d4; color:#fff; text-align:center; font-size:14px;-moz-border-radius: 5px;      /* Gecko browsers */
-webkit-border-radius: 5px;   /* Webkit browsers */
border-radius:5px;            /* W3C syntax */ border:0px;}
.i_footer_t_r{width:10%;}
.i_footer_t_r_t{ margin-top:10px; width:100%; background-color:#fff;-moz-border-radius: 10px;      /* Gecko browsers */
-webkit-border-radius: 10px;   /* Webkit browsers */
border-radius:10px;            /* W3C syntax */ padding:10px; text-align:center; color:#999999; font-size:14px; line-height:1.8;}
.i_footer_t_r_t img{ max-width:100%; height:auto !important;}
.i_footer_c{ padding:35px 0px 10px 0px; line-height:1.6; color:#333333; font-size:14px;}
.i_footer_c a{ color:#333333;}
.i_footer_c a:hover{ color:#0030d4;}

.i_footer_bottom{width:100%; overflow:hidden; padding-top:250px; position:relative; background-color:#fff;}

.i_footer_bottom .fs-svg {
	position: absolute;
	left: -240px;
	bottom: 0
}

.i_footer_bottom .fs-svg .gentle-wave {
	-webkit-animation: move-forever2 8s linear infinite;
	animation: move-forever2 8s linear infinite
}

.i_footer_bottom .fs-svg.active .gentle-wave {
	-webkit-animation: move-forever2 16s linear infinite;
	animation: move-forever2 16s linear infinite
}

.i_footer_bottom .fsb-svg {
	pointer-events: none;
	z-index: 100
}
@-webkit-keyframes move-forever2 {
	0% {
		-webkit-transform: translate(-270px, 0%);
		transform: translate(-270px, 0%)
	}
	50% {
		-webkit-transform: translate(10px, 0px);
		transform: translate(10px, 0px)
	}
	100% {
		-webkit-transform: translate(-270px, 0%);
		transform: translate(-270px, 0%)
	}
}

@keyframes move-forever2 {
	0% {
		-webkit-transform: translate(-270px, 0%);
		transform: translate(-270px, 0%)
	}
	50% {
		-webkit-transform: translate(10px, 0px);
		transform: translate(10px, 0px)
	}
	100% {
		-webkit-transform: translate(-270px, 0%);
		transform: translate(-270px, 0%)
	}
}


.video_div{width:100%; height:100%; background-color:#000; position:fixed; z-index:100011111111111; left:0px; top:-100%;}
.video_div_closebtv{width:30px; height:30px; position:absolute; right:30px; top:30px; cursor:pointer; z-index:100;}
.video_div_center{width:100%; height:100%; vertical-align:middle; text-align:center;}



.n_banner{width:100%; background-position: center center; background-repeat:no-repeat; background-size:cover; position:relative; }
.n_banner img{width:100%;}
.n_banner_text{width:100%; position:absolute; left:0px; top:50%;-o-transform:translate(0%, -70%);-ms-transform:translate(0%, -70%);-webkit-transform: translate(0%, -70%);-moz-transform: translate(0%, -70%);transform: translate(0%, -70%);text-align:center;}
.n_banner_text_en{ padding:10px 0px; line-height:1.1; color:rgb(255,255,255,0.1); font-size:100px; font-weight:bold;}
.n_banner_text_cn{ line-height:1.0; color:#fff; width:100%; font-size:48px; text-align:center; position:absolute; left:0px; bottom:0px;}

.n_menu{width:100%; position:absolute; left:0px; bottom:0px; z-index:2; text-align:center; background:url(../images/tb_34.png) repeat;}
.n_menu a{ padding:0px 30px; margin:0px 5px; height:60px; line-height:60px; color:#fff; font-size:16px;}
.n_menu a:hover,.n_menu a.activemenu{ background-color:#40bbff; color:#fff;}


.a_zxlmenu{width:100%; position:relative; display:none; z-index:111;}
.a_zxlmenu_t{width:100%;padding:3% 0px;background:url(../images/wap_jt.png) right center no-repeat; font-size:16px; text-align:center; background-color:#0030d4; color:#fff; cursor:pointer; background-size:30px;}
.a_zxlmenu_c{width:100%; position:absolute; left:0px; top:100%; margin:0px;  padding:0px; background-color:#eeeeee;text-indent:0px; display:none;-moz-box-shadow:0px 0px 10px #184d93;/*firefox*/  
-webkit-box-shadow:0px 0px 10px #c7c5bf;/*webkit*/  
box-shadow:0px 0px 10px #c7c5bf;/*opera或ie9*/}
.a_zxlmenu_c li{width:100%;  float:left; text-align:center;}
.a_zxlmenu_c li .aone{width:100%;padding:3% 0px; display:inline-block; color:#333; font-size:14px; text-decoration:none; text-indent:0px; float:left;}
.a_zxlmenu_c li .aone:hover,.a_zxlmenu_c li .aone.activetwo{ color:#fff; text-decoration:none; background-color:#40bbff;}
.a_zxlmenu_c li dl{width:100%; border-bottom:1px solid #eaeaea;display:none; float:left; background-color:#2f73af;}
.a_zxlmenu_c li dl dd{width:100%; float:left; text-align:center;}
.a_zxlmenu_c li dl dd a,.a_zxlmenu_c li dl dd a:hover{width:100%; padding:3% 0px; display:inline-block; color:#333; font-size:14px; text-decoration:none; text-indent:0px;}



.n_box16{ padding:115px 0px 85px 0px;}
.n_box16_t{  color:#000; font-size:16px; line-height:1.6; text-align:center;}
.n_box16_t h1{ color:#000000; font-size:36px; font-weight:bold;}
.n_box16_c{ padding:0px 14% 65px 14%; line-height:1.8; color:#333333; font-size:16px;  width:100%; text-align:center;}
.n_box16_b{width:100%; padding:0px 24%;}
.n_box16_b .i_box1_lc{ margin-top:0px !important;}
.n_box16_b .i_box1_lc li{ text-align:center;}

.i_section{
	position: relative;
	box-sizing: border-box;
	width:100%; overflow:hidden;
	}
.bg_blur{
	position: absolute;
	top: 0;left: 0;
	width: 100%;height: 100%;
	background-size:cover;
	background-attachment: fixed;
	background-position-x:center !important;
	/*opacity: 0.4;*/
	z-index: 1;
}
.n_box17{width:100%; padding:90px 0px 115px 0px; position:relative; z-index:1;}
.n_box17_c{width:100%; padding:70px 6%; background-color:#fff; color:#333333; font-size:16px; line-height:2;}
.n_box17_c .a_img{width:37%; margin-right:4%;}
.n_box17_c .a_img img{width:100%;}

.n_box18{ padding:90px 0px 60px 0px;}
.n_box18_t{ padding-top:57px; background:url(../images/tb_35.png) top center no-repeat;  line-height:1.2; color:#000000; font-size:36px; font-weight:bold; text-align:center; margin-bottom:15px;}
.n_box18_t.active{ padding-top:0px; background:none;}
.n_box18_c{width:100%; text-align:center; color:#999999; font-size:16px; line-height:1.7;}
.n_box18_c.active{ margin:24px 0px;}
.n_box18_c.active1{ padding:24px 17% 0px 17%;}
.n_box18_c.active2{ color:#333333;}

.n_bg1{ background-position: top center; background-repeat:no-repeat; background-color:#f1f2f3; background-size:100%;}
.n_box19{ padding:55px 0px 70px 0px;}
.n_box19_c{ padding:65px 6%; background-color:#fff;}
.n_box19_zj{width:100%; text-align:center; color:#333; font-size:14px; line-height:2; overflow:hidden;}
.n_box19_zj img{ max-width:100%; height:auto !important;}

.n_box18 .n_box16_c{ padding:0px 19%;}

.n_box20{width:100%; color:#000000; font-size:18px; line-height:2;}
.n_box20 img{ max-width:100%; height:auto !important;}


.n_box21{ padding:80px 0px;}
.n_box21_ul{width:100%;}
.n_box21_ul li{width:49%; float:left; margin-right:2%; padding-bottom:20px;}
.n_box21_ul li:nth-child(2n){ margin-right:0px;}
.n_box21_ul li .div{width:100%; background-color:#fff; color:#666666; font-size:14px;}
.n_box21_ul li .div .div_l{width:19.5%; padding:20px 5.5% 0px 0px;
-webkit-transition:all 0.5s;transition:all 0.5s;}
.n_box21_ul li .div .div_l .s1{width:100%; height:52px; line-height:52px; color:#333333; font-size:24px; text-align:right;
-webkit-transition:all 0.5s;transition:all 0.5s;}
.n_box21_ul li .div .div_l .s2{width:100%;  height:26px; line-height:26px; color:#999999; font-size:16px; text-align:right;
-webkit-transition:all 0.5s;transition:all 0.5s;}
.n_box21_ul li .div .div_r{width:80.5%; padding:20px 3% 40px 3%;}
.n_box21_ul li .div .div_r_t{width:100%; height:52px; line-height:52px; color:#333333; font-size:22px; overflow:hidden;
-webkit-transition:all 0.5s;transition:all 0.5s;}
.n_box21_ul li .div .div_r_c{width:100%; height:52px; line-height:26px; overflow:hidden;}
.n_box21_ul li .div:hover .div_l{ background-color:#0030d4;}
.n_box21_ul li .div:hover .div_l .s1{ color:#fff;}
.n_box21_ul li .div:hover .div_l .s2{ color:#fff;}
.n_box21_ul li .div:hover .div_r_t{ color:#0030d4;}

.n_1160{width:1160px; margin:0px auto;}
.n_box22{ padding:25px 0px 45px 0px;}
.n_box22_t{width:100%; line-height:1.6; color:#999999; font-size:14px;}
.n_box22_t a{ color:#999999;}
.n_box22_t a:hover{ color:#0030d4;}
.n_box22_title{width:100%; color:#000000; font-size:36px; font-weight:bold; line-height:1.6; margin:45px 0px 15px 0px;}
.n_box22_time{ color:#999999; font-size:16px; line-height:1.6;}
.n_box22_c{width:100%;}
.n_box23{ background-color:#fff; padding:50px 5%;}
.n_box23_c{width:100%; padding-bottom:60px; color:#333333; font-size:16px; line-height:2; overflow:hidden;}
.n_box23_c img{ max-width:100%; height:auto !important;}
.n_box23_b{width:100%;}
.n_box23_b a{width:50%; line-height:1.6; color:#333333; font-size:14px;}
.n_box23_b a:hover{ color:#0030d4;}
.n_box23_b a:nth-child(2){ text-align:right;}

.n_box24{ padding:55px 0px 40px 0px;}

.n_contact_t{width:100%; position:relative;}
.n_map{width:100%; height:610px; overflow:hidden;}
.n_address{width:100%; position:absolute; left:0px; top:50%; z-index:1;-o-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);transform: translate(0%, -50%);}
.n_address_l{width:34.5%; padding:65px  32px 50px 32px; background-color:#fff;}
.n_address_lc{width:100%;}
.n_address_lc table tr td{ padding:15px 0px;color:#333333; font-size:16px;}
.n_address_lc table tr td .s1{ font-size:24px; line-height:1.8;}
.n_address_lc table tr td .s2{ color:#0030d4; font-size:30px; line-height:1.8; font-weight:bold;}

.n_box23_c.n_box24_c{ padding-bottom:0px;}
.n_bg2{ background-color:#eeeeee;}
.n_box25{width:100%; padding:65px 0px 45px 0px;}
.n_box25 li{width:49%; margin-right:2%; padding-bottom:30px; float:left;}
.n_box25 li:nth-child(2n){ margin-right:0px;}
.n_box25 li .a_img{width:100%; display:inline-block; position:relative; overflow:hidden;}
.n_box25 li .a_img img{width:80%; float:left;}
.n_box25 li .a_img .a_text{width:33px; text-align:center; color:#000000; font-size:30px; line-height:1.1; position:absolute; left:7%; top:50%; z-index:1;-o-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);transform: translate(0%, -50%);}
.n_box25 li .a_img:hover .a_text{ color:#0030d4;}

.n_bg3{ border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee;}
.n_box26{ padding:70px 3.5%; color:#333; font-size:14px; line-height:2;}
.n_box26_pc{width:100%;}
.n_box26_pc img{ max-width:100%; height:auto !important;}
.n_box26_wap{width:100%; display:none;}
.n_box26_wap img{ max-width:100%; height:auto !important;}

.n_box27{width:100%; padding-bottom:60px; color:#333333; font-size:16px; line-height:2; overflow:hidden;}
.n_box27 img{ max-width:100%; height:auto !important;}
.n_box27_c{width:100%;}

.stren_swiper{width:100%; overflow:hidden; padding-bottom:70px !important;}
.stren_swiper .swiper-slide{width:700px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.stren_swiper .swiper-slide .a_img{width:100%; background-color:#fff; display:inline-block; overflow:hidden;}
.stren_swiper .swiper-slide .a_img img{width:100%;filter:alpha(opacity=40);   -moz-opacity:0.4;   -khtml-opacity: 0.4;   opacity: 0.4;-webkit-transition:all 0.5s;transition:all 0.5s;}
.stren_swiper .swiper-slide.swiper-slide-active .a_img img{filter:alpha(opacity=100);   -moz-opacity:1;   -khtml-opacity:1;   opacity:1;}

.stren_swiper.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:0px;}
.stren_pagination .swiper-pagination-bullet{width:12px; height:12px; background-color:transparent;opacity:1; background-color:#bfbfbf;position:relative;}
.stren_pagination .swiper-pagination-bullet-active{ background-color:#0030d4;}

.n_box28{ padding:100px 0px 60px 0px; position:relative; z-index:1;}
.n_box28_c{width:100%; position:relative;}

.zz_swiper{width:100%; overflow:hidden;}
.zz_swiper .swiper-slide{width:100%;height: auto;-webkit-box-sizing: border-box;box-sizing: border-box;}
.zz_swiper .swiper-slide .div{width:100%; display:inline-block; overflow:hidden; color:#000000; font-size:16px; padding:24px 24px 48px 24px; background-color:#fff; border-top:4px solid #0030d4; cursor:pointer;}
.zz_swiper .swiper-slide .div:hover{ color:#000000;}
.zz_swiper .swiper-slide .div_t{width:100%;  height:70px; line-height:70px; font-size:30px; overflow:hidden; position:relative;-webkit-transition:all 0.5s;transition:all 0.5s;}
.zz_swiper .swiper-slide .div_t:after{width:33px; height:1px; background-color:#a0a0a0; position:absolute; left:0px; bottom:0px; content:"";-webkit-transition:all 0.5s;transition:all 0.5s;}
.zz_swiper .swiper-slide .div_c{width:100%; height:76px; line-height:38px; margin:10px 0px 30px 0px; overflow:hidden;}
.zz_swiper .swiper-slide .div .a_img{width:100%; display:inline-block; overflow:hidden; position:relative;}
.zz_swiper .swiper-slide .div .a_img img{width:100%; float:left;}
.zz_swiper .swiper-slide .div .a_img:after{width:100%; height:100%; background:url(../images/tb_36.png) repeat; position:absolute; left:0px; top:0px; content:"";-webkit-transition:all 0.5s;transition:all 0.5s;filter:alpha(opacity=0);   -moz-opacity:0;   -khtml-opacity:0;   opacity:0;}

.zz_swiper .swiper-slide .div:hover .div_t{ color:#0030d4;}
.zz_swiper .swiper-slide .div:hover .div_t:after{ background-color:#0030d4;}
.zz_swiper .swiper-slide .div:hover .a_img:after{
filter:alpha(opacity=100);   -moz-opacity:1;   -khtml-opacity:1;   opacity:1;}


.zz_swiper.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:0px;}
.zz_pagination .swiper-pagination-bullet{width:12px; height:12px; background-color:transparent;opacity:1; border:1px solid #a5a5a5; position:relative;}
.zz_pagination .swiper-pagination-bullet-active{}
.zz_pagination .swiper-pagination-bullet-active:after{width:4px; height:4px; background-color:#a5a5a5; position:absolute; left:50%; top:50%;-moz-border-radius: 100%;      /* Gecko browsers */
-webkit-border-radius: 100%;   /* Webkit browsers */
border-radius:100%;            /* W3C syntax */ margin-left:-2px; margin-top:-2px; content:"";}

.n_box28_c .zz_next{width:55px; height:55px; background:url(../images/tb_38s.png) center center no-repeat; background-size:100%; right:-85px; top:auto; top:50%; margin-top:-27.5px; outline:0; -webkit-transition:all 0.5s;transition:all 0.5s;}
.n_box28_c .zz_next:hover{ background:url(../images/tb_38.png) center center no-repeat; background-size:100%;}
.n_box28_c .zz_prev{width:55px; height:55px; background:url(../images/tb_37s.png) center center no-repeat;background-size:100%;  left:-85px; top:auto; top:50%; margin-top:-27.5px; outline:0;-webkit-transition:all 0.5s;transition:all 0.5s;background-size:100%;}
.n_box28_c .zz_prev:hover{ background:url(../images/tb_37.png) center center no-repeat;background-size:100%;}

.n_box29{width:100%;}
.n_box29 li{width:100%; float:left; padding-bottom:40px;}
.n_box29 li .div{width:100%; color:#333333; font-size:16px; display:inline-block; overflow:hidden; cursor:pointer;}
.n_box29 li .div .a_img{width:49%; display:inline-block; overflow:hidden; float:left;}
.n_box29 li .div .a_img img{width:100%; float:left;}
.n_box29 li .div .a_img_r{width:51%; padding:100px 4.5% 20px 4.5%; float:right;}
.n_box29 li .div .a_img_r_t{width:100%; padding-bottom:20px; line-height:1.6; color:#000000; font-size:30px;}
.n_box29 li .div .a_img_r_c{width:100%; line-height:1.8;}
.n_box29 li:nth-child(2n) .div .a_img{ float:right;}
.n_box29 li:nth-child(2n) .div .a_img_r{ float:left;}
.n_box29_warp{width:100%; height:100%; background:url(../images/tb_40.png) repeat; position:fixed; left:0px; top:0px; opacity: 0; filter: alpha(opacity=0);
-webkit-transform: translateY(200px); -ms-transform: translateY(200px); -o-transform: translateY(200px); transform: translateY(200px); z-index:-1;}
.n_box29_warp.activetc{opacity: 1; filter: alpha(opacity=100);-webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);z-index:111111;}
.n_box29_warp_c{width:1200px; background-color:#fff; height:80%; position:fixed; left:50%; top:50%;-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index:1111111; padding:35px;}
.n_box29_warp_c_t{width:100%; text-align:right;}
.n_box29_warp_c_t .close_btn{width:25px; height:25px; cursor:pointer; display:inline-block;}
.n_box29_warp_c_t .close_btn img{ max-width:100%; float:left;}
.n_box29_warp_c_t1{width:100%; line-height:1.6; text-align:center; margin-bottom:40px; color:#000000; font-size:30px;}
.n_box29_warp_c_box{width:100%; padding:0px 10%; position:relative;}


.ss_swiper{width:100%; overflow:hidden;}
.ss_swiper .swiper-slide{width:100%;}
.ss_swiper .swiper-slide .div{width:100%; display:inline-block; overflow:hidden; color:#000000; font-size:24px;}
.ss_swiper .swiper-slide .div:hover{ color:#000000;}
.ss_swiper .swiper-slide .div .a_img{width:100%; text-align:center; display:flex; align-items:center;justify-content:center;}
.ss_swiper .swiper-slide .div .a_img img{ max-height:100%; max-width:100%;/*object-fit: cover;object-position: center;*/}
.ss_swiper .swiper-slide .div .a_text{width:100%; padding-top:30px; line-height:1.6; text-align:center;}

.ss_swiper.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:0px;}
.ss_pagination .swiper-pagination-bullet{width:12px; height:12px; background-color:transparent;opacity:1; border:1px solid #a5a5a5; position:relative;}
.ss_pagination .swiper-pagination-bullet-active{}
.ss_pagination .swiper-pagination-bullet-active:after{width:4px; height:4px; background-color:#a5a5a5; position:absolute; left:50%; top:50%;-moz-border-radius: 100%;      /* Gecko browsers */
-webkit-border-radius: 100%;   /* Webkit browsers */
border-radius:100%;            /* W3C syntax */ margin-left:-2px; margin-top:-2px; content:"";}

.n_box29_warp_c_box .ss_next{width:30px; height:70px; background:url(../images/tb_42s.png) center center no-repeat; background-size:100%; right:5%; top:auto; top:50%; margin-top:-69px; outline:0; -webkit-transition:all 0.5s;transition:all 0.5s;}
.n_box29_warp_c_box .ss_next:hover{ background:url(../images/tb_42.png) center center no-repeat; background-size:100%;}
.n_box29_warp_c_box .ss_prev{width:30px; height:70px; background:url(../images/tb_41s.png) center center no-repeat; background-size:100%;  left:5%; top:auto; top:50%; margin-top:-69px; outline:0;-webkit-transition:all 0.5s;transition:all 0.5s;background-size:100%;}
.n_box29_warp_c_box .ss_prev:hover{ background:url(../images/tb_41.png) center center no-repeat;background-size:100%;}

.n_box30{ padding:60px 0px 100px 0px;}
.n_box30_c{width:100%; padding:45px 5%; background-color:#fff;}
.n_box30_ul{width:100%;}
.n_box30_ul li{width:50%; padding:0px 2% 25px 0px; float:left;}
.n_box30_ul li .div{width:100%; display:inline-block; color:#333333; font-size:16px; position:relative;}
.n_box30_ul li .div:after{width:0px; height:2px; background-color:#0030d4; position:absolute; left:0px; bottom:0px; z-index:1; content:"";-webkit-transition:all 0.5s;transition:all 0.5s;}
.n_box30_ul li .div:hover{ color:#333;}
.n_box30_ul li .div:hover:after{width:100%;}
.n_box30_ul li .div .a_img{width:100%; display:inline-block; overflow:hidden;}
.n_box30_ul li .div .a_img img{width:100%; float:left;}
.n_box30_ul li .div .a_text{width:100%; padding:20px 20px 25px 20px;}
.n_box30_ul li .div .a_text_t{width:100%; height:60px; line-height:60px; display:inline-block; overflow:hidden; color:#333333; font-size:30px;}
.n_box30_ul li .div:hover .a_text_t{ color:#0030d4;}
.n_box30_ul li .div .a_text_c{width:100%; height:44px; line-height:22px; overflow:hidden;}

.n_box31{width:100%; position:absolute; left:0px; bottom:0px; z-index:1; background:url(../images/tb_43.png) repeat; overflow:hidden; color:#fff; font-size:14px;}
.n_box31 a,.n_box31 a:hover{ color:#fff; height:50px; line-height:50px;color:#fff; display:inline-block;}
.n_box31_t{ padding:65px 0px; color:#000000; font-size:30px; line-height:1.6; text-align:center;}
.n_box32{ padding:60px 0px;}
.n_box32_c{ padding:45px 0px 30px 0px;background-color:#fff;}
.n_box32_c_t{width:100%; padding:0px 3% 50px 3%; border-bottom:1px solid #f7f7f7; color:#333; font-size:14px; line-height:2; overflow:hidden;}
.n_box32_c_t img{ max-width:100%; height:auto !important;}
.n_box32_c_b{width:100%; padding:15px 3% 0px 3%;}
.n_box32_c_b a{ padding:10px 0px; line-height:1.4; color:#333333; font-size:16px; display:inline-block;}
.n_box32_c_b a:hover{ color:#0030d4;}

