@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: 'PingFangSC_Light';
  src: url('../fonts/PingFangSC_Light.eot');
  src: url('../fonts/PingFangSC_Light.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/PingFangSC_Light.woff') format('woff'),
   url('../fonts/PingFangSC_Light.ttf') format('truetype'),
   url('../fonts/PingFangSC_Light.svg#PingFangSC_Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PingFangSC_Regular';
  src: url('../fonts/PingFangSC_Regular.eot');
  src: url('../fonts/PingFangSC_Regular.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/PingFangSC_Regular.woff') format('woff'),
   url('../fonts/PingFangSC_Regular.ttf') format('truetype'),
   url('../fonts/PingFangSC_Regular.svg#PingFangSC_Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}*/
@font-face {
  font-family: 'DIN_Regular';
  src: url('../fonts/DIN_Regular.eot');
  src: url('../fonts/DIN_Regulard41d.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/DIN_Regular.html') format('woff'),
   url('../fonts/DIN_Regular.ttf') format('truetype'),
   url('../fonts/DIN_Regular-2.html#DIN_Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
body,html { 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
     background: #fff;
    font-family:Arial,"sans-serif",PingFangSC Regular,  Microsoft YaHei, "微软雅黑";
	color:#666;
    font-size: 14px; 
	line-height:1.72;  
}
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; 
	font-family:Arial,"sans-serif",PingFangSC Regular, 'Microsoft Jhenghei', '微軟正黑體', Microsoft YaHei, "微软雅黑";
}
select {
    border:inherit;
    background: inherit;
}
a {
    text-decoration:none;
    blr:expression(this.onFocus=this.blur());
    outline: none;
    color:#000;
} 
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"], button, select {
    -webkit-appearance: none;
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover{
    opacity: 0.80;
} 
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,label{ font-weight: normal; padding: 0; margin: 0; font-size: 14px; line-height: 1.25; }
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;}  
/*swiperl*/
.swiper-pagination{ width:100%; margin-top:10px;}
.swiper-pagination-bullet{ margin:0 4px;}
/*transition*/
a,*:before,*:after,input[type="submit"], input[type="reset"], input[type="button"], input[type="text"],sup,.owl-carousel .owl-nav a span,.owl-carousel .owl-dots .owl-dot span,.browserupgrade,
header, .header_right, .menu_phone i{
    -webkit-transition:all 0.5s 0s ease-in-out;
    -moz-transition: all 0.5s 0s ease-in-out;
    -ms-transition: all 0.5s 0s ease-in-out;
    -o-transition: all 0.5s 0s ease-in-out;
    transition: all 0.5s 0s ease-in-out;
} 
/*font*/ 
.f120{ font-size:120px;}
.f72{ font-size:72px;} 
.f60{ font-size:60px;}
.f46{ font-size:46px;}
.f42{ font-size:42px;}
.f40{ font-size:40px;}
.f38{ font-size:38px;}
.f36{ font-size:36px;}
.f32{ font-size:32px;}
.f30{ font-size:30px;}
.f28{ font-size:28px;}
.f26{ font-size:26px;}
.f24{ font-size:24px;}
.f20{ font-size:20px;}
.f22{ font-size:22px;}
.f18{ font-size:18px;}
.f17{ font-size:17px;}
.f16{ font-size:16px;}

/*===================index_header========================*/
.index_header{ position:fixed; top: 0; left:0; z-index: 1000; width:100%; padding: 55px 3.90625% 0;} 
.index_logo{ float:left; position: relative; z-index:2;}
.index_logo img{ display:block; height: 68px; width:auto;}
/*guide_language*/
.guide_language{ float:right; position: relative; z-index: 3; overflow:hidden; width:160px; line-height: 50px; border:1px solid #fff; border-radius: 26px; text-align: center; text-transform: uppercase; font-weight: bold; margin:-2% 8.40% 0 0; }
.guide_language a{ display:block; float:left; width:45%; border-radius:25px; color: #fff;} 
.guide_language a.active{ background:#fff; color: #034482; width:55%; }  
/*menu_phone*/
.menu_phone{ cursor: pointer; position: relative; z-index:2; top:0; float:right; color: #fff;}
.menu_phone em{ text-transform:uppercase; font-weight: bold; transition: all 0.5s 0s ease-in-out;}
.menu_phone span{ display:inline-block; vertical-align:middle; margin-left: 10px; position: relative; width:17px; height:17px;}
.menu_phone i{ display: block; width: 7px; height: 7px; border-radius:50%; background: #fff; position: absolute;}
.menu_phone i:nth-of-type(1){ top:0; left:0;}
.menu_phone i:nth-of-type(2){ top:0; right:0;}
.menu_phone i:nth-of-type(3){ bottom:0; left:0;}  
.menu_phone i:nth-of-type(4){ bottom:0; right:0;}  
/*.menu_active span{ transform:rotate(90deg);}   */
.menu_phone.active em{ opacity: 0;}
.menu_phone.active i:nth-of-type(1){ top:-10px; left:-10px; opacity: 0; filter:alpha(opacity=0);}
.menu_phone.active i:nth-of-type(3){ bottom:-10px; left:-10px; opacity: 0; filter:alpha(opacity=0);}
.menu_phone.active i:nth-of-type(2),
.menu_phone.active i:nth-of-type(4){ border-radius:0; bottom:auto; top:50%; width:36px; height: 3px;}
.menu_phone.active i:nth-of-type(2){ transform:rotate(45deg);}
.menu_phone.active i:nth-of-type(4){ transform:rotate(-45deg);}
/*guide_wrap*/
.guide_wrap{ position:fixed; top:0; left:0; z-index:1; width:100%; height: 100%; background: url(../images/guide_01.jpg) center center no-repeat; background-size: cover; color:#fff; padding: 160px 3.90625% 0; display:none; }
.guide_wrap a{ color:#fff;}
/*guide_nav*/
.guide_nav, .guide_search, .guide_contact, .guide_footer{ padding-top: 5%;}
.guide_nav{ clear: both; margin-left: -35px; margin-right: -35px;}
.guide_nav li{ float:left; position: relative;}
.guide_nav li a.g_a0{ display:block; padding: 0 35px;}
.guide_nav li a.g_a0 em{ display:inline-block; position: relative;}
.guide_nav li a.g_a0 em:before{ content:""; position: absolute; bottom: 0; left:50%; width:0; height: 1px; background: #fff;}
.guide_nav li:hover a.g_a0 em:before{ left:0; width:100%;}
.g_subclass{ position:absolute; top:100%; left:50%; transform:translateX(-50%); text-align: center; width:160px; font-size: 14px; border-radius:4px;  background: rgba(0,101,209, .95); padding: 10px 0; display: none;}
.g_subclass a{ display:block; line-height: 40px; color: rgba(255,255,255, .70);}
.g_subclass a:hover{ background: rgba(0,47,112, .95); color: rgba(255,255,255, .90);}
.guide_nav li:hover .g_subclass{ display:block; -webkit-animation: 1s .2s fadeIn both; animation: 1s .2s fadeIn both;}
/*guide_search*/
.guide_search{ width: 100%; max-width: 430px; }
.search_txt{ width:100%; height: 55px; background: url(../images/search_01.png) left center no-repeat; background-size:25px; border-bottom:1px solid #fff; padding:10px 10px 10px 35px; color: #fff;}
input.search_txt::-webkit-input-placeholder{ color:#fff;}
input.search_txt::-moz-placeholder{ color:#fff;}
input.search_txt:-moz-placeholder{ color:#fff;}
input.search_txt:-ms-input-placeholder{ color:#fff;}
/*guide_contact*/
.guide_contact{ }
.g_c_tit{}
.g_c_tel{ display:block; line-height: 1; font-weight: bold; font-family:DIN_Regular; margin-top: 10px;}
/*guide_footer*/
.guide_footer{ }
.guide_footer a:hover{ opacity:.80;}
.g_f_notice{ float:right; /*max-width: 270px; margin:-3% -15px 0;*/ margin-top: -3%;}
/*.g_f_notice li{ float:left; width:50%; padding: 0 15px;}*/
.g_f_notice li img{ display:block;}
.g_f_left{ overflow:hidden;}
.g_f_nav{ margin: 0 -25px;}
.g_f_nav a{ display:inline-block; vertical-align: middle; padding: 0 25px;}
.g_f_info{ margin-top: 10px;}

/*===================common========================*/ 
/*bgImg*/
.bgImg{ display:block;width:100%; height: 100%; background-position:center top; background-repeat:no-repeat; background-size:cover; transition:all .5s ease-in-out;}
.bgImg img{display:none;}
/*table*/
.table{ display:table; width:100%; height: 100%; }
.cell{ display:table-cell; vertical-align:middle;} 
/*img_box*/
.img_box{ position:relative; height: 0; overflow: hidden; padding-top: 100%;}
.img_box img{ display:block; width:100%; height: 100%; position:absolute; top:0; left:0;}
/*ico_box*/
.ico_box{ position: relative; display:block; overflow: hidden; height: 0; padding-top: 100%;}
.ico_box img{ display: block; margin: auto; position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; width: auto; height: auto; max-width: 100%; max-height: 100%; } 
/*tit*/
.tit{ overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
/*flex*/
.flex{
	display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: flex-start;
}
/*des*/
.des{
	overflow: hidden;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-line-break: auto;
    -webkit-box-orient: vertical; 
	text-align: justify;
}  

/*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
  }
}

 /*====================01 index==========================*/
main{ }
.page1{ position:relative; height: 100vh;}
/*focus_swiper*/
#focus_swiper{ 
	height: 100%; overflow:hidden; display:block; 
	-webkit-animation: 1s .2s fadeIn both; 
	animation: 1s .2s fadeIn both; 
} 
#focus_swiper .swiper-slide{ overflow:hidden;} 
.focus_txt{ position: absolute; top:0; left:0; z-index: 1; width:100%; padding: 0 20px; height: 100%; text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; /*font-family:PingFangSC_Light;*/ color: #003f82; }  
.f_t_table{ width:100%;}
.focus_txt p span{ display:block;}
.f_t_p01{ overflow: hidden; margin-bottom: 15px;}
.f_t_p02{ overflow: hidden; line-height: 1; letter-spacing: 0.05em; margin-bottom: 30px;}
.f_t_p03{ overflow: hidden; line-height:1.67;}   
/*focus_page*/
.focus_page{ position: absolute; bottom: 6%; right:3.90625%; z-index: 1; }
.focus_page .swiper-pagination{ position: relative; margin: 0 -3px; font-size: 24px; font-family: "DIN_Regular"; font-weight: bold; text-align: left; line-height: 1;}
.focus_page .swiper-pagination .swiper-pagination-bullet{ display:block; float:left; width:100px; height: auto; padding: 0 3px; color: rgba(255,255,255,.50); background: none; opacity:1;}
.focus_page .swiper-pagination .swiper-pagination-bullet em{ display:block; position: relative; height: 20px;}
.focus_page .swiper-pagination .swiper-pagination-bullet em:before{ content:""; position:absolute; bottom:0; left:0; background: rgba(255,255,255,.50); width:100%; height: 2px;}
.focus_page .swiper-pagination .swiper-pagination-bullet em:after{ content:""; position:absolute; bottom:0; left:0; z-index:1; background: rgba(255,255,255,1); width:100%; height: 2px; transform:scaleX(0); transform-origin: 0;} 
.focus_page .swiper-pagination .swiper-pagination-bullet-active em:after{ 
	-webkit-animation: 5s .2s move01 both;
	animation: 5s .2s move01 both;
}
@-webkit-keyframes move01 {
	0%{ transform:scaleX(0); }
	100%{ transition:transform 5s linear; transform:scaleX(1);}
}
@keyframes move01 {
	0%{ transform:scaleX(0); }
	100%{ transition:transform 5s linear; transform:scaleX(1);}
}
.focus_page .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ color:#fff;}
.page1.active .f_t_p01 span,
#focus_swiper .swiper-slide-active .f_t_p01 span{ 
	-webkit-animation: 1s .2s fadeInUp both;
	animation: 1s .2s fadeInUp both; 
}  
.page1.active .f_t_p02,
#focus_swiper .swiper-slide-active .f_t_p02{ 
	-webkit-animation: 1s .4s fadeInUp both;
	animation: 1s .4s fadeInUp both; 
}  
.page1.active .f_t_p03 span,
#focus_swiper .swiper-slide-active .f_t_p03 span{ 
	-webkit-animation: 1s .6s fadeInUp both;
	animation: 1s .6s fadeInUp both; 
}   
.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.html) 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.html) 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;}

/*shared*/
.shared{ position: absolute; bottom: 6%; left:3.90625%; z-index: 1;}
.shared .bshare-custom a{ display:block; width:25px; height: 25px; padding: 0; margin:10px 0 0; background: center center no-repeat; background-size: cover; -moz-opacity: 0.40; -khtml-opacity: 0.40; opacity: 0.40;}
.shared .bshare-custom a:hover{ -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}
.shared .bshare-custom .bshare-sinaminiblog{ background-image: url(../images/shared_ico01.png);}
.shared .bshare-custom .bshare-qqmb{ background-image: url(../images/shared_ico02.png);}
.shared .bshare-custom .bshare-weixin{ background-image: url(../images/shared_ico03.png);}
.shared .bshare-custom .bshare-qqim{ background-image: url(../images/shared_ico04.png);}
.bsBox{ box-sizing:content-box;}
/*2020/06/06*/
.focus_page{ display:none;}
.focus_video{ width:100%; height: 100%; position: absolute; top:0; left:0;}
.focus_txt{color: #fff; text-shadow:0px 2px 15px rgba(0,0,0, .20);}
.page1 .shared{ display:none!important;}
.focus_phone{ width:100%; height: 100%; position: absolute; top:0; left:0; display:none;}

/*=====page2=========*/
.page2{ position:relative;}
#business_show{ height:100%;}
#business_show .swiper-slide:before{ content:""; position: absolute; bottom: 0; left:0; width:100%; height: 100%; background: url(../images/business_01.png) center bottom no-repeat; background-size: contain;}
#business_thumbs{ position: absolute; bottom: 0; left:0; z-index: 1; width:100%; height: 100%;}
#business_thumbs .swiper-slide{ color: #fff; text-transform:uppercase; text-align: center; line-height: 1; font-family:"黑体"; padding:0 0.94%; position: relative; height:30%; top: 70%; transition: all 0.5s 0s ease-in-out; }
#business_thumbs .swiper-slide:before{ content:""; position: absolute; bottom: 0; left:-10%; width:120%; height: 0; background:rgba(0,63,130,.90);}
#business_thumbs .swiper-slide-active{ height:100%; top:0%;}
#business_thumbs .swiper-slide-active:before{ height:100%;}
#business_thumbs .swiper-slide a{ color: #fff; }
.business_info{ position:absolute; top: 50%; left:0; width:100%; z-index: 1; padding:0 4.2%; transition: all 0.5s 0s ease-in-out;}
.business_tit{ display:block; width:100%; position: relative; z-index: 1; margin-bottom: 70px;} 
.business_tit em{ display:block; font-family:Arial; margin-top: 5%;}
.business_des{ /*font-family:PingFangSC_Light;*/ line-height: 30px; max-height: 250px; -webkit-line-clamp: 5; margin-top: -40px; margin-bottom: 50px; display:none;}
a.business_more{ /*font-family:PingFangSC_Light;*/ margin: 0 auto; border:1px solid #fff; border-radius: 30px; text-align:center; width: 75%; max-width: 165px; line-height: 3.4; display:none; }
a.business_more span{ display:inline-block; padding-right: 20px; position: relative; } 
a.business_more span:before{ content:""; position: absolute; top:50%; margin-top: -7px; right:0; width:14px; height: 14px; background: url(../images/dec_01.png) right center no-repeat; background-size: contain;}
a.business_more:hover{ background: rgba(255,255,255,.90); color:#0059d1!important;}
a.business_more:hover span:before{ background-image: url(../images/dec_01b.png);}
#business_thumbs .swiper-slide .thumbs_bg{ display:none;}
#business_thumbs .swiper-slide-active .business_info{ /*bottom:auto; top:50%;*/ transform: translateY(-50%);} 
#business_thumbs .swiper-slide-active .business_des,
#business_thumbs .swiper-slide-active a.business_more{ display:block;}
#business_thumbs .swiper-pagination{ bottom:10px;}
#business_thumbs .swiper-pagination .swiper-pagination-bullet{ background:#fff;}

/*=====page3=========*/
.page4{ position: relative;}
.news_left{ float:left; position: relative; color: #fff; width:70.83%; height: 100%;}
.news_left a{ color:#fff;}
.news_left .bgImg{ position: absolute; top:0; left:0;}
.news_focus{ position: relative; z-index: 1; width:100%; height: 100%; display:flex; flex-wrap: wrap; align-items: center; align-content: center;}
.n_f_txt{ padding: 12% 20px 0; max-width: 800px; margin-left: 20.59%;}
.title01{ text-transform:uppercase; font-weight: bold; line-height: 1;}
.title01 a{ display:block;}
.n_f_des{ line-height:1.43; margin-top: 15px;}
.n_f_more{ display:block; position: relative; width:140px; padding-top: 35px; margin-top: 40px;}
.n_f_more:before{ content:""; position: absolute; top:0; left:0; width:100%; height: 1px; background: #fff; animation-duration: 10s;
	animation-delay: 12s;} 
.n_f_more span{ display:inline-block; padding-right: 20px; background: url(../images/dec_01.png) right center no-repeat; background-size: 14px;}
.news_right{ overflow: hidden; height: 100%;}
.news_rec{ height:50%; position: relative; color: #fff;}
.news_rec dt{ overflow: hidden; height: 72.96%; background: #000;}
.news_rec dt .bgImg{ opacity:.80; transition: transform 1s cubic-bezier(.23, 1, .32, 1); transform: scale(1); }
.news_rec:hover dt .bgImg{ transform: scale(1.1); } 
.news_rec dd{ position:absolute; bottom: 0; left:0; z-index: 1; width:100%; background: #3478b2; min-height: 27.04%; padding:10px 7.14%;}
.news_rec dd a{ color:#fff;}
.n_r_sort{ display:block; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; font-weight: normal;}
.n_r_tit{ line-height: 22px; max-height: 44px; margin-top: 5px;}
.n_r_time{ opacity:.30; font-size: 12px; margin-top: 5px;}
.news_right .news_rec:nth-child(2) dd{ background: #003f82;}
.page4.active .n_f_des{ 
	-webkit-animation: 1s .4s fadeInUp both;
	animation: 1s .4s fadeInUp both; 
} 
.page4.active .n_f_more{ 
	-webkit-animation: 1s .6s fadeInUp both;
	animation: 1s .6s fadeInUp both; 
}

/*=====page4=========*/
.page3{ position: relative; color: #fff;}
.page3 a{ color:#fff;} 
.about_bg{ position:absolute; top:0; left:0;}
.about_box{ position:relative; z-index: 1; margin:0 auto; width:70.83%; max-width: 1360px; padding-top: 9%;} 
.about_forewords{ width: 68%; max-width: 670px; line-height: 1.40; margin-top: 20px;}
#about_show{ width: 72%; max-width: 690px; margin:2.60% 0 0; text-align: justify;/* height: 96px;*/} 
#about_show .swiper-slide{  }
.about_des{ overflow: hidden;}
/*#about_show .swiper-slide:nth-child(2) .about_des,
#about_show .swiper-slide:last-child .about_des{ font-size:14px;}*/
#about_thumbs{ margin: 6% 0 0;}
#about_thumbs .swiper-slide{ display:block; cursor: pointer; text-transform:uppercase; text-align:center; line-height: 1; background: rgba(0,0,0,.20); padding: 2.43% 0;}
#about_thumbs .swiper-slide-active{ background: #003f82;}
#about_thumbs .swiper-slide em{ display:block; margin-top: 12px; font-size: 12px;}
#about_thumbs .swiper-pagination{ position:initial; position:inherit; }
.page3.active .title01{ 
	-webkit-animation: 1s .2s fadeInUp both;
	animation: 1s .2s fadeInUp both; 
}
.page3.active .about_forewords{ 
	-webkit-animation: 1s .4s fadeInUp both;
	animation: 1s .4s fadeInUp both; 
}
.page3.active #about_show{ 
	-webkit-animation: 1s .6s fadeIn both;
	animation: 1s .6s fadeIn both; 
}
.page3.active #about_thumbs{ 
	-webkit-animation: 1s .6s fadeIn both;
	animation: 1s .6s fadeIn both;
}
/*===================header========================*/
header{ position:fixed; top:0; left:0; z-index: 1000; width:100%; padding: 55px 0; } 
header .menu_phone{ display:none;}
.inner{ width:/* 82.29%*/ 90%; max-width: 1580px; margin: 0 auto;}
.logo{ float:left; position: relative; z-index:2;}
.logo img{ display:block; height: 68px; width:auto;}
.header_right{ float:right; position: relative; top:0;}
.nav_list{ float:left; line-height: 24px; text-align: center; margin: 0 -30px; font-size: 16px;}
.nav_list li{ float:left; position: relative;}
.nav_list li a.n_a0{ display:block; color: rgba(255,255,255,0.80); padding: 0 25px;}
.nav_list li a.n_a0 em{ display:block; position: relative; padding: 0 5px 10px;}
.nav_list li a.n_a0 em:before{ content:""; position: absolute; bottom: 0; left:50%; width:0; height: 1px; background: #1389FF;}
.nav_list li:hover a.n_a0,
.nav_list li.current a.n_a0{ color: #1389FF;}
.nav_list li:hover a.n_a0 em:before,
.nav_list li.current a.n_a0 em:before{ left:0; width:100%;}
.nav_list li:hover .subclass{ display:block;}
.nav_list li:hover .subclass_con{ -webkit-animation: 1s .2s fadeIn both; animation: 1s .2s fadeIn both;}
/*subclass*/
.subclass{ position: absolute; top:100%; left:50%; transform: translateX(-75%); width:430px; padding-top: 10px; display:none;}
.subclass_con{ position: relative;}
.subclass_left{ position:absolute; bottom:0; left:0; width:50%; height: 100%; display:flex; flex-wrap: wrap; align-items:center; border-radius:4px 0 0 4px; background: rgba(0,101,209, .95);}
.subclass_tit{ display:block; width:100%; font-size:18px; color: rgba(255,255,255, 1);}
.subclass_tit em{ display:block; font-size: 14px; color: rgba(193,219,255, .70); margin-top: 5px;} 
.subclass_nav{ float:right; width:50%; border-radius:0 4px 4px 0; background: rgba(0,47,112, .95); position: relative; padding: 10px 0;}
.subclass_nav:before{ content:""; position: absolute; top:-7px; left:0; width:100%; height: 14px; background: url(../images/ico_dec07.png) center top no-repeat; background-size: 12px;}
.subclass_nav a{ display:block; text-align: center; color: rgba(193,219,255, .70); font-size: 14px; line-height: 40px;}
.subclass_nav a:hover{ background: rgba(0,101,209, .95); color: rgba(255,255,255, 1);}
/*header_func*/
.header_func{ float:right; position: relative; padding-left: 50px; margin-left: 50px; }
.header_func:before{ content:""; position: absolute; top:2px; left:0; width:1px; height: 20px; background:rgba(255,255,255,.50);}
.ico_search, .ico_language{ display:block; float:left; overflow: hidden; text-indent:-9999px; width:24px; height: 24px; background: center center no-repeat; background-size: contain; margin-right: 20px;}
.ico_search{ background-image: url(../images/ico_search.png);}
.ico_language{ margin-right: 0!important;}
.language_en{ background-image: url(../images/ico_en.png);} 
header.header_scr{ background: rgba(0,0,0, .90); padding: 15px 0!important;}
header.header_scr .header_right{ top:17px;}
/*==============tan_warp*/ 
.tan_warp{ position: fixed; top:0; left:0; width: 100%; height: 100%; z-index: 4000; display:none;} 
.tan_bg{ background: rgba(0,0,0,.70); position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%;}
.tan_closed{ display: block; position:absolute; top:0; right:0; z-index: 10; width:100px; line-height:100px; text-align: center; background:rgba(0,0,0,.10) url(../images/dec_05.png) center center no-repeat; background-size: 30px; font-size:0;} 
.tan_closed:hover{ background-color:#1389FF;} 
.tan_con{ position: relative; z-index: 2; width: 100%; height: 100%; display:flex; align-items:center;}
/*search_warp*/
#search_warp{ } 
.search_box{ width:90%; max-width: 960px; margin: 0 auto; border-bottom:1px solid rgba(0,0,0,.30);}
.search_btn{ cursor: pointer; float: right; font-size: 0; width:60px; height:60px; border-radius: 50%; background:#1389FF url(../images/search_01.png) center center no-repeat; background-size: 25px;}
.search_fill{ overflow:hidden;}
.search_fill .search_txt{ background: none; padding-left: 0;}

/*===================footer========================*/
footer{ background: #003275; color:rgba(255,255,255,.80); padding:100px 0;}
footer a{ color:rgba(255,255,255,.80);}
footer a:hover{ color:rgba(255,255,255,1)!important;}
.footer_top{ padding-bottom: 25px; }
.footer_top_left{ float:left;}
.footer_logo, .back_top{ margin-bottom: 40px;}
.footer_logo img{ display:block; height: 68px; width:auto;}
.footer_nav, .footer_links{ margin: 0 -20px;}
.footer_nav{ color:rgba(255,255,255,.30); }
.footer_nav a, .footer_links a{ display:inline-block; vertical-align: middle; padding: 0 22px;}
.footer_top_right{ float:right;}
.back_top{ float:right; display:block; background: rgba(0,85,198,.40); color: #fff; text-align: center; width:134px; line-height: 42px; margin-top: 26px;} 
.back_top em{ display:inline-block; padding-right: 12px; background: url(../images/ico_top.png) right center no-repeat; background-size: 7px;}
.footer_links{ clear: both;} 
/*footer_bot*/
.footer_bot{ border-top:1px solid rgba(151,151,151, .30); padding-top: 30px; }
.footer_contact{ float:left;}
.footer_contact li{ margin-bottom: 8px;}
.footer_contact li img{ display:inline-block; vertical-align: middle; width:16px; height: auto; margin-right:6px;}
.footer_bot_right{ float:right;}
.footer_shared{ position:inherit; position: initial; float:right; margin-bottom: 20px;}
.footer_shared .bshare-custom a{ display:inline-block; margin:0 5px;}
.footer_info{ clear: both; text-align: right; color: rgba(255,255,255,.50);}
.footer_info a{ color: rgba(255,255,255,.50);}

/*===================banner_wrap========================*/
.banner_wrap{ position: relative; height: 95.25vh; max-height: 900px; color: #fff;}  
.banner_txt{ position:absolute; top:0; left:0; z-index: 1; width:100%; height: 100%;}
.banner_txt .inner{ position: relative; height:100%; }
.banner_tit{ position: absolute; top: 36%; left:0; line-height: 1; color: #F5F5F5; font-weight: bold;}
.banner_tit span{ display:block; font-weight: normal; margin-bottom: 30px;}
.banner_tit em{ display:block; font-weight: normal; font-family: Helvetica; margin-top: 20px; } 
.banner_arrow{ display:block; position: absolute; bottom: 17%; left:0; padding-top: 82px;}
.banner_arrow:before{ content:""; position: absolute; top:0; left:50%; width:1px; height: 82px; background: #fff;}
.banner_arrow span{ display:block; position: relative; margin: 0 auto; border-radius:50%; border:1px solid #fff; width:54px; height: 54px;} 
.arrow { display:block; border-left: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid #fff; transform: rotate(45deg); transform-origin: left;}           
.arrow:before { content: ''; display: block; border-left: 1px solid transparent; border-right: 1px solid transparent; border-top: 1px solid #fff; position: absolute; right: 0; transform: rotate(90deg); transform-origin: bottom;}
.arrow01{ width: 16px; height: 8px; position: absolute; top:50%; left:50%; margin:-10px 0 0 -8px;}
.arrow01:before{ width: 15px; height: 8px; top: -8px;}

/*===================走进华纳========================*/
.sec_into{ }
.into_top{}
.into_tit{ float:left; color:#333; margin-bottom: 50px;}
.into_tit em{ display:block; color: #666; margin-top: 5px; }
.into_num{ display:block; float:right; position: relative; color: #666; padding-left: 75px; margin-top: 10px;}
.into_num:before{ content:""; position: absolute; top:50%; left:0; width:60px; height:1px; background: #333; opacity: .30;}
/*into_group*/ 
.into_group{ padding-top: 120px;}
.group_img{ float:left; overflow: hidden; background: #fff; width:50%; height: 860px; position: relative; margin-bottom: -80px;} 
.group_right{ overflow:hidden; text-align:justify; padding: 3.5% 0 3.5% 6.50%;} 
.group_forewords{ line-height: 1.58; color: #333;}
.group_des{ margin-top: 20px; text-align:justify; line-height: 21px;  max-height: 441px; overflow: hidden; }
.group_des.active{ overflow-y: auto;}
.group_btn{ display:none; text-align: center; background: #0059D1; color: #fff; width:165px; line-height: 42px;}
.group_btn span{ display:inline-block; }
.group_btn span em, .arrow02{ display:inline-block; vertical-align: middle;}
.arrow02{ width: 10px; height: 5px; margin-left: 10px; margin-top: -8px; }
.arrow02:before{ width:9px; height: 5px; top: -5px;}
.group_btn.active .arrow02{ transform: rotate(225deg); margin-top: 8px; margin-left: 20px;}
/*into_speech*/
.into_speech{ padding-top:200px; padding-bottom: 120px; background: #0059D1; color: #fff;}
.speech_left{ float:left; width:50%; padding-right: 6.50%;}
.into_top_white .into_tit, .into_top_white .into_tit em{ color:#fff;} 
.into_top_white .into_num{ color:rgba(255,255,255,.80);}
.into_top_white .into_num:before{ background: #fff; }
.speech_forewords{ line-height: 1.58; position: relative; padding-bottom: 70px; }
.speech_forewords:before{ content:""; position: absolute; bottom: 0; left:0; width:60px; height: 2px; background: #fff; opacity: .60;}
.speech_right{ overflow:hidden; padding-left: 6.50%; text-align:justify; line-height: 21px; opacity: 0.8;}
/*into_culture*/
.into_culture{ overflow: hidden; padding-bottom: 120px;}
.culture_box{ position: relative; }
.culture_left{ width:50%; float:left;}
.culture_left_block01{ position: relative;}
.culture_left_block01:before{ content:""; position: absolute; top:0; left:-200%; width:500%; height: 100%; background: #0059D1;}
.block01_inner{ position:relative; background: #fff; padding: 12.66% 13.40% 7.60%;}
.culture_forewords{ line-height: 1.58; color: #333;}
.culture_des{ text-align:justify; line-height: 21px; margin-top: 15px;}
.culture_left_block02{ background: #003275; color: #fff; padding: 7.60% 0 6.33% 13.40%;}
.culture_list{ display:flex; flex-wrap: wrap; color: rgba(255,255,255,.70);}
.culture_list li{ width:49%; float:left; margin-bottom: /*50px*/ 7.54%;}
.culture_list li:nth-child(even){ width:auto;}
.culture_item, .culture_aim{ padding-left: 20px;}
.culture_item{ color: #fff; background:url(../images/ico_dec.png) left center no-repeat; background-size: 10px; line-height: 24px; margin-bottom: 10px;}
.culture_right{ width:50%; height: 100%; background: #fff; overflow: hidden; position: absolute; top:0; left:50%; z-index: 1;}

/*===================集团产业========================*/
.industry_nav{ position: fixed; top:-100%; left:0; z-index: 1000; width:100%; line-height: 96px; background: rgba(0,0,0,.90); text-align: center; transition: all 0.5s 0s ease-in-out; font-size: 16px!important;}
.industry_nav li{ float:left; width:16.657%;}
.industry_nav li a{ display:block; color: #fff; position: relative;}
.industry_nav li.active a{ background: #0059D1;}
.industry_nav li a:before{ content:""; position: absolute; top:50%; transform: translateY(-50%); left:0; width:1px; height: 20px; background: rgba(255,255,255, .20);}
.industry_nav li:first-child a:before{ display:none!important;}

/*industry_dowebok*/
.industry_dowebok{ color:#fff;} 
.industry_dowebok a{ color:#fff;}
.industry_bg{ position:absolute; top:0; left:0;}
.industry_box{ position:relative; z-index: 1;}
.industry_con{ width:100%; max-width:880px;} 
.industry_tit{ margin-bottom: 30px;}
.industry_des{ line-height:1.77; text-align:justify; margin-bottom:45px;}
.industry_more{ display:block; border:1px solid #fff; border-radius:25px; text-align:center; width:140px; line-height: 40px; }
.industry_more span{ display:inline-block; padding-right: 20px; position: relative; } 
.industry_more span:before{ content:""; position: absolute; top:50%; margin-top: -7px; right:0; width:14px; height: 14px; background: url(../images/dec_01.png) right center no-repeat; background-size: contain;}
.industry_more:hover{ background: #fff; color:#0059d1;}
.industry_more:hover span:before{ background-image: url(../images/dec_01b.png);}
.industry_line{ display:block; width:24px; height: 2px; background: #fff; }
.industry_dowebok .section.active .industry_des{ 
	-webkit-animation: 1s .4s fadeInUp both;
	animation: 1s .4s fadeInUp both;
}
.industry_dowebok .section.active .industry_more{ 
	-webkit-animation: 1s .6s fadeInUp both;
	animation: 1s .6s fadeInUp both;
}


/*industry_survey*/
.industry_survey{ background: #0059d1; color:#fff; min-height: 555px; padding-top: 120px; position: relative;}
.industry_survey .bgImg{ position:absolute; top:0; left:0; }
.industry_survey a{ color:#fff;}
.survey_box{ position: relative; z-index: 1;}
.survey_con{ width:50%; max-width: 700px;} 
/*industry_detail*/
main.main_industry{ background: #F8F8F8; padding-bottom:120px;}
.industry_detail{ position: relative; z-index: 1; margin-top: -90px;}
.industry_block{ background: #fff; border-radius: 3px 0 0 3px; margin-bottom: 60px;}
.industry_block:last-child{ margin-bottom:0!important;}
.industry_block dt, .industry_block dd{ height:580px;}
.industry_block dt{ float:left; position: relative; overflow:hidden; width:63.292%;}
.industry_block dt .bgImg{ display:block; height: 100%; border-radius: 3px 0 0 3px;}
.industry_block dt:before{ content:""; position: absolute; top:0; right:0; z-index: 2; width:22px; height: 104px; background: url(../images/ico_dec03.png) right top no-repeat; background-size: contain;}
.industry_block dt:after{ content:""; position: absolute; top:104px; right:0; z-index: 1; width:22px; height: 100%; background:#fff;}
.industry_block dd{ overflow:hidden; text-align: justify; position: relative; padding:66px 4% 0 2.5%;}
.industry_item{ margin-bottom: 30px;}
.industry_item a{ display:block;}
.industry_item a:hover{ color: #0059d1;}
.industry_overview{ color: #505050; line-height: 24px; max-height: 288px; overflow: hidden;}
.industry_url{ display:block; background: #0059D1; color:#fff; border-radius: 3px; text-align:center; border:2px solid #0059D1; width:164px; line-height:43px; position: absolute; bottom:60px;}
.industry_url span{ display:inline-block; padding-right: 20px; position: relative; } 
.industry_url span:before{ content:""; position: absolute; top:50%; margin-top: -9px; right:0; width:14px; height: 14px; background: url(../images/dec_01.png) right center no-repeat; background-size: contain;}
.industry_url:hover{ background: #fff; color:#0059d1;}
.industry_url:hover span:before{ background-image: url(../images/dec_01b.png);}
/*industry_swiper*/
.industry_swiper{ height:100%;}
.industry_swiper_txt{ position:absolute; bottom: 0; left:0; z-index:1; width:100%; padding:0 6%; background: rgba(0,0,0,.40); color: #fff;}
.industry_swiper_txt .tit, .industry_guide{ line-height: 98px;}
.industry_swiper_txt .tit{ width: 60%;}
.industry_guide{ position:absolute; bottom:0; right:6%; z-index: 2;}
.industry_guide .swiper-button-prev,
.industry_guide .swiper-button-next,
.industry_guide .swiper-pagination{ position: inherit; position:initial; display:inline-block; vertical-align: middle; width:auto; opacity: 1; margin: 0;}
.industry_guide .swiper-button-prev,
.industry_guide .swiper-button-next{ width:42px; height: 42px; background: center center no-repeat; background-size: 12px;}
.industry_guide .swiper-button-prev{ background-image: url(../images/arrow01_left01.png);}
.industry_guide .swiper-button-prev:hover{ background-image: url(../images/arrow01_left02.png);}
.industry_guide .swiper-button-next{ background-image: url(../images/arrow01_right01.png);}
.industry_guide .swiper-button-next{ background-image: url(../images/arrow01_right02.png);}
.industry_guide .swiper-pagination{ color: #8a96a7; letter-spacing: -0.08em;}
.industry_guide .swiper-pagination span.swiper-pagination-current{ color:#fff;}
/*.estate_detail .industry_overview{ max-height:336px;}*/

/*===================新闻中心========================*/
.news_wrap{ overflow: hidden; padding:60px 0 120px;}
.news_top{ border-bottom:1px solid rgba(151,151,151, .30); padding-bottom: 30px; margin-bottom: 50px;}
.news_nav{ float:left;}
.news_nav li{ float:left;}
.news_nav li a{ display:block; color: #2A2A2A; border-radius: 3px; text-align: center; width:140px; line-height: 42px;}
.news_nav li:hover a{ color:#0059D1;}
.news_nav li.current a{ background: #0059D1; color: #fff;}
.news_local{ float:right; padding-left: 24px; background: url(../images/ico_dec04.png) left center no-repeat; background-size: 15px; color: #666666; }
.news_local a{ color: #666666; padding: 0 10px;}
.news_local a:hover, .news_local a.current{ color:#0059D1;}
/*news_list*/
.news_list{ display:flex; flex-wrap: wrap; align-items: flex-start; margin: -35px -30px;}
.news_list li{ float:left; width:50%; padding: 35px 30px;}
.news_list li a{ display:block; position: relative; border-bottom:1px solid rgba(151,151,151, .30);}
.news_list li a:before{ content:""; position: absolute; bottom: 0; left:0; width:0; height: 2px; background: #0059D1;}
.news_list li a .img_box{ padding-top: 56.58%; margin-bottom: 40px;}
.news_list li a .tit{ margin-bottom:15px;}
.news_list li a .des{ color:#666; line-height: 24px; height: 72px; -webkit-line-clamp: 3;}
.news_xg{ color:#666; padding: 25px 0;}
.news_time{ display:block; float:left;}
.news_more{ display:block; float:right; padding-right: 15px; background: url(../images/ico_dec05.png) right center no-repeat; background-size: 8px;}
.news_list li a:hover{ color:#0059D1;}
.news_list li a:hover:before{ width:61.58%;}
.news_list li a:hover .news_more{ color:#0059D1; background-image: url(../images/ico_dec05b.png);}
.load_more{ display:block; margin: 90px auto 0; background: #EEEEEE; color:#666; text-align: center; width: 60%; max-width: 512px; line-height: 3.6;}
.load_more:hover{ background: #0059D1; color: #fff;}
/*news_detail*/
.news_detail{}
.news_detail img{ height:auto!important;}
.news_detail video{ max-width: 100%; height: auto!important; background: #000!important;}
.news_detail_top{ text-align:center; border-bottom:1px dashed rgba(151,151,151, .30); padding-bottom: 40px; margin-bottom: 40px;}
.news_detail_tit{ color: #333; margin-bottom: 10px;}
.news_detail_page{ margin-top: 40px; background: #f5f5f5; line-height: 22px; display: flex; flex-wrap: wrap; align-items: flex-start;}
.detail_btn{ display:block; float: left; width:50%; padding:2.85% 3.5%;}
.detail_next{ float:right; text-align: right;}
.detail_btn:hover{ background-color: #0059D1; color: #fff;}
.detail_btn em{ display:block; width:30px; height: 100%; font-size: 0; position: relative;}
.detail_btn em:before{ content:""; position: absolute; top:50%; left:0; width: 12px; height: 12px; margin-top: -6px;}
.detail_btn em:after{ content:""; position: absolute; top:50%; right:0; width:1px; height: 14px; margin-top: -7px; background: #e5e5e5;}
.detail_btn:hover em:after{ background:rgba(255,255,255, .30);}
.detail_prev em{ float:left; margin-right: 15px;}
.detail_prev em:before{ background: url(../images/article_arrow01.png) left center no-repeat;} 
.detail_prev:hover em:before{ background-position: right center;}
.detail_btn span{ display:block; overflow: hidden; }
.detail_next em{ float:right; margin-left: 18px;}
.detail_next em:before{ left:auto; right:0; background: url(../images/article_arrow02.png) right center no-repeat;}
.detail_next em:after{ right:auto; left:0;}
.detail_next:hover em:before{ background-position: left center;}
/*news_detail_related*/
.news_detail_related{ margin-top: 110px;}
.related_tit{ color:#333; font-weight: bold; margin-bottom: 40px;}



/*===================社会责任========================*/
.responsibility_wrap{}
.news_local02{ float:left;}
/*responsibility_explain*/
.responsibility_explain{ position: relative; padding-top:30px;}
/*.responsibility_explain .bgImg{ height:575px;}*/
.responsibility_explain .bgImg img{ display:block;}
.explain_box{ position:absolute; top:0; left:4.43%; z-index: 1; width: 91.14%; max-width:608px; /*height: 290px;*/ background: linear-gradient(-45deg, transparent 2em, #0055C6 0 ); color: #fff; padding: 3.50% 4.15% 3%;}
.explain_tit{ margin-bottom:20px;}
.explain_des{ line-height: 26px; /*max-height: 130px;*/ overflow: hidden;}
/*responsibility_block*/
.responsibility_list{ border-top:1px solid rgba(151,151,151, .30); margin-top: 50px;}
.responsibility_block{ position: relative; border-bottom:1px solid rgba(151,151,151, .30); padding: 46px 0;}
.responsibility_block:before{ content:""; position: absolute; bottom: -1px; left:50%; width:0; height: 2px; background: #0059D1; opacity: .40;}
.responsibility_block dt{ float:right; position: relative; overflow: hidden; width:41.773%; height: 320px;} 
.responsibility_block dt .bgImg{ transition: transform 3s cubic-bezier(.23, 1, .32, 1); transform: scale(1); }
.responsibility_block:hover dt .bgImg{ transform: scale(1.1); } 
.ico_video{ display:block; position: absolute; top:50%; left:50%; margin:-44px 0 0 -44px; width: 88px; height: 88px; background: url(../images/ico_video.png) center center no-repeat; background-size: contain;}
.responsibility_block dd{ overflow: hidden; padding-top: 25px; padding-right: 6.6%;}
.responsibility_tit{ margin-bottom:10px;}
.responsibility_tit a{ display:block; overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.responsibility_time{ margin-bottom:20px;}
.responsibility_des{ line-height:26px; max-height: 78px; -webkit-line-clamp: 3; margin-bottom: 45px;}
.responsibility_more{ font-size: 14px; display:block; background: #0059D1; color:#fff; text-align:center; border:2px solid #0059D1; width:200px; line-height:44px; }
.responsibility_more span{ display:inline-block; padding-right: 24px; position: relative; } 
.responsibility_more span:before{ content:""; position: absolute; top:50%; margin-top: -9px; right:0; width:14px; height: 14px; background: url(../images/dec_01.png) right center no-repeat; background-size: contain;}
.responsibility_more:hover{ background: #fff; color:#0059d1;}
.responsibility_more:hover span:before{ background-image: url(../images/dec_01b.png);}
.responsibility_block:hover:before{ left:18%; width:64%;} 
.responsibility_block:hover .responsibility_tit a{ color:#0059D1;}

/*===================人力资源--校园招聘========================*/
/*campus_intro*/
.campus_intro{ background: #0054c3 center top no-repeat; background-size: cover; color: #f5f5f5; text-align:center; padding:110px 0 190px;}
.campus_intro_tit{ font-weight: bold; margin-bottom: 30px;}
.campus_intro_des{ line-height: 1.75; margin-bottom: 50px;}
.campus_intro_line{ margin: 0 auto; width:42px; height: 1px; background: #fff;}
.campus_box{}
.campus_con{ max-width: 1567px; margin: 0 auto; display: flex; flex-wrap: wrap;}
/*campus_topic*/
.campus_topic{ display:block; position: relative; background: #fff; overflow: hidden; margin: -130px auto 0;}
.campus_topic img{ display:block;}
/*campus_condition*/
.campus_condition, .campus_flow{ padding-top: 90px; padding-bottom: 120px;}
.campus_condition{ float:left; width:30%;}
.campus_tit{ font-weight: bold; color:#333; margin-bottom: 40px;}
.condition_list{ line-height:1.90;}
.condition_list li{ position:relative; padding-left: 22px;}
.condition_list li:before{ content:""; position: absolute; top:50%; left:0; width:8px; height: 8px; background: #a5a5a5; border-radius:50%;}
.campus_join{ display:block; text-align: center; background: #0059D1; border:2px solid #0059D1; color: #fff; width:70%; max-width:320px; line-height: 3.2; margin-top: 80px;}
.campus_join span{ display:inline-block; padding-right: 24px; position: relative; } 
.campus_join span:before{ content:""; position: absolute; top:50%; margin-top: -9px; right:0; width:16px; height: 16px; background: url(../images/dec_01.png) right center no-repeat; background-size: contain;}
.campus_join:hover{ /*background: #fff; color:#0059d1;*/ opacity: .90; }
/*.campus_join:hover span:before{ background-image: url(../images/dec_01b.png);}*/
/*campus_flow*/
.campus_flow{ border-left:1px solid rgba(151,151,151, .30); float:left; width:70%; padding-left: 10%;}
.flow_list{}
.flow_list li{ overflow:hidden; position: relative; padding-bottom: 10px; margin-bottom: 25px;}
.flow_list li:last-child{ margin-bottom:0!important;}
.flow_list li:before{ content:""; position: absolute; top:0; left:27px; width: 2px; height: 100%; background: #bed4f2; }
.flow_ico{ display:block; float:left; position: relative; z-index: 1; background: #fff; border-radius:50%; width:54px; height: 54px; margin-right: 35px;}
.flow_info{ overflow:hidden;}
.flow_tit{ line-height: 54px; color: #0059D1;}

/*===================人力资源--社会招聘========================*/
/*social_intro*/
.social_intro{ background: #fff; padding:120px 0 60px;}
.social_intro_list{ display: flex; flex-wrap: wrap;}
.social_intro_list li{ float:left; overflow: hidden; width:50%; border-right:1px solid rgba(151,151,151, .30);}
.social_intro_block{ position:relative; text-align:justify; min-height: 216px; width:90%; max-width: 700px;}
.social_intro_list li:nth-child(even){ border:none;}
.social_intro_list li:nth-child(even) .social_intro_block{ float:right;}
.social_intro_ico{ display:block; position: absolute; top:50%; transform: translateY(-50%); right:0; height: 216px; width:auto;}
.social_intro_info{ position:relative; z-index: 1; padding-top: 20px;}
.social_intro_tit{ color:#333; font-weight: bold; margin-bottom: 25px;}
.social_intro_tit em{ display:block; color: #666; font-weight: normal; margin-top: 5px;}
/*social_topic*/
.social_box{ overflow: hidden; padding-bottom: 120px; background: #f7f7f7; }
.social_topic{ position:relative; z-index: 10; }
.social_topic:before{ content:""; position: absolute; top:0; left:-100%; width:300%; height: 50%; background: #fff;}
.social_topic img{ display:block; position: relative; z-index: 1;}
.statement{ position:relative;}
.link_statement{ display:block; position: absolute; bottom: 0; left:0; z-index: 1; background: #0059D1; color: #fff; text-align:center; width:290px; line-height: 80px;}
.link_statement span{ display:inline-block; padding-left: 33px; background: url(../images/social_02.png) left center no-repeat; background-size: 21px;}
.statement_box{ position: absolute; top:110%; left:0; z-index: 1; padding-top: 22px; width:100%; max-width: 840px; display:none;}
.statement_con{ position: relative; padding:2.50% 3.10%; background: #fff; box-shadow: 0 8px 30px 0 rgba(0,0,0,0.10); }
.statement_con:before{ content:""; position: absolute; top:-11px; left: 45px; width:22px; height: 11px; background: url(../images/social_03.png) no-repeat;}
.statement_tit{ color:#333; margin-bottom: 15px;}
.statement:hover .link_statement{ opacity:.90;} 
.statement:hover .statement_box{ top:100%; display:block; /*-webkit-animation: 1s .2s fadeIn both; animation: 1s .2s fadeIn both;*/}
/*social_post*/
.social_post{ overflow: hidden; margin:-20px -30px; padding-top: 60px; display:flex; flex-wrap: wrap;}
.post_block{ float:left; width:50%; padding:20px 30px;}
.post_block a{ display:block; position: relative; background: #fff; color: #666; border-radius:3px; padding: 6% 7.89%;}
.post_block a:before{ content:""; position: absolute; top:0; left:0; width:100%; height: 100%; border-radius:3px; background: #0059d1 url(../images/social_04.png) right bottom no-repeat; background-size: cover; opacity: 0;}
.post_info{ position: relative; z-index: 1;}
.post_tit{ margin-bottom:20px; color: #333; transition: all 0.5s 0s ease-in-out;}
.post_xg{ display:flex; flex-wrap: wrap; border-bottom:1px solid rgba(151,151,151, .30); padding-bottom: 40px; margin-bottom: 30px;}
.post_xg li{ float:left; width:50%; max-width: 215px; line-height: 24px; margin-top: 6px;} 
.post_more{ display:block; position: relative; }
.post_more:before{ content:""; position: absolute; top:0; right:0; width:49px; height: 100%; background: url(../images/ico_dec06.png) right center no-repeat; background-size: contain;}
.post_block a:hover, .post_block a:hover .post_tit{ color:#fff;}
.post_block a:hover:before{ opacity: 1;}
.post_block a:hover .post_xg{ border-color:rgba(255,255,255, .10);}
.post_block a:hover .post_more:before{ background-image: url(../images/ico_dec06b.png);}
/*post_detail*/
.post_detail{ padding: 8%; background: url(../images/post_01.jpg) center bottom no-repeat; background-size:contain;}
.post_detail_top{ border-bottom:1px solid rgba(151,151,151, .30); padding-bottom: 35px; margin-bottom: 35px;}
.post_detail_tit{ font-weight: bold; color: #0059D1;}
.post_detail_xg{ margin-top: 20px;}
.post_detail_xg li{ display:inline-block; vertical-align: middle; margin-right: 5%;}
.post_detail_con{}
.post_detail_item{ color:#333; margin-bottom: 25px;}
.post_detail_caption, .post_detail_des{ padding-left: 18px!important;}
.post_detail_caption{ color:#333; background: url(../images/ico_dec.png) left center no-repeat!important; background-size: 8px!important; margin-bottom: 15px;}
.post_detail_handle{ margin-top: 16%; text-align: center;}
.post_apply{ display:inline-block; vertical-align: middle; background: #0059D1; color: #fff; width:65%; max-width:344px; font-size:16px!important; line-height: 4;}
.post_apply:hover{ opacity:.90;}

/*===================联系我们========================*/
.contact_box{ position: relative; margin: 90px 0 -90px;} 
.contact_con{ width:100%; /*min-height: 400px; */ max-width:960px; margin:0 auto; padding: 40px 0; position: relative; background: linear-gradient(-45deg, transparent 2.5em, #0055C6 0 ); color:#fff; border-radius:4px; display:flex; flex-wrap: wrap; align-items: center;}
.contact_left, .contact_center, .contact_right{ float:left; width: 25%; text-align:center; }
.contact_left{}
.contact_logo{ display:inline-block; width: 80%; max-width: 168px; }
.contact_logo img{ display:block; margin: 0 auto; max-height:105px; width:auto;}
.contact_center{ width:50%; border-left:1px solid rgba(255,255,255, .30); border-right:1px solid rgba(255,255,255, .30);}
.contact_list{ display:inline-block; width:85%; max-width: 468px; vertical-align: middle; text-align: left; line-height: 1.4; }
.contact_list li{ overflow:hidden; margin-bottom: 10px;}
.contact_list li:last-child{ margin-bottom:0!important;}
.contact_list li img{ display:block; float:left; width:28px; height: auto; margin-right: 20px;}
.contact_list li p{ overflow:hidden;}
.contact_list li:nth-child(1) p{ opacity:.86;}
.contact_right{ }
.contact_notice{ display:inline-block; vertical-align: middle; text-align: center; width: 80%; max-width: 136px; margin: 0 auto;}
.contact_notice li{ /*float:left; width:50%; padding: 15px;*/}
.contact_notice li img{ display:block; margin: 0 auto 10px;}
.contact_map{/* height:810px;*/}
.contact_map .bgImg img{ display:block; margin: 0 auto;}


@media(max-width:1600px){
	/*font*/ 
	.f120{ font-size:100px;}
	.f72{ font-size:60px;} 
	.f60{ font-size:50px;} /*－10*/
	.f46{ font-size:40px;} 
	.f42{ font-size:36px;}
	.f40{ font-size:34px;}
	.f38{ font-size:32px;}
	.f36{ font-size:30px;}  /*－6*/
	.f32{ font-size:28px;}
	.f30{ font-size:26px;}
	.f28{ font-size:24px;} 
	.f26{ font-size:22px;} 
	.f24{ font-size:20px;} /*－4*/
	.f22{ font-size:20px;} 
	.f20{ font-size:18px;} 
	.f18{ font-size:16px;} /*－2*/
	.f17{ font-size:15px;}
	.f16{ font-size:14px;}
	
	/*index_header*/
	.index_header{ padding-top:30px;}
	.index_logo img{ height: 70px;}
	.guide_wrap{ padding-top: 100px;}
	.guide_nav, .guide_search, .guide_contact, .guide_footer{ padding-top: 3.5%;}
	.guide_nav{ margin-left: -25px; margin-right: -25px;}
	.guide_nav li a.g_a0{ padding-left: 25px; padding-right: 25px;} 
	.business_des{ line-height:26px; max-height: 130px;}
	.industry_nav{ line-height:76px;}
	
	/*header*/
	.inner{ max-width:1280px;}
	
	/*02*/
	.group_img{ height: 760px;} 
	.group_des{ max-height:357px;}
}

@media(max-width: 1366px){
	/*font*/ 
	.f120{ font-size:80px;}
	.f72{ font-size:50px;} 
	.f60{ font-size:40px;} /*－10*/
	.f46{ font-size:34px;} 
	.f42{ font-size:30px;}
	.f40{ font-size:28px;}
	.f38{ font-size:26px;}
	.f36{ font-size:24px;}  /*－6*/
	.f32{ font-size:24px;}
	.f30{ font-size:22px;}
	.f28{ font-size:20px;} 
	.f26{ font-size:18px;} 
	.f24{ font-size:18px;} /*－4*/
	.f22{ font-size:16px;} 
	.f20{ font-size:16px;} 
	.f18{ font-size:14px;} /*－2*/
	.f17{ font-size:14px;}
	.f16{ font-size:14px;}
	
	/*index_header*/
	.guide_language{ width:130px; line-height: 40px; margin-top:-70px;}
	.menu_phone{ top:10px;} 
	.business_des{ line-height:24px; max-height: 120px; margin-bottom: 30px;}
	a.business_more{ line-height:3;}
	.business_tit{ margin-bottom: 50px}
	.business_des{ margin-top:-20px;}
	.industry_nav{ line-height: 56px; font-size: 14px!important;}
	
	
	/*header*/
	.inner{ width:100%; padding: 0 20px; max-width:1140px;}
	.nav_list{ margin:0 -20px;}
	.nav_list li a.n_a0{ padding:0 15px;}
	.header_func{ padding-left:40px; margin-left: 40px;}
	
	/*footer*/
	footer{ padding:70px 0;}
	
	/*02*/
	.banner_tit, .banner_arrow{ left:20px;}
	.into_group{ padding-top: 90px;}
	.group_img{ height: 660px;}
	.into_speech{ padding-top:170px; padding-bottom: 90px;}
	.into_culture{ padding-bottom: 90px;}
	.block01_inner{ padding: 11.66% 9.4% 6.6%;}
	.culture_left_block02{ padding: 6.6% 0 5.33% 9.4%}
	
	/*03*/
	main.main_industry{ padding-bottom:90px;}
	.industry_survey{ min-height: 495px; padding-top:90px;}
	.industry_block dt, .industry_block dd{ height:480px;}
	.industry_block dd{ padding-top: 50px;}
	.industry_overview{ max-height: 240px;}
	.industry_url{ bottom: 50px;}
	.industry_item{ margin-bottom: 20px;}
	.industry_swiper_txt .tit, .industry_guide{ line-height: 78px;} 
	
	/*04*/
	.news_wrap{ padding-bottom:90px;}
	.load_more{ margin-top:60px;}
	.responsibility_des{ line-height:24px; max-height: 72px;}
	
	/*06*/ 
	.campus_condition, .campus_flow{ padding-bottom: 90px;}
	.campus_join{ margin-top:50px;}
	.campus_intro{ padding: 90px 0 160px;}
	.campus_topic{ margin-top:-100px;}
	.social_intro{ padding-top:90px;}
	.social_box{ padding-bottom: 90px;} 
	
}


@media(max-width: 1199px){
	/*font*/ 
	.f120{ font-size:60px;}
	.f72{ font-size:40px;} 
	.f60{ font-size:30px;} /*－10*/
	.f46{ font-size:28px;} 
	.f42{ font-size:24px;}
	.f40{ font-size:22px;}
	.f38{ font-size:20px;}
	.f36{ font-size:20px;}  /*－6*/
	.f32{ font-size:20px;}
	.f30{ font-size:20px;}
	.f28{ font-size:18px;} 
	.f26{ font-size:16px;} 
	.f24{ font-size:16px;} /*－4*/
	.f22{ font-size:16px;} 
	.f20{ font-size:16px;} 
	.f18{ font-size:14px;} /*－2*/
	.f17{ font-size:14px;}
	.f16{ font-size:14px;}
	
	/*====index===*/
	/*index_header*/    
	.guide_nav{ margin-left: -20px; margin-right: -20px;}
	.guide_nav li a.g_a0{ padding-left: 20px; padding-right: 20px;} 
	/*index_other*/
	.n_f_txt{ margin:0 auto;}
	.about_box{ width:100%; padding: 0 20px; max-width: 890px; } 
	
	
	/*header*/
	header{ padding-top:35px; padding-bottom: 35px;}
	.header_right{ display:none;}
	header .menu_phone{ display:block;} 
	header.header_scr{ padding:10px 0!important;}
	
	/*06*/
	.link_statement{ width:220px; line-height: 60px;} 
}


@media(max-width: 991px){  
	/*font*/ 
	.f120{ font-size:40px;}
	.f72{ font-size:30px;} 
	.f60{ font-size:24px;} /*－10*/
	.f46{ font-size:22px;} 
	.f42{ font-size:18px;}
	.f40{ font-size:18px;}
	.f38{ font-size:18px;}
	.f36{ font-size:18px;}  /*－6*/
	.f32{ font-size:16px;}
	.f30{ font-size:16px;}
	.f28{ font-size:16px;} 
	.f26{ font-size:16px;} 
	.f24{ font-size:16px;} /*－4*/
	.f22{ font-size:16px;} 
	.f20{ font-size:16px;} 
	.f18{ font-size:14px;} /*－2*/
	.f17{ font-size:14px;}
	.f16{ font-size:14px;} 
	
	/*====index===*/ 
	.index_header{ padding:15px 20px;}
	.index_logo img{ height:40px;}
	.guide_wrap{ padding-top:70px;} 
	.guide_language{ margin-top: -52px; margin-right: 60px;}
	.guide_nav{ padding-top: 0;}
	.guide_nav li{ float:none; text-align:center;}
	.guide_nav li a.g_a0{ padding: 15px 0 0; }  
	.g_subclass{ position:relative; width:100%; left:0; transform:translateX(0); text-align: center;}
	.g_subclass a{ display:inline-block; vertical-align: middle; padding: 0 10px; line-height: 30px;}
	.guide_footer{ display:none;}
	/*index_other*/
	.focus_page .swiper-pagination{ font-size:20px;}
	.focus_page .swiper-pagination .swiper-pagination-bullet{ width:auto;}
	.focus_page .swiper-pagination .swiper-pagination-bullet em{ height:10px;}
	.f_t_p01{ margin-bottom: 10px;}
	.f_t_p02{ letter-spacing: 0; margin-bottom:15px;}
	.n_f_txt{ width:100%; } 
	
	
	/*header*/
	header{ padding-top:15px; padding-bottom: 15px}
	.logo img{ height:40px;}
	
	/*footer*/
	footer{ padding:40px 0;}
	.footer_top{ text-align: center;}
	.footer_top_left{ float:none;}
	.footer_logo, .back_top{ margin-bottom:20px;}
	.footer_logo img{ height:48px; margin: 0 auto;}
	.footer_nav a, .footer_links a{ padding:0 12px;}
	.footer_top_right{ float:none;}
	.back_top{ float:none; margin-left: auto; margin-right: auto;}
	.footer_bot{ text-align:center;}
	.footer_contact{ float:none; margin-bottom: 20px;}
	.footer_contact li{ margin-bottom:4px;}
	.footer_bot_right{ float:none;}
	.footer_shared{ float:none; margin-bottom: 10px;}
	.footer_info{ text-align:center;}
	/*02*/
	.banner_wrap{ height: 450px;} 
	.banner_tit{ top: auto; bottom: 15%;}
	.banner_tit em{ margin-top:10px;}
	.banner_arrow{ display:none;}
	
	/*03*/
	.industry_block dt, .industry_block dd{ height:auto;}
	.industry_block dt{ width:100%; float:none;}
	.industry_block dt .bgImg img{ display:block;}
	.industry_block dt:before{ top:auto; bottom: 0; width:104px; height: 22px; background-image: url(../images/ico_dec03b.png); opacity: .80; display:none;}
	.industry_block dt:after{ top:auto; bottom: 0; right:104px; width:100%; height:22px; opacity: .80; display:none;}
	.industry_block{ margin-bottom:40px;} 
	.industry_block dd{ padding: 30px 20px;}
	.industry_overview{ max-height:none!important;}
	.industry_url{ position:inherit; position: initial; width: 140px; line-height: 36px; margin-top: 20px;}
	.industry_survey .bgImg{ background-position: right top; height:60%;}
	/*.about_des{  font-size:16px;}
	#about_show .swiper-slide:nth-child(2) .about_des,
	#about_show .swiper-slide:last-child .about_des{ font-size:12px;}*/
	
	/*04*/
	.news_list{ margin:-25px -20px;}
	.news_list li{ padding:25px 20px;}
	.news_nav li a{ width:auto; padding: 0 20px;}
	.news_nav, .news_local{ float:none;}
	.news_nav{ margin-bottom: 20px;}
	.news_list li a .img_box{ margin-bottom:30px;}
	.news_list li a .tit{ margin-bottom: 10px;}
	.news_xg{ padding: 20px 0;}
	.detail_btn{ width:100%; float:none; padding: 10px 20px;} 
	
	/*06*/
	.campus_condition, .campus_flow{ width:100%; float:none; padding:60px 0;}
	.campus_flow{ border-left:none; border-top:1px solid rgba(151,151,151, .30);}
	.flow_ico{ margin-right:20px;} 
	.social_post{ margin: -15px;}
	.post_block{ padding:15px;}
	
	/*07*/ 
	.contact_box{ margin-top: 60px; margin-bottom: -60px;} 
	.post_apply{ font-size:14px!important;}
	
	/*#example_video_1{ display:none;}
	#example_video_2{ display:block;}*/
}



@media(max-width: 767px){ 
	.f120{ font-size:30px;}
	.f72{ font-size:26px;} 
	.f60{ font-size:20px;} /*－10*/
	.f46{ font-size:20px;} 
	.f42{ font-size:16px;}
	.f40{ font-size:16px;}
	.f38{ font-size:16px;}
	.f36{ font-size:16px;}  /*－6*/
	.f32{ font-size:16px;}
	.f30{ font-size:16px;}
	.f28{ font-size:16px;} 
	.f26{ font-size:16px;} 
	.f24{ font-size:16px;} /*－4*/
	.f22{ font-size:16px;} 
	.f20{ font-size:16px;} 
	.f18{ font-size:14px;} /*－2*/
	.f17{ font-size:14px;}
	.f16{ font-size:14px;} 
	body,html{ font-size:12px;}
	 
	
	/*index*/
	.guide_language{ width:100px; line-height: 30px;}
	#fp-nav{ display:none;}
	.page1 .shared, .page2 .shared, .page3 .shared, .page4 .shared{ display:none;}
	.f_t_p01{ font-size:16px; } 
	.f_t_p03{ font-size:12px;} 
	.news_left{ width:100%; height: 100%; float:none;} 
	.news_right{ display:none;}
	.news_rec{ width:50%; height: 100%; float:left;}
	.about_forewords, #about_show{ width:100%;}
	.industry_nav{ display:none;}
	.focus_video{ display:none;}
	.focus_phone{ display:block;} 
	.news_top{ padding-bottom:10px; margin-bottom: 20px;}
	.news_detail_top{ padding-bottom: 20px; margin-bottom: 20px;}
	.news_detail_related{ margin-top:40px;}
	.related_tit{ margin-bottom: 20px;}
	#business_thumbs .swiper-slide:before{ background: rgba(0,63,130,.55);}
	.business_tit em{ margin-top:10px;}
	
	/*02*/
	.banner_wrap{ height: 200px;} 
	.banner_tit{ bottom:10%;}
	.banner_tit em{ margin-top:5px;}
	.into_group, .into_speech{ padding-top:40px; padding-bottom: 40px;}
	.group_img{ width:100%; float:none; margin: 0 auto; max-width:356px; height:auto;}
	.group_img .bgImg img{ display:block;}
	.group_right{ clear:both; padding: 30px 0 0;}
	.group_des{ max-height:100%; margin-bottom: 0;}
	.group_btn{ display:none;}
	.into_tit{ margin-bottom: 30px;}
	.speech_left{ width:100%; float:none; padding-right: 0;}
	.speech_forewords{ padding-bottom:30px; margin-bottom: 30px;}
	.speech_right{ padding-left:0;}
	.into_culture{ padding-bottom:40px;}
	.culture_left{width:100%; float:none;}
	.block01_inner, .culture_left_block02{ padding:30px 20px;}
	.culture_list li{ width:100%; float:none; margin-bottom: 10px;}
	.culture_item{ margin-bottom: 0;}
	.culture_right{ position:inherit; position: initial; width:100%;}
	.culture_right .bgImg img{ display:block;}
	
	/*03*/
	.industry_survey{ min-height:auto; padding-top:40px; padding-bottom: 40px; } 
	.survey_con{ width:100%; max-width: none;}
	main.main_industry{ padding-bottom:40px;}
	.industry_des{ margin-bottom: 25px;}
	.industry_detail{ margin-top:40px;} 
	.industry_swiper_txt .tit, .industry_guide{ line-height: 58px;}
	.industry_guide{ right:0;}
	.industry_guide .swiper-button-prev, .industry_guide .swiper-button-next{ width:32px; height: 32px;} 
	
	/*04*/
	.news_wrap{ padding-top: 40px; padding-bottom: 40px;}
	.news_list{ margin: -15px;}
	.news_list li{ padding: 15px; width:100%;}
	.news_list li a .img_box{ margin-bottom:20px;}
	.news_list li a .tit{ margin-bottom:5px;}
	.news_xg{ padding: 15px 0;}
	
	/*05*/
	.responsibility_block dt{ width:100%; float:none; height: auto;}
	.responsibility_block dt .bgImg img{ display:block;}
	.ico_video{ width:58px; height: 58px; margin:-29px 0 0 -29px;}
	.responsibility_block dd{ padding-right:0; padding-top: 15px;}
	.responsibility_tit{ margin-bottom:5px;}
	.responsibility_time{ margin-bottom: 10px;}
	.responsibility_des{ margin-bottom:25px;}
	.responsibility_more{ width: 120px; line-height: 34px;}
	.responsibility_block{ padding:30px 0;}
	.responsibility_explain{ padding-top:0;}
	.explain_box{ position:inherit; position: initial; left:0; width: 100%; max-width: none;}
	.load_more{ margin-top:40px; max-width: 180px; line-height: 3;} 
	
	/*06*/ 
	.campus_condition, .campus_flow{ padding:40px 0;}
	.campus_tit{ margin-bottom: 20px;}
	.campus_join{ max-width:180px; line-height: 2.6; margin-top: 20px;}
	.campus_intro{ padding: 40px 0;}
	.campus_intro_des{ margin-bottom:30px;}
	.campus_topic{ margin: 0 -20px;} 
	.social_intro{ padding:40px 0;}
	.social_intro_list{ margin:-20px 0;}
	.social_intro_list li{ width:100%; float:none; border-right:none; border-bottom: 1px solid rgba(151,151,151, .30);}
	.social_intro_info{ padding-top:0;}
	.social_intro_block{ width:100%; padding: 20px 0;}
	.social_intro_ico{ height:186px;} 
	.link_statement{ width: 145px; line-height: 40px;}
	.post_block{ width:100%;}
	.post_xg{ padding-bottom:20px; margin-bottom: 20px;}
	.social_box{ padding-bottom: 40px;}
	.social_post{ padding-top:40px;}
	.post_block a{ padding: 15px;}
	.post_tit{ margin-bottom:10px;}
	.post_block a .post_xg{ padding-bottom:10px; margin-bottom: 10px;}
	.post_block a .post_xg li{ margin-top:0; font-size: 12px;}
	.post_apply{ line-height: 3; max-width: 160px;}
	.post_detail{ padding:20px;}
	.post_detail_top{ padding-bottom:15px; margin-bottom: 15px;}
	.post_detail_handle{ margin-top: 30px;}
	
	/*07*/
	.contact_box{ margin-top: 40px;  margin-bottom: -40px; }
	.contact_con{ padding:0; /*background: #0055C6;*/}
	.contact_left, .contact_center, .contact_right{ padding:10px;}
	.contact_left{ padding-left:0; padding-right: 0;}
	.contact_center{ border-right:none; width:75%; }  
	.contact_right{ clear: both; width:100%; border-top: 1px solid rgba(255,255,255, .30);}
	.contact_logo img{ height: 40px; width:auto;} 
	.contact_list, .contact_notice{ display:block; width:100%;}
	.contact_list li{ margin-bottom:5px;}
	.contact_list li img{ width:18px; margin-right: 10px;}
	.contact_list li p{ font-size: 14px!important;}
	.contact_notice{ max-width: 96px;}
	
}



@media(max-width: 567px){ 
	.industry_survey .bgImg{ background-position: 40% top; height: 40%;} 
	#business_show{ }
	#business_thumbs .swiper-slide{ overflow: hidden; height:100%; top:0%; padding: 0;}
	#business_thumbs .swiper-slide .thumbs_bg{ display:block;}
}