@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: 'DINPro_Regular';
  src: url('../fonts/dinpro_regular.eot');
  src: url('../fonts/dinpro_regular.eot') format('embedded-opentype'),
	   url('../fonts/dinpro_regular.woff') format('woff'),
   url('../fonts/dinpro_regular.ttf') format('truetype'),
   url('../fonts/dinpro_regular.svg#dinpro_regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PingFang_Regular';
  src: url('../fonts/pingfang_regular.eot');
  src: url('../fonts/pingfang_regular.eot') format('embedded-opentype'),
	   url('../fonts/pingfang_regular.woff') format('woff'),
   url('../fonts/pingfang_regular.ttf') format('truetype'),
   url('../fonts/pingfang_regular.svg#pingfang_regular') format('svg');
  font-weight: normal;
  font-style: normal;
} 
@font-face {
  font-family: 'PingFang_Bold';
  src: url('../fonts/pingfang_bold.eot');
  src: url('../fonts/pingfang_bold.eot') format('embedded-opentype'),
	   url('../fonts/pingfang_bold.woff') format('woff'),
   url('../fonts/pingfang_bold.ttf') format('truetype'),
   url('../fonts/pingfang_bold.svg#pingfang_bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
body,html { 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
     background: #fff;
    font-family: DINPro_Regular,PingFang_Regular, Microsoft YaHei, "微软雅黑";
	color:#000;
    font-size: 15px; 
	line-height: 1.72;  
	text-align: justify;
}
::-webkit-scrollbar {
    width: 2px;
}
::-webkit-scrollbar-track {
    width:2px;
    background: #cacaca;
}
::-webkit-scrollbar-thumb {
    width:4px;
    background: #000;
}
img {
    border: none;
    display: inline-block;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    _width: auto;
}
video {
    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:15px;
    vertical-align:middle;
    color:#333; 
	font-family:DINPro_Regular,PingFang_Regular, 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;
}*/
.em_nav {
    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: 15px; 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;} 
/*owl-carousel*/
.owl-carousel .owl-dots{ margin:0;}
.owl-carousel .owl-dots .owl-dot{ width:8px; height: 8px; background: #ad803f;}
.owl-carousel .owl-nav a{display: block; font-size: 0; position: absolute; top: 50%; margin-top: -24px; width: 36px; height: 48px; background: left center no-repeat; background-size: 50%; }
.owl-carousel .owl-nav a.owl-prev{ left: 0; background-image: url(../images/left-arrow.png);}
.owl-carousel .owl-nav a.owl-next{ right: 0; background-position:right center; background-image: url(../images/right-arrow.png);}

/*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, .menu_phone span{
    -webkit-transition:all 600ms ease; transition:all 600ms ease; 
}


.inner{width:100%; padding: 0 20px; max-width:1401px; margin: 0 auto;} 
/*font*/   
.f60{ font-size: 60px;}
.f30{ font-size: 30px;} 
.f28{ font-size: 28px;} 
.f24{ font-size: 24px;} 
.f20{ font-size: 20px;} 
.f18{ font-size: 18px;} 
.f16{ font-size: 16px;} 
.f14{ font-size: 14px;}

/*===================header========================*/
header{ height: 150px;}
header{ position:absolute; left:0; top:0; z-index:1003; width:100%; background: #fff; line-height: 150px; -webkit-animation: 1s .2s fadeIn both; animation: 1s .2s fadeIn both; }  
.logo{ float:left;} 
.logo img{ display:block; height: 44px; width: auto; margin-top: 53px;}  
.nav_box{ float:right; width:75.74%; max-width: 1030px; }
.nav{}
.nav li{ float:left; position: relative; width:14.28%;} /*width:16.66%;*/
.nav li a.n_a0{ display:block; position: relative; text-align: center; color: #fff; padding:53px 0 67px; }
.nav li a.n_a0 em{ display:block; line-height: 30px; background: #000000; position: relative;}
.nav li a.n_a0 em:before, .nav li a.n_a0 em:after{ content:""; position: absolute; left:50%; width:1px; height: 0%; background: #000; opacity: 0; filter:alpha(opacity=0);transform: scale(0.7 , 1);}
.nav li a.n_a0 em:before{ bottom:100%;}
.nav li a.n_a0 em:after{ top:100%;}
.n_caret_down{ display:inline-block; vertical-align: middle; margin-left: 10px; width:6px; height: 6px; background: url(../images/caret_down01.png) no-repeat; background-size: contain;}
.n_subclass{ display:none;}
.n_subclass a{ display:block; padding: 0 20px; background: #f1f1f1; border-top: 1px solid rgba(255,255,255,.10); line-height: 35px; }  
.n_subclass a:hover{ background: #dddddd;}

@media (min-width: 992px){
	.n_subclass{ position: absolute; top:83px; left:16%; z-index: 1; width: 180%; max-width: 250px;}  
	.nav li:hover a.n_a0 em:before, .nav li.current a.n_a0 em:before{ margin-bottom: 10px;}
	.nav li:hover a.n_a0 em:after, .nav li.current a.n_a0 em:after{ margin-top: 10px;}
	.nav li.current a.n_a0 em:before,
	.nav li.current a.n_a0 em:after{ opacity: 1; filter:alpha(opacity=1); height:66.67%;}
	.nav li:hover .n_subclass{ display:block;}
	.nav li:hover .n_subclass a{ -webkit-animation: 1s .2s fadeInUp both; animation: 1s .2s fadeInUp both; }
	.nav li:hover .n_subclass a:nth-child(1){ animation-delay:0.1s;}
	.nav li:hover .n_subclass a:nth-child(2){ animation-delay:0.2s;}
	.nav li:hover .n_subclass a:nth-child(3){ animation-delay:0.3s;} 
	.nav li:hover .n_subclass a:nth-child(4){ animation-delay:0.4s;} 
} 
/*menu_phone*/
.menu_phone{ cursor: pointer; position: relative; float:right; margin-right: -20px; width: 80px; height: 80px; 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: #000; 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);} 
 
/*==============tan_warp*/ 
.tan_warp{ position: fixed; top:0; left:0; width: 100%; height: 100%; padding: 0 20px; z-index: 1004; display:none;} 
.tan_bg{ position: fixed; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,.50);} 
a.tan_closed{ display: block; position:absolute; top:0; right:0; z-index: 10; width: 60px; height: 60px; overflow: hidden; color:transparent; text-indent:-9999px; background: url(../images/ico_close.png) center center no-repeat; background-size: 17px;}
a.tan_closed2 {
    display: block;
    position: absolute;
    top: 0px;
    right: 50px;
    z-index: 10;
    width: 60px;
    height: 60px;
    overflow: hidden;
    color: #f33;
    font-size: 30px;
    text-align: center;
    font-weight: bold;
}
.tan_box{ position: relative; z-index: 2; background: #fff; border-radius: 10px; max-width:1030px; margin:0 auto; padding: 60px;  max-height:580px;}  
.tan_tit{ text-align: center; font-weight: bold; padding-bottom: 50px; background: url(../images/tan_01.png) center bottom no-repeat; margin-bottom: 45px;} 
.back_upper{ display: block; position:absolute; top:20px; left:20px; z-index: 10; padding-left: 16px; background: url(../images/icon_left.png) left center no-repeat; background-size: 8px;}

/*form_box*/
.form_box{ max-width: 400px; margin: 0 auto;}
.form_line{ border:1px solid #dcdcdc; position:relative; margin-bottom: 30px;}
.form_txt{ cursor: pointer; display: block; width:100%; height:50px; padding: 0 70px 0 24px;}
input::-webkit-input-placeholder{ color: #000; }
input:-moz-placeholder{ color: #000; }
input::-moz-placeholder{ color: #000; } 
input:-ms-input-placeholder{ color: #000; }
.select{ overflow:hidden; position: relative;}
.select:before{ content: " "; display: block; border: 1px solid #1d1d1b; border-right: 0; border-top: 0; width: 10px; height: 10px; margin-top: -7px; pointer-events: none; position: absolute; top: 50%; right: 4.5%; z-index: 1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center;
    transform-origin: center; 
}
.search{ overflow:hidden; position: relative;}
.search:before{ content: " "; display: block; width: 28px; height: 28px; background: url(../images/icon-search02.png) center center no-repeat; background-size: contain; position: absolute; right: 16px; top:50%; margin-top: -14px; z-index: 1; }
.form_handle{ text-align:center; margin-top: 60px;}
.form_btn{ cursor: pointer; background: #000; color: #fff; border-radius: 10px; width:254px; height: 50px;}
/*verify_box*/
.verify_box{ text-align:center;}
.verify_box img{ display:block; margin: 0 auto 25px;max-width: 500px;}
/*result_box*/
.result_box{}
.organ_all {margin-left: -60px;max-height: 370px;overflow-y: auto;}
.organ_all li{ cursor: pointer; float:left; width:33.33%; display:flex; padding:0 3%; border-left:1px solid #ededed;position:relative;}
.organ_all li a{ display:block; overflow: hidden; width:100%; padding: 15px 0; max-width: 209px; margin: 0 auto;height:80px;padding-right:26px;position:relative;}
.organ_all li a img{ display:block; float:left; width:33px; height: 44px; margin-right: 15px;}
.organ_txt{ overflow:hidden; line-height: 22px; height:44px; }
.find_result .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.organ_all .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:2px; background: #000;} 







/*===================footer========================*/
footer{ } 
.back_top{ text-indent: -9999px; width: 50px; height: 50px; position: fixed; bottom: 70px; right: 20px;  z-index: 1; background: url(../images/ico_top.png) center center no-repeat; background-size: contain; display:none; }
.footer_top{ background: #f0f0f0; padding:6.2% 5%;}
.f_t_left{ float:left; width:38%; padding: 1% 4% 0 0;}
.f_t_img01{ display:block; width:100%; max-width: 374px;}
.f_t_right{ float:left; width:62%; border-left:1px solid #000; padding-left: 8%;}
.footer_links{ float:left; text-transform: uppercase; width:36%;}
.footer_links a{ display:block;} 
.links_help{ width:auto;}
.links_tit{ font-weight:bold; margin-bottom: 10px;}
.notice{ margin-top: 15px;}
.notice li{ display:inline-block; vertical-align: middle; margin-right: 25px; position: relative;}
img.notice_icon{ display:block; width:37px; height: 37px; opacity: 0.30; filter:alpha(opacity=30); -webkit-transition:all 600ms ease; transition:all 600ms ease; }
.notice_code{ position: absolute; bottom:100%; left:50%; margin-left: -55px; width:110px; padding-bottom: 15px; display:none;}
.code_img{ position: relative; padding: 5px; background: #fff; text-align: center;}
.code_img:before{ border: 10px solid #fff; border-right: 0; border-top: 0; content: " "; width: 10px; height: 10px;  pointer-events: none; position: absolute; bottom:0; left:50%; margin:0 0 -5px -5px; z-index: 1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center;
    transform-origin: center;
}
.code_img img{ display:block; margin: 0 auto;}
.notice li:hover img.notice_icon{ opacity: 1; filter:alpha(opacity=100);}
.notice li:hover .notice_code{ display:block; -webkit-animation: 1s .2s fadeIn both; animation: 1s .2s fadeIn both;}
.footer_bot{ background:#000; color: #fff; text-align: center; padding: 3px 0;}

/*===================main========================*/
main{ padding-top: 150px; padding-bottom: 80px;}
/*bgImg*/
.bgImg{ width:100%; height: 100%; background-position:center center; background-repeat:no-repeat; background-size:cover; -webkit-transition:all 600ms ease; transition:all 600ms ease; }
.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;*/ 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; line-height: 24px; height: 24px;}
/*des*/
.des{
	overflow: hidden;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-line-break: auto;
    -webkit-box-orient: vertical;
	line-height: 24px; 
	max-height: 72px;
}
 
/*===================================01 index==========================================*/
/*bx-wrapper--common样式*/
.bx-wrapper, .bx-viewport, .banner_bxslider, .banner li{ height:100%;}
.bx-wrapper { margin: 0 auto; padding: 0; *zoom: 1;}  
.bx-controls{ position: absolute; bottom: 0; left:0; z-index:1; width: 100%; text-align:center;} 
.bx-wrapper .bx-loading { min-height: 50px; background: url(../images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; display:none;}  
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline;}
.bx-wrapper .bx-prev { left: 10px; background: url(../images/arrow01_left.png) no-repeat;}
.bx-wrapper .bx-next { right: 10px; background: url(../images/arrow01_right.png) no-repeat;} 
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; }
.bx-wrapper .bx-controls-direction a.disabled { display: none;} 
.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; background: url(../images/controls.png) -86px -11px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; background: url(../images/controls.png) -86px -44px no-repeat; margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px;} 
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px;} 
 .phone_dom{display: none;}  
.mScrol{margin-right: 0;height: 690px;}
.mScrol.overY{overflow-y: auto;} 
/*banner*/
.banner{ /*height: 100vh;*/ height: 650px; overflow: hidden; position: relative; top:0; left:0;}
.banner li{overflow: hidden;position: relative; background: #000;}
/*.banner .bx-wrapper img{max-width: none;width: 100%;position: relative;}*/
.banner video{ display:block; width: 100%; height: 100%; object-fit: cover;} 
.banner .bx-wrapper .bx-pager.bx-default-pager a{ width:18px; height: 18px; background:url(../images/ico_dot01a.png) center center no-repeat; background-size: 18px;}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover,
.banner .bx-wrapper .bx-pager.bx-default-pager .active a { background-image:url(../images/ico_dot01b.png); }
/*focus_txt*/
.banner li .p{position: absolute; top:50%; left: 0; right:0; -webkit-transform:translateY(-50%); transform:translateY(-50%); color: #fff; -webkit-transition:all 600ms ease; transition:all 600ms ease;  opacity: 0; filter:alpha(opacity=0);}   
#focus_scr .owl-dots{ width:100%; position:absolute; bottom: 0; left:0; z-index:10; text-align:center;}
.banner .bx-wrapper .bx-pager.bx-default-pager a{ display:inline-block; vertical-align: middle; text-indent:-9999px; position: relative; width:40px; height: 35px; margin: 0 10px; opacity: 1; filter:alpha(opacity=100);} 
.banner .bx-wrapper .bx-pager.bx-default-pager a:before{ content:""; position:absolute; top:0; left:0; background: rgba(255,255,255,.40); width:100%; height: 5px;}
.banner .bx-wrapper .bx-pager.bx-default-pager a:after{ content:""; position:absolute; top:0; left:0; z-index:1; background: #fff; width:100%; height: 5px; transform:scaleX(0); transform-origin: 0;}
.banner .bx-wrapper .bx-pager.bx-default-pager .active a: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);}
} 

/*============sec_begining============*/
.sec_box{ padding-top: 80px;}
/*scroll_loop*/
.scroll_loop {
	-webkit-animation: scrollLoop 4000ms cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite; 
	animation: scrollLoop 4000ms cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
} 
@-webkit-keyframes  scrollLoop {
   0%   {-webit-transform:scale(1,0);-webit-transform-origin:top;}
  40% {-webit-transform:scale(1,1);-webit-transform-origin:top;}
  41% {-webit-transform-origin:bottom;-webit-transform:scale(1,1);}
  81% {-webit-transform:scale(1,0);-webit-transform-origin:bottom;}
   82% {-webit-transform-origin:top;-webit-transform:scale(1,0);}
} 
@keyframes  scrollLoop {
  0%   {transform:scale(1,0);transform-origin:top;}
  40% {transform:scale(1,1);transform-origin:top;}
  41% {transform-origin:bottom;transform:scale(1,1);}
  81% {transform:scale(1,0);transform-origin:bottom;}
   82% {transform-origin:top;transform:scale(1,0);}
}
/*line_dec01*/
.line_dec01{ text-indent:-9999px; position:relative; overflow: hidden; height: 50px; margin-bottom: 25px;}
.line_dec01:before{  content:""; position: absolute; top: 0; left:50%; width:1px; height: 100%; background:#000;transform: scale(0.7 , 1);
	/*-webkit-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -moz-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -o-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transform: scale(1,0);
	transform-origin: top;
	animation:scrollLoop 1.5s infinite;
　　-webkit-animation:scrollLoop 1.5s infinite;*/
}  
.sec_tit01{ text-transform: uppercase;}
.sec_tit01 em{ display:block; font-family: Microsoft YaHei, "微软雅黑"; margin-bottom: 10px;}
/*sec_top*/
.sec_top{ margin-bottom: 60px; text-align:center;} 
.s_t_icon{ display:block; margin: 15px auto; max-width: 55px; height: auto;}
.title01{}
.sec_forewords{ margin-top: 20px;}
/*more01*/
.more01{ display:block; color: #eb0527;}
.more01 img{ vertical-align: middle; max-width: 34px; margin-right: 10px;}
/*flex*/
.flex{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; 
}

/*begining_box*/
.sec_begining{ }
.grid_top{ margin-bottom: 60px; text-align:center;}
.grid_block{  
	position: relative; padding: 20px; background-image: linear-gradient(90deg, rgba(199, 200, 200, 0.8) 1px, transparent 1px), linear-gradient(rgba(199, 200, 200, 0.8) 1px, transparent 1px); background-size: 20px 20px; min-height: 541px; margin-left: 0px!important; margin-right: 0px!important;
}
.grid_left, .grid_right{ width:50%; float:left; } 
.grid_left{
	background: #f0f0f0; padding:20px 5.75%;
	-webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; 
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; 
}
.grid_tit{ margin-bottom: 15px; font-family:DINPro_Regular,PingFang_Bold,PingFang_Regular, Microsoft YaHei, "微软雅黑";}
.grid_tit a{ display:inline-block;position: relative;  padding-bottom: 8px;} 
.grid_tit a:before{ content:""; position: absolute; bottom: 0; left:0; width:100%; height: 1px; background: #000;}
.grid_left .des{ -webkit-line-clamp: 4; max-height: 96px; height: 96px; margin-bottom: 30px;}

/*============sec_products============*/
.sec_products{ }
.products_list{ overflow:hidden; margin: -35px;}
.products_block{ float:left; width:50%; text-align: center; padding: 35px; }
.p_b_tit{ text-align: left; letter-spacing:-0.02em; font-family:DINPro_Regular,PingFang_Bold,PingFang_Regular, Microsoft YaHei, "微软雅黑"; text-transform:uppercase; margin-bottom: 10px;}
.p_b_tit sup{ font-size:60%;}
.p_b_forewords{ }
.p_b_icon{ display:block; margin: 22px auto; height: 40px; width:auto;}
.p_b_des{ height:48px; max-width: 480px; margin:0 auto 10px;}
.p_b_img{ width:63%; max-width:350px; margin: 0 auto;}
.products_block .p_b_tit{ text-align: center; }

/*============sec_promotion============*/
.sec_promotion{ }

/*============sec_team============*/
.sec_team{ }
#team_scr{}
#team_scr:before, .team_row:before{
	content: "";
    position: absolute;
    width: 100%;
    max-width: 1361px;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-image: linear-gradient(90deg, rgba(199, 200, 200, 0.8) 1px, transparent 1px), linear-gradient(rgba(199, 200, 200, 0.8) 1px, transparent 1px);
    background-size: 20px 20px;
    height: 221px;
    /* z-index: 1; */
    opacity: 0.5;
}
.team_block{ display:block; position: relative; padding: 20px; max-width: 275px;}
.team_block .bgImg{ height:200px; background-size: contain; margin-bottom: 20px;}
.team_textbox{ }
.team_textbox .tit{ font-weight:bold; margin-bottom: 10px;}
#team_scr .owl-nav a{ top: 30%; margin: 0;}
#team_scr .owl-nav a.owl-prev{ left:-36px;}
#team_scr .owl-nav a.owl-next{ right:-36px;}
.team_more{ text-align:center; margin-top: 30px;}

/*============sec_news============*/
.sec_news{ }
#news_scr{}
.news_block{ display:block; padding: 0 15px;height: 439px;}
.news_area{ width:100%; max-width: 300px; margin: 0 auto;}
.news_area .bgImg{ height: 240px; border: 1px solid #ddd; -webkit-filter: grayscale(100%); filter: grayscale(100%); margin-bottom: 20px;} 
.date{ font-family:PingFang_Regular; text-align: center; margin-bottom:20px;}
.date span{ width: 20px; display: inline-block; position: relative;}
    .date span:before {
        content: "";
        width: 1px;
        height: 80px;
        background-color: #1d1d1b;
        position: absolute;
        left: 0px;
        right: 0px;
        bottom: 0px;
        margin: 0 auto;
        transform: scale(0.7, 1);
    }
.news_area .tit{ font-weight:bold;}
.news_area .des{ margin:5px 0 10px; color: #000;}
.news_more{ font-weight:bold; -webkit-transition:all 600ms ease; transition:all 600ms ease; }
.news_block:hover .news_more{ color: #eb0527;}
#news_scr .owl-nav a{ top:22%; margin: 0; opacity: 0.20; filter:alpha(opacity=20);}
.bgImg2 {filter: grayscale(100%);-webkit-filter: grayscale(100%);}
.bgImg2:hover {filter: grayscale(0%);-webkit-filter: grayscale(0%);}
/*============sec_find============*/
.sec_find { /*border-top:1px solid #000;*/
}
.find_left{ float:left; /*width:29.70%;*/ width:50%; padding-right: 3%; margin-top: 100px;}
.find_left2 {
    float: left; width:29.70%;
    padding-right: 3%;
    margin-top: 100px;
}
.find_center2 {
    float: left; width:40.42%;
}
.f_l_block{ max-width:314px;}
.find_tit{ position: relative; font-weight: bold; margin-bottom: 15px;}
.find_tit:before{
    content: "";
    width: 22%;
	max-width: 100px;
    height: 1px;
    background-color: #1d1d1b;
    position: absolute;
    right: 10px;
    top: 50%;
}
.find_tip{ margin-bottom:30px;font-weight: bold;}
.find_select{}
.select_icon{ display:block; float:left; width:35px; height: 35px; margin-right: 15px;}
.select_name{ border:1px solid #dbdbdb; max-width: 264px; height: 36px; padding:0 50px 0 14px; }
.find_center{ float:left; /*width:40.42%;*/width:50%;margin-top: 30px;}
.find_right{ overflow:hidden; padding: 0 3.6%;}
.find_result {float: right;height: 330px;overflow-y: auto;padding-right:20px;}
.find_result li a{ display:block; line-height:25px;}


/*===================================02 brand==========================================*/
/*============sub_banner============*/ 
.sub_banner{ overflow: hidden; position: relative; height: 500px;}
.sub_banner video{ width:100%; height: 100%; object-fit:cover;} 
.sub_banner iframe { display: block; width: 100%; height: 100%; position: absolute; margin: 0; top: 0; left: 0; }
.sub_banner .bgImg{ background-position-x: 65%!important;}
.banner_textbox{ position: absolute; top: 50%; left: 12.2%; z-index: 1; transform: translateY(-50%); }
.banner_tit{ line-height:1.60; margin-bottom: 30px;}
.banner_textbox img{ display:block; max-width: 300px;}
.iframe_video{ display: block; width: 100%; height: 100%; position: absolute; margin: 0; top: 0; left: 0;}

/*============sub_top============*/ 
.sub_top{ padding: 30px 30px 0;}
.location{ float:left;}
.location a{ display:block;}
.location_icon{ display:block; width:14px; height: 14px; background: url(../images/arrow_down.png) center no-repeat; background-size: contain; margin-bottom: 5px;}
/*============sec_expertise============*/ 
.sec_expertise{} 
/*leader*/
.leader_img, .leader_info, .leader_video{ height: 300px;}
/*.leader_img{ float: left; width:31.889%;}*/

.leader_img{  width:31.889%; margin: 0 auto;}

/*.leader_info{ float:left; width:36.40%; text-align:justify; padding: 10px 30px 0;}*/

.leader_info{ width:36.40%; text-align:justify; padding: 10px 30px 0; margin: 0 auto;}


.leader_video{ overflow:hidden; position: relative;}
/*.leader_video video{ width:100%; height: 100%; object-fit:cover;} */
.leader_video iframe { display: block; width: 100%; height: 100%; position: absolute; margin: 0; top: 0; left: 0; }

/*============sec_timeline============*/ 
.sec_timeline{ } 
.timeline_list{ overflow: hidden; margin:0 -10px; }
.timeline_list li{ position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; float:left; width:33.33%; text-align: justify; word-break: break-all;  background: center center no-repeat; background-size: cover; padding: 0 10px; margin-bottom: 80px;}
.timeline_block{ width:100%; max-width: 200px; margin: 0 auto;}
.timeline_block .img_box{ border:1px solid #dcdcdc; padding-top: 78%;}
.timeline_year{ width:50%; text-align: right; margin-bottom: 30px;}
.timeline_year span{ width: 20px; height: 50px; display: inline-block; vertical-align: bottom; position: relative;}
.timeline_year span:before { content: ""; width: 1px; height: 100%; background-color: #1d1d1b; position: absolute; right: 0px; top: 0px; transform: scale(0.7 , 1);}
.timeline_block .des{ -webkit-line-clamp: 5; max-height: 120px; height: 120px;}
.timeline_list li.timeline_now{ width:100%; height: 426px; 
	-webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; 
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
	text-align: justify;
}
.timeline_list li.timeline_now:before{
	content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-color: rgba(213, 211, 210, 0.65);
    display: none;
}
.now_block{ position: relative; z-index: 1;}
.now_year{ line-height:1; text-align: center; float:left; width:25%;}
.now_textbox{ float:left; width:50%;}
/*============sec_research============*/ 
.sec_research{}
.research_block{ display:flex;}
.research_img{ float:left; /*height: 647px; width:29.62%;*/ width:63.23%; margin-right: 3%;}
.research_img .bgImg{ background-position:center top;}
.research_textbox{ overflow:hidden;}
/*============sec_experts============*/ 
.sec_experts{}
.team_tablet{}
.team_row{ position: relative;}
.team_row .team_block{ float:left; width:25%; max-width: none;}
.team_row .team_block .team_textbox{ max-width:250px; margin: 0 auto;}
.team_row .team_block .des, .team_mobile #team_scr .team_block .des{ max-height: none; -webkit-line-clamp: inherit; -webkit-line-clamp: initial;}
.team_row02{ margin-top:60px;}
.team_row02 .team_block{ width: 33.33%;}
.team_row02 .team_block .team_textbox{ max-width: 280px;}
.team_mobile{ display:none;}

/*============sec_knowledge============*/ 
.sec_knowledge{ }
.knowledge_block{ background: center top no-repeat; background-size: cover; position: relative; padding: 3.8%; }
.knowledge_block:before {
	content: ""; 
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	background-color: rgba(213, 211, 210, 0.65);
	display: none;
}
.knowledge_left, .knowledge_right{ position: relative; z-index: 1; float:left; width: 28.5%;}
.knowledge_title{ position:relative; text-align: center; font-weight: bold; padding: 24px 15px; }
.knowledge_title span{ 
    content: "";
    position: absolute;
    display: block;
    z-index: 1;
	background-color: #000;
}
.knowledge_title span.a {
    width: 100px;
    height: 4px;
    top: 0px;
    left: 0px; 
}
.knowledge_title span.b {
    width: 4px;
    height: 30px;
    top: 0px;
    left: 0px; 
}
.knowledge_title span.c {
    width: 4px;
    height: 30px;
    bottom: 0px;
    right: 0px; 
}
.knowledge_title span.d {
    width: 100px;
    height: 4px;
    bottom: 0px;
    right: 0px; 
}
.knowledge_right{ float:right;}
.footer_sep { width: 100%; height: 1px; background-color: #1d1d1b; margin-top: 110px; }


/*===================================03 products==========================================*/
/*============sec_mation============*/ 
.sec_mation{}
/*mation*/
.mation{ }
.mation_left, .mation_right{ margin-top: 4%;}
.mation_left{ float:left; width:25.50%;}
.mation_center{ float:left; width:47.50%; padding: 0 4%; }
.mation_center img{ display:block; margin: 0 auto;}
.mation_right{ float:right; width:27%; min-height: 300px; padding: 50px 40px 30px 0; position: relative; border-right: 1px solid #1d1d1b; border-bottom: 1px solid #1d1d1b;}
.mation_right:before {
    content: "";
    width: 50%;
    height: 1px;
    background-color: #1d1d1b;
    position: absolute;
    right: 0px;
    top: 0px;
}
.mation_right:after {
    content: "";
    width: 35px;
    height: 35px;
    background-image: url(../images/icon-search.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    left: 0px;
    right: 34px;
    top: -15px;
    margin: 0 auto;
    text-align: center;
}
/*contrast*/
.contrast{ margin-top: 60px;}
.contrast_left, .contrast_right{ text-transform:uppercase; float:left; width:17.65%;}
.contrast_right{ float:right; text-align: right;}
.contrast_center{ float:left; width:64.7%;}
.contrast_show{ position: relative; margin-bottom: 20px;}
.seize_img{ padding-top: 69.24%;}
.contrast_show .item{ position: absolute; top:0; left:0; z-index: 0; opacity:0;}
.contrast_show .item.current{ opacity:1; z-index: 1;}
.contrast_show .item .img_box img{ width:100%; height: 100%;}
#contrast_thumb{ text-align:center;}
#contrast_thumb .owl-stage, #contrast_thumb .owl-item{ float:none; display:inline-block;}
#contrast_thumb .item{ cursor:pointer;}
#contrast_thumb .img_box{ overflow: visible; padding-top: 67.46%;}
#contrast_thumb .img_box img{ width:100%; height: 100%;}
#contrast_thumb .img_box:before {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #1d1d1b;
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    top: 0px;
	z-index: 1;
}
#contrast_thumb .img_box:after {
    content: "";
    width: 22px;
    height: 29px;
    background-image: url(../images/ba-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    left: 50%;
    bottom: -28px;
	margin-left: -1px;
	z-index: 1;
}
.contrast_text{
	display: flex;
    justify-content: space-around;
    height: 100%;
    flex-wrap: wrap;  
    padding: 5px;
}
.c_t_name, .c_t_simlation{ width:50%; float:left; text-align: center;}
.c_t_simlation{ padding-left: 15px;}
#contrast_thumb .owl-nav a{ top:40%; background-size:10px;}
#contrast_thumb .owl-nav a.owl-prev{ left:-36px; background-image:url(../images/left-arrow02.png);}
#contrast_thumb .owl-nav a.owl-next{ right:-36px; background-image:url(../images/right-arrow02.png);}
/*video_widget*/
.video_widget{ margin-top: 60px; position: relative; overflow: hidden; padding-bottom: 56.25%; height: 0;}
.video_widget iframe { display: block; width: 100%; height: 100%; position: absolute; margin: 0; top: 0; left: 0; }

/*============sec_collection============*/ 
.sec_collection{}
.collection_block{ overflow-x: auto;}
.collection_table{ min-width: 710px;}
.collection_table th { 
    border: 2px solid #ccc;
	border-top: 0px;
    border-left: 0px;
    text-align: left;
    min-width: 140px;
	padding-left:4%;
	font-size: 18px;
}
.collection_table td {
    border: 2px solid #ccc;
    border-top: 0px;
	border-left: 0px;
    text-align: center;
    min-width: 50px;
    padding: 10px;
    font-size: 13px;
    line-height: 17px; 
}
.collection_table tr:nth-child(1) td, .collection_table tr:nth-child(1) th {
    border: 0px;
}
.collection_table tr:nth-child(2) td, .collection_table tr:nth-child(2) th {
    border-top: 0px; 
    padding-top: 10px;
    padding-bottom: 10px;
	font-size: 15px;
}
.collection_table tr:nth-child(3) td{
	font-size: 15px;
}
.collection_table tr.bg-gray th, .collection_table tr.bg-gray td, td.bg-gray, th.bg-gray {
    background-color: #E6E6E8;
}
.collection_table img{ width:100%; max-width: 200px;}
.collection_table tr:nth-child(1) td img{ width: 40%; max-width: 80px;}
/*contrast_ba*/
.contrast_ba{ text-align: center;}

/*============sec_directed============*/ 
.sec_directed{}
.directed_list{ overflow: hidden; margin: -15px; display: flex; justify-content: center; flex-wrap: wrap; align-items: center;}
.directed_list li{ /*float:left;*/ display:inline-block; vertical-align: top; width:16%; padding: 15px;}
.directed_block{ max-width: 220px; margin: 0 auto; text-align: center;}
.directed_block .img_box{ /*padding-top: 113.64%;*/ padding-top: 0; height: 250px;}
.directed_block .des{ max-height:24px; height: 24px; -webkit-line-clamp: 1; margin-bottom: 15px;}
/*list_li6*/
.list_li6 li{ width:16.66%;}
/*list_li3*/
.list_li3 li{ width:33.33%;} 


/*===================================04 news==========================================*/
/*============sec_trends============*/ 
.sec_trends{}
.news_all{ overflow: hidden; }
.news_all .news_block{ float:left; width:33.33%; margin-bottom: 70px;}
.load_more {display: block;text-align: center;cursor: pointer;}
/*article*/
.article_top{ text-align: center; padding-bottom: 35px; border-bottom: 1px solid #000;}
.article_con{ padding: 4.5% 6.5% 9%;}
.article_shared{ margin-top: 25px;}
.article_shared .bshare-custom a{ width:30px; height: 30px; padding: 5px; border-radius:50%; background: rgba(0,0,0,.50) center center no-repeat; background-size: 20px; margin: 0 8px;}
.article_shared .bshare-custom a.bshare-qqim{ background-image: url(../images/shared_ico01.png);}
.article_shared .bshare-custom a.bshare-sinaminiblog{ background-image: url(../images/shared_ico02.png);}
.article_shared .bshare-custom a.bshare-qzone{ background-image: url(../images/shared_ico03.png);}
.article_shared .bshare-custom a.bshare-douban{ background-image: url(../images/shared_ico04.png);}
/*like_rec*/
.like_rec{}
.like_tit{ text-align:center; margin-bottom: 60px;}
.like_rec .news_all{ margin-bottom: -70px;}
.like_rec .news_block:nth-child(2n-1) .news_area{ float:left;}
.like_rec .news_block:nth-child(3n+3) .news_area{ float:right;}

/*===================================07 faq==========================================*/
/*============faq_all============*/ 
.faq_all{ border-radius: 5px; background: #ececec;}
.faq_q, .faq_a{ padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,.30);}
.faq_q{ cursor: pointer; line-height: 20px; padding-left: 40px; padding-right: 40px;} 
.faq_q a{ display:block; background: url(../images/ico_plus.png) left 4px no-repeat; background-size: 12px; padding-left: 30px;}
.faq_q.current a{ background-image:url(../images/ico_minute.png); }
.faq_a{ padding-left: 70px; padding-right: 70px; display:none;}
.faq_a:last-child{ border:none;} 

/*===================================08 doctor==========================================*/
/*============sub_banner_txt============*/ 
.sub_banner_txt{ position: absolute; top:50%; left:0; z-index: 1; transform: translateY(-50%); color: #ffffff; padding: 0 6.62%; max-width: 510px; }
.sub_banner_tit em, 
.sub_banner_tit i{ font-style: normal; display:block; }
.sub_banner_tit i{ margin-top: 3%;}
.sub_banner_des{ margin-top: 8%;}
/*============sec_dialogue============*/ 
.sec_dialogue{}
.dialogue_block{ position: relative; padding: 20px; background-image: linear-gradient(90deg, rgba(199, 200, 200, 0.8) 1px, transparent 1px), linear-gradient(rgba(199, 200, 200, 0.8) 1px, transparent 1px); background-size: 20px 20px; min-height: 501px; margin-left: 0px!important; margin-right: 0px!important; }
.dialogue_left, .dialogue_right{ width:50%; float:left; } 
.dialogue_right{
	background: #f0f0f0;
	padding:20px 5.75%;
	-webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; 
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; 
}
.dialogue_tit{ margin-bottom: 15px; font-family:DINPro_Regular,PingFang_Bold,PingFang_Regular, Microsoft YaHei, "微软雅黑";}
.dialogue_tit a{ display:inline-block;position: relative;  padding-bottom: 8px;} 
.dialogue_tit a:before{ content:""; position: absolute; bottom: 0; left:0; width:65%; height: 1px; background: #000;}
.dialogue_des{ -webkit-line-clamp: 7; max-height: 168px; height: 168px; }
 /*tan_video*/
.play_show{ display:block; position: relative; cursor: pointer;}
.play_show video{ display:block; width: 100%; height: 100%; object-fit: cover;}
.video_btn{ display: block; position: absolute; top: 0; left: 0; z-index: 2; background: rgba(0,0,0, .12) url(../images/icon-video.png) center center no-repeat; background-size: 50px; width: 100%; height: 100%;  } 
#tan_video .tan_box{ max-height:680px;}
#tan_video .play_show{ height:460px;}
#tan_video .tan_tit{ padding-bottom: 30px!important; margin-bottom: 30px!important;}
/*============sec_previous============*/ 
.sec_previous{}
.previous_list{ display:flex; flex-wrap: wrap; align-items: stretch; justify-content: center; margin: -35px -15px;}
.previous_list li{ float:left; width:33.33%; padding: 35px 15px;}
.previous_block{ margin:0 auto; max-width: 300px;}
.previous_img{ padding-top: 70%;}
.previous_img img{ -webkit-transition:all 600ms ease; transition:all 600ms ease;}
.previous_icon{ display: block; position: absolute; top: 0; left: 0; z-index: 1; background: rgba(0,0,0, 0) url(../images/icon-video.png) center center no-repeat; background-size: 40px; width: 100%; height: 100%; -webkit-transition:all 600ms ease; transition:all 600ms ease; }
.previous_info{}
.previous_info .line_dec01{ height:40px;}
.previous_tit{ font-weight: bold;}
.previous_des{ margin-top:5px;}
.previous_block:hover .previous_img img{ transform: scale(1.10); }
.previous_block:hover .previous_icon{ background-color: rgba(0,0,0, .12);}
.previous_more{ margin-top: 100px;}



@media (max-width: 1440px){
	.inner{ max-width: 1241px; }  
	/*index*/
	.banner{ height: 550px;}
	.grid_block{ min-height: 461px;}
	.find_left{ /*margin-top:50px;*/margin-top:0px;} 
	
	/*08*/
	.dialogue_block{ min-height: 421px;}
}    

@media (max-width: 1199px){
	.inner{ max-width: 1001px; } 
	/*font*/   
	.f60{ font-size: 50px;}
	.f30{ font-size: 24px;} 
	.f28{ font-size: 22px;} 
	.f24{ font-size: 20px;} 
	.f20{ font-size: 18px;} 
	.f18{ font-size: 16px;} 
	.f16{ font-size: 14px;} 
	.f14{ font-size: 14px;}
	body,html, button, input, textarea ,select, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,label{ font-size: 14px;}
 
	/*index*/  
	.banner{ height: 450px;}
	.sec_box{ padding-top: 50px;}
	.sec_top{ margin-bottom: 30px;}
	.line_dec01{ height:30px; margin-bottom: 15px;} 
	.p_b_icon{ margin: 12px auto;}  
	.grid_block{ min-height: 381px;}
	.products_list{ margin: -20px;}
	.products_block{ padding: 20px; }
	#team_scr .owl-nav a.owl-prev, #news_scr .owl-nav a.owl-prev{ left:-20px;}
	#team_scr .owl-nav a.owl-next, #news_scr .owl-nav a.owl-next{ right:-20px;}
	.s_t_icon{ max-width: 40px; margin: 10px auto; }
	
	/*03*/  
	.sub_banner{ height: 400px;}
	.banner_textbox img{ max-width: 200px;} 
	.collection_table th{ font-size: 16px;}
	
	/*08*/
	.dialogue_block{ min-height: 341px;}
}

@media (max-width: 991px){ 
	/*header*/
	header{ position: fixed; height: 80px;}
	.logo img{ height: 34px; margin-top:23px;}
	.nav_box{ display:none; position: fixed; top:80px; left:0; width:100%; height: 100%; max-width: none; background: rgba(255,255,255,1); padding:0 20px;z-index:9999;}
	.nav{ max-width: 600px; margin: 0 auto;} 
	.nav li{ float:none; width:100%;}
	.nav li a.n_a0{ padding: 0; text-align: left;}
	.nav li a.n_a0 em{ padding: 5px 20px;}
	.nav li a.n_a0 em .n_caret_down{ position: absolute; top:50%; right:20px; margin-top: -3px;}
	.n_subclass{ position:static; width:100%; max-width: none; background: #f1f1f1; padding:10px 0;}
	.menu_phone{ display:block;} 
	.nav li a.n_a0 em:before, .nav li a.n_a0 em:after{ display:none;}
	.nav li:hover a.n_a0 em{ opacity: .90;}
	
	main{ padding-top:80px; padding-bottom: 60px;}
	.footer_sep{ margin-top: 60px;}
	
	/*footer*/
	.footer_top{ padding:20px;}
	.f_t_left{ float:none; width:100%; padding: 0;}
	.f_t_img01{ margin:0 auto;}
	.f_t_right{ float:none; width:100%; border-left:none; padding-left: 0; border-top:1px solid #000; padding-top: 30px; margin-top: 30px; font-size: 12px;}
	.notice li{ margin-right:10px;}
	img.notice_icon{ width:27px; height: 27px;}
	 
	/*01*/
	.find_left, .find_center{ width:100%; float:none; }
    .find_left2, .find_center2 {
        width: 100%;
        float: none;
    }
	.find_left{ padding-right: 0;}
	.f_l_block{ margin:0 auto;}
	.find_center{ padding: 20px 0;}
	.find_right{ padding:0;}
	.find_result{ float:none; height: auto; max-height: 226px;}
	
	/*03*/
	.mation_left, .mation_center, .mation_right{ width:100%; float:none;}
	.mation_left, .mation_left .p_b_tit{ text-align:center;}
	.mation_center{ padding: 0; text-align: center;}
	.mation_center img{ max-width: 80%; }
	.mation_right{ min-height: inherit; padding: 30px 30px 30px 0;}
	
	/*08*/
	.previous_list li{ width:50%;}
	.previous_more{ margin-top: 60px;}
}

@media (max-width: 767px){ 
	/*font*/   
	.f60{ font-size: 40px;}
	.f30{ font-size: 18px;} 
	.f28{ font-size: 18px;} 
	.f24{ font-size: 16px;} 
	.f20{ font-size: 14px;} 
	.f18{ font-size: 14px;} 
	.f16{ font-size: 13px;} 
	.f14{ font-size: 12px;}
	body,html, button, input, textarea ,select, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,label{ font-size: 13px;} 
	
	/*header*/
	.tan_box{ padding:60px 20px 30px;}
	.tan_tit{ padding-bottom:30px; margin-bottom: 30px;}
	.form_line{ margin-bottom:20px;}
	.form_txt{ height:40px;}
	.form_handle{ margin-top:30px;}
	.form_btn{ width:180px; height: 40px;}
	.verify_box img{ width:120px;}
	.organ_all{ margin-left:0; max-height: 220px;}
	.organ_all li{ width:50%;}
	
	/*index*/
	.banner{ height: 250px;}
	.banner .bx-wrapper .bx-pager.bx-default-pager a{ width:30px; height: 25px; margin: 0 5px;}
	.grid_block{ padding:0;}
	.grid_left, .grid_right{ width:100%; float:none;}
	.grid_right .bgImg img{ display:block;}
	.products_block{ width:100%;}
	.team_block{ margin:0 auto; text-align: center;}
	 
	/*02*/ 
	.sub_banner{ height: 200px;}
	.banner_tit{ line-height: 1.3; margin-bottom:15px;}
	.sub_top{ text-align:center;} 
	.location{ float:none;}
	.location_icon{ margin:0 auto;}
	.team_tablet{ display: none;} 
	.team_mobile{ display: block;} 
	.knowledge_block:before{ display:block;}
	.knowledge_left, .knowledge_right{ width:47%;}
	.leader_img, .leader_info{ width:100%; float:none;} 
	.leader_img{ height:200px;}
	.leader_info{ height: auto; padding:30px 0;} 
	
	.research_block{ display:block;}
	.research_img{ width:100%; float:none; max-width: 403px; margin: 0 auto 30px;}
	.research_img .bgImg img{ display:block;}
	.knowledge_left, .knowledge_right{ width: 100%;}
	.timeline_list li{ width:50%; margin-bottom:50px; background-position: right center;}
	.timeline_list li.timeline_now{ height:326px;}
	.timeline_list li.timeline_now:before{ display:block;}
	.now_year, .now_textbox{ width:100%; float:none;}
	.now_textbox{ text-align:center; margin-top: 20px;}
	
	/*03*/ 
	.contrast_left, .contrast_right{ width:50%; text-align:center;}
	.contrast_center{ clear:both; width:100%; float:none; padding-top: 20px;}
	#contrast_thumb .owl-nav a.owl-prev{ left: -20px;}
	#contrast_thumb .owl-nav a.owl-next{ right: -20px;}
	.collection_table th{ font-size: 14px;}
	/*banner_textbox*/
	.banner_textbox{ left:20px;}
	.banner_textbox img{ max-width: 100px;}
	/*directed_list*/
	.directed_list li{ width:50%;}
	.directed_block .img_box{ height:200px;}
	
	/*04*/
	.news_all .news_block{ width:100%; margin-bottom: 40px;height: auto;}
	.article_con{ padding-left:0; padding-right: 0;}
	.like_tit{ margin-bottom:30px;}
	.like_rec .news_block:nth-child(2n-1) .news_area,
	.like_rec .news_block:nth-child(3n+3) .news_area{ float:none;} 
	
	/*07*/
	.faq_q{ padding:15px 30px;} 
	.faq_q a{ padding-left: 20px;} 
	.faq_a{ padding:15px 30px 15px 50px; }
	
    /*sidevar*/
    /*.sidebar {width:50px!important;height:50px!important;}*/

    /*手机版隐藏*/
    .find_tip { display:none; }
    .recommend span { display:block!important; width:100%!important; }
	
	/*08*/
	.dialogue_block{min-height:0; padding: 0;}
	.dialogue_left, .dialogue_right { display: block; width: 100%;float: none;} 
	.previous_list{ margin:-20px 0;}
	.previous_list li{ width:100%; padding: 20px 0;}
	
}
.recommend span {
    width: 40%;
    display: inline-block;
}
.timeline_list li.timeline_now {
    margin-bottom: 0;
}
.notice li:last-child{ margin-right:0;}

/*文字在一行超出...*/
.noline {
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*多行文本超出...*/
.nolines {
    overflow: hidden;
     text-overflow: ellipsis;
    display: -webkit-box;
     white-space: pre-wrap;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
}