@charset "utf-8";
/*css comment*/
*,*:before,*:after{
	margin:0;
	padding:0;
	outline:none;
	list-style:none;
	text-decoration:none;
	blr:expression(this.onFocus=this.blur());
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}  
@font-face{
	font-family:'DINCondensed-Bold';
	src:url('../fonts/DINCondensed-Bold.eot');
	src:url('../fonts/DINCondensed-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/DINCondensed-Bold.woff') format('woff'),
		url('../fonts/DINCondensed-Bold.ttf') format('truetype'),
		url('../fonts/DINCondensed-Bold.svg#DINCondensed-Bold') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face{
	font-family:'DINAlternate_Bold';
	src:url('../fonts/DINAlternate_Bold.eot');
	src:url('../fonts/DINAlternate_Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/DINAlternate_Bold.woff') format('woff'),
		url('../fonts/DINAlternate_Bold.ttf') format('truetype'),
		url('../fonts/DINAlternate_Bold.svg#DINAlternate_Bold') format('svg');
	font-weight:normal;
	font-style:normal;
} 
body,html{
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	background:#fff;
	font-family: Arial, Microsoft YaHei, "微软雅黑",'Microsoft Jhenghei', '微軟正黑體';
	 color: #333;
	font-size:14px;
	line-height: 1.72;
	-webkit-text-size-adjust:none;
	/*text-align: justify;*/
}
img{
	border:none;
	display:inline-block;
	max-width:100%;
	height:auto;
	-ms-interpolation-mode:bicubic;
	_width:auto;
}
button,input,textarea,select{
	border:none;
	background:none;
	font-size:14px;
	vertical-align:middle;
	color:#333; 
} 
a{text-decoration:none;blr:expression(this.onFocus=this.blur());outline:none;color:#333;}
a:hover,a:active,a:focus{text-decoration:none;}
em,i{font-style:normal;}
a:focus,input,select{outline:none;}
.clearfix{*zoom:1;}
.clearfix:after{content:"\200B";display:block;clear:both;height:0;}
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],button,select, textarea{ -webkit-appearance: none; font-family: Arial, Microsoft YaHei, "微软雅黑",'Microsoft Jhenghei', '微軟正黑體';}
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,button:hover{opacity:0.90;}
h1,h2,h3,h4,h5,h6{font-weight:normal; padding:0; margin:0; font-size:14px; line-height:1.20; }
p,ul,ol{margin:0;}
header,main,footer,section{display:block;}

/*browserupgrade*/
.browserupgrade{display:block;position:fixed;top:-60px;opacity:0;left:0;margin:0;width:100%;height:60px;font-size:15px;line-height:60px;z-index:5000;background-color:#000;color:#fff;text-align:center;}
.browserupgrade a{color:#eee;text-decoration:underline;font-size:18px;}
.browserupgrade a:hover{color:#eee}
.browserupgrade a.upgrade_close{display:block;position:absolute;top:0;right:0;z-index:10;width:60px;line-height:60px;text-align:center;color:#fff;font-size:40px;text-decoration:none;cursor:pointer;}
/*swiper*/
.swiper-button-next,
.swiper-button-prev{ transition:all 500ms ease;}
.swiper-button-next.swiper-button-disabled, 
.swiper-button-prev.swiper-button-disabled{ opacity: .60;}
.swiper-container{ height:100%;} 
/*swiper-pagination*/ 
.swiper-pagination{ position: inherit; position: initial; margin-top: 10px; width:100%;}
.swiper-pagination-bullet{ background: #cdcdcc;}
.swiper-pagination-bullet-active{ background: #1b59a1;} 
/*transition*/
a,*:before,*:after,input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],sup, .browserupgrade,
.bgImg, .menu_phone i{
	transition:all 500ms ease; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease;
}  

/*===================common========================*/ 
/*bgImg*/
.bgImg{ display:block; overflow: hidden; width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover; position: relative;}
.bgImg img{display:none;} 
/*img_box*/
.img_box{display:block; position:relative; overflow:hidden; height:0; padding-top:100%;}
.img_box img{display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:auto;height:auto; max-width:100%; max-height: 100%;} 
/*tit*/
.tit{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height: 1.20; } 
/*des*/
.des{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-line-break:auto;-webkit-box-orient:vertical; text-align: justify; -webkit-line-clamp:2; line-height: 24px; max-height: 48px;}
/*typo*/
.typo .blink {
  display: inline-block;
}  
.typo:hover .blink{
  -webkit-animation-name: textLink;
  animation-name: textLink;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-timing-function: cubic-bezier(.785,.135,.15,.86);
  animation-timing-function: cubic-bezier(.785,.135,.15,.86);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.typo:hover .blink:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.typo:hover .blink:nth-of-type(2) {
  -webkit-animation-delay: 30ms;
  animation-delay: 30ms;
}
.typo:hover .blink:nth-of-type(3) {
  -webkit-animation-delay: 60ms;
  animation-delay: 60ms;
}
.typo:hover .blink:nth-of-type(4) {
  -webkit-animation-delay: 90ms;
  animation-delay: 90ms;
}
.typo:hover .blink:nth-of-type(5) {
  -webkit-animation-delay: .12s;
  animation-delay: .12s;
}
.typo:hover .blink:nth-of-type(6) {
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}
.typo:hover .blink:nth-of-type(7) {
  -webkit-animation-delay: .18s;
  animation-delay: .18s;
}
.typo:hover .blink:nth-of-type(8) {
  -webkit-animation-delay: .21s;
  animation-delay: .21s;
}
.typo:hover .blink:nth-of-type(9) {
  -webkit-animation-delay: .24s;
  animation-delay: .24s;
}
.typo:hover .blink:nth-of-type(10) {
  -webkit-animation-delay: .27s;
  animation-delay: .27s;
}
.typo:hover .blink:nth-of-type(11) {
  -webkit-animation-delay: .30s;
  animation-delay: .30s;
}
.typo:hover .blink:nth-of-type(12) {
  -webkit-animation-delay: .33s;
  animation-delay: .33s;
}
.typo:hover .blink:nth-of-type(13) {
  -webkit-animation-delay: .36s;
  animation-delay: .36s;
}
.typo:hover .blink:nth-of-type(14) {
  -webkit-animation-delay: .39s;
  animation-delay: .39s;
}
.typo:hover .blink:nth-of-type(15) {
  -webkit-animation-delay: .42s;
  animation-delay: .42s;
}
.typo:hover .blink:nth-of-type(16) {
  -webkit-animation-delay: .45s;
  animation-delay: .45s;
}
.typo:hover .blink:nth-of-type(17) {
  -webkit-animation-delay: .48s;
  animation-delay: .48s;
}
.typo:hover .blink:nth-of-type(18) {
  -webkit-animation-delay: .51s;
  animation-delay: .51s;
}
.typo:hover .blink:nth-of-type(19) {
  -webkit-animation-delay: .54s;
  animation-delay: .54s;
}
.typo:hover .blink:nth-of-type(20) {
  -webkit-animation-delay: .57s;
  animation-delay: .57s;
}
@-webkit-keyframes textLink {
  0% {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  }
  49.9% {
  opacity: 0;
  -webkit-transform: translateX(5px) scale(.5);
  transform: translateX(5px) scale(.5);
  }
  50% {
  opacity: 0;
  -webkit-transform: translateX(-5px) scale(1.5);
  transform: translateX(-5px) scale(1.5);
  }
  100% {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  }
}
@keyframes textLink {
  0% {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  }
  49.9% {
  opacity: 0;
  -webkit-transform: translateX(5px) scale(.5);
  transform: translateX(5px) scale(.5);
  }
  50% {
  opacity: 0;
  -webkit-transform: translateX(-5px) scale(1.5);
  transform: translateX(-5px) scale(1.5);
  }
  100% {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  }
}

/*title_effect*/ 
.title_effect .letter {
	display: inline-block;
	-webkit-transform: rotateX(-60deg) skewX(6deg);
	transform: rotateX(-60deg) skewX(6deg);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	opacity: 0
} 
.my_textLink2{
	-webkit-animation-name: textLink2;
	  animation-name: textLink2;
	  -webkit-animation-duration: .3s;
	  animation-duration: .3s;
	  -webkit-animation-timing-function: cubic-bezier(.785,.135,.15,.86);
	  animation-timing-function: cubic-bezier(.785,.135,.15,.86);
	  -webkit-animation-fill-mode: both;
	  animation-fill-mode: both;
} 
@-webkit-keyframes textLink2 {
  to{
	 -webkit-transform: none;
	transform: none;
	transition: opacity .4s linear, -webkit-transform .3s linear;
	transition: opacity .4s linear, transform .3s linear;
	transition: opacity .4s linear, transform .3s linear, -webkit-transform .3s linear;
	opacity: 1
  }
}
@keyframes textLink2 {
  to{
	 -webkit-transform: none;
	transform: none;
	transition: opacity .4s linear, -webkit-transform .3s linear;
	transition: opacity .4s linear, transform .3s linear;
	transition: opacity .4s linear, transform .3s linear, -webkit-transform .3s linear;
	opacity: 1
  }
} 

/*===================header========================*/
.inner{ width: 100%; max-width: 1230px; padding: 0 15px; margin: 0 auto;}
.max_w1400{ max-width: 1430px;}  
header{position:fixed; left:0; top:0; z-index:1004; width:100%; padding: 0 3.125%; background: #fff; box-shadow:0 0 10px 0 rgba(0,0,0, .10); height: 100px; line-height: 100px; }    
.logo{ position: absolute; top:0; left:3.125%; }
.logo a{ display:block; position: relative; padding: 31px 0;}
.logo a img{ display:block; height: 38px; width: auto;}  
/*nav_list*/ 
.nav_box{ padding: 0 40px 0 180px; }
.nav_list{ margin: 0 auto; padding: 0 15px; width:83%; max-width: 990px; }
.nav_list li.n_li0{ float:left; text-align: center; position: relative; width:14.285%;} 
.nav_list li.n_li0 a.n_a0{ display: block; }
.nav_list li.n_li0 a.n_a0 span{ display:inline-block; position: relative; } 
.nav_list li.n_li0:hover a.n_a0, 
.nav_list li.n_li0.current a.n_a0{ background: #00417e; color: #fff; }
.nav_list li.n_li0:hover a.n_a0 span:before, 
.nav_list li.n_li0.current a.n_a0 span:before{ left:0; width:100%; }
/*n_subclass*/
.n_subclass{ position: absolute; top:110%; left:0; z-index: 1; width:100%; line-height: 1.72; background: #fff; }
.n_subclass a{ display:block; padding: 15px 0; border-bottom: 1px solid rgba(0,0,0, .05);}
.n_subclass a:hover{ color: #00417e;}
@media(min-width: 992px){ 
	.n_subclass{ transition:all 500ms ease; opacity: 0; visibility: hidden; pointer-events: none;}
	.nav_list li.n_li0:hover .n_subclass{ top:100%; opacity: 1; visibility: visible; pointer-events: all;}
}
/*menu_phone*/  
.menu_phone{ cursor:pointer; border-radius: 50%; width: 60px; height: 60px; display:none; position: absolute; top:0; right:0; background: #fff;}
.menu_phone span{ display:block; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); width: 24px; height:18px; }
.menu_phone i{display:block;width:100%; height:2px; background:#1b59a1; position:absolute;top:0;}
.menu_phone i:nth-of-type(2){top: 7px;}
.menu_phone i:nth-of-type(3){top: 14px;} 
.menu_phone.active i:nth-of-type(2){width:0;opacity:0;filter:alpha(opacity=0);}
.menu_phone.active i:nth-of-type(1),.menu_phone.active i:nth-of-type(3){ top: 7px;}
.menu_phone.active i:nth-of-type(1){transform:rotate(45deg);}
.menu_phone.active i:nth-of-type(3){transform:rotate(-45deg);}
/*menu_search*/ 
.menu_search{ cursor: pointer; display:block; border-radius:50%; background: #dcdcdc; color: #fff; text-align: center; line-height: 40px; width:40px; height: 40px; position: absolute; top:50%; right:3.125%; transform: translateY(-50%);}
.menu_search .iconfont{ font-size: 22px;}
.menu_search:hover{ background: #00417e; color: #fff;}
/*header_search*/ 
.header_search{ position: absolute; top:0; left:0; z-index:2; background: #fff; height:100%; width:100%; padding:0 3.125%; display: none;} 
.header_search_con{ margin: 0 auto; position: relative; max-width: 1000px;}
.search_txt{ width: 100%; height: 50px; color: #333; border-bottom: 2px solid rgba(0,0,0, .10);}
.search_btn{ right: 45px!important; } 
.search_closed{ display:block; position: absolute; top:0; right:0; text-align: center; width: 40px; height: 100%; } 
.search_closed .iconfont{ font-size:20px;}
.search_closed:hover{ color: #00417e;}
/*header_bg*/
.header_bg{ position: fixed; top:100px; left:0; width:100%; height: 100%; background: rgba(0,0,0, .30); display: none;}

/*============================ footer ============================*/
footer{ background: #333333; color: #fff;}
footer a{ color: #fff;}
.footer_top{ position: relative; padding: 4% 0 2.40%;}
.footer_logo{ float:left; width:20%;}
.footer_logo img{ display:block; height: 38px; width:auto;}
.footer_info{ float:left; width: 69%;}
.footer_info li{ float:left; width:33%; line-height: 24px;}
.footer_info li:last-child{ width:34%;}
.footer_tit{ margin-bottom: 15px; font-weight: bold;}
.tel_des{ font-family:"Arial black";}
.email_des{ /*text-transform: uppercase;*/}
.address_des{ max-width: 260px;} 
.footer_notice{ text-align: center; max-width: 104px; float:right; margin-top: -20px;}
.footer_notice img{ display:block; margin: 0 auto 10px;}
.footer_bot{ padding:2% 0 5.50%; border-top:1px solid rgba(255,255,255, .10); text-align: center;}
.footer_copyright{/* float:left;*/ font-size: 12px; }
.footer_float{ position:fixed; bottom: 10%; right:0; z-index: 1004; width: 60px;}
.footer_float li{ margin-top:2px;}
.footer_float li a.f_a0{ display:block; text-align: center; line-height: 60px; border-radius: 3px; background: #498dc5; color: #fff;}
.footer_float li a.f_a0 .iconfont{ font-size: 24px;}
.footer_float li:hover a.f_a0{ opacity: .80;}
.footer_float li.back_top{ display: none;}

/*============================ 01 ============================*/ 
main{ padding-top: 100px;}
main.main_bgdif{ background: #f3f3f4;}
/*============focus===========*/
.focus{ width: 100%; height: -webkit-calc(100vh - 100px); height: calc(100vh - 100px); overflow: hidden; position: relative;} 
.focus_swiper, .focus_swiper .swiper-container, .focus_swiper .swiper-wrapper, .focus_swiper .swiper-slide{ height: 100%; }
.focus_swiper .swiper-slide{ background:center center no-repeat; background-size:cover; /*background-attachment: fixed;*/} 
.focus_swiper .swiper-slide:before{ content:""; position: absolute; top:0; left:0; z-index: 1; width:100%; height:100%; background: rgba(0,0,0, .20);}
.focus_swiper .bgImg{ transition:1s linear 1s;	transform:scale(1.1,1.1);}
.focus_swiper .swiper-slide-active .bgImg,
.focus_swiper .swiper-slide-duplicate-active .bgImg{ transition:5s linear; transform:scale(1,1);} 
.focus_swiper .swiper-pagination{ position: absolute; bottom: auto; top:50%; left:3.125%; transform: translate(0, -50%); width: auto;}
.focus_swiper .swiper-pagination-bullet{ display:block; position: relative; margin:0!important; border-radius:0; background: none; opacity: 1; width: 50px; height: 50px;}
.focus_swiper .swiper-pagination-bullet:before, 
.focus_swiper .swiper-pagination-bullet:after{ content:""; position: absolute; top:0; left:0; width:2px; height: 100%; background: rgba(255,255,255, .30);}
.focus_swiper .swiper-pagination-bullet:after{ width:3px; height: 0; background: rgba(255,255,255, 1);}
.focus_swiper .swiper-pagination-bullet-active:after{ height:100%;}
.focus_txt{ display:block; position:absolute; top:50%; left:0; width: 100%; z-index: 1; transform: translate(0, -50%); color: #fff; text-align: center;}   
.f_t_p01{ line-height: 1;} 
.focus_swiper .swiper-slide-active .f_t_p01{ -webkit-animation: 1s .2s fadeInUp both; animation: 1s .2s fadeInUp both;}   

/*vidbacking*/
.vidbacking-active-body-back{ position: fixed; z-index: -100; min-width: 100%; min-height: 100%; top: 50%; left: 50%; background-size: cover; overflow: hidden; opacity: 1; transition: 2s opacity; transform: translateX(-50%) translateY(-50%);}
.vidbacking-active-block-back{ position: absolute; min-width: 100%; min-height: 100%; height: auto; width: auto; z-index: -100; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.vidbacking{ display: none;}
.vidmask-body-back{ background: url(../images/videooverlay1.png) repeat; opacity: 0.2; min-height: 100%; min-width: 100%; position: fixed; top: 0; left: 0; z-index: -50; display: block; }
.vidmask-block-back{ background: url(../images/videooverlay1.png) repeat; opacity: 0.5; min-height: 100%; min-width: 100%; position: absolute; top: 0; left: 0; height: auto; width: auto; z-index: -50; display: block;}
/*focus_video*/
.focus_video{ width:100%; height: 100%; position: absolute; top:0; left:0;} 
.focus_phone{ width:100%; height: 100%; position: absolute; top:0; left:0; display:none;}

/*============common===========*/
.sec_box{ background: #fff center top no-repeat; background-size: cover;}
/*==============tan_warp*/ 
.tan_warp{ position: fixed; top:0; left:0; width: 100%; height: 100%; z-index: 4000; display:none;} 
.tan_bg{ position:fixed; top:0; left:0; width:100%; height: 100%; background: rgba(0,0,0,.70);} 
.tan_flex{ width:100%; height: 100%; display:flex; align-items: center; overflow-y:auto;}
a.tan_closed{ display: block; position:absolute; top:0; right:15px; z-index: 10; width:50px; height: 50px; font-weight: bold; text-align: center; line-height: 50px; }  
a.tan_closed:hover{ }
.tan_box{ position: relative; z-index: 2; width:100%; padding: 0 15px; max-width:1030px; margin: 0 auto;} 
.tan_tit{ font-size: 16px; padding: 0 24px; line-height: 50px; background: #fff; border-bottom:1px solid #eeeeee;}  
/*sec_top*/
.sec_top{ margin-bottom: 40px;}
.sec_tit{float:left;}
.sec_tit em{ display:block; line-height: 1; text-transform:uppercase; font-family:Impact; color: #d1d1d1;}
.sec_tit em i{ color: #498dc5;}
.sec_tit span, .sec_tab{ display:block; line-height: 1; font-weight: bold; margin-top: 14px;}
.sec_forewords{ margin-top: 14px;}
/*sec_tab*/
.sec_tab{ font-weight: normal; margin-top: 8.50%;}
.sec_tab li{ display:inline-block; vertical-align: middle;}
.sec_tab li a{ display:block; position: relative; padding: 0 20px; color: #888;}
.sec_tab li a:before{ content:""; position: absolute; top:50%; left: 0; width:7px; height: 7px; border-radius: 50%; background: #dcdcdc;}
.sec_tab li:first-child a{ padding-left:0;}
.sec_tab li:first-child a:before{ display:none;}
.sec_tab li.current a{ font-weight:bold; color: #333;}
.sec_more{ float:right; }
.sec_more:hover{ color: #498dc5;}
/*more01*/
.more01{ display:block; margin-top: 5.50%; color: #666;}
.more01 .iconfont{ margin-left: 10px; vertical-align:bottom; font-size: 30px;}
.more01:hover{ color: #498dc5;}

/*============index_about===========*/
.index_about{ padding-top: 70px; padding-bottom: 0!important; background-position: center bottom; background-size: contain;} 
.about_left{ float:left; width: 60%;} 
.about_video{ display:block; position: relative; padding-bottom: 9.50%;}
.video_img{ overflow: hidden; position: relative; width:91%; padding-top: 57.15%; max-height: 480px; max-width: 760px; box-shadow: -12px 32px 62px 0 rgba(0,0,0, .33);}
.video_img .bgImg{ position:absolute; top:0; left:0;}
.video_icon{ transition:all 500ms ease; position: absolute; bottom: 20px; right: 20px; width:20%; padding-top: 20%; max-width: 160px; max-height: 160px; text-align: center; background: rgba(6,67,125, .90); color: #fff;}
.video_icon .iconfont{ font-size:65px; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.video_icon:hover{ background: rgba(6,67,125, .70); }
.my_move01{ 
	-webkit-animation: 1s 0.2s move01 both; 
	animation: 1s 0.2s move01 both;
} 
@keyframes move01{
    0% { 
		  bottom: 20px; right: 20px;
    } 
	100% { 
		  bottom: 0; right:0;
    } 
}
@-webkit-keyframes move01 {/*针对webkit内核*/
    0% { 
		  bottom: 20px; right: 20px;
    } 
	100% { 
		  bottom: 0; right:0;
    }
} 
.about_right{ float:right; width:40%; padding: 20px 0 0 3.4%;}
.about_item{ font-weight: bold;}
.about_des{ -webkit-line-clamp: 5; line-height: 30px; max-height: 150px; max-width: 465px; margin-top: 8%;}
/*warp_video*/
#warp_video{}
.video_box{ width: 100%; height: 100%; position: relative; top:0;}
.video_box video{ display:block; width: 100%; height: 100%; object-fit: fill;/*这里是关键*/  background: url(../images/about_01.jpg) no-repeat; background-size: cover; } 
/*============index_news===========*/
.index_news{ padding: 40px 0;}
.news_wrap{ overflow:hidden;}
.news_box{ margin-top: -10px; padding-top: 40px; border-top:1px solid #dcdcdc;}
.news_block{height: 0; opacity: 0; visibility: hidden; pointer-events: none;}
.news_block.active{height: auto; opacity: 1; visibility: visible; pointer-events: all;} 
.news_block.active .news_swiper{ -webkit-animation: 1s .2s fadeIn both; animation: 1s .2s fadeIn both;}
.news_swiper{ position: relative;}
.news_swiper .swiper-container{ overflow: visible;}
.news_swiper .swiper-slide{ margin-bottom: 2%;}
.news_swiper .swiper-slide a{ display:block; width:90%; max-width: 360px;}
.news_swiper .swiper-slide a .tit{ font-weight:bold; position: relative; padding-right: 14px;} 
.news_swiper .swiper-slide a .tit:before{ font-size: 14px; font-weight: normal; font-family: "iconfont" !important; content: "\e644"; position: absolute; top:0; right:10px; opacity: 0; color: #498dc5;}
.news_swiper .swiper-slide a .des{ color: #666; line-height:18px; max-height: 36px; margin-top: 15px;}
.news_time{ color: #999; margin-top: 20px;}
.news_swiper .swiper-slide a:hover{ color: #498dc5;} 
.news_swiper .swiper-slide a:hover .tit:before{ right:0; opacity: 1;}
.news_arrow{ position: absolute; bottom: 100%; margin-bottom: 70px; right:0;}
.news_arrow div{ position: inherit; position: initial; display: inline-block; vertical-align: middle; margin: 0; width: 42px; height: 42px; text-align: center; line-height: 40px; border-radius:50%; border:1px solid #dcdcdc; color: #333; background: #fff; }
.news_arrow div .iconfont{ font-size:14px; font-weight: bold;}
.news_arrow div.swiper-button-next{ margin-left:10px;}
.news_arrow div:hover{ border-color:#498dc5; background-color: #498dc5; color: #fff;}
/*============index_application===========*/
.index_application{ padding: 80px 0;}
.application_signal{ }
.signal_box{ max-width: 1124px; margin: 0 auto; position: relative;}
.signal_box img{ display:block;}
.signal_pc{}
.signal_txt{ overflow: hidden; position:absolute; top: 26%; left: 4.70%; width: 100%; height: 46%; z-index: 1; color: #fff; font-weight: bold; display:flex; flex-wrap: wrap; align-items: center; padding: 2.80%;}
.signal_tit{ line-height: 1.65; letter-spacing: 0.11em;}
.signal_des{ line-height: 1.67; letter-spacing: 0.06em; width:67%;}
.signal_phone{ display: none;}

/*============index_product===========*/
.index_product{ padding: 100px 0 80px; color: #fff;}
.sec_top_white .sec_tit a, .sec_top_white .sec_tit em{ color: #fff;}
.sec_top_white .sec_more{ color:#fff;}
.sec_top_white .sec_more:hover{ opacity: .80;}
.product_list{ margin: -0.90%;}
.product_list li{ float:left; width:25%; padding: 0.90%;}
.product_list li a{ display:block; color: #fff; transform: rotateY(30deg);}
.product_list li a .img_box img{ transition:all 500ms ease;}
.product_list li a .img_box{ background: url(../imgs/product_02.jpg) center center no-repeat; background-size: cover; padding-top: 90%;} 
.product_tit{ position: relative; background: #498dc5; line-height: 4.45; padding-left: 15.5%;}
.product_tit:before{ content:""; position: absolute; top:50%; left: 9.50%; transform: translateY(-50%); width:3px; height: 22px; background: #fff;}
.product_item{ text-align: center; font-weight: bold; letter-spacing: 0.1em; margin-top: 6%;}
.product_list li a:hover{ box-shadow: 0 26px 65px 0 rgba(0,0,0, .45);}
.product_list li a:hover .img_box img{ margin-top: 10px;} 
.my_move02{ 
	-webkit-animation: 1s 0.2s move02 both; 
	animation: 1s 0.2s move02 both;
} 
@keyframes move02{
    0% { 
		  transform: rotateY(30deg);
    } 
	100% { 
		  transform: rotateY(0deg);
    } 
}
@-webkit-keyframes move02 {/*针对webkit内核*/
    0% { 
		  transform: rotateY(30deg);
    } 
	100% { 
		  transform: rotateY(0deg);
    } 
} 
/*============index_localization===========*/
.index_localization{ padding: 75px 0 30px; }
.localization_survey{ text-align: center; position: relative; background: #000; color: #fff;}
.localization_survey .sec_top_white .sec_tit{ float:none;}
.localization_img{ position: absolute; top:0; left:0; width:100%; height: 100%; opacity: .50;}
.localization_info{ min-height: 520px; display: flex; align-items: center; position: relative; z-index: 1; padding:5%;}
.localization_flex{ width: 100%;}
.localization_des{ line-height:1.875; max-width: 650px; margin: 0 auto;}
.localization_swiper .swiper-wrapper{ margin: 2% 0 1.50%;}
.localization_swiper .swiper-slide .img_box{ padding-top: 40%;} 
.localization_swiper .swiper-slide .img_box img{ transition:all 500ms ease;}
.localization_swiper .swiper-slide .img_box img:nth-child(1){ opacity: .20;}
.localization_swiper .swiper-slide .img_box img:nth-child(2){ opacity: 0; }
.localization_swiper .swiper-slide:hover .img_box img:nth-child(1){ opacity: 0;}
.localization_swiper .swiper-slide:hover .img_box img:nth-child(2){ opacity: 1;}
.localization_arrow{ text-align: center; } 
.localization_arrow div{ position: inherit; position: initial; display: inline-block; vertical-align: middle; width:auto; height: auto; margin: 0; background: none; color: #3c64ba;}
.localization_arrow div .iconfont{ font-size: 18px;}
.localization_arrow .iconfont{ font-size: 30px; margin-left: 6px; color: #3c64ba;}

/*============================ 02 ============================*/ 
/*============banner===========*/
.banner{ position: relative; /*height:600px;*/ background: #000; color: #fff;}
.banner_img img{ display:block;}
.banner_txt{ position:absolute; top:50%; left:0; z-index: 1; transform: translateY(-50%); width:100%; text-align: center;}
.common_tit{ text-align:center;}
.common_tit em{ display:block; line-height: 1; text-transform:uppercase; font-family:Impact;}
.common_tit i{ display:block; line-height: 1; margin-top: 2%; }
.banner_tit{} 
/*============sub_top===========*/
.sub_top{ padding-top: 60px;}
.sub_top_info{ padding-bottom: 3%; border-bottom: 1px solid #e5e5e5;}
.sub_tit{ float:left;}
.location{ float:right; color: #999999; margin: 0 -10px;}
.location a{ color: #999999; padding: 0 10px;}
.location a:hover, .location a.current{ color: #06457d;}
/*============about_overview===========*/
.about_overview{ padding-top: 70px; padding-bottom: 0!important;}
.overview_info{ text-align: center;}
.about_tit{}
.about_tit em{ color: #06457d;} 
.overview_con{ margin-top: 3.50%;}
.about_item02{ font-weight:bold;}
.about_des02{ line-height: 1.67; margin-top: 3%;}
/*overview_coverage*/
.overview_coverage{ margin-top:4%; display: flex; flex-wrap:wrap; align-items: stretch;}
.coverage_left{ 
	float:left; 
	width:35%;
	padding-top: 70px;
    padding-bottom: 70px;
	position: relative;
}
.coverage_left .row_bg { 
    background: url(../imgs/ejbg4.jpg) no-repeat center right;
	background-size: cover;
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1000px;
	height: 100%;
}
.coverage_tit_cn {
	position: relative;
	z-index: 1;
    color: #fff; 
    font-weight: 700;
    line-height: 1;
    margin-bottom: 15px;
}
.coverage_tit_en {
	position: relative;
	z-index: 1; 
    color: #fff; 
    font-weight: 700;
    background: url(../imgs/hengxian1.jpg) repeat-x center;
    text-transform: uppercase; 
	line-height: 1;
}
.coverage_tit_en span { 
    padding-right: 20px;
    background: #033156;
}
.coverage_city {
	position: relative;
	z-index: 1;
    padding-top: 50px;
	padding-right: 15px;
	margin-bottom: -20px;
}
.coverage_city div.fl {
	float:left;
    width: 33.33%;
    padding-right: 15px;
    margin-bottom: 20px;
}
.coverage_city div.fl a {
    width: 100%; 
    border: solid 1px #fff;
    border-radius: 5px;
    line-height: 2.80;
    text-align: center;
    color: #fff; 
    display: block;
}
.coverage_city div.fl a:hover {
    background: #fff;
    color: #033156;
    border-color: #033156;
}
.coverage_right{
	width:65%; float:right;
	padding-bottom: 4%;
}
.coverage_right .ditu{
	max-width: 663px;
    margin-left: auto;
    margin-right: auto;
	position: relative;
}
.coverage_right .ditu img.ditu_img {
    width: 100%; 
	display:block;
    margin-left: auto;
    margin-right: auto;
}
.coverage_right .ditu .map1_dw {
	position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    z-index: 3;
    background: #0085d0
}

.coverage_right .ditu .map1_dw.map1_dw1 {
    top: 14%!important;
    left: 87%!important
}

.coverage_right .ditu .map1_dw.map1_dw2 {
    left: 23%!important;
    top: 30%!important
}

.coverage_right .ditu .map1_dw.map1_dw3 {
    left: 55%!important;
    top: 33%!important
}

.coverage_right .ditu .map1_dw.map1_dw4 {
    left: 70.5%!important;
    top: 37.5%!important;
}

.coverage_right .ditu .map1_dw.map1_dw5 {
    left: 66%!important;
    top: 41%!important
}

.coverage_right .ditu .map1_dw.map1_dw6 {
    left: 60.5%!important;
    top: 50%!important
}

.coverage_right .ditu .map1_dw.map1_dw7 {
    left: 68.5%!important;
    top: 50%!important;
}

.coverage_right .ditu .map1_dw.map1_dw8 {
    left: 76.2%!important;
    top: 55.2%!important;
}

.coverage_right .ditu .map1_dw.map1_dw9 {
    left: 56.5%!important;
    top: 43.2%!important;
}

.coverage_right .ditu .map1_dw .yuan {
	position: absolute;
    width: 130px;
    height: 130px;
    border-radius: 100%;
    position: absolute;
    border: solid 2px #0085d0;
    top: 50%;
    left: 50%;
    margin-top: -65px;
    margin-left: -65px;
    -webkit-animation: ripple 4.5s ease-out 450ms infinite;
    -moz-animation: ripple 4.5s ease-out 450ms infinite;
    -o-animation: ripple 4.5s ease-out 450ms infinite;
    animation: ripple 4.5s ease-out 450ms infinite;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.coverage_right .ditu .map1_dw .yuan.yuan_10 {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.coverage_right .ditu .map1_dw .yuan.yuan_20 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.coverage_right .ditu .map1_dw .yuan.yuan_30 {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.coverage_right .ditu .map1_dw .yuan.yuan_40 {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.coverage_right .ditu .map1_dw .yuan.yuan_50 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.coverage_right .ditu .map1_dw .yuan.yuan_60 {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.coverage_right .ditu .map1_dw .yuan.yuan_70 {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s
}

.coverage_right .ditu .map1_dw .yuan.yuan_80 {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s
}

.coverage_right .ditu .map1_dw .yuan.yuan_90 {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s
}

.coverage_right .ditu .map1_dw .map1_name {
	position: absolute;
    color: #0085d0;
    width: 100px;
    left: 20px;
    top: 50%;
    margin-top: -10px;
    line-height: 20px
} 
@-webkit-keyframes ripple {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1, .1)
    }

    5% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes ripple {
    0% {
        opacity: 0;
        -moz-transform: scale(.1, .1)
    }

    5% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -moz-transform: scale(1)
    }
}

@-o-keyframes ripple {
    0% {
        opacity: 0;
        -o-transform: scale(.1, .1)
    }

    5% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -o-transform: scale(1)
    }
}

@keyframes ripple {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1, .1);
        -moz-transform: scale(.1, .1);
        -ms-transform: scale(.1, .1);
        transform: scale(.1, .1)
    }

    5% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

/*============about_characteristic===========*/
.about_characteristic{ position: relative; overflow: hidden; padding: 0!important; }
.characteristic_img{width:100%; height: 100%;}
.characteristic_img .bgImg{ padding-top: 35.42%; max-height: 680px; min-height: 280px;}
.characteristic_list{ position: absolute; top:0; left:0;  z-index: 1; width:100%; height: 100%;}
.characteristic_list li{ float:left; width:25%; height: 100%; text-align: center; color: #fff;}
.characteristic_list li a{ height: 100%; display:flex; align-items: center; align-content:center; color: #fff; background: rgba(67,67,67, .30);}
.characteristic_list li:nth-of-type(even) a{ background: rgba(125,125,125, .30);}
.characteristic_tit{ width:100%;}
.characteristic_tit em{ margin-top: 6%;}
.characteristic_tit i{ margin-top: 0;}
.characteristic_list li a:hover{ background: rgba(67,67,67, .40);}
.characteristic_list li:nth-of-type(even) a:hover{ background: rgba(125,125,125, .40);}
/*============about_contact===========*/
.about_contact{ padding: 70px 0; text-align: center;}
.contact_con{ margin-top: 3.50%;}
.contact_des{ line-height: 1.50;}
.contact_tel{ cursor: default; display: inline-block; padding: 0 35px; border-radius:35px; background: #00427f; color: #fff; font-family: "DINCondensed-Bold"; line-height: 1.83; margin-top: 3%;}
.contact_tel .iconfont{ font-size:30px; margin-right: 10px; margin-top: -2px;}
/*============================ 03 ============================*/ 
/*============application_list===========*/
.sub_con{ position: relative; overflow: hidden; padding: 60px 0 80px;}
.application_forewords{ line-height:1.67; margin-bottom: 4.50%;}
.application_list{ margin:-2% -1.25%;}
.application_list li{ float:left; width:33.33%; padding: 2% 1.25%;}
.application_list li a{ display:block; width:100%; background: #fff; position: relative; padding:50px; height: 380px;}
.application_item{ transition:all 500ms ease; font-weight: bold; color: #00417e; border-bottom: 1px solid #e5e5e5; padding-bottom: 20px; margin-bottom: 25px;}
.application_item span{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.application_list li a .des{ -webkit-line-clamp:3; max-height: 72px;}
.more02{ transition:all 500ms ease; display: inline-block; background: #458cc7; border:1px solid #458cc7; color: #fff; padding: 0 23px; border-radius: 22px; line-height:40px; }
.more02 .iconfont{ margin-right: 6px;}
.application_list li a .more02{ position:absolute; bottom: 50px; left: 50px;}
.application_list li a:hover{ background-color: #00417e; color: #fff; box-shadow: 20px 20px 27px 0 rgba(0,0,0, .15);}
.application_list li a:hover .application_item{ color: #fff;}
.application_list li a:hover .more02{ border-color:#fff; background-color: #fff; color: #00417e;} 
.application_list li.application_more a{ color: #d0d0d0; display:flex; align-items: center;}
.application_more_txt{ width:100%; text-align:center;}
.application_more_txt .iconfont{ font-size:80px; display:block; margin-bottom: 10px; color: #eee;}
/*============application_introduction===========*/
.sub_top_bor .sub_top_info{ border:none;}
.application_name{ padding-bottom: 8%; border-bottom: 5px solid #488eca;}
.application_introduction{ padding: 95px 0;}
.application_tit{ color:#01407e;}
.application_tit em{ opacity: .20;}
.application_tit i{ display:inline-block; margin-top: 1.40%; position: relative; padding: 0 70px; font-weight: bold;}
.application_tit i:before, .application_tit i:after{ content:""; position: absolute; top:50%; left:0; width: 50px; height:1px; background: #809fbe;} 
.application_tit i:after{ left:auto; right:0;}
.application_des{ max-width: 900px; margin: 4% auto 0; text-align: center;}
/*============application_demand===========*/
.application_demand{ min-height: 696px; color: #fff; padding: 100px 0 230px; margin-bottom: -230px; }
.application_demand .application_tit{ color:#fff;}
.demand_des{ margin-bottom: 100px;}
/*============application_solution===========*/
.application_solution{ position: relative; padding-bottom: 80px; background-color: transparent;}
.application_solution:before{ content:""; position: absolute; top:230px; left:0; width: 100%; height: -webkit-calc(100% - 230px); height: calc(100% - 230px); background-color: #f4f4f4;}
.solution_block{ background:#fff; box-shadow:0 10px 40px 0 rgba(0,0,0, .04); padding: 80px 8%; position: relative; z-index: 2; margin-bottom: 50px;}
.solution_block:last-child{ margin-bottom:0;}
.solution_list{ margin-top: 6%;}
.solution_list li{ padding: 4.50% 0; border-top: 1px solid #e5e5e5;}
.solution_item{ font-weight: bold;}
.solution_des{ color:#666; margin-top: 1.60%;}
.solution_more{ display:block; text-align: center; line-height: 52px; background: #99b3cb; color: #fff;}
.solution_more:hover{ background: #458cc7;}
table.solution_inventory{ text-align:center; margin-top: 6%; margin-bottom: 4%;}
table.solution_inventory thead tr th,
table.solution_inventory tbody tr td{ height:70px; padding:0 10px; border-left: 1px solid #e5e5e5;}
table.solution_inventory thead tr th:first-child,
table.solution_inventory tbody tr td:first-child{ border-left:none;}
table.solution_inventory thead tr th{ background: #01407e; color: #fff; border-left: 1px solid rgba(255,255,255, .40); }
table.solution_inventory tbody tr:nth-child(even) td{ background: #f5f5f5;}
table.solution_inventory tbody tr:hover td{ color: #01407e;}
#solution_more02{ margin-top: 4%;}

/*============================ 04 ============================*/
/*============guide===========*/
.guide{position: relative; z-index: 1; top:0; left:0; width:100%; background: #458cc7; text-align: center; height: 80px; line-height: 80px; }
.guide.fixed{ position:fixed; z-index: 1000; top:100px; transition:all 500ms ease;  }
.guide_nav{ display:inline-block;}
.guide_nav a{ display:block; float:left; width:192px; border-right:1px solid rgba(255,255,255, .30); color: #fff;}
.guide_nav a:first-child{ border-left:1px solid rgba(255,255,255, .30)}
.guide_nav a:hover, .guide_nav a.current{ background: #2467a4;}
/*============product_all===========*/
.product_forewords{ line-height:1.67; }
.product_all{ margin-top: 6%;}
.product_all li{ margin-bottom: 5%;}
.product_all li:last-child{ margin-bottom: 0;}
.product_all li a{ display:block; overflow: hidden; position: relative; background: #f9f9f9;}
.product_img{ float: left; width:50%;}
.product_img .img_box{ background: url(../imgs/product_03.jpg) center center no-repeat; background-size: cover; padding-top: 70%;} 
.product_img .img_box img{ transition:all 500ms ease;}
.product_r{ position: absolute; top:0; right:0; width:50%; height: 100%; padding: 5%; display:flex; align-items: center;}
.product_info{ width: 100%; max-width: 420px; margin: 0 auto;}
.product_name{ transition:all 500ms ease; font-weight: bold; color: #06457d; padding-bottom: 6.50%; border-bottom: 1px solid #e5e5e5; margin-bottom: 6.50%;}
.product_name span{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.product_info .des{ -webkit-line-clamp:3; max-height: 72px;}
.product_info .more02{ margin-top: 9.50%;}
.product_all li a:hover{ background-color: #00417e; color: #fff;}
.product_all li a:hover .product_name{ color: #fff;}
.product_all li a:hover .more02{ border-color:#fff; background-color: #fff; color: #00417e;} 
.product_all li a:hover .product_img img{ margin-top:10px;}
.product_all li:nth-child(even) .product_img{ float:right;}
.product_all li:nth-child(even) .product_r{ right:auto; left: 0;}
/*============page===========*/
.page{ text-align: center; margin-top: 5%;}
.page li{ display:inline-block; vertical-align: middle;padding-left: 3px}
.page li a, .page li span{ display: block; text-align: center; padding:0 5px; min-width: 38px; line-height: 36px; background: #eeeeee; margin-right: 1px;}
.page li.page_btn a{ background:none!important; color: #c9c9c9; font-weight: bold; min-width:0; margin: 0; padding:0 10px;}
.page li.page_btn a .iconfont{ font-size: 14px;}
.page li:hover a, .page li.current a{ background: #00417e; color: #fff;}
.page li.page_btn:hover a{ color: #00417e;}
/*============product_detail===========*/
.sub_product{ padding-top:0!important;}
.product_end{ padding: 7%; background: #fff;}
.product_end_tit{ margin-bottom: 3.50%; font-weight: bold; color: #00417e;}
.product_end_text{ line-height:1.875; border-top:2px solid #00417e; text-align: justify; padding-top: 3%; float:left; width:50%; max-width: 500px;}
.product_end_img{ width: 45%; max-width: 412px; float:right; border:1px solid #e5e5e5;}
.product_end_img .img_box{ padding-top: 70%;}

/*============================ 05 ============================*/
/*============service_block===========*/
.service_box{ background: #fff; box-shadow: 5px 0 40px 0 rgba(0,0,0, .03); border-radius: 10px; margin-bottom: 7%;}
.service_box:last-child{ margin-bottom:0;}
.service_tit{ background: #00427f; color: #fff; text-align: center; border-radius:10px 10px 0 0; line-height: 2.67;}
.service_con{ padding: 5%;}
.service_block{ margin-bottom: 5.50%;}
.service_block:last-child{ margin-bottom:0;}
.service_item{ padding-bottom: 3%; border-bottom: 1px solid #e5e5e5;}
.service_block01 .service_item{ border:none;}
.debug_list{ border-radius: 5px; border:1px solid #e5e5e5; border-bottom: none; margin-bottom: 3.60%;}
.debug_list:last-child{ margin-bottom: 0;}
.debug_list li{ float:left; background: url(../imgs/service_01.jpg) left bottom repeat-x; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding: 0 3.50%; width:25%; height: 120px; display: flex; align-items: center;}
.debug_list li:first-child{ border-left:none;}
.debug_list li b{ display:inline-block; vertical-align: middle; text-align: center; border-radius: 50%; width:40px; line-height: 40px; background: #00427f; color: #fff; margin-right: 9%;}
.training_box{ margin-top:5%;}
.training_list{ display:flex; flex-wrap: wrap; align-items: stretch; margin: -3.50% -2.50%;}
.training_list li{ float:left; width:50%; padding: 3.50%;}
.training_list li .img_box{ float:left; width:60px; height: 60px; padding-top: 0; margin-right: 5%;}
.training_info{ overflow:hidden; color: #666; line-height: 24px;}
.training_tit{ font-weight:bold; color: #333; margin-bottom: 3%;}
.after_list{ margin: -0.95%;}
.after_list li{ float:left; width:50%; padding: 0.95%;}
.after_block{ background: #000; color: #fff; text-align: center; position: relative; overflow: hidden;}
.after_img{ padding-top:75.47%; transform: scale(1); } 
.after_block:hover .after_img{ transform: scale(1.1);}
.after_text{ position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); z-index: 1; width:100%; max-width: 330px; line-height: 18px;}
.after_tit{ font-weight: bold; margin-bottom: 15px;}
.repair_box{ margin-top:5%; text-align:center;}

/*============================ 06 ============================*/
.sub_news{ padding-top:0!important;}
/*============dynamic===========*/
.dynamic_year{ position:absolute; top: 50px; left:5.73%; z-index: 1;}
.dynamic_year.fixed{ transition:all 500ms ease; position:fixed; z-index: 1000; top:180px;}
.dynamic_year li a{ display:block; color: #999999; font-size: 26px;}
.dynamic_year li:hover a{ color:#00437f;}
.dynamic_year li.current a{ color:#00437f; font-size: 36px; font-weight: bold;}
/*dynamic_list*/
.dynamic_list{ }
.dynamic_list li{ position:relative; border-bottom: 1px solid #e5e5e5;}
.dynamic_list li:before{ content:""; position: absolute; top:0; left:-50%; width:200%; height: 100%; background: #fff;}
.dynamic_list li a{ display:block; position: relative; z-index: 1; padding: 4.20% 0;}
.dynamic_time{ display:block; float:left; color: #00437f; line-height: 1; width: 110px; margin-right: 2.50%;}
.dynamic_info{ overflow:hidden;}
.dynamic_info .tit{ font-weight:bold;}
.dynamic_info .des{ color: #666; margin-top: 2%;}
.dynamic_more{ transition:all 500ms ease; color: #bababa; font-size:64px; line-height: 16px; margin-top: 5%;}
.dynamic_list li:hover:before{ background: #f5f5f5;}
.dynamic_list li:hover a,
.dynamic_list li:hover a .dynamic_more{ color:#00437f;}
/*============article===========*/
.article{}
.article_top{ text-align:center; padding-bottom: 3%; margin-bottom: 4%; border-bottom: 1px solid #dcdcdc;}
.article_tit{ } 
.article_time{ color: #999; margin-top: 1%;}  
.article_con{ margin: 0 auto; max-width: 1100px; line-height:1.875;}
.article_bot{ padding-top: 4%; margin-top: 5%; border-top: 1px solid #dcdcdc;}
.article_nav{ float:left; margin: -3px 0; width:80%;}
.article_nav a{ display:block; padding: 3px 0;}
.article_nav a:hover{color: #498dc5;}
.link_back{ display:block; float:right; background: #06457d; color: #fff; border-radius: 20px; text-align: center; width:150px; line-height: 40px;}
.link_back:hover{ background-color: #498dc5;}
/*============duty_list===========*/
.duty_list{}
.duty_list li{ margin-bottom: 3.50%;}
.duty_list li:last-child{ margin-bottom: 0%;}
.duty_list li a{ display:block; overflow: hidden; background: #f2f2f2; padding: 4.75% 6.50%;}
.duty_img{ float:right; overflow: hidden; width:36%; max-width:370px; margin-left: 6%;}
.duty_img .bgImg{ padding-top:63.79%; transform: scale(1); }
.duty_list li a:hover .duty_img .bgImg{ transform: scale(1.1); }
.duty_info{ overflow:hidden; max-width: 560px; margin-top: 2%;}
.duty_info .tit{ font-weight:bold;}
.duty_info .des{ transition:all 500ms ease; color: #666; -webkit-line-clamp:3; max-height: 72px; margin-top: 4%;}
.duty_xg{ margin-top: 6%;}
.duty_time{ transition:all 500ms ease; display: inline-block; color:#999;}
.duty_more{ transition:all 500ms ease; display: inline-block; position: relative; color:#06457d; margin-left: 2%;}
.duty_more:before{ content:""; position:absolute; top:84%; left:50%; width:0; height: 2px; background: #fff; opacity: 0.70;}
.duty_list li a:hover{ background: #06457d; color: #fff;}
.duty_list li a:hover .des, .duty_list li a:hover .duty_time{ color: #fff; opacity: .40;}
.duty_list li a:hover .duty_more{ color: #fff; }
.duty_list li a:hover .duty_more:before{ left:0; width: 100%;}
.index_application, .index_product{ background-attachment: fixed;}

/*============================ 07 ============================*/ 
/*============contact_box===========*/
.contact_box{}
.contact_foreword{ text-align: center; max-width: 920px; margin: 5% auto 0; }
.post_apply{ text-align:center; margin-top: 5%;}
.post_apply a{ display:inline-block; background: #07437d; color: #fff; border-radius: 6px; padding: 0 20px; line-height: 44px;}
.post_list{ display:flex; flex-wrap:wrap; align-items: stretch; padding: 7% 0;}
.post_list li{  transition:all 500ms ease; background: #fff; border:1px solid #e5e5e5; position: relative; width:50%; float:left; margin: -1px; /*min-height: 640px;*/ padding:4% 4.50%;}
.post_list li:before{ content:""; position: absolute; bottom: 0; left:50%; width:0; height: 4px; background: #488dc6;} 
.post_top{ position: relative; margin-bottom: 6%;}
.post_num{ display:inline-block; line-height: 1; font-weight: bold; font-family:DINAlternate_Bold; color: rgba(7,67,125, .10);}
.post_tit{ position:absolute; top:50%; left: 10%; z-index:1; transform: translateY(-40%); }
.post_overview{ line-height:30px; overflow: hidden; box-sizing: content-box;}
.post_info{ background: #fff; position: absolute; top:0; left:0; width:100%; height: 100%; overflow:hidden;}
.post_item{ line-height: 30px; color: #0454a0;}
.post_more{ cursor:pointer; margin-top: 6%;}
.post_more a{ display:inline-block; position: relative; color: #999999; padding-right: 16px;}
.post_more a:before{content: "\ebde"; font-family: "iconfont" !important; font-size:12px; color: #d2d2d2; position: absolute; top:50%; right:0; transform: translateY(-50%) scale(0.80);}
.post_more.active a:before{ transform: translateY(-50%) scale(0.80) rotate(180deg);}
.post_list li:hover{ z-index: 2; box-shadow: 10px 10px 20px 0 rgba(7,67,125, .08);}
.post_list li:hover:before{ left:0; width:100%;}
 
/*============================ 08 ============================*/ 
/*============sub_result===========*/
.sub_result{ padding-top:0!important;}
.result_num{ color: #999;}
.result_num em{ color: #ee2727;}
.result_list li .des{ -webkit-line-clamp:1; max-height: 24px;}
.result_time{ color: #999; margin-top: 3%;}



/*font*/ 
.f100{ font-size: 100px;}
.f72{ font-size: 72px;}
.f60{ font-size: 60px;}
.f48{ font-size: 48px;}
.f36{ font-size: 36px;}
.f34{ font-size: 34px;}
.f30{ font-size: 30px;}
.f28{ font-size: 28px;}
.f24{ font-size: 24px;}
.f22{ font-size: 22px;}
.f18{ font-size: 18px;}
.f16{ font-size: 16px;}

@media(max-width: 1600px){
	 .max_w1400{ max-width: 1230px;}
	.dynamic_year{ left:0;}
}  

@media(max-width: 1366px){ 
	/*font*/ 
	.f100{ font-size: 80px;}
	.f72{ font-size: 60px;}
	.f60{ font-size: 50px;}
	.f48{ font-size: 40px;}
	.f36{ font-size: 32px;}
	.f34{ font-size: 30px;}
	/*====header ====*/ 
	header{ height: 80px; line-height: 80px;}
	.logo a{ padding:21px 0;}
	.header_bg{ top:80px;}
	/*====01 ====*/ 
	main{ padding-top:80px;}
	.focus{ height: -webkit-calc(100vh - 80px); height: calc(100vh - 80px);}
	/*====06 ====*/ 
	.dynamic_year.fixed{ top:140px;}
}

@media(max-width: 1279px){
	.max_w1400, .inner{ max-width: 1030px;}
	/*font*/ 
	.f100{ font-size: 60px;}
	.f72{ font-size: 50px;}
	.f60{ font-size: 40px;}
	.f48{ font-size: 32px;}
	.f36{ font-size: 28px;}
	.f34{ font-size: 26px;}
	.f30{ font-size: 24px;}
	.f28{ font-size: 24px;}
	.f24{ font-size: 20px;}
	.f22{ font-size: 18px;}
	.f18{ font-size: 16px;}
	.f16{ font-size: 16px;}
	
	/*====header ====*/ 
	header{ padding:0 15px;}
	.logo{ left:15px;}
	.header_search{ padding:0 15px;}
	.menu_search{ right:15px;}
	.nav_list{ width: 93%; max-width: 800px;} 
	
	/*====01 ====*/ 
	.index_application, .index_product{ background-attachment: local;}
	.focus{ height: 600px;}
	.localization_info{ min-height:420px;}
	
	/*====03 ====*/ 
	.application_list li a{ padding: 40px; height: 360px;}
	.application_list li a .more02{ bottom: 40px; left:40px;}
	table.solution_inventory thead tr th, table.solution_inventory tbody tr td{ height:60px;}
	
	/*====04 ====*/ 
	.guide{ height: 60px; line-height: 60px;}
	.guide.fixed{ top:80px;} 
	.guide_nav a{ width: 160px;}
	
	/*====05 ====*/ 
	.debug_list li{ height:100px;}
	
	/*====06 ====*/ 
	.dynamic_year{ position:relative; top:0; padding:20px 0; text-align: center;}
	.dynamic_year li{ display:inline-block; vertical-align: middle; margin-right: 15px;}
	.dynamic_year li:last-child{ margin-right:0;}
	.dynamic_year li a{ font-size: 22px;}
	.dynamic_year li.current a{ font-size: 32px;}
	.dynamic_year.fixed{ position:relative; top:0;}
}

@media(max-width: 991px){ 
	/*font*/ 
	.f100{ font-size: 50px;}
	.f72{ font-size: 40px;}
	.f60{ font-size: 30px;}
	.f48{ font-size: 24px;}
	.f36{ font-size: 24px;}
	.f34{ font-size: 22px;}
	.f30{ font-size: 20px;}
	.f28{ font-size: 20px;}
	.f24{ font-size: 18px;}
	.f22{ font-size: 16px;}
	.f18{ font-size: 14px;}
	.f16{ font-size: 14px;}
	 /*====header ====*/ 
	header{ height: 60px; line-height: 60px;}
	.logo a{ padding:11px 0;}
	.header_bg{ top:60px; height: 0; overflow: hidden;}
	.menu_phone{ display:block;} 
	.menu_search{ right:60px;}
	.nav_box{ padding: 0; position: fixed; top: 60px; right:-100%; width: 100%; max-width: 400px; height: -webkit-calc(100% - 60px); height: calc(100% - 60px); background: rgba(0,65,126, .90); transition:all 500ms ease; }  
	.nav_list{ position: relative; z-index:1; margin: 0; padding: 0; text-align: right; line-height: 1.72; width: 100%; }
	.nav_list:before{ content:""; position: absolute; top:0; right:20px; z-index: 1; width: 1px; height: 100%; background: rgba(255,255,255, .15);}
	.nav_list li.n_li0{ float:none; width:100%; text-align: right; border-bottom: 1px solid rgba(255,255,255, .15);}
	.nav_list li.n_li0 a.n_a0{ position: relative; padding:12px 35px 12px 0; color: #fff; font-size: 16px;} 
	.nav_list li.n_li0 a.n_a0:before{ content:""; position: absolute; top:50%; right: 18px; transform: translateY(-50%); width:5px; height: 5px; border-radius: 50%; background: #fff;}
	.nav_list li.n_li0:hover a.n_a0:before, 
	.nav_list li.n_li0.current a.n_a0:before{ background: #fff;}
	.nav_list li.n_li0 a.n_a0 span:before{ display:none;}
	.nav_show{ right:0;}  
	.n_subclass{ position:inherit; position: initial; background: none; padding-right: 30px; }
	.n_subclass a{ display:inline-block; border:none; padding:10px 5px; color: #fff; opacity: .80;}
     /*====footer ====*/ 
	.footer_logo{ float:none; width:100%;}
	.footer_logo img{ margin:0 auto;}
	.footer_info{ float:none; width:100%; padding: 20px 0;}
	.footer_notice{ float:none; margin: 0 auto;}
	
	/*====01 ====*/ 
	main{ padding-top: 60px;}
	.focus{ height: 500px;}
	.about_des{ font-size:14px; line-height: 24px; max-height: 120px;}
	
	/*====02====*/ 
	.coverage_left, .coverage_right{ width:100%; float:none;}
	.coverage_left{ padding-top: 40px; padding-bottom: 40px; margin-bottom: 40px;}
	.coverage_city { 
		padding-top: 30px;
		padding-right: 5px;
		margin-bottom: -10px;
	}
	.coverage_city div.fl { 
		padding-right: 10px;
		margin-bottom: 10px;
	}
	.coverage_right .ditu {
        margin-top: 20px;
        margin-bottom: 20px
    }
    .coverage_right .ditu .map1_dw {
        width: 3px;
        height: 3px;
        border-radius: 10px
    }
    .coverage_right .ditu .map1_dw .yuan {
        width: 56px;
        height: 56px;
        margin-top: -28px;
        margin-left: -28px
    }
    .coverage_right .ditu .map1_dw .map1_name {
        width: 60px;
        font-size: 12px;
        left: 10px
    }
	
	/*====03 ====*/ 
	.application_list li a{ padding: 30px; height: 340px;}
	.application_list li a .more02{ bottom: 30px; left: 30px;}
	table.solution_inventory thead tr th, table.solution_inventory tbody tr td{ height:50px;}
	
	/*====04 ====*/ 
	.guide{ height: 40px; line-height: 40px;}
	.guide.fixed{ top: 60px;} 
	.guide_nav a{ width: 130px;}
	
	/*====05 ====*/ 
	.debug_list li{ width:50%; height: 80px;} 
	.debug_list li b{ width:30px; line-height: 30px;}
	
	/*====06 ====*/ 
	.dynamic_year li a{ font-size: 18px;}
	.dynamic_year li.current a{ font-size: 28px;}
}


@media(max-width: 767px){ 
	/*====01 ====*/  
	.sec_box, .sub_con{ padding: 40px 0;}
	.sub_top{ padding-top:40px;}
	.sec_top{ margin-bottom:30px;} 
	.focus{ height: 400px;}
	.about_left{ width:100%; float:none;}
	.about_right{ width:100%; float:none; padding-left:0;}
	.localization_info{ min-height: 320px;}
	.signal_pc{ display:none;}
	.signal_phone{ display:block;}
	
	 /*====03 ====*/ 
	.application_list li a{ padding: 20px; height: 320px;}
	.application_list li a .more02{ bottom: 20px; left: 20px;}
	.application_demand{ min-height:0; margin-bottom: 0;}
	.demand_des{ margin-bottom: 0;}
	.application_solution:before{ top:0;}
	.solution_block{ padding:40px 15px;}
	 /*====04 ====*/ 
	.guide{ display:none;}
	
	/*====05 ====*/ 
	.debug_list li{ height: 60px;}
}


@media(max-width: 567px){ 
	/*font*/ 
	.f100{ font-size: 40px;}
	.f72{ font-size: 30px;}
	.f60{ font-size: 24px;}
	.f48{ font-size: 20px;}
	.f36{ font-size: 20px;}
	.f34{ font-size: 20px;}
	.f30{ font-size: 18px;}
	.f28{ font-size: 18px;}
	.f24{ font-size: 16px;}
	.f22{ font-size: 16px;}
	.f18{ font-size: 14px;}
	.f16{ font-size: 14px;}
	/*====footer ====*/ 
	.footer_info li:nth-child(n){ width:100%; float:none; margin-bottom: 10px; text-align: center;}
	.footer_info li:last-child{ margin-bottom:0;}
	.footer_tit{ margin-bottom:5px;}
	.address_des{ max-width:none;}
	
	/*====01 ====*/  
	.focus{ height: 300px;}  
	.focus_video{ display:none;} 
	.focus_phone{ display:block;}
	.product_list li{ width:50%;}
	.product_tit{ line-height:3.45;}
	.video_icon .iconfont{ font-size:45px;}
	.index_about{ background-position: right bottom; background-size: 200%;}
	 /*====02 ====*/  
	.characteristic_list li{ width:50%; height: 50%;}
	.characteristic_list li:nth-of-type(3) a{ background: rgba(125,125,125, .30);}
	.characteristic_list li:nth-of-type(4) a{ background: rgba(67,67,67, .30);}
	.contact_tel .iconfont{ font-size:24px;}
	 /*====03 ====*/ 
	.application_list li{ width:100%;}
	.application_list li a{ padding: 20px; height: auto;}
	.application_list li a .more02{ position: inherit; position: initial; line-height: 32px; padding: 0 13px; margin-top: 20px;}
	 /*====04 ====*/ 
	.product_img{ float:none; width: 100%;}
	.product_r{ position: inherit; position: initial; width:100%;}
	.product_end_text{ float:none; width: 100%; max-width: none;}
	.product_end_img{float:none; width: 100%; max-width: none; margin-top: 20px;}
	 /*====05 ====*/  
	.training_list li{ text-align:center;}
	.training_list li .img_box{ float:none; margin: 0 auto 10px;}
	.after_list li{ width:100%;}
	 /*====06 ====*/ 
	.dynamic_time{ width:60px;} 
	.dynamic_year li a{ font-size: 14px;}
	.dynamic_year li.current a{ font-size: 24px;}
	.duty_list li a{ padding: 20px;}
	.duty_img{ float:none; width:100%; max-width: none; margin-left: 0; margin-bottom: 4%;}
	.article_nav{ float:none; width:100%;}
	.link_back{ float:none; margin: 20px auto 0;}
	
}