@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: 'SourceHanSansCN_Regular';
  src: url('../fonts/sourcehansanscn_regular.eot');
  src: url('../fonts/sourcehansanscn_regular.eot') format('embedded-opentype'),
	   url('../fonts/sourcehansanscn_regular.woff') format('woff'),
   url('../fonts/sourcehansanscn_regular.ttf') format('truetype'),
   url('../fonts/sourcehansanscn_regular.svg#sourcehansanscn_regular') format('svg');
  font-weight: normal;
  font-style: normal;
}   
@font-face {
  font-family: 'SourceHanSansCN_Medium';
  src: url('../fonts/sourcehansanscn_medium.eot');
  src: url('../fonts/sourcehansanscn_medium.eot') format('embedded-opentype'),
	   url('../fonts/sourcehansanscn_medium.woff') format('woff'),
   url('../fonts/sourcehansanscn_medium.ttf') format('truetype'),
   url('../fonts/sourcehansanscn_medium.svg#sourcehansanscn_medium') format('svg');
  font-weight: normal;
  font-style: normal;
}  
@font-face {
  font-family: 'SourceHanSerifSC_Bold';
  src: url('../fonts/sourcehanserifsc_bold.eot');
  src: url('../fonts/sourcehanserifsc_bold.eot') format('embedded-opentype'),
	   url('../fonts/sourcehanserifsc_bold.woff') format('woff'),
   url('../fonts/sourcehanserifsc_bold.ttf') format('truetype'),
   url('../fonts/sourcehanserifsc_bold.svg#sourcehanserifsc_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') 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;
}   
@font-face {
  font-family: 'DIN-Regular';
  src: url('../fonts/din-regular.eot');
  src: url('../fonts/din-regular.eot') format('embedded-opentype'),
	   url('../fonts/din-regular.woff') format('woff'),
   url('../fonts/din-regular.ttf') format('truetype'),
   url('../fonts/din-regular.svg#din-regular') format('svg');
  font-weight: normal;
  font-style: normal;
} 
body,html { 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
     background: #f5f5f5;
	font-family: Arial, Microsoft YaHei, "微软雅黑"; 
	color:#333;
    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, Microsoft YaHei, "微软雅黑";
}
select {
    border:inherit;
    background: inherit;
}
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"], 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,label{ font-weight: normal; padding: 0; margin: 0; font-size: 14px; line-height: 1.10; /*font-family:SourceHanSansCN_Medium;*/ }
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;} 
/*owl-carousel*/ 
.owl-carousel .owl-dots .owl-dot{ background: #395baa; } 
/*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, .caret_down, .menu_phone span{
    -webkit-transition:all 0.5s 0s ease-in-out; 
    transition: all 0.5s 0s ease-in-out;
} 

.wrap{ width:100%; max-width:1920px; margin: 0 auto; position: relative;}  
.inner{ width:1440px; margin: 0 auto;}
/*font*/ 
.f74{ font-size: 74px;}
.f72{ font-size: 72px;} 
.f60{ font-size: 60px;} 
.f48{ font-size: 48px;}
.f46{ font-size: 46px;}
.f44{ font-size: 44px;}
.f42{ font-size: 42px;}
.f40{ font-size: 40px;}
.f36{ font-size: 36px;}
.f32{ font-size: 32px;}
.f30{ font-size: 30px;}
.f28{ font-size: 28px;}
.f24{ font-size: 24px;} 
.f20{ font-size: 20px;}
.f18{ font-size: 18px;} 
.f16{ font-size: 16px;}
.f15{ font-size: 15px;}

/*===================header========================*/ 
header{ position:fixed; left:0; top:0; z-index:99; width:100%; color: #fff; }  
header.header_scr{ background: rgba(0,0,0,1);}
header a{ color: #fff;}
.logo{ float:left;}   
.logo img{ display:block; height: 55px; width:auto; margin:13px auto;vertical-align: middle;} 
.logo a{
	font-size: 0;
	display: block;
}
.header_r{ float:right;}
.header_top{ text-align:right; line-height: 24px; margin-top: 20px;}
.language, .enter{ display:inline-block;vertical-align: middle;}
.language{ margin-right: 12px; padding-left: 26px; background: url(../images/header_ico01.png) left center no-repeat; background-size: 24px; color:rgba(255,255,255,.20);}
.language a{ padding: 0 13px;}
.enter{ margin: 0 -11px;}
.enter a{ padding: 0 11px;}
.language a:hover, .enter a:hover{ text-decoration:underline;}
/*nav*/
.nav{ float:left; }
.nav li{ float:left; position: relative;}
.nav li a.n_a0{ display:block; padding: 10px 32px; line-height: 24px; position: relative; }
.nav li a:hover{
	color: rgba(255,255,255,.60);
}
.nav li a.n_a0:before{ content:""; position: absolute; bottom: 0; left:50%; width:0; height: 1px; background: rgba(255,255,255,.50); display:none;} 
/*subclass*/
.subclass{ position:absolute; top:100%; left:-10%; z-index: 10; width:120%;  background: rgba(0,0,0,.80); border-bottom:1px solid rgba(255,255,255,.50); padding: 15px 0; display:none; text-align:center; font-size: 14px;}
.subclass a{ display:block; color: #fff; padding:6px;}
.subclass a:hover{ background:rgba(255,255,255,.20);} 
.nav li:hover a.n_a0:before, .nav li.current a.n_a0:before{ left:0; width:100%;} 
.nav li:hover .subclass{ display:block; -webkit-animation: 1s .2s fadeIn both; animation: 1s .2s fadeIn both;} 
/*ico_search*/
.ico_search{ display:block; float:right; text-indent:-9999px; width:50px; height:36px; background: url(../images/header_ico02.png) right 82% no-repeat; background-size: 18px;} 
/*menu_phone*/
.menu_phone{ cursor: pointer; position: absolute; top:0; right:0; width: 60px; height: 60px; background: #e62129; display:none; }
.menu_phone span{ display:block; width:24px; height:24px; position: absolute; top:50%; left:50%; margin: -12px 0 0 -12px;}
.menu_phone i{ display: block; width: 100%; height: 2px; background-color: #fff; position: absolute; top:0;}
.menu_phone i:nth-of-type(2){ top:10px;}
.menu_phone i:nth-of-type(3){ top:20px;}  
.menu_active span{ transform:rotate(90deg);}   
 
/*===================main========================*/
main{ } 
/*bgImg*/
.bgImg{ display:block; width:100%; height: 100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.bgImg img{display:none;}
/*table*/
.table{ display:table; width:100%; height: 100%; }
.cell{ display:table-cell; vertical-align:middle;} 
/*img_box*/
.img_box{ display:block; 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;}
.ico_box img{ display: block; margin: auto; position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; width: auto; height: auto; max-width: 70%; max-height: 70%; } 
/*tit*/
.tit{ overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
/*df*/
.df{
	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;
	line-height: 24px;
	max-height: 48px;
} 

/*======================================01 index======================================*/
.section{ background: 50% 0 no-repeat; background-size:cover;}
.section .inner{ height: 100%; padding-top: 90px;}
/*sec_top*/
.sec_top{}
.sec_num{ display:block; margin-bottom: 10px; }
.num_line{ display:inline-block; vertical-align: middle; margin-left: 10px; width:0; height: 1px; position: relative; -webkit-transition:all 1s .2s ease-in-out; transition: all 1s .2s ease-in-out;}
.num_line:before{ content:""; position: absolute; top:0; left:0; width:100%; height: 1px; background: #333;}
.tit_text{ /*overflow:hidden;*/}
.sec_tit{ font-weight: bold; text-transform:uppercase;}
.sec_tit i{ display:block; margin-bottom: 5px;}
.sec_foreword{ line-height: 1.875; margin-top: 20px;} 
/*=====page1=====*/
.page1{} 
.focus_wrap{ position: relative; height: 100vh; }  
#focus_scr, #focus_scr .owl-stage-outer, #focus_scr .owl-stage, #focus_scr .owl-item, #focus_scr .item, #focus_scr .item a{ height: 100%; overflow: hidden;}
#focus_scr{ -webkit-animation: 1s .2s fadeIn both; animation: 1s .2s fadeIn both;} 
.focus_txt{ position: absolute; top:0; left:0; z-index: 3; width:100%; height: 100%; text-align: center; text-transform:uppercase; color: #fff; line-height: 1.1; text-shadow:0 0 15px rgba(0,0,0,1); } 
.focus_txt .inner{ display:table; height:100%; padding-top: 0!important;}   
.f_t_p01{ }
.f_t_p02{ font-weight: bold; letter-spacing:0.1em; margin: 1.50% 0;}
.f_t_p03{ letter-spacing:0.05em;} 
#focus_scr .owl-item.active .item .f_t_p01{ -webkit-animation: 1s .2s fadeInUp both; animation: 1s .2s fadeInUp both;}
#focus_scr .owl-item.active .item .f_t_p02{ -webkit-animation: 1s .4s fadeInUp both; animation: 1s .4s fadeInUp both;}
#focus_scr .owl-item.active .item .f_t_p03{ -webkit-animation: 1s .6s fadeInUp both; animation: 1s .6s fadeInUp both;}
#focus_scr .owl-dots{ width:100%; position:absolute; bottom: 0; left:0; z-index:10; text-align:center;}
#focus_scr .owl-dots .owl-dot{ display:inline-block; vertical-align: middle; margin: 0 8px; width:35px; height: 50px; background: none; opacity: 1; filter:alpha(opacity=100);}
#focus_scr .owl-dots .owl-dot span{ display:block; position:relative;}
#focus_scr .owl-dots .owl-dot span:before{ content:""; position:absolute; top:0; left:0; background: rgba(255,255,255,.60); width:100%; height: 2px;}
#focus_scr .owl-dots .owl-dot span:after{ content:""; position:absolute; top:0; left:0; z-index:1; background: #fff; width:100%; height: 2px; transform:scaleX(0); transform-origin: 0;}
#focus_scr .owl-dots .owl-dot.active span:after{ 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_scr .owl-nav, .notice{ position: absolute; bottom: 4%; left: 50%; z-index: 1;}
#focus_scr .owl-nav{ margin-left:524px; width:196px; line-height: 50px; background: #e62129; color: #fff; font-size: 12px; text-transform:uppercase; text-align:center; background-size: 16px;}
#focus_scr .owl-nav a{ display:inline-block; vertical-align: middle;}
#focus_scr .owl-nav a.owl-prev{ padding-left: 26px!important; background: url(../images/arrow01_left.png) left center no-repeat;}
#focus_scr .owl-nav a.owl-next{ padding-right: 26px!important; background: url(../images/arrow01_right.png) right center no-repeat;}
#focus_scr .owl-nav a.owl-next i{ margin: 0 7px;}
/*notice*/
.notice{ margin-left: -720px; }
.notice .bshare-custom, .notice_tel, .notice_tel .n_t_ico{ display:inline-block; vertical-align: middle;}
.notice .bshare-custom a, .notice_tel .n_t_ico{ background: center center no-repeat; background-size: 24px;}
.notice .bshare-custom a{ padding:0; margin: 0 10px 0 0; width:40px; height: 40px;}
.notice .bshare-custom a.bshare-qqim{ background-image: url(../images/notice_ico01.png);}
.notice .bshare-custom a.bshare-weixin{ background-image: url(../images/notice_ico02.png);}
.notice_tel{ margin-left: 10px; /*background: #2791f0;*/ color: #fff; padding-right: 15px; font-family:DINAlternate_Bold; font-size: 18px;}
.notice_tel .n_t_ico{ width:40px; height: 40px; background-color: #e62129; background-image: url(../images/notice_ico03.png); margin-right: 15px;}
.bsBox{ box-sizing: content-box;} 
/*=====page2=====*/
.page2{} 
.active.page2 .num_line{ width:95px;}
.active.page2 .tit_text{ -webkit-animation: 1s .2s fadeInLeft both; animation: 1s .2s fadeInLeft both;} 
.page2 .sec_top{ position:absolute; top:0; z-index: 1;}
.case_box{ height:/*78.42%*/ 86.67%; max-height: 741px; position:relative; }
.case_box .sec_top{ width:50%; max-width: 660px;}
.case_block{ width:40%; height: 33.33%; position:absolute;}
.case_block dt, .case_block dd{ float:left; overflow: hidden; background: #000; width:50%; height: 100%;}
.case_block dt a{ height:100%; color: #fff; text-align: center; background: center center no-repeat; background-size: cover; display: flex; justify-content: center; flex-wrap: wrap; align-items: center;}
.case_text{}
.case_ico{ display:block; width: 70px; margin: 0 auto 15px;}
.case_tit{}
.case_tit i{ display:block; margin-top: 5px; text-transform:uppercase; font-size: 14px; opacity: .50;}
.case_block dd{ float:right;}
.case_block dd a.img_box{ padding-top: 85.767%;}
.case_block dd a.img_box img{ transition: transform 3s cubic-bezier(.23, 1, .32, 1); transform: scale(1); }
.case_block:hover dd a.img_box img{ transform: scale(1.05); } 
.case_block:hover dt a{ opacity: .90;}
.case_block:hover dt a .case_ico{ -webkit-animation: 1s .2s bounceIn both; animation: 1s .2s bounceIn both;}
.case_block:hover dt a .case_tit{ -webkit-animation: 1s .2s fadeIn both; animation: 1s .2s fadeIn both;}
#case_block01{ right:0; top:0;}
#case_block01 dt{ float:right;}
#case_block01 dt a{ background-image: url(../images/case01_bg.jpg);}
#case_block01 dd{ background-color:transparent!important;}
#case_block01 .img_box img, #case_block05 .img_box img{ display:none;}
#case_block02{ left:0; top:33.33%;}
#case_block02 dt a{ background-image: url(../images/case02_bg.jpg);}
#case_block03{ left:40%; top:33.33%;}
#case_block03 dt a{ background-image: url(../images/case03_bg.jpg);}
#case_block04{ left:20%; bottom:0;} 
#case_block04 dt a{ background-image: url(../images/case04_bg.jpg);}
#case_block05{ right:0; bottom:0;} 
#case_block05 dt{ float:right;}
#case_block05 dt a{ background-color: #263d70;}
#case_block05 dt a .case_ico{ margin-bottom: 0;}
#case_block05 dd{ background-color:transparent!important;}
.active.page2 .case_block{ -webkit-animation: 1s .2s fadeIn both; animation: 1s .2s fadeIn both;}
.active.page2 #case_block02{ animation-delay:.4s;}
.active.page2 #case_block03{ animation-delay:.3s;}
.active.page2 #case_block04{ animation-delay:.5s;}
.active.page2 #case_block05{ animation-delay:.4s;}

.case_container{
	/* margin-top: 0.4hv; */
	position: absolute;
	left: 0;
	top: 25%;
	width: 100%;
}
.case_container li{
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 20px;
}
.case_container li:nth-child(3n){
	margin-right: 0;
}
.case_container li a{
	display: block;
}

.case_container li a img{
	width: 100%;
	height: auto;
	vertical-align: middle;
}

/* product start */
.pro1{
	padding-top: 4vh;
}
.pro1 .top02_subtit,.pro1 .top02_tit a{
	color: #FFFFFF;
}
.pro1 .top02_tit em:before, .pro1 .top02_tit em:after {
    background-color: #fff;
}
.pro1 .box2 .ul1 li {
	position: relative;
	padding-bottom: 50px;
	display: none;
	
}

.pro1 .box2 .ul1 li:nth-child(1) {
	display: block;
}

.pro1 .box2 .swiper5 {
	/*background: url(../images/2_4.jpg) center no-repeat;*/
	background-size: cover;
	text-align: center;
	color: #fff;
	/*background-color:rgba(0,0,0,0.5);*/
	z-index: 8;
	padding-bottom: 30px;
}
.pro1 .box2 .swiper5 .swiper-pagination-bullet{
	background-color: #F9F9F9;
}
.pro1 .box2 .swiper5 .swiper-pagination-bullet-active{
	background-color: #e62129;
}
.pro1 .box2 .swiper5 .swiper-slide {
	/* background-color: #FFFFFF; */
}


.pro1 .box2 .swiper5 .swiper-slide .sbox {
	position: relative;
	padding-bottom: 120px;
}

.pro1 .box2 .swiper5 .swiper-slide .sbox * {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.pro1 .box2 .swiper5 .swiper-slide .sbox .img {
	overflow: hidden;
}

.pro1 .box2 .swiper5 .swiper-slide .sbox .img img {
	display: block;
	width: 100%;
	position: relative;
	left: 0;
}

.pro1 .box2 .swiper5 .swiper-slide .sbox .stt {
	display: block;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pro1 .box2 .swiper5 .swiper-slide .sbox .sxian {
	width: 40px;
	height: 4px;
	background: #FFFFFF;
	margin: 25px auto 30px;
}

.pro1 .box2 .swiper5 .swiper-slide .sbox .more {
	display: inline-block;
	width: 200px;
	line-height: 40px;
	text-align: center;
	font-size: 12px;
	background: #e62129;
	color: #f9f9f9;
	border-radius: 5px;
	position: relative;
	z-index: 5;
}

.pro1 .box2 .swiper5 .swiper-slide .sbox .more:hover {
	background: #e62129;
}

.pro1 .box2 .swiper5 .swiper-slide .sbox .stp {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	border: 6px solid rgba(0, 0, 0, 0);
}

.pro1 .box2 .swiper5 .swiper-slide .sbox:hover .img img {
	left: 10px;
}

.pro1 .box2 .swiper5 .swiper-slide .sbox:hover .stp {
	border: 6px solid #e62129;
}

.pro1 .box2 .ul1 li .pagination5 {
	text-align: center;
	width: 100%;
	bottom: 0;
}

.pro1 .box2 .ul1 li .pagination5 span {
	margin: 0 5px;
	opacity: 1;
}
/* product end */


/*=====page3=====*/
.page3{ color:#fff;}
.page3 .sec_tit a{ color:#fff;}
.page3 .sec_num{ float:left; margin-bottom: 0; margin-right: 35px;}
.page3 .num_line{ display: block; margin-left: 0; margin-top: 10px; width:100%; height: 0px;}
.page3 .num_line:before{ left:50%; width:1px; height: 100%; background: #fff;}
.active.page3 .num_line{ height:117px;}
.active.page3 .tit_text{ -webkit-animation: 1s .2s fadeInDown both; animation: 1s .2s fadeInDown both;} 
/*about_left*/
.about_left{ float:left; width:27%; }
.about_more{ display:block; position: relative; text-align:center; width:65px; height: 65px; color: #fff; border:1px solid #fff; padding: 6px 0; line-height: 26px; margin: 48% 0 0 55px;} 
.about_more:before{ content:""; position: absolute; bottom:-7px; right:-7px; width:100%; height: 100%; background: url(../images/about03.png) 50% 50% no-repeat; background-size: contain;}
.about_more:hover{ background-color: rgba(255,255,255,0.30);}
.about_more:hover:before{ bottom:0; right:0; background: rgba(255,255,255,0.30);}
/*about_center*/
.about_center{ float:left; width:40%; max-width: 574px; margin: 0 3%;}
.about_focus{ position:relative;}
.a_f_circle{ display:block; 
	-webkit-animation: move01 16s linear infinite;
  	animation: move01 16s linear infinite;
}
@keyframes move01 {
	from {
		transform: rotateZ(0deg);
	}
	to {
		transform: rotateZ(360deg);
	}
} 
@-webkit-keyframes move01 {
	from {
		transform: rotateZ(0deg);
	}
	to {
		transform: rotateZ(360deg);
	}
}
.a_f_logo{ display:block; position: absolute; top:50%; left:50%; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); width: 35%; max-width: 197px;}  
.active.page3 .a_f_logo{ -webkit-animation: 1s .2s fadeIn both; animation: 1s .2s fadeIn both;}
/*about_right*/
.about_right{ float:right; width: 27%; max-width: 332px; text-align: justify; padding-top: 60px; line-height: 30px; max-height: 510px; overflow: hidden;}
.active.page3 .about_right{ -webkit-animation: 1s .4s fadeIn both; animation: 1s .4s fadeIn both;}
/*=====page4=====*/
.page4{ color:#fff;} 
/*sec_top02*/
.sec_top02{ text-align:center; margin-bottom: 3%;}
.top02_subtit{ color: #666; letter-spacing: 0.15em;}
.top02_tit{ text-transform:uppercase;}
.top02_tit i{ display:block; font-weight:bold;}
.top02_tit em{ display: inline-block; position: relative; padding: 0 50px;}
.top02_tit em:before, .top02_tit em:after{ content:""; position: absolute; top:50%; left:0; width:35px; height: 1px; background: rgba(51,51,51,.50);}
.top02_tit em:after{ left:auto; right:0;}
.active.page4 .sec_top02{ -webkit-animation: 1s .2s fadeInUp both; animation: 1s .2s fadeInUp both;}
/*news_right*/
.news_wrap{ height:/*61.26%*/ 71.26%; max-height: 560px; position: relative;}
.news_right, .news_left{ /*height:560px;*/ position: absolute; top:0; height: 100%; background: #263d70;}
.news_right{ right:0; width: 21.11%; border-left:1px solid #fff;}
.news_tab{ height: 33.33%; padding: 4% 12% 0; background: #23c0b5;}
.news_tab li a{ cursor:pointer; display:block; text-align: right; line-height: 1.50; border-bottom: 1px solid rgba(255,255,255,.30); color: #fff; /* font-weight: bold; */ padding:0 10px 0 20px; background:url(../images/ico_11.png) -50px center no-repeat; background-size: 8px; }
.news_tab li:hover a, .news_tab li.current a{ background-position: 10px center;}
.news_logo{ height: 33.33%; padding: 20px; background: #fff;}
/*news_left*/
.news_left{ left:0; width:78.89%;}
.news_box{ display:none;}
.news_box, .news_scr, .news_scr .owl-stage-outer, .news_scr .owl-stage, .news_scr .owl-item, .news_scr .item{ height:100%;}
.news_scr{ opacity: 1; display:block;  -webkit-animation: 1s .2s fadeIn both; animation: 1s .2s fadeIn both;}
.news_block{ height: 33.33%;}
.news_block a{ display:block; height: 100%; padding: 1.5% 7% 1.5% 1.5%; overflow: hidden; color: #fff;}
.news_block a:hover{ box-shadow:inset 0 0 5px 2px rgba(255,255,255,.20);}
.news_block a .news_img{ width:26.27%; max-width:273px; float:left; margin-right: 5%;}
.news_block a .news_time, .news_block a .news_info .des{ color: #fff;}
.news_block a .news_info{ padding-top: 1%;}
.news_block a .news_info .des{ margin: 1.5% 0 3%;}
.news_block:nth-child(1) a{ background: #23c0b5;}
.news_block:nth-child(2) a{ background: #395baa;}
.news_block:nth-child(3) a{ background: #34539c;}
.news_scr .owl-nav.disabled{ display:flex;}
.news_scr .owl-nav{ position: absolute; bottom:0; right: -26.76%; z-index: 1; width: 26.76%; height: 33.33%; background: #263d70; display: flex; justify-content: center; flex-wrap: wrap; align-items: center;}
.news_scr .owl-nav:before{ content:""; position:absolute; top:50%; left:50%; width:1px; height: 32px; margin-top: -16px; border-left: 1px solid #fff; opacity: .30;}
.news_scr .owl-nav a{ display:inline-block; vertical-align: middle; width:26%; height: 32px; background: url(../images/arrow04_left.png) center center no-repeat; background-size: 20px; opacity: 1;}
.news_scr .owl-nav a span{ display:none;}
.news_scr .owl-nav a.owl-next{ background-image: url(../images/arrow04_right.png);}
.news_scr .owl-nav a:hover{ opacity: 0.70;}
.news_scr .owl-nav a.disabled{ opacity: 0.30;}

/*=====page5=====*/
.page5{ color:#fff;}
.page5 .top02_subtit, .page5 .top02_tit a{ color: #fff;}
.page5 .top02_tit em:before, .page5 .top02_tit em:after{ background-color: #fff;}
.active.page5 .sec_top02{ -webkit-animation: 1s .2s fadeInUp both; animation: 1s .2s fadeInUp both;}
.cooperation_list{ margin: -5px;}
.cooperation_list li{ float:left; width: 20%; padding:5px;}
.cooperation_list li a.img_box{ padding-top: 52.5%; background: #fff;}
.cooperation_list li a.img_box img{ margin: auto; top: 0px; right: 0px; bottom: 0px; left: 0px; width: auto; height: auto; max-width: 75%; max-height: 75%;}
.cooperation_list li a.img_box:hover{/* transform:rotateY(30deg);*/ box-shadow:0 0 20px 10px rgba(0,0,0,.06);}
.cooperation_more{ display:block; margin-top: 4%; text-align: center; color: #fff;}
.active.page5 .cooperation_list li:nth-child(n){ -webkit-animation: 1s .2s fadeIn both; animation: 1s .2s fadeIn both;}
.active.page5 .cooperation_list li:nth-child(2n){ -webkit-animation: 1s .4s fadeIn both; animation: 1s .4s fadeIn both;}
.active.page5 .cooperation_list li:nth-child(3n+1){ -webkit-animation: 1s .6s fadeIn both; animation: 1s .6s fadeIn both;}
/*=====page6=====*/
.page6{ background: /*#040922*/ #000;}
.page6 .inner{ padding-top:0; padding-bottom: 0;}
footer{ background: /*#040922*/ #000; color: #fff;}
.footer_top{ padding:30px 0;}
.footer_left{ width:9%; max-width: 125px; float:left;}
.footer_logo{ display:block; margin-bottom: 15px;}
.WeChat_ico{ display:block;}
.footer_right{ overflow:hidden;}
.footer_nav{ width: 92%; max-width: 1080px; float:right; color: rgba(255,255,255,.50);}
.footer_nav li{ float:left; overflow: hidden; width:13.285%;}
.footer_nav li a{ display:block; line-height:1.72; color: rgba(255,255,255,.50);}
.footer_nav li a.f_n_a0{ color:#fff; margin-bottom: 8px;}
.footer_nav li:last-child{ float:none; width:auto;}
.footer_bot{ text-align:center; padding:1% 0; border-top:2px solid rgba(255,255,255,.20); text-transform:uppercase;}
.design_by{ color:#4fa7ff;}
.design_by:hover{ text-decoration:underline;} 

/*======================================02 about=====================================*/
/*banner_wrap*/
.banner_wrap{ position: relative; height: 670px; color: #fff;}
.banner_wrap .bgImg{ background-position: 50% 0; background-attachment:fixed;}
.banner_textbox{ position:absolute; top:0; left:0; z-index: 1; width:100%; height: 100%;}
.banner_wrap .inner{ height:100%; position: relative;}
.banner_tit{ position:absolute; bottom: 10%; left:0; z-index: 1;padding-bottom: 4.5%;}
.banner_tit i{ display:block; margin-top: 5px;}
.banner_tit:before{ content:""; position: absolute; bottom: 0; left:0; width:44px; height: 1px; background: #fff; display:none;}
/*scroll-icon*/
.scroll-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
	overflow: hidden; height:  36px; width: 20px; font-size: 22px; color: rgba(255, 255, 255, 1); border-radius: 10px;  border: solid 2px; position: absolute; bottom: 10%; right:0; z-index: 1;
} 
.scroll-icon:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #fff;
}  
.scroll-icon::after {
  content: '';
  width: 3px;
  height: 10px;
  background-color: #fff;
  border-radius: 2px;
  -webkit-animation: scroll-icon 2.2s infinite cubic-bezier(0.65, 0.05, 0.36, 1);
          animation: scroll-icon 2.2s infinite cubic-bezier(0.65, 0.05, 0.36, 1);
}

@-webkit-keyframes scroll-icon {
  0% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
    opacity: 0;
  }
  30%, 70% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 0;
  }
}

@keyframes scroll-icon {
  0% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
    opacity: 0;
  }
  30%, 70% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 0;
  }
}
/*guide_wrap*/
.guide_wrap{ position: relative; z-index: 1; background:#fff; text-align: center; box-shadow: 0 5px 10px 0 rgba(0,0,0,.06); padding: 25px 0;}
.guide_wrap a{ display:inline-block; vertical-align: middle; border-radius:25px; padding:0 30px; line-height: 50px;}
.guide_wrap a:hover, .guide_wrap a.current{ background: #e62129; color: #fff;}
/*=====sec_intro=====*/
.sec_box{ background:50% 0 no-repeat fixed; background-size: cover; padding: 5% 0;}
.sec_intro{ background-color:#f5f5f5;}
/*sub_tit*/
.sub_tit{ position:relative; margin-bottom: 4%;}
.s_t_cn{ position:absolute; bottom: 15%; left:0; font-size: 18px; }
.s_t_cn i{ display:inline-block; vertical-align: middle; width:0; filter: Alpha(Opacity=0); opacity:0; height: 1px; background: #333; margin: 0 20px; } 
.ie9 .s_t_cn i{ width:110px; filter: Alpha(Opacity=100); opacity:1;}
.my_move02{  
	animation: move02 2s forwards alternate;
    -moz-animation: move02 2s forwards alternate;
    -webkit-animation:move02 2s forwards alternate;
    -o-animation:move02 2s forwards alternate;
}
@keyframes move02 {
    0% { 
		  width:0; filter: Alpha(Opacity=0); opacity:0;
    }  
	100% { 
		 width:110px; filter: Alpha(Opacity=100); opacity:1;
    } 
}
@-webkit-keyframes move02 {/*针对webkit内核*/
    0% { 
		  width:0; filter: Alpha(Opacity=0); opacity:0;
    }  
	100% { 
		 width:110px; filter: Alpha(Opacity=100); opacity:1;
    } 
}
.s_t_cn em{ display:inline-block; vertical-align: middle; position: relative;}
.s_t_cn em:before{ content: ""; position: absolute;}
.s_t_en{ display:block; line-height: 1; font-weight:bold; color:rgba(0,0,0,.06); }
/*intro_left&intro_right*/
.intro_left{ width:65%; margin-right: 4%; float: left; text-align: justify;}
.intro_foreword{ font-family: "宋体"; font-weight: bold; line-height: 1.25; margin-bottom: 4%;}
.intro_foreword p{ margin-top:10px;}
.intro_right{ overflow: hidden; text-align: right; padding-top: 7%;}
/*=====sec_culture=====*/
.sec_culture{ color:#fff;}
.sub_tit_white{ color:#fff;}
.sub_tit_white .s_t_en{ color:rgba(255,255,255,.06);}
.sub_tit_white .s_t_cn i{ background: rgba(255,255,255,.40);}
.culture_box, #development_scr, #document_scr{ padding-left: 170px;}
.culture_vision{ } 
.c_v_tit{ display:block; position: relative; padding-top: 20px; margin-bottom: 20px;} 
.c_v_tit:before{ content: ""; position: absolute; top:0; left:0; width:30px; height: 2px; background: #fff; display: none;}
.c_v_foreword{ font-family: Arial,"宋体"; font-weight: bold; line-height: 1.25;}
.c_v_foreword i{display:block; font-weight:normal;}

.c_v_foreword span{
	font-size: 32px;
}
.c_v_foreword i span{
	font-size: 32px;
}
@media (max-width: 991px){
	.c_v_foreword span,.c_v_foreword i span{
		font-size: 24px;
	}
}
.culture_list{ margin-top:5%;}
.culture_list li{ float: left; margin-right: 4%; position: relative; padding-bottom: 20px;}
.culture_list li:before{ content: ""; position: absolute; bottom:0; left:0; width:24px; height: 2px; background: #fff;}
.culture_item{ margin-bottom: 20px;} 
.culture_des{ line-height: 1.86;}
/*=====sec_development=====*/
.sec_development{ color:#fff;} 
/*development_scr*/
.development_scr_box{ width:100%; margin: -20px -40px; padding-right: 12%;}
#development_scr{ position:relative; }
#development_scr .owl-stage-outer{ padding:20px;} 
.development_list li{ overflow:hidden; padding:1.76% 20px; -webkit-transition:all 0.5s 0s ease-in-out; transition: all 0.5s 0s ease-in-out;}
.d_time{ display:block; position: relative; float:left; width:180px; padding-left: 44px;}
.d_time:before{ content:""; position: absolute; top:50%; left:0; margin-top: -1px; width:30px; height: 2px; background: #fff;}
.d_des{ overflow:hidden; /*text-align:justify;*/}
.development_list li:hover{ background: rgba(255,255,255,.06);}
#development_scr .active .development_list{ -webkit-animation: 1s .2s fadeInUp both; animation: 1s .2s fadeInUp both;}
#development_scr .owl-nav{ position: absolute; top:50%; right:0; z-index: 1; transform: translateY(-50%);}
#development_scr .owl-nav:before{ content:""; position: absolute; top:50%; left:0; width:100%; height: 1px; background: rgba(255,255,255,.20);}
#development_scr .owl-nav a{ display:block; cursor:pointer; width:32px; height:80px; background:url(../images/arrow02_up.png) center center no-repeat; background-size: contain;} 
#development_scr .owl-nav a.disabled{ opacity:.30;}
#development_scr .owl-nav a span{ display:none;}
#development_scr .owl-nav a.owl-next{ background-image:url(../images/arrow02_down.png);  }  
/*=====sec_team=====*/
.sec_team{} 
.team_foreword{ line-height: 1.5; width: 65%; max-width: 910px;}
#team_scr{ margin-top: 6%;}
#team_scr .item{ display:block;}
#team_scr .item .img_box{ padding-top:85.59%; margin-bottom: 25px;}
.team_tit{ line-height: 24px;}
.team_tit i{ display:block; opacity: .70;}
#team_scr .item:hover{ color:#e62129;}
#team_scr .owl-nav a{ display:block; border-radius: 50%; position:absolute; top:50%; transform: translateY(-110%); border:1px solid #e62129; width:46px; height: 46px; background: center center no-repeat; background-size: 16px;}
#team_scr .owl-nav a span{ display:none;}
#team_scr .owl-nav a:hover{ background-color: #e62129;}
#team_scr .owl-nav a.owl-prev{ left:-146px; background-image: url(../images/arrow03_left.png);}
#team_scr .owl-nav a.owl-prev:hover{ background-image: url(../images/arrow03_left02.png);}
#team_scr .owl-nav a.owl-next{ right:-146px; background-image: url(../images/arrow03_right.png);}
#team_scr .owl-nav a.owl-next:hover{ background-image: url(../images/arrow03_right02.png);}
/*=====sec_honor=====*/
.sec_honor{} 
.honor_scr_box{/* overflow: hidden;*/ margin: -15px;}
.honor_box{ float:left; width:33.33%; padding: 15px; color: #fff;}
.honor_block{ border:1px solid rgba(255,255,255,.50); border-radius: 10px; height: 120px; padding-left: 8%; display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; -webkit-transition:all 0.5s 0s ease-in-out; transition: all 0.5s 0s ease-in-out;}
.honor_txt{ width:100%;}
.honor_num, .honor_txt .des{ display: inline-block; vertical-align: middle;}
.honor_num{ margin-right: 4%; text-align:center; border-radius:50%; border:6px solid rgba(255,255,255,.18); font-style:italic; color: #26b4b4;}
.honor_num i{ font-style:italic; display:block; border-radius:50%; background: #fff; width:48px; line-height: 48px;}
.honor_txt .des{ font-style:italic; width: 72%; line-height: 26px; max-height: 78px; -webkit-line-clamp: 3;}
.honor_block:hover{ background:rgba(255,255,255,.18);}
#honor_scr .owl-nav a{ display:block; border-radius: 50%; position:absolute; top:50%; transform: translateY(-110%); border:1px solid #fff; width:46px; height: 46px; background: center center no-repeat; background-size: 16px;}
#honor_scr .owl-nav a span{ display:none;}
#honor_scr .owl-nav a:hover{ background-color: #fff;}
#honor_scr .owl-nav a.owl-prev{ left:-146px; background-image: url(../images/arrow03_left02.png);}
#honor_scr .owl-nav a.owl-prev:hover{ background-image: url(../images/arrow03_left.png);}
#honor_scr .owl-nav a.owl-next{ right:-146px; background-image: url(../images/arrow03_right02.png);}
#honor_scr .owl-nav a.owl-next:hover{ background-image: url(../images/arrow03_right.png);}

/*=====sec_size=====*/
.sec_size{ background-color:#f5f5f5;} 
#size_scr .owl-stage-outer{ padding-left: 1px;}
#size_scr .owl-stage-outer .owl-stage{ display: flex; flex-wrap: wrap;}
#size_scr .owl-item{ margin-left: -1px;}
#size_scr .item{ height: 100%; border:1px solid #ddd; text-align:center; -webkit-transition:all 0.5s 0s ease-in-out; transition: all 0.5s 0s ease-in-out;}
#size_scr .item .img_box{ background: #395baa; padding-top: 37.5%;}
#size_scr .item .img_box img{ filter: Alpha(Opacity=45); opacity:0.45; transition: transform 2s cubic-bezier(.23, 1, .32, 1); transform: scale(1); }
#size_scr .item:hover .img_box img{ filter: Alpha(Opacity=55); opacity:0.55; transform: scale(1.1); }
.size_tit{ position:absolute; top:50%; left:0; z-index: 1; transform: translateY(-50%); width:100%; color: #fff;}
.size_tit:before, .size_tit:after{ content:"................................"; position: absolute; top:50%; left:6%; margin-top: -9px; line-height: 9px; overflow: hidden; width:30%; height: 18px; font-size: 18px;}
.size_tit:after{ left:auto; right:6%;}
.size_info{ padding:8.50% 6%;}
.size_item{ line-height: 24px;}
.size_item em{ display:block;}
.size_map{ margin-top: 25px; display:inline-block; line-height: 26px; color: #395baa; padding-left: 26px; background: url(../images/ico_01.png) left center no-repeat; background-size: 18px;}
.size_map:hover{ text-decoration:underline;}
#size_scr .item:hover{ box-shadow: inset 0 0 10px -2px rgba(0,0,0,.20);}

/*======================================03 products&&&& 04 Application=====================================*/
.sub_con{ padding:80px 0 60px;}
/*=====products_list=====*/
.products_list{ display:flex; flex-wrap: wrap; margin:-23px -13px;}
.products_list li{ float:left; width:33.3333%; padding:23px 13px;}
.products_list li a{ display:block;}
.products_list li a .img_box{ padding-top: 100%; margin-bottom: 30px;}

.products_list li a .tit{ font-weight: bold; line-height:24px; margin-bottom: 10px;text-align: center;}
.products_list li a .des{ color:#666;}
.products_list li a:hover{
	color:#e62129;
	-webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}
/* 领域 */
.case_list li{width:33.3333%; }
.case_list li a .img_box{ padding-top: 49.38%; margin-bottom: 30px;}
/* 伙伴 */
.honor_list li{ float:left; width:25%; padding:23px 13px;}
.honor_list li a .img_box{ padding-top: 142.85%; margin-bottom: 30px;}

/* product start */
.pro_info_1 {
	overflow: hidden;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #f3f3f5;
}

.pro_info_1_1_left {
	float: left;
	width: 42%;
}

.pro_info_1_1_right {
	float: right;
	width: 50%;
	margin-top: 6em;
}

.pro_info_1_1 {
	margin-top: 8em;
}

.pro_info_1_1_right_1 {
	font-size: 2.25em;
	color: #000;
}

.pro_info_1_1_right_2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	margin-top: .8em;
}

.pro_info_1_1_right_3 {
	font-size: 0.9375em;
	color: #000;
	line-height: 2.1;
	margin: 2.1em 0 2.5em 0;
}

.proxq_li {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 10px;
}
.proxq_li ul li {
    width: 25%;
    height: auto;
    float: left;
    text-align: center;
}
.proxq_li ul li img {
    max-width: 100%;
    transition: all .4s;
}
.proxq_li ul li:hover img {
    transform: translateY(-8px);
}
.proxq_li ul li p {
    font-size: 16px;
    color: #999;
    line-height: 20px;
    text-align: center;
    padding-top: 8px;
}
.proxq_li ul li:nth-child(1) p{
	color: #e4a45a;
}
.proxq_li ul li:nth-child(2) p{
	color: #ca6aa7;
}
.proxq_li ul li:nth-child(3) p{
	color: #4658aa;
}
.proxq_li ul li:nth-child(4) p{
	color: #accc22;
}
@media (max-width: 1000px){
	.proxq_li ul li p {
	    font-size: 14px;
	}
}

.pro_info_1_1_right_4 a {
	padding: 0.9em 3em;
	display: inline-block;
	color: #fff;
	background-color: #e62129;
	font-size: 0.9375em;
}

.pro_info_1_1_right_4 a span {
	/* padding-left: 20px; */
	display: inline-block;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(../images/img6.png);
}

.pro_info_1_2 ul li {
	float: left;
	border-right: 1px #fff solid;
}

.pro_info_1_2 ul li a {
	font-size: 1.25em;
	padding: .6em 3em;
	display: block;
	color: #fff;
}

.pro_info_1_2 {
	margin-top: 4.25em;
	/* background-color: #92959b; */
	overflow: hidden
}

.pro_info_1_2 ul li a.active {
	background-color: #e62129;
}
.pro_info_2{
	background-color: white;
}
.pro_info_2_1_t {
	margin-top: 2.2em;
	font-size: 1.875em;
	color: #000;
}

.pro_info_2_2_t {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9375em;
	color: #666;
	margin-top: 0.45em;
}

.pro_info_2_3_t {
	margin-top: 2.3em;
	margin-bottom: 0em;
	font-size: 0.9375em;
	color: #000;
	line-height: 2;
}

.pro_info_2_mid {
	overflow: hidden;
}

/* .pro_info_2_mid:last-child {
	background-color: #f5f7f8;
} */

.pro_info_2_mid:last-child .pro_info_2_3_t,
.pro_info_2_mid:nth-last-child(2) .pro_info_2_3_t {
	margin-bottom: 4em;
}

@media screen and (max-width: 1200px){
	.pro_info_1_1 {
	    margin-top: 5em;
	}
	.pro_info_1_1_right{
		margin-top: 2rem;
	}
	.pro_info_1_1_right_1 {
	    font-size: 1.5em;
	}
	.pro_info_1_1_right_2 {
	    font-size: 0.875em;
	}
	.pro_info_1_1_right_3 {
	    font-size: 0.875em;
	}
}

@media screen and (max-width: 768px){
	.pro_info_1_1 {
	    margin-top: 3em;
	}
	.pro_info_1_1_left, .pro_info_1_1_right {
	    float: none;
	    width: 100%;
	}
	.pro_info_1_1_left {
	    text-align: center;
	}
	.pro_info_1_1_right_1 {
	    font-size: 1.25em;
	}
	.pro_info_1_1_right_3 {
	    margin: 1.5em 0 2em 0;
	}
	.pro_info_1_2 ul li a{
		padding: 0.5rem 2rem;
		font-size: 1em;
	}
}

/* product end */


/* join start*/
.RighInfo001355{ padding:3% 0 5%;}
.RighInfo001355 .h2{ font-size:30px; color:#e62129; text-align: center;margin: 20px auto;font-weight: bolder; }
.RighInfo001355 .p{  font-size: 14px; line-height: 30px;  }
.RighInfo001355 dl{ padding-top: 30px; }
.RighInfo001355 dd{ width: 17%; background: #fff; padding: 3%; float: left; margin-right: 3.75%; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; -webkit-box-orient: vertical; text-align: center; min-height: 283px;  }
.RighInfo001355 dd:last-of-type{  margin-right: 0; }
.RighInfo001355 dd p{ line-height: 24px; padding-top: 20px; height: 48px; }

@media(max-width:1024px){
.RighInfo001355 dd{ width: 31%; margin-right:3.5%; margin-bottom: 3.5%; }
.RighInfo001355 dd:nth-child(3n){ margin-right:0;  }
}

@media(max-width:640px){
.RighInfo001355 dd{ width: 100%; margin-right:0;min-height: 210px; }
}

.TextList001729{ padding: 4% 0; }
.TextList001729 .type{display:table; width:100%;}
.TextList001729 ol.type{font-size:16px; background-color:#e62129; color:#fff;}
.TextList001729 .type li{ display:table-cell; vertical-align:middle;text-align:center; padding-top:10px; padding-bottom:10px; line-height:24px;}
.TextList001729 ul.type li{cursor:pointer;}
.TextList001729 .type li:nth-child(1),
.TextList001729 .type li:nth-child(2),
.TextList001729 .type li:nth-child(3),
.TextList001729 .type li:nth-child(4),
.TextList001729 .type li:nth-child(5),
.TextList001729 .type li:nth-child(6),
.TextList001729 .type li:nth-child(7),
.TextList001729 .type li:nth-child(8){width:11%;}
.TextList001729 .type li:nth-child(9){ width:12%;}
.TextList001729 .type li:nth-child(1),
.TextList001729 .type li:nth-child(9){ padding-left:2%; text-align:left !important;}
.TextList001729 ul.type li:nth-child(9){background:url(../images/textlist001729-icon_close.png) no-repeat 90% center;}
.TextList001729 ul.type#On li:nth-child(9){ background-image:url(../images/textlist001729-icon_open.png);}
.TextList001729 .list{border-bottom:1px solid #e5e5e5;}
.TextList001729 .list .con{ display:none;border-top:1px solid #e5e5e5; overflow:hidden; font-size:14px; padding:2%; line-height: 30px;}
.TextList001729 .email{ font-style: normal; color: #333; }
.TextList001729 .btn_apply{ padding:10px 0;}
.TextList001729 .btn_apply a{ display:inline-block; max-width:150px; width:40%; height:45px; line-height:45px; text-align:center; color:#fff; background-color:#e62129; font-size:16px;}

@media(max-width:1000px){
/* .TextList001729 .type li:nth-child(2), */
.TextList001729 .type li:nth-child(3),
.TextList001729 .type li:nth-child(7),
.TextList001729 .type li:nth-child(8),
.TextList001729 .type li:nth-child(9){ display:none;}
.TextList001729 .type li{ width:20% !important;}
}
@media(max-width:768px){
.TextList001729 .type li{ width:24% !important;}
}
@media(max-width:480px){
.TextList001729{ padding: 30px 0; }
.TextList001729 .type li:nth-child(6){ display:none;}
.TextList001729 .type li{ width:30% !important;}
.TextList001729 ol.type{font-size:15px;}
.TextList001729 .btn_apply a{font-size:14px; height:40px; line-height:40px;}
}

/* join end */


/* contact start */
.contact_1_1 {
	margin-top: 1.666666666666667em;
	font-size: 2.25em;
	color: #000;
}

.contact_1_2 {
	font-size: 1.125em;
	color: #414141;
	margin-top: 0.7em;
}

.contact_1_3 {
	margin: 5em 0 7.3125em 0;
	position: relative;
}

.contact_1_3_left {
	width: 36%;
}

.contact_1_3_left ul li {
	padding: 1.4em 0;
	border-bottom: 1px #e0e0e0 solid;
}

.contact_1_3_right {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 58%;
}

#dituContent {
	border: 5px #e0e0e0 solid;
	position: absolute;
	left: 0;
	top: -10px;
	width: 100%;
	height: 100%;
}

#dituContent img {
	max-width: none
}

.contact_1_3_left_1 {
	margin-bottom: 0.24em;
	font-size: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}

.contact_1_3_left_2 {
	font-size: 0.9375em;
	color: #000;
	line-height: 1.6;
}

.contact_1_3_left_3 {
	margin-top: 1em;
}

.contact_1_3_left_3_1 {
	font-size: 1.125em;
}

.contact_1_3_left_3_2 {
	font-size: 0.9375em;
	margin-top: 0.5em;
}

.contact_1_3_left_3 dl dd {
	margin-bottom: 1.2em;
}

.contact_1_3_left_3 dl dd:last-child {
	margin-bottom: 0
}

.contact_1 {
	overflow: hidden
}

.contact_2 {
	overflow: hidden;
	background-color: #f0f5f7;
}

.contact_2_1 {
	margin-top: 2.5em;
}

.contact_2_1 ul li {
	margin-bottom: 1.4375em;
	float: left;
	width: 49%;
}

.contact_2_1 ul li:nth-child(2),
.contact_2_1 ul li:nth-child(4) {
	float: right
}

.contact_2_1 ul li:nth-child(5) {
	width: 100%;
}

.contact_2_1_mid {
	background-color: #fff;
	border: 1px #bababa solid;
	padding: 0.8em 1em;
}

.contact_2_1_mid input {
	border: none;
	background: none;
	width: 100%;
	font-size: 1em;
}

.contact_2_1_mid textarea {
	height: 14em;
	border: none;
	background: none;
	width: 100%;
	font-size: 1em;
}

.contact_2_2 a {
	font-size: 1.125em;
	display: inline-block;
	color: #fff;
	background-color: #e62129;
	width: 10.55555555555556em;
	line-height: 2.777777777777778em;
	color: #fff;
	text-align: center;
}

.contact_2_2 {
	margin-bottom: 5.625em;
	margin-top: 1.5em;
}

.contact_2_2 a:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	color: #fff;
}

.about_1_1 {
    font-size: 2.25em;
    margin-top: 2.2em;
    color: #006f6b;
}
.about_1_1_b {
    color: #000;
}
.about_1_2 {
    margin-top: 0.2em;
    color: #6c6c6c;
    font-family: Arial, Helvetica, sans-serif;
}

@media screen and (max-width: 1090px){
	.contact_1_1 {
	    font-size: 1.5em;
	}
	.contact_1_2 {
	    font-size: 0.875em;
	}
	.contact_1_3 {
	    margin-top: 3em;
	    margin-bottom: 5em;
	}
	.contact_1_3_left {
	    width: 45%;
	}
	.contact_1_3_left_1 {
	    font-size: 1.25em;
	}
	.contact_1_3_left_2 {
	    font-size: 0.875em;
	}
	.contact_1_3_right {
	    width: 50%;
	}
	.contact_1_3_left_1 {
	    font-size: 1.25em;
	}
	
	.about_1_1 {
	    font-size: 1.5em;
	}
	.about_1_2 {
	    font-size: 0.875em;
	}
}
@media screen and (max-width: 950px){
	.contact_1_3_left {
	    width: 100%;
	    float: none;
	    margin-bottom: 2em;
	}
	.contact_1_3_right {
	    float: none;
	    width: 98%;
	    margin: 0 auto;
	    position: relative;
	    height: 45vh;
	}
}

@media screen and (max-width: 768px){
	.contact_1_1 {
	    font-size: 1.125em;
	}
	.contact_1_2 {
	    font-size: 0.875em;
	}
	.contact_1_3 {
	    margin-top: 1em;
	    margin-bottom: 3em;
	}
	
	.about_1_1 {
	    font-size: 1.25em;
	}
}
@media screen and (max-width: 640px){
	.contact_1_3_left_1 {
	    font-size: 1em;
	}
	.contact_2_1 ul li{
		width: 100%;
	}
}


/* contact end */

.load_more{clear: both; display:block; margin-top: 50px; font-weight: bold; color: #999; text-align: center; line-height: 50px; height: 50px; }
.load_more em{ display:inline-block; vertical-align: middle; position: relative; padding-left: 52px;}
.load_more em:before{ content:""; position: absolute; top:0; left:0; width:36px; height: 100%; background: url(../images/ico_02.png) right center no-repeat; background-size:92px;}
.load_more:hover{ color: #e62129;}
.load_more:hover em:before{ background-position: left center;}
/*=====sec_asked=====*/
.sec_asked{ background-color: #f5f5f5}
.asked_list{ margin-top:-30px;}
.asked_list li{}
.asked_q{ overflow: hidden; position: relative; border-bottom: 1px solid #ddd; padding:30px 30px 10px 20px; cursor: pointer; background: url(../images/ico_04a.png) right 40px no-repeat; background-size: 18px;} 
.asked_mark{ display:block; text-align:center; float:left; width:40px; line-height: 40px; border-radius: 50%; background: #e62129; color: #fff; margin-right: 15px;}
.asked_des{ overflow:hidden; line-height: 24px; padding-top: 8px;}
.asked_a{ margin-top: 30px; overflow: hidden; background: #ededed; border-radius: 3px; margin-left: 55px; padding: 20px; color: #999; display:none;}
.asked_a .asked_mark{ background: #c2c2c2;}
.asked_q.current { color: #e62129; background-image: url(../images/ico_04b.png);}
.asked_more{ display:block; margin-top: 50px; line-height: 30px; text-align:center; color:#999; }
.asked_more em{ display:inline-block; vertical-align: middle; padding-right: 20px; background: url(../images/ico_05a.png) right center no-repeat; background-size: 14px;}
.asked_more em:hover{ color: #e62129; background-image: url(../images/ico_05b.png);}
/*=====sec_document=====*/
.sec_document{ color: #fff;}
#document_scr{ margin-left: -10px;}
.document_list{ padding-left: 10px;}
.document_list li{ margin-bottom: 15px;}
.document_list li:last-child{ margin-bottom:0 !important;}
.document_list li a{ display:block; position:relative; border-radius:4px; background: rgba(255,255,255,.06); border:1px solid rgba(255,255,255,0); line-height:62px; padding:0 80px 0 20px; color: #fff;}
.document_list li a:before{ content:""; position: absolute; top:0; right:20px; width:24px; height: 100%; background: url(../images/ico_06.png) center center no-repeat; background-size:contain;}
.document_size{ display:block; float:right; width:14.5%; margin-left: 5.5%;}
.document_list li a p{ overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.document_list li a:hover{ border-color:rgba(255,255,255,1);
	-webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
}
#document_scr .owl-dots{ margin-top:50px;}
#document_scr .owl-dots .owl-dot{ width:12px; height: 12px; border-radius: 6px; background: #fff; opacity:1; filter: alpha(opacity= 100);}
#document_scr .owl-dots .owl-dot.active{ width:28px;}
/*=====products_detail=====*/
.sub_products{ padding-top:0!important;}
.sub_products .detail{ position:relative; z-index: 1; margin-top: -15px;}
.detail_back{ display:block; float:right; margin-left: 4%; padding-right: 26px; line-height: 2.4; color: #999; background: url(../images/ico_07a.png) right center no-repeat; background-size:16px;}
.detail_back:hover{ color: #e62129; background-image: url(../images/ico_07b.png);}
.pro_category{ margin-top: 50px; margin-bottom: 40px;}
.category_tit{font-family:SourceHanSansCN_Medium; margin-bottom: 20px;}
.category_tit img{ display:inline-block; vertical-align: bottom; margin-right: 10px;}
.category_list{ margin: -10px -15px;}
.category_list li{ float:left; width:50%; padding: 10px 15px;}
.category_list li a{ display:block; border-radius:6px; background: #f8f8f8; padding:10px;}
.category_list li:hover a, 
.category_list li.current a{ background: #e62129; color: #fff;}
/*category_block*/
.category_block{ display:none;}
.table{ position: relative; z-index: 1; width:100%; height: 100%; display: table; /* border-collapse: collapse; */ border-collapse: separate; } 
.table-row { overflow: hidden; display: table-row; }
.table-cell { display: table-cell; vertical-align: middle; cursor: pointer; padding:14px 10px; -webkit-transition: all 0.5s 0s ease-in-out; transition: all 0.5s 0s ease-in-out; text-align: center;} 
.table-header-group{ display:table-header-group; background: #9a9a9a; color: #fff; }
.table-header-group .table-cell{ padding-top: 16px; padding-bottom: 16px;}
.table-row-group { display: table-row-group;} 
.table-row-group .table-row:nth-child(odd) .table-cell{ background: #f5f5f5;} 
.table-row-group .table-row:hover .table-cell{ background: rgba(32,125,217,.10);} 
/*pro_relevant*/
.pro_relevant li .news_img .img_box{ padding-top: 85.88%!important;} 

/*======================================05 news=====================================*/
.news_list{ }
.news_list li a{ display:block; overflow: hidden; border-bottom: 1px dashed #dddddd;}
.news_img .img_box{ padding-top: 56%;}
.news_img .img_box img{ transition: transform 2s cubic-bezier(.23, 1, .32, 1); transform: scale(1); }
.news_list li a:hover .news_img .img_box img{ transform: scale(1.1); }
.news_info{ overflow:hidden; text-align: justify;}
.news_time{ display:block; float:right; margin-left: 4%; color: #999;}
.news_info .tit{ /*line-height: normal;*/}
.news_info .des{ clear: both; color: #666;}
.news_more{ display:block; position:relative; text-align:center; width:140px; line-height: 46px; color:#e62129; margin-top:30px; }
.news_more:before{ content:""; position:absolute; left:0; bottom: 0; width:100%; height: 1px; background: #e62129;}
.news_more em{ position:relative; z-index: 1; -webkit-transition:all 0.5s 0s ease-in-out; transition: all 0.5s 0s ease-in-out;}
.news_list li a:hover{ color:#e62129;}
.news_list li a:hover .news_more{ color:#fff;}
.news_list li a:hover .news_more:before{ height:100%;}
/*news_all*/
.news_all{ margin: -40px 0 0;}
.news_all li a{ padding: 40px 0;}
.news_all li .news_img{ float: left; width:425px; margin-right: 2.65%;}
.news_all li .news_info{ padding-top: 20px;}
.news_all li .news_info .des{ max-height: 72px; -webkit-line-clamp: 3; margin-top: 15px;}
/*=====detail=====*/
.detail{}
.detail_left{ float:left; position: relative; width:75.70%; background: #fff; box-shadow: 0 0 10px 0 rgba(0,0,0,.06); padding: 40px;}
.detail_head{ color: #999; line-height: normal; border-bottom: 1px solid #e5e5e5; padding-bottom: 15px; margin-bottom: 30px;}
.detail_tit{ overflow: hidden; margin-bottom: 10px; color:#333;}
.detail_handle{ margin-top: 30px; padding-top: 40px; border-top: 1px solid #e5e5e5;}
.detail_btn,.back_list{ display:block; float: left; width:40%; line-height: 24px; color: #666;}
.detail_btn em{ display:block; font-weight: bold; float:left; margin-right: 5px; padding-left: 20px; position: relative;}
.detail_btn em:before{ content:""; position: absolute; top:5px; left:0; width: 14px; height: 14px; }
.detail_prev em:before{ background: url(../images/detail_ico01a.png) left center no-repeat;} 
.detail_prev:hover em:before{ background-image: url(../images/detail_ico01b.png);}
.detail_btn span{ display:block; overflow: hidden; } 
.detail_next{ float:right; text-align: right;}
.detail_next em:before{ background: url(../images/detail_ico02a.png) right center no-repeat;} 
.detail_next:hover em:before{  background-image: url(../images/detail_ico02b.png);}
.back_list{ width:20%; text-align: center; color: #333; }
.back_list em{ display:inline-block; vertical-align: middle; position: relative; padding-left: 20px; }
.back_list em:before{ content:""; position: absolute; top:0; left:0; width: 14px; height:100%; background: url(../images/detail_ico03a.png) left center no-repeat; background-size: 14px;} 
.back_list:hover em:before{ background-image: url(../images/detail_ico03b.png);}
.detail_btn:hover, .back_list:hover{ color:#e62129;}
/*detail_shared*/
.detail_shared{ position:absolute; top:0; right:100%; margin-right: 25px; z-index: 1; min-width: 90px;}
.detail_shared .bshare-custom a{ display:block; line-height: 40px; height: 40px; padding:0 0 0 30px!important; margin: 0!important; border-bottom: 1px solid #ddd; background: left center no-repeat; background-size: 24px; font-size: 14px; color: #999;}
.detail_shared .bshare-custom a.bshare-weixin{ background-image: url(../images/shared_ico01.png);}
.detail_shared .bshare-custom a.bshare-sinaminiblog{ background-image: url(../images/shared_ico02.png);}
.detail_shared .bshare-custom a.bshare-qzone{ background-image: url(../images/shared_ico03.png);}
.detail_shared .bshare-custom a.more-style-addthis{ background-image: url(../images/shared_ico04.png); background-position: left center; font-size: 14px; color: #999!important;}
.detail_shared .bshare-custom #bshare-shareto{ display:block; font-size: 18px; }
/*detail_right*/
.detail_right{ float:right; width:21.52%; background: #fff; box-shadow: 0 0 10px 0 rgba(0,0,0,.06); padding: 20px;}
.relevant_tit{ padding-bottom: 15px; border-bottom: 1px solid #e5e5e5;}
.relevant_tit img{ display: inline-block; vertical-align:bottom; margin: 0 6px;}
.relevant_list{}
.relevant_list li a{ padding: 28px 0;}
.relevant_list li:last-child a{ border-bottom:none;}
.relevant_list li .news_img{ float:none; width:100%; margin: 0 0 15px;}
.relevant_list li .news_info .tit{ font-weight: bold; white-space:normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-line-break: auto; -webkit-box-orient: vertical; line-height: 24px; max-height: 48px; margin-bottom: 10px;}

/*======================================06 career=====================================*/
/*=====sec_career01=====*/
.sec_career01{ background-color: #fff;}
.career_nav{ margin: -15px -33px;}
.career_nav li{ float:left; width: 33.33%; padding:15px 33px;}
.career_nav li a{ display: flex; justify-content: center; flex-wrap: wrap; align-items: center; height: 172px; border-radius: 5px; background: url(../images/career_01.jpg) center center no-repeat; background-size: cover; border:1px solid #fff; box-shadow: 0 0 20px 5px rgba(0,0,0,.05);}
.career_nav li a img{ width:75px; margin-right:25px;}
.career_nav li a img, .career_tit{ display:inline-block; vertical-align: middle;}
.career_tit i{ display:block; opacity:.50;}
.career_nav li a:hover{ color: #e62129; border-color:#e62129;}
/*career_slogan*/
.career_slogan{ display:block; margin: 0 auto;}
/*=====sec_career02=====*/
.sec_career02{ background-color: #fff; text-align:center;}
.looking{ color: #666; font-family:SourceHanSansCN_Medium;}
.looking_tit{ text-transform:uppercase; font-weight: bold; color: #e62129;}
.looking_item{ margin-top: 15px;}
.looking_item i{ display:block; margin-top: 5px;}
.looing_info{ color:#999; margin-top: 5px;}
.looing_info a{ color:#999;}
/*=====career_detail=====*/
.sub_career .detail{ position: relative; z-index: 1; margin-top: -15px;}
.sub_career .detail .detail_right{ float:left!important;}
.sub_career .detail .detail_left{ float:right!important;}
.post_tit{ padding-bottom:10px; border-bottom: 1px solid #ddd;}
/*post_search*/
.post_search{ border:1px solid #ddd; border-radius: 3px;}
.p_s_btn{ cursor: pointer; float:right; width:45px; height: 45px; border-left:1px solid #ddd; background: url(../images/ico_search01.png) center center no-repeat; background-size: 15px;}
.p_s_btn:hover{ background-image: url(../images/ico_search01b.png);}
.p_s_fill{ overflow:hidden;}
.p_s_fill input{ width:100%; height: 45px; padding: 10px;}
/*post_category*/
.post_category{}
.post_item{ cursor: pointer; display:block; position: relative; font-weight: bold; border-bottom: 1px solid #ddd; padding:15px 30px 14px 0;}
.post_item:before{ content:""; position: absolute; top:50%; right:0; margin-top: -4px; width:14px; height: 8px; background: url(../images/ico_10a.png) center center no-repeat; background-size: contain;}  
.post_item.current:before{ transform:rotate(-180deg);}
.post_list{ border-bottom: 1px solid #ddd; padding: 15px 0;}
.post_list li a{ display:block; position: relative; padding: 3px 18px;}
.post_list li a:before{ content:""; position: absolute; top:50%; left: 10px; width:4px; height: 1px; background: #666;}
.post_list li:hover a, .post_list li.current a{ color: #e62129;}
.post_list li:hover a:before, .post_list li.current a:before{ background: #e62129;}
/*post_tip*/
.post_tip{ padding:20px 0 20px 20px; color: #999; line-height: 20px;}
.post_tip dt{ float:left; width:38px; margin-right: 10px;}
.post_tip dd{ overflow:hidden;}
.post_tip dd a{ font-weight:bold; color: #8fbeec;}
/*=====table_post=====*/
.post_subtit{ color: #333; margin-bottom: 20px;}
.table_post{}
.t_p_row li{ float:left; width: 16%; text-align:center; padding: 16px 10px;}
.t_p_row li:first-child{ text-align: left!important; padding-left: 26px!important; width:34%;}
.t_p_head{ background: #9a9a9a; color: #fff; font-weight: bold;} 
.t_p_tit{ cursor: pointer; font-weight: bold;}
.t_p_tit:nth-of-type(odd){ background: #f8f8f8;}
.post_more{ position:relative; color: transparent;}
.post_more:before{ content:""; position: absolute; top:50%; left:50%; margin: -4px 0 0 -4px; width:14px; height: 8px; background: url(../images/ico_10a.png) center center no-repeat; background-size: contain;}  
.t_p_tit:hover, .t_p_tit.current{ background-color: #d7e8f8;}
.t_p_tit.current .post_more:before{ transform:rotate(-180deg);}
.post_detail{ overflow: hidden; padding:35px 30px; display:none;}
.post_base{ margin-bottom: 35px;}
.post_base li{ float:left; margin-right: 6%;}
.post_base li:last-child{ margin-right: 0!important;}
.post_base li.post_fuli i{ display:inline-block; vertical-align: middle; padding: 2px 10px; border-radius: 14px; background: #f0f0f0; margin-right: 10px;}
.post_base li.post_fuli i:last-child{ margin-right:0!important;}
.post_base li.post_xinzi i{ display:inline-block; vertical-align: middle; line-height: 1; color: #e62129;}
.post_textbox{ float:left; width:80%; line-height: 2.1; color:#666;}
.post_caption{ font-weight:bold; color: #333; margin-bottom: 5px;}
.post_apply{ display:block; float:right; text-align: center; background: #5ac4d0; color: #fff; width:120px; line-height: 40px; border-radius: 40px;}
.post_apply:hover{ background: #e62129; color: #fff;}
/*page*/
.page{ margin-top: 50px; text-align:center;}
.page a{ display:inline-block; vertical-align: middle; font-weight: bold; margin:0 3px; border-radius: 3px; border:1px solid #ddd; min-width:36px; line-height: 32px; color: #666;}
.page a.page_sl{ text-indent: -9999px; min-width:54px; background: url(../images/page_01.png) center center no-repeat; background-size:20px;}
.page a.page_btn{ font-family:"宋体"; font-weight: normal; font-size: 18px;}
.page a:hover, .page a.current{ color: #e62129; border-color:#e62129;}
.page a.page_sl:hover{ border-color:#ddd;}
.page a.page_btn:hover{ color: #fff; background-color: #e62129; border-color:#e62129;}

/*======================================07 demeanor=====================================*/
/*demeanor_list*/
.demeanor_list{ margin: -25px;}
.demeanor_list li{ width:50%; float:left; padding: 25px;}
.demeanor_list li a{ display:block; }
.demeanor_list li a .tit{ }
.demeanor_list li a .img_box{ padding-top: 55.40%; margin: 25px 0;}
.demeanor_list li a .img_box img{ transition: transform 2s cubic-bezier(.23, 1, .32, 1); transform: scale(1); }
.demeanor_list li a:hover .img_box img{ transform: scale(1.1); }
.demeanor_list li a .img_box:before{ content: ""; position: absolute; top:0; left:0; z-index: 1; width:100%; height: 100%; background: rgba(0,0,0,.50) url(../images/ico_video01.png) center center no-repeat; background-size:56px;}
.demeanor_more{ display:block; float:left; text-align:center; background: #23c0b5; color: #fff; -webkit-transition:all 0.5s 0s ease-in-out; transition: all 0.5s 0s ease-in-out; min-width:150px; padding: 0 15px; line-height: 40px; border-radius:20px;}
.demeanor_xg{ float:right; line-height: 40px; color: #999;}
.demeanor_upload, .demeanor_view{ display:inline-block; vertical-align: middle; margin-left: 15px; padding-left: 24px; background: left center no-repeat; background-size: 20px;}
.demeanor_upload{ background-image: url(../images/demeanor_ico01.png);}
.demeanor_view{ background-image: url(../images/demeanor_ico02.png);}
.demeanor_list li a:hover .img_box:before{ background-color: rgba(32,125,217,.50);}
.demeanor_list li a:hover{ color:#e62129;}
.demeanor_list li a:hover .demeanor_more{ background-color:#e62129;}
/*==============tan_warp*/ 
.tan_warp{ position: fixed; top:0; left:0; width: 100%; height: 100%; z-index: 4000; background: rgba(0,0,0,.70); display:none; overflow-y:auto;} 
.tan_warp .table{ position:absolute; top:0; left:0; padding:3% 0;} 
a.tan_closed{ display: block; position:absolute; bottom:0; right: -10px; z-index: 10; width: 50px; height: 100%; min-height:50px; text-indent:-9999px; background: url(../images/ico_closed.png) 50% 40% no-repeat; background-size: 22px;}  
a.tan_closed:hover{ opacity:.80; }
.tan_box{ position: relative; z-index: 2; width:90%; max-width: 900px; margin: 0 auto; background: #fff; border-radius: 5px; padding:30px 30px 50px 50px; } 
.tan_tit{ position: relative; font-size: 24px; color:#e60012; padding-bottom: 14px; padding-right: 50px; border-bottom:1px solid #ddd; margin-bottom: 30px;}  
/*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;/*这里是关键*/ } 
/*warp_clause*/
#warp_clause{}
.clause_box{ color:#808080; height: 448px; overflow: hidden;}
.clause_box .mCSB_scrollTools{ width:9px; opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)";}
.clause_box .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ width:5px; margin: 0 auto; background: #f1f1f1;}
.clause_box .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ max-height: 26px; background: #c1c1c1;}
.clause_tit{ font-size:16px; color: #333;}


/*exchange_list*/
.exchange_list{ margin: -15px;}
.exchange_list li{ float:left; width:33.33%; padding: 15px;}
.exchange_list li a{ display:block; background: #fff;}
.exchange_list li a .img_box{ padding-top: 50%;}
.exchange_list li a .img_box img{ transition: transform 2s cubic-bezier(.23, 1, .32, 1); transform: scale(1); }
.exchange_list li a:hover .img_box img{ transform: scale(1.1); }
.exchange_info{ padding:30px 25px 25px;}
.exchange_info .tit{ }
.exchange_info .des{ color:#666; margin:15px 0 30px;}
.exchange_time{ color:#999;}
.exchange_list li a:hover{color:#e62129; box-shadow:0 0 20px 5px rgba(0,0,0,.06);}
.detail_handle02{ border:none!important; background: #f8f8f8; padding: 18px 10px!important;}
/*=====comment=====*/
.comment{ margin-top: 40px;}
.comment_form{}
.comment_user{ float:left; margin-right: 20px;}
.comment_user img{ display:block; border-radius:50%; width:100px; height: 100px;}
.comment_r{ overflow: hidden;}
.comment_yu{ resize:none; border:1px solid #ddd; border-radius: 3px; width:100%; height: 150px; padding:10px 15px; line-height: 23px; }
.comment_btn{ margin-top: 35px; display:block; float:right; border-radius: 3px; text-align:left; width:160px; height: 45px; padding-left:62px; background: #23c0b5 url(../images/ico_08.png) 32px center no-repeat; background-size: 22px; color: #fff;}
.comment_btn:hover{ background-color: #e62129;}
.comment_list{ clear: both; margin-top: 40px; border-top:1px solid #ddd;}
.comment_block{ padding:40px 0;}
.comment_tit{}
.comment_tit i{ color:#999; margin-left:10px; }
.zan{ display:block; float:right; color:#666; padding-left: 26px; background: url(../images/ico_09.png) left center no-repeat; background-size: 20px;}
.zan:hover{ color:#e62129; background-image: url(../images/ico_09b.png);}
.comment_des{ clear:both; color:#999; padding-top: 10px;}
/*comment_reply*/
.comment_reply{ border:1px solid #ddd; margin-top: 30px;}
.reply_btn{ cursor: pointer; display:block; float:right; border-left:1px solid #ddd;width:115px; height: 44px;}
.reply_btn:hover{ background-color: #e62129; color: #fff;}
.reply_fill{ overflow:hidden;}
.reply_txt{ width:100%; height: 44px; padding: 0 12px;}
/*reply_list*/
.reply_list{}
.reply_block{ margin-top: 30px;}
.reply_block .comment_user img{ width:85px; height: 85px;}

/*======================================09 member=====================================*/
.body_member{ background: url(../images/member_01.jpg) fixed 50% 0 no-repeat; background-size: cover; }
.body_member header{ background: rgba(0,0,0,0.60); }
.member_wrap{ padding-top:90px;}
.member_wrap .inner{ width:1280px!important;}
.member_wrap, .member_wrap .inner{ height: 100%;} 
.member_box{ background: #fff; position:relative; top:50%; transform: translateY(-50%); height: 70%;}
.member_left, .member_right{ float:left; width: 50%; height: 100%;}
.member_right{ background:rgba(255,255,255,.50) url(../images/member_03.jpg) center center no-repeat; background-size: contain;  display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center;}
.member_form{ width:100%; text-align: center;}
.member_form form{ display:inline-block; width: 90%;}
.member_tit{ margin-bottom: 50px;}
.form_line{ text-align: left;} 
label.lebel0{ display:block; float:left; text-align: right; line-height: 44px; width:75px; margin-right: 5px;}
.form_r{ overflow:hidden; position: relative;}
.form_txt{ width:100%; height: 44px; border:1px solid #ddd; border-radius: 4px; padding-left: 40px; background:#fff 12px center no-repeat; background-size: 20px;}
.txt_user{ background-image: url(../images/member_ico01.png);}
.txt_psw{ background-image: url(../images/member_ico02.png);}
.txt_phone{ background-image: url(../images/member_ico03.png);}
.txt_email{ background-image: url(../images/member_ico04.png);}
.form_link{ float:right; margin: 0 -6px; color: #999; line-height: 24px;}
.form_link a{ padding: 0 6px;}
.form_link a.forget_psw{ color:#999;}
.form_link a:hover{ color: #e62129;}
label.auto_log{  cursor: pointer; display:block; float: left; line-height: 24px;}
.line_btn{ clear: both; width:100%!important; margin-bottom: 0!important;}
.form_btn{ display:block; margin: 0 auto; cursor: pointer; border-radius:4px; background: #395baa; color: #fff; width:100%; max-width: 360px; height: 50px;}
/*form_log*/
.form_log{} 
.form_log form{ max-width: 440px; padding-left: 80px;}
.form_log .form_line{ margin-bottom: 10%;}
.form_log .line_fill{ margin-left:-80px;}
/*form_reg*/
.form_reg{} 
.form_reg form{ max-width: 576px; margin:0 -11px; }
.form_reg .form_line{ float:left; width:50%; padding:0 11px; margin-bottom: 32px;}
.txt_check{}
.check_btn{ cursor: pointer; position:absolute; top:0; right:0; z-index: 1; width:50%; height: 100%; background: #f5f5f5; border:1px solid #ddd; border-radius:0 4px 4px 0;}
.check_btn:hover{ background: #666; color: #f5f5f5;}
.reg_handle{ clear: both; width:100%!important; color:#999; line-height: 24px;}
label.clause_agree{  cursor: pointer; display:block; float:left; line-height: 24px;}
.link_clause{ color:#333;}
.account_have{ float:right; margin: 0 -6px; } 
.account_have a{ padding: 0 6px;} 
.account_have a:hover{ color: #e62129;}
/*member_con*/
.member_con{ background: #fff; position:relative; top:50%; transform: translateY(-50%); min-height: 64%; max-height: 90%; overflow-y:auto; padding: 0 40px 60px;}
.member_head{ height: 100px; line-height: 100px; border-bottom: 1px solid #ddd;}
.member_logo{ float:left;}
.member_logo img{ display:block; height: 60px; width:auto; margin-top:20px;}
.member_handle{ float:right; color: #999; margin: 0 -10px;}
.member_handle a{ color: #999; padding: 0 10px;}
.member_handle a:hover{ color: #e62129;}
.member_nav{ overflow:hidden; text-align:center;}
.member_nav a{ display:inline-block; vertical-align: middle; padding:0 3.62%; line-height: 46px; border-radius: 23px;}
.member_nav a:hover{ color:#5ac4d0;}
.member_nav a.current{ background:#5ac4d0; color: #fff;}
/*member_block*/
.member_block{ overflow: hidden; margin-top: 40px;}
.member_top{ margin-bottom: 20px;}
.member_item{ float:left;}
.member_item img{ vertical-align: middle; margin-right: 10px;}
.member_change{ float:right; color:#999;}
.member_change:hover{ text-decoration:underline; color: #666;}
.member_info{ overflow: hidden; width:100%; background: #f5f5f5; padding: 20px;}
.personal_data{ margin: -5px 0;}
.personal_data li{ float:left; padding: 5px 0; margin-right: 9%;}
.personal_data li:last-child{ margin-right:0;}
.data_load{ margin: 0 -20px;}
.data_load li{ padding:0 20px; position: relative;}
.data_load li:before{ content:""; position: absolute; top:0; left:0; width:100%; height: 100%;}
.data_load li a{ display:block; position: relative; z-index:1; overflow: hidden; line-height: 45px; padding-left: 14px; color:#666;}
.data_load li a:before{ content:""; position: absolute; top:50%; left:0; width:4px; height: 4px; background: #666; border-radius:50%;}
.data_size{ display:block; float:right; opacity:.70; margin-left: 4%;}
.data_load li a p{ overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.data_load li:hover:before{ background: #e62129;}
.data_load li:hover a{ color:#fff;}
.data_load li:hover a:before{ background: #fff;}
/*form_change*/
.form_change{}
.form_change .member_info{ padding:50px 50px 50px 20px;}
.change_box{ margin: -20px 0;  }
.change_line, label.c_label, .change_fill label{ line-height: 44px;}
.change_line{ float:left; width:50%; max-width: 509px; padding: 20px 0;}
.change_line:nth-child(even){ float:right;}
label.c_label{ float:left; width:115px; padding-right: 5px; text-align:right; line-height: 44px;}
.red_star{ color:red; margin-right: 5px;}
.change_fill{ overflow:hidden;}
.change_fill label{ display:inline-block; vertical-align: middle;}
.change_txt{ position: relative; z-index:1; width:100%; height: 45px; border:1px solid #cfcfcf; border-radius: 3px; padding-left: 14px;}
input.change_txt::-webkit-input-placeholder{color: #999999;}
input.change_txt::-moz-placeholder{color: #999999;}
input.change_txt:-moz-placeholder{color: #999999;}
input.change_txt:-ms-input-placeholder{color: #999999;}
.change_handle{ text-align:center; margin-top: 50px;}
.change_btn{ vertical-align:middle; border-radius: 3px; background: #395baa; color: #fff; width:360px; height: 50px;}
.sel_box{ overflow:hidden; margin:-2px -4px;}
.b_sel .change_txt{ color:#999;}
.b_sel{ display:block; position: relative; float:left; width:33.33%; padding:2px 4px;}
.b_sel:before{ content:""; position: absolute; top:0; right:0; width:45px; height: 100%; background: url(../images/member_05.png) center no-repeat; background-size: 14px;}
/*checkbox&&radio美化*/
label.label_checkbox, label.label_radio{ cursor:pointer; margin-right: 20px;}
label.label_checkbox i, label.label_radio i { display:inline-block; vertical-align: baseline; position:relative; width:16px; height:16px; line-height:16px; text-align:center; color:transparent; border:#868686 1px solid; font-size: 14px; border-radius: 3px; margin-right: 10px;}
label.label_radio i {border-radius:50%; border-color:#868686;} 
label.label_radio i:before{ content:""; position:absolute; top:4px; left:4px; width:6px; height:6px; border-radius:50%; background: #fff; opacity: 0; display:none;}
label.label_checkbox input[type="checkbox"],
label.label_radio input[type="radio"] {display:none;} 
label.label_checkbox input[type="checkbox"]:checked + i,
label.label_radio input[type="radio"]:checked + i { background: #868686 url(../images/member_06.png) center center no-repeat;} 
label.label_radio input[type="radio"]:checked + i:before{ opacity:1;} 
label.label_checkbox input[type="checkbox"]:disabled + i{ opacity: .50; }
label.label_radio input[type="radio"]:disabled + i { opacity: .50;}
label.label_checkbox input[type="checkbox"]:checked:disabled + i,
label.label_radio input[type="radio"]:checked:disabled + i { opacity: .50;}
/*psw_box*/
.psw_box{}
.psw_box .change_line{ float:none; width:100%;}

/* page */
.paging {
  text-align: center;
  margin-top: 40px;
}
.paging:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.paging ul {
  display: inline-block;
}

.paging a {
  float: left;
  margin: 0 3px;
  width: 50px;
  height: 44px;
  line-height: 42px;
  border: solid 1px #e5e5e5;
  display: block;
  font-family: "Arial", arial;
  font-size: 16px;
  color: #555555;
}
.paging a:hover,.paging a.page-num-current{
  border: solid 1px #1c72ba;
  background: #1c72ba;
  color: #fff;
}

@media (max-width: 1600px){ 
	/*font*/ 
	.f74{ font-size: 64px;}
	.f72{ font-size: 62px;} 
	.f60{ font-size: 50px;} 
	.f48{ font-size: 38px;}
	.f46{ font-size: 36px;}
	.f44{ font-size: 34px;}
	.f42{ font-size: 34px;}
	.f40{ font-size: 34px;}
	.f36{ font-size: 32px;}
	.f32{ font-size: 30px;}
	.f30{ font-size: 28px;}
	.f28{ font-size: 24px;}
	.f24{ font-size: 20px;} 
	.f20{ font-size: 18px;}
	.f18{ font-size: 16px;} 
	.f16{ font-size: 14px;}
	.f15{ font-size: 14px;}
	
	.inner, .member_wrap .inner{ width:1200px!important;}
	/*=====header=====*/
	.nav li a.n_a0{ padding-left:26px; padding-right: 26px;}
	/*=====index=====*/
	.notice{ margin-left: -600px;}
	#focus_scr .owl-nav{ margin-left:404px;}
	.case_box{ max-height:600px;}
	.news_wrap{ max-height:470px;}
	.about_right{ padding-top: 0; line-height:26px; max-height: 390px;}
	
	/*=====02=====*/ 
	.banner_wrap{ height: 570px; }
	#team_scr .owl-nav a.owl-prev, #honor_scr .owl-nav a.owl-prev{ left:-86px;}
	#team_scr .owl-nav a.owl-next, #honor_scr .owl-nav a.owl-next{ right:-86px;}
	
	/*=====03=====*/  
	.detail_right{ width:25.824%;}
	.detail_left{ width: 71.396%;}
	
	/*=====05=====*/
	.news_all li .news_img{ width: 365px;}
}
@media (max-width: 1440px){
	.pro1 .box2 .ul1 li {
	    padding-bottom: 30px;
	}
	.pro1 .box2 .swiper5 .swiper-slide .sbox {
	    padding-bottom: 80px;
	}
}
@media (max-width: 1366px){ 
	/*font*/ 
	.f74{ font-size: 54px;}
	.f72{ font-size: 52px;} 
	.f60{ font-size: 40px;} 
	.f48{ font-size: 34px;}
	.f46{ font-size: 32px;}
	.f44{ font-size: 30px;}
	.f42{ font-size: 30px;}
	.f40{ font-size: 30px;}
	.f36{ font-size: 26px;}
	.f32{ font-size: 24px;}
	.f30{ font-size: 24px;}
	.f28{ font-size: 22px;}
	.f24{ font-size: 18px;} 
	.f20{ font-size: 16px;}
	.f18{ font-size: 16px;} 
	.f16{ font-size: 14px;}
	.f15{ font-size: 14px;}
	
	.inner, .member_wrap .inner{ width:100%!important; padding-left: 15px; padding-right: 15px; max-width: 1030px; }
	/*=====header=====*/
	.nav li a.n_a0{ padding-left:20px; padding-right: 20px;}
	/*=====index=====*/
	.notice{ margin-left: -500px;}
	.notice_tel{ font-size:16px;}
	#focus_scr .owl-nav{ margin-left: 304px;} 
	.case_box{ max-height: 500px;}
	.case_ico{ width:60px;}
	.news_wrap{ max-height: 390px;}
	.news_block a .news_info{ padding-top:0;} 
	.about_right{ line-height:24px; max-height: 360px;}
	/*=====02=====*/
	.banner_wrap{ height: 470px; }
	.guide_wrap{ padding:15px 0;}
	.guide_wrap a{ padding:0 20px; line-height: 40px;} 
	.post_tip{ padding-left:0;}
	.post_tip dt{ width:30px; margin-top: 5px;}
	/*=====05=====*/
	.news_all li .news_img{ width:305px;}
	.news_all li .news_info{ padding-top:0;}
	.news_more{ width:130px; line-height: 40px;}
	
	/*=====06=====*/
	.career_nav{ margin:-15px -20px;}
	.career_nav li{ padding:15px 20px;}
}  

@media (max-width: 1199px){ 
	.inner{ max-width: 930px;}
	/*header*/
	.nav li a.n_a0{ padding-left: 15px; padding-right: 15px; font-size: 14px; }
	.subclass{ font-size:12px;}
	
	/*footer*/
	.footer_nav li a, .f_t_contact{ font-size:12px;}
	.footer_nav li a.f_n_a0{ font-size:14px;}
	
	/*=====01=====*/
	/*fp-nav*/
	#fp-nav.right{ right:0!important; width:26px!important;}
	#fp-nav ul li a em, .fp-slidesNav ul li a em{ width:8px!important; height: 8px!important; margin:12px auto!important;}
	#fp-nav ul li a.active em, .fp-slidesNav ul li a.active em{ height:20px!important;} 
	.sec_num{ margin-bottom:5px;}
	.sec_foreword{ margin-top:10px;}
	
	/*=====02=====*/
	#team_scr .owl-nav, #honor_scr .owl-nav{ margin-top: 30px; text-align:center;}
	#team_scr .owl-nav a, #honor_scr .owl-nav a{ position:inherit; position: initial; display:inline-block; vertical-align: middle; margin: 0 10px; transform: none;}
	.honor_scr_box{ margin:-10px;}
	.honor_box{ padding:10px; /*width:50%;*/}
	.honor_block{ padding-left:4%;}
	.honor_num{ border-width:3px; margin-right: 6px;}
	.honor_num i{ width:38px; line-height: 38px;}
	.honor_txt .des{font-size:14px; width:77%;}
	
	/*=====05=====*/
	.detail_shared{ margin: 30px 0 0; position:inherit; position: initial; text-align: center; }
	.detail_shared .bshare-custom a{ display:inline-block; vertical-align: middle; margin:0 10px!important;}
	
	/* page */
	.paging{
		margin-top: 12px;
	}
	
	.paging a {
	    width: 40px;
	    height: 40px;
	    line-height: 38px;
	    font-size: 14px;
		margin: 0 2px;
	}
}

@media (max-width: 991px){
	/*font*/ 
	.f74{ font-size: 44px;}
	.f72{ font-size: 42px;} 
	.f60{ font-size: 30px;} 
	.f48{ font-size: 26px;}
	.f46{ font-size: 24px;}
	.f44{ font-size: 24px;}
	.f42{ font-size: 24px;}
	.f40{ font-size: 24px;}
	.f36{ font-size: 22px;}
	.f32{ font-size: 22px;}
	.f30{ font-size: 22px;}
	.f28{ font-size: 20px;}
	.f24{ font-size: 16px;} 
	.f20{ font-size: 14px;}
	.f18{ font-size: 14px;} 
	.f16{ font-size: 14px;}
	.f15{ font-size: 14px;}
	body,html{ font-size:12px;}
	
	
	/*=====header=====*/
	header{ height: 60px; position: fixed; background: rgba(0,0,0,.80);}
	.header_top{ text-align:center; margin-bottom: 20px;}
	.header_r{ display:none; float:none; position: fixed; top: 60px; left: 0; width: 100%;  height: -webkit-calc(100% - 60px); height: calc(100% - 60px); background: rgba(0,0,0,.60); border-top: 1px solid rgba(255,255,255,.10); overflow-y: auto;}
	.logo img{ height: 40px; margin-top: 10px; } 
	.menu_phone{ display:block;} 
	.nav{ float:none;}
	.nav li{ 
		float:none; 
		width:100%;
		text-align:center; 
		-webkit-animation-duration: 0.5s;
		animation-duration: 0.5s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: returnToNormal;
		animation-name: returnToNormal; 
	}  
	@-webkit-keyframes returnToNormal {
		from{
			opacity: 0;
			-webkit-transform: translate3d(0, 100%, 0);
			transform: translate3d(0, 100%, 0);
		}
		to {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
		}
	}
	@keyframes returnToNormal {
		from{
			opacity: 0;
			-webkit-transform: translate3d(0, 100%, 0);
			transform: translate3d(0, 100%, 0);
		}
		to {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
		}
	} 
	.subclass{ position:inherit; position: initial; left:0; width:100%;}
	.ico_search{ position: fixed; top: 0; right: 60px; width: 60px; height: 60px; background-position: center;}
	
	/*footer*/
	.footer_left{ width:100%; float:none; max-width: 86px; margin: 0 auto;}
	.footer_right{ display:none;}
	
	/*=====index=====*/
	.section .inner{ padding-top:60px;}
	.section, .sec_box, .sub_con{ padding:40px 0; background-attachment: inherit;}
	.page1{ padding:0;}
	.focus_wrap{ height:500px;}
	#focus_scr .owl-nav{ left:auto; margin-left: 0; right:15px; line-height: 40px;}
	.notice{ left:15px; margin-left: 0;} 
	/*page2*/
	.page2 .num_line{ width:95px;}
	.case_box .sec_top{ width:100%; margin-bottom: 20px;}
	.case_box, .case_box .sec_top{ position: inherit; position: initial;}
	.case_block{ width:50%; float:left; position: relative; top:auto!important; left:auto!important; bottom:auto!important; right:auto!important;}
	.case_block dt{ float:none!important; position:absolute; top:0; z-index: 1;}
	.case_tit i{ font-size:12px;}
	
	.case_container{
		position: initial;
	}
	.case_container li,.case_container li:nth-child(3n){
		width: 49%;
		margin-right: 2%;
	}
	.case_container li:nth-child(2n){
		margin-right: 0;
	}
	/*page3*/
	.about_left{ width:100%; float:none;}
	.page3 .num_line{ height: 80px;}
	.page3 .sec_num{ margin-right:15px;}
	.about_more{ margin:20px 0 0; width: 55px; height: 55px; line-height: 22px;}
	.about_center{ float:none; margin: 0 auto; width: 63%; max-width: 290px;}
	.about_right{ width:100%; float:none; max-width: none; padding-top: 0; line-height: 1.72; margin-top: 30px;}
	/*page4*/
	.page4 .table, .page4 .cell{ display:block;}
	.news_wrap{ height:auto; max-height: none;}
	.news_right, .news_left{ position: inherit; position: initial; width:100%; float:none; border:none;}
	.news_tab{ text-align:center; padding:15px 15px 20px; border-bottom: 1px solid rgba(255,255,255,.10);}
	.news_tab li{ display:inline-block; vertical-align: middle;}
	.news_tab li a{ text-align:center;}
	.news_block a{ padding:15px;}
	.news_logo{ display:none;}
	.news_scr .owl-nav{ position:relative; bottom: auto; right:auto; width: 100%; height: auto; padding: 10px;}
	.news_scr .owl-nav a{ width:42px; background-size:14px;}
	/* product */
	.pro1 .box2 .swiper5 .swiper-slide .sbox .sxian{
		margin: 20px auto;
	}
	.pro1 .box2 .swiper5 .swiper-slide .sbox {
	    padding-bottom: 30px;
	}
	.pro1 .box2 .ul1 li {
	    padding-bottom: 10px;
	}
	/*=====02=====*/
	.banner_wrap{ height: 370px; }
	.banner_tit{ left:15px;}
	.scroll-icon{ right:15px;}
	.culture_box, #development_scr, #document_scr{ padding-left:0;}
	.d_time{ padding-left: 25px; width:100px;}
	.d_time:before{ width:15px;} 
	.culture_list li{ float:none; margin-right:0; padding-bottom: 10px; margin-bottom: 30px;}
	.culture_list li:last-child{ margin-bottom:0;}
	.culture_item{ margin-bottom:10px;}
	.development_scr_box{ margin: -10px -20px; padding-right: 0;}  
	.development_list li, #development_scr .owl-stage-outer{ padding:10px;} 
	#development_scr .owl-nav{ position:relative; top:auto; right:auto; transform: none; text-align: center;}
	#development_scr .owl-nav:before{ top:0; left:50%; width:1px; height: 100%;}
	#development_scr .owl-nav a{ display:inline-block; vertical-align: middle; height: 32px; margin: 0 10px;}
	.team_foreword{ width:100%;}  
	/*=====03=====*/
	.asked_mark{ width:30px; line-height: 30px;}
	.asked_q{ padding-left:10px; background-size: 12px;}
	.asked_des{ line-height:22px; padding-top: 5px;}
	.asked_a{ margin-left:0; padding: 10px;}
	.asked_more, #document_scr .owl-dots{ margin-top:30px;}
	.document_list li{ margin-bottom:10px;}
	.document_list li a{ line-height:52px; padding: 0 60px 0 10px;}
	.document_list li a:before{ width:18px; right:10px;}
	/*detail*/
	.detail_left{ margin-bottom:30px; padding: 20px;}
	.detail_left, .detail_right{ float:none; width: 100%;}
	.relevant_list li a{ padding:15px 0;}
	.relevant_list li .news_img{ float:left; width:120px; margin-bottom: 0; margin-right: 15px;}
	/*products_list*/
	.products_list{ margin:-20px -10px;}
	.products_list li{ width:33.33%; padding:20px 10px;}
	.products_list li a .img_box{ margin-bottom:15px;}
	.load_more{ margin-top:30px;}
	
	/*=====05=====*/
	.news_all{ margin-top:-20px;}
	.news_all li a{ padding:20px 0;}
	.news_all li .news_img{ width: 245px;}
	.news_all li .news_info .des{ line-height: 20px; max-height:40px; -webkit-line-clamp: 2;}
	.news_all li .news_time{ display:none;}
	.detail_btn, .back_list{ float:none; width:100%; text-align: left;}
	.back_list{ text-align:center; margin: 10px 0;}
	
	/*=====06=====*/
	.career_nav{ margin:-10px;}
	.career_nav li{ padding:10px; text-align:center; }
	.career_nav li a{ display:block; height: auto; padding: 20px 0;}
	.career_nav li a img{ display:block; width:55px; margin:0 auto 10px;}
	.career_tit{ display:block;}
	
	/*=====07=====*/
	.demeanor_list{ margin:-15px;}
	.demeanor_list li{ padding:15px;}
	.demeanor_list li a .img_box{ margin:15px 0;}
	.demeanor_more{ min-width:110px; float:none; margin: 0 auto;}
	.demeanor_xg{ float:none; text-align:center;} 
	.exchange_list li{ width:50%;}
	.exchange_info{ padding:15px;}
	
	/*=====09=====*/
	.body_member{ background-attachment: inherit;}
	.member_box{ height:auto;}
	.form_reg .form_line{ margin-bottom:16px!important;}
	.member_left{ position: absolute; top:0; left:0; width:100%;}
	.member_tit{ margin-bottom:30px;}
	.member_right{ position: relative; z-index: 1; width:100%; background: rgba(255,255,255,.90); padding: 30px 0 0;}
	/*member_con*/ 
	.member_con{ padding:0 20px 40px;}
	.member_head{ height: 80px; line-height: 80px;}
	.member_logo img{ height: 50px; margin-top: 15px;}
	.member_nav a{ line-height:36px;}
	.member_item img{ width:32px;}
	.form_change .member_info{ padding: 30px 20px;}
	.change_box{ margin:-10px 0;}
	.change_line:nth-child(n){ width:100%; float:none; margin: 0 auto; padding: 10px 0;}
	.change_btn{ width:180px;}
	
	.member_wrap{ padding-top: 60px;}
}

@media (max-width: 639px){  
	/*font*/ 
	.f74{ font-size: 34px;}
	.f72{ font-size: 32px;} 
	.f60{ font-size: 22px;} 
	.f48{ font-size: 20px;}
	.f46{ font-size: 20px;}
	.f44{ font-size: 20px;}
	.f42{ font-size: 20px;}
	.f40{ font-size: 20px;}
	.f36{ font-size: 16px;}
	.f32{ font-size: 16px;}
	.f30{ font-size: 16px;}
	.f28{ font-size: 14px;}
	.f24{ font-size: 14px;} 
	.f20{ font-size: 14px;}
	.f18{ font-size: 14px;} 
	.f16{ font-size: 14px;}
	.f15{ font-size: 14px;}
	body,html{ font-size:12px;}
	
	/*=====index=====*/
	.section .inner{ padding-top:0;}
	.page6{ padding: 0!important;}
	.focus_wrap{ height: 360px;}
	.f_t_p02{ font-size: 24px; letter-spacing: 0;}
	.f_t_p03{ font-size: 12px; letter-spacing: 0;}
	.notice{ display:none;}
	#focus_scr .owl-nav{ right:0; bottom:0;}
	/*page2*/
	.case_block{width:100%;}
	#case_block01 dt, #case_block03 dt, #case_block05 dt{ right:0;}
	#case_block01 dd, #case_block03 dd, #case_block05 dd{ float:left;}
	
	.case_container li,.case_container li:nth-child(3n){
		width: 100%;
		/* margin: 0 auto 10px; */
		margin-right: 0;
	}
	.case_container li:nth-child(2n){
		margin-right: 0;
	}
	/*page4*/
	.news_block a .news_img{ width:120px; margin-right: 10px;}
	.news_block a .news_time, .news_block a .news_more02{ display:none;}
	.news_block a .news_info .des{ line-height:20px; max-height: 40px; margin: 10px 0 0;}
	/*page5*/
	.cooperation_list li{ width:33.33%;}
	
	/*=====02=====*/
	.banner_wrap{ height: 270px; }
	.honor_box{ width:100%;}
	.honor_block{ height: auto; padding:15px;}
	.intro_left{ width:100%; float:none;}
	.intro_right{ text-align:center;}
	
	/*03*/
	.guide_wrap a{ font-size: 12px; line-height:30px; padding:0 7px;}
	.s_t_en{ font-size:24px;}
	.products_list li{ width: 50%;}
	
	/*05*/
	.news_all li .news_img{ width:120px;}
	.news_more{ display:none;}
	
	/*=====06=====*/ 
	.career_nav li a img{ width: 35px; }
	.career_tit i{ font-size:12px;}
	
	/*=====07=====*/ 
	.demeanor_list li{ width:100%;} 
	.exchange_list li{ width: 100%;}
	.comment_user{ float:none; margin: 0 0 20px 0;}
	.comment_user img{ width: 60px; height: 60px;}
	.comment_btn{ width:130px; height: 40px; background-position: 20px center; padding-left: 50px;}
	.reply_block .comment_user img{ width:45px; height: 45px;}
	.reply_btn{ width: 75px; height: 34px;}
	.reply_txt{ height: 34px;}
	
	/*=====09=====*/ 
	.tan_box{ padding:15px;}
	.tan_tit{ font-size:18px;}
	.form_reg .form_line{ width:100%; float:none; margin-bottom: 10px!important;}
	.page{ margin-top:30px;}
	.page a{ min-width:28px; line-height: 24px; margin: 0;}
	.page a.page_sl{ min-width: 44px; background-size:15px;}
	.page a.page_btn{ font-size:14px;}
	
	/*member_con*/
	.member_head{ height:auto; padding-bottom: 10px; line-height: 70px;}
	.member_logo img{ height: 40px;}
	.member_nav{ clear: both; line-height: normal; font-size: 12px;}
	.personal_data li{ float:none; margin: 0;}
	.data_load li a{ line-height:35px;}
	label.c_label{ width:auto; float:none;}
	.change_handle{ margin-top:30px;}
	.b_sel{ width:100%; float:none;}
	.change_txt{ height:36px;}
	.line_repeat label.c_label{ display:none;}
} 
   
@media (max-width: 420px){
	.products_list li{
		width: 100%;
		padding: 10px 5px;
	}
	.cooperation_list li{
		width: 50%;
	}
}


/**/
.page strong{ display:inline-block; vertical-align: middle; font-weight: bold; margin:0 3px; border-radius: 3px; border:1px solid #e62129; min-width:36px; line-height: 32px; color: #e62129;}