@charset "utf-8";
html{height:100%;padding:0;margin:0; overflow-x:hidden}
body{width:100%;font:12px;font-family:"Helvetica","Arial",sans-serif; background:#f5f5f5; overflow:hidden
   }
/*body::-webkit-scrollbar{
	width: 8px;
}
body::-webkit-scrollbar-track{

	background: #fff;
}
body::-webkit-scrollbar-thumb{
	background: #1b1b1b;
}
body::-webkit-scrollbar-thumb:window-inactive{background: #1b1b1b;
}
body::-webkit-scrollbar-thumb:vertical:hover{background: #1b1b1b;
}
*/
.clr{line-height:0;height:0;clear:both;font-size:0;overflow:hidden}
.clearfix:after{display:block;height:0;visibility:hidden;clear:both;content:"."}
.w1420{min-width:1200px;width:1200px;margin:0 auto}
a,b,button,em,h1,h2,h3,h4,h5,h6,html,i,input,li,p,select,strong,textarea,ul{font-family:"Helvetica","Arial",sans-serif}
a{color:#333;
}
.hide{display:none}
@font-face {
	    font-family: 'Vonnes-BoldCondensed';
		src: url('../fonts/Vonnes-BoldCondensed.eot');
		src: local('Bebas Regular'),
		local('Vonnes-BoldCondensed'),
		url('../fonts/Vonnes-BoldCondensed.woff') format('woff'),
		url('../fonts/Vonnes-BoldCondensed.ttf') format('truetype'),
		url('../fonts/Vonnes-BoldCondensed.svg#Bebas') format('svg');
	    font-weight: normal;
	    font-style: normal;
}


.top_bj .email{ background:url(../img/em.png) no-repeat left center; padding-left:26px; }

.i-ban{
  height: 980px;
}
.mo-ban{
  display: none;
}
.i-ban ul{
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
}
.i-ban li {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.i-ban.pc-ban li{
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% 100% !important; 
}
.i-ban.pc-ban ul{
  opacity: 0;
  filter: alpha(opacity=0);
}

.i-ban ul.slides{
  opacity: 0;
  filter: alpha(opacity=0);
}
.i-ban.pc-ban .btns{
  z-index: 2;
  left: 50%;
  position: absolute;
}
.i-ban.pc-ban .btns span{
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    width: 47px;
    height: 3px;
    background-color: #b2b2b2;
    position: relative;
    overflow: hidden;
    float: left;
    cursor: pointer;
}
/*.i-ban.pc-ban li a{
  display: block;
  width: 100%;
  height: 100%;
}*/
.i-ban .flex-control-nav,.i-ban.pc-ban .btns{
  bottom: 30px;
  z-index: 2;
}
.i-ban .flex-control-paging li a.flex-active,.i-ban.pc-ban .btns span.cur{
  background-color: #00bde8;
}
.i-ban.pc-ban li a{ padding:0 85px; text-align:center; color:#fff}





.w_80{ position:relative;-webkit-transition: all 2s;transition: all 2s;-webkit-transform: translate(50px,-10px);transform: translate(50px-,10px);}



#menu { margin: 0; padding: 0; position: fixed; left: 10px; top: 10px; list-style-type: none; z-index: 70;}

#menu li { float: left; margin:  0 10px 0 0; font-size: 14px;}

#menu a { float: left; padding: 10px 20px; background-color: #fff; color: #333; text-decoration: none;}

#menu .active a { color: #fff; background-color: #333;}
.top_nav_tit{width:100%; margin:0 auto; background:#fdfdfd; line-height:24px; padding:23px 0; overflow:hidden; box-shadow: 0 0 10px #ccc;}
.w_nav{ width:1200px; margin:0 auto}
.w_nav span{ background:url(../img/about/a01.png) no-repeat; width:6px; height:10px; float:left; margin:6px 12px;}
.w_nav strong{ color:#38a7f6; font-weight:700; font-size:14px}
.w_nav a{ color:#888;  font-size:14px; float:left}
.w_nav a:hover{color:#38a7f6}
.w_nav ul li{ float:left; margin-left:48px; }
.w_nav ul li a{ font-size:14px; color:#fff; float:none}
.w_nav ul li a:hover{ color:#fff}
nav ul li a.link:hover,nav ul li:hover a.link,nav ul li.on a.link{ color:#11244e}
.top_links .site img{ vertical-align:top}
/*phone*/
.sub-menu {
   display:none;  position:relative; top:0; left:0; z-index:1111;  width:100%;  background:#32469d url(../img/map.png); margin-bottom:0;
}
.sub-menu ul{ height:100%;  display:none; position:absolute; left:0; width:100%;top:55px;}
.search-bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1111;
    background-color: #1e2f7a;
    opacity: 0.95;
    filter: Alpha(opacity=95);
    display: none;
}
.search-bg-fff {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    background-color: #fbfbfb;
    display: none;
}

.m-search-box {
    width: 1200px;
   /* border: 1px solid #ccc; border-radius:30px;*/ border-bottom:1px solid #fff;
    position: fixed;
    left:50%;
    top: 23%; margin-left:-600px;
    height: 36px;
    z-index: 1111;
    display: none;
}
.m-search-box input.tex {
    border: none;
    background: none;
    font-size:21px;
    font-family: "Arial";
    color: #fff;
    height: 26px;
    line-height: 24px;
    padding: 4px 0;
    width: 80%;
}
.m-search-box input.search-btn {
    border: none;
    width: 32px;
    height: 32px;
    background: url(../img/search.png) no-repeat center;
    background-size: 60% auto;
}
.m-close-search {
    display: block;
    width: 15px;
    height: 15px;
    background: url(../img/ico_07.png) no-repeat center;
    background-size: 100% auto;
    position: fixed;
    right: 68px;
    top: 68px;
    cursor: pointer;
    z-index: 1111;
    display: none;
}
.sub-menu .sub-tit.on:after {
    content: '';
    display: block;
    width: 13px;
    height: 1
	3px;
    background: url(../img/ico_03h.png) no-repeat center;
    background-size: 100% auto;
    position: absolute;
    top: 20px;
    right: 30px;    

}
.sub-menu .sec-list a:after:hover{ background:url(../img/ico_03_hh.png) no-repeat center;background-size: 100% auto;color:#2fb6df}
 .search-btn {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url(../img/ser.png) no-repeat left center;
    background-size: 100% 100%;
    cursor: pointer;
    position: relative;
}
.phone_dh{ padding:0 15px ; width:100%;box-sizing: border-box; height:55px; background:#fff; position:fixed; top:0; left:0; background:#fff; z-index:11; border-bottom:1px solid #ccc}
.phone_dh .logo{ width:130px; margin-top:12px}
.sou_r{ margin-top:20px; position: relative;
    padding: 0 3%; margin-left:10%; float:left}
.sou_r:after{     content: "";
    height: 20px;
    width: 1px;
    background: #ebebeb;
    right: 0;
    top: 0;
    position: absolute;} 
.nav-btn {
    width: 34px;
    height: 23px;
    position: relative;
    cursor: pointer; background:#fff; margin-left:5%; margin-top:20px; float:left
}
.back-btn{ float:left}
.nav-btn span.dh{ font-size:18px; color:#183884; float:left; line-height:25px; padding:0 5px; display:inline}
.phone_fix{ position:absolute; right:0; top:0; width:140px;}

.ins-nav2{
	position: relative; margin-bottom:20px; display:none}
.ins-nav2 .bd{
		width: 100%;
		margin: 0 auto;
		position: relative;
		overflow: hidden; background:#3850a1}
.ins-nav2 .bd ul{
			width: 100%;
		}
.ins-nav2 .bd ul li{
			width: 25%;
			text-align: center;
			line-height:30px; position:relative}
.ins-nav2 .bd ul li:after{ position:absolute; width:1px; height:12px; top:50%; margin-top:-6px; right:0; content:""; background:#fff}	
.ins-nav2 .bd ul li:last-child:after{ background:none}	
.ins-nav2 .bd ul a{
				display: block;
				color: #fff;
			}
.ins-nav2 .bd ul li.hover,.ins-nav2 .bd ul li:hover{ }
.ins-nav2 .bd ul li:hover a,.ins-nav2 .bd ul li.hover a{
				color: #fff;font-weight:700;
			}
/*.ins-nav2 .butn{
		display: block;
		position: absolute;
		top: 0;
		width: Rem(50px);
		height: Rem(80px);
	}
.ins-nav2 .prev{
		background: url(../img/ico_05.png) no-repeat center;
		background-size: Rem(12px) auto;
		left: 0;
	}
.ins-nav2 .next{
		background: url(../img/ico_06.png) no-repeat center;
		background-size: Rem(12px) auto;
		right: 0;
	}

*/
.nav-btn .line1 {
    top:0;
    -webkit-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    transform-origin: left top 0;
}
.nav-btn .line {
    display: block;
    width: 34px;
    height: 3px;
    background-color: #506bd1; 
    position: absolute;
    right: 0; border-radius:3px;
}
.nav-btn .line2 {
    top:10px; 
}
.nav-btn .line3 {
    top:20px; 
    -webkit-transform-origin: left bottom 0;
    -ms-transform-origin: left bottom 0;
    transform-origin: left bottom 0;
}
header .search-btn {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../img/search.png) no-repeat left center;
    background-size: 100% 100%;
    cursor: pointer; position:relative
}
/*header .search-btn:after{content:""; width:1px; height:0.2rem; background:#7f7f7f; position:absolute; right:0; top:0.06rem; }
*/
.nav-btn.active {
    -webkit-animation: rotate 0.3s linear 0s;
    animation: rotate 0.3s linear 0s;
}
.nav-btn.hover .line1{
	 left:0;
    top: 30px;
}
.nav-btn.hover .line3{
	 left: 0.31rem; width:32px; top:17px;
}


.line1{
transform-origin: left top 0;
}
.line2{
}
.line3{
transform-origin: left bottom 0;
}
.swiper_home_b .swiper-pagination{ z-index:1}
/*heder*/

.phone_dh{}
.sub-menu li a{ position:relative}

.back-btn{    width: 32px;
    height: 32px; float:left;
    cursor: pointer;
    background: #fff;
    margin-left: 6%;
    margin-top: 16px; display:none}
.back-btn span {
    display: block;
    width:32px;
    height:32px; background:url(../img/support/s01.png) no-repeat; 
}	
header .back-btn .line1 {
    top: 28%;
}
header .back-btn .line2 {
    top: 48% 
}
header .back-btn .line3 {
    top:68%; 
    -webkit-transform-origin: left bottom 0;
    -ms-transform-origin: left bottom 0;
    transform-origin: left bottom 0;
}



 .sub-menu li {
    width: 100%;
}
.sub-menu li {
     float:none;
}
.sub-menu li:nth-child(1) .tit{ border:none}

.sub-menu .tit {border-top: 1px solid #7682b6; 
    display: block;
    width: 100%;
   padding:0 30px;    box-sizing: border-box;
    line-height: 60px;
    color: #fff;
    position: relative; font-size:15px;
}
.sub-menu .tit:after{    content: '';
    display: block;
    width: 13px;
    height: 13px;
    background: url(../img/ico_03.png) no-repeat center;
    background-size: 100% auto;
    position: absolute;
    top: 20px;
    right: 30px;}
.sub-menu .sub-tit.on {
    background:#fff; border:none;
    color:#32469d
}
.sub-menu .sub-tit:after {
    content: '';
    display: block;
    width: 21px;
    height:21px;
    background: url(../img/ico_03.png) no-repeat center;
    background-size: 100% auto;
    position: absolute;
    top: 20px; right:30px;
}
.sub-menu .sec-list {
    line-height: 30px;
    display: none;
}

.sub-menu .sec-list p { padding-left:47px; position:relative;  position:relative
}
.sub-menu .sec-list a { font-size:14px;
    color: #fff; display:block; line-height:35px; position:relative
}
.sub-menu .sec-list p:after {
    content: '';
    display: block;
    width: 5px;
    height:5px;
    background:#99a3ce;
    background-size: 100% auto;
    position: absolute;
    top: 15px; left:30px;
}
.sub-menu .sec-list p:last-child{ border-bottom:none}



/*phone*/
.phone_data .top-tit{box-sizing: border-box;}
.sanyuan_data_phone li{     text-align: center;
    float: left;
    width: 50%;
    padding: 2%;
    box-sizing: border-box; margin:4%　0}
.sanyuan_data_phone li .cn-tt {
    font-size: 12px;
    line-height: 24px;
}
.pc_swf{ width:100%; height:100%}
.sanyuan_data_phone li .num {
    font-size: 30px;
    font-family: "BEBAS";
    line-height: 30px;
    margin-top: 14px;
}
.sanyuan_data_phone li .en-tt {
    line-height: 24px;
    font-size: 12px;
    color: #fff;
    opacity: 0.25;
    filter: alpha(opacity=25);
    font-family: "Arial";
}
.sanyuan_data_phone li .num .num-active{ font-size:30px}


.service-box .ser_one h1.tit span{ float:none; display:block}
.contact, .copyright{ height:100%}
.pro_nav_re .flexslider .flex-viewport{ width:86%; margin:0 auto}
.section { text-align: center; font: 50px "Arial"; color: #fff;}
.section1{ background:#fff; background-size:100% 100%; }

.inf_home .cont-wrap { margin:8%  auto 0 auto;
   
    color: #fff;
    font-size: 0.2rem; width:1200px; padding-top:30px; padding-bottom:30px;
}
.inf_home .cont-wrap li a{}
.news_3{ position:absolute; top:80%; left:-50px; width:99px; height:99px;}
.wrap_home_list li div{ 
 overflow:hidden;}
.wrap_home_list li img{transition: transform 1s;}
.wrap_home_list .flex-direction-nav{ position:absolute; top:-60px; right:0}
.wrap_home_list .flex-direction-nav{ width:77px; margin-bottom:0.25rem;}
.wrap_home_list .flex-direction-nav li{  width:32px; height:32px; display:block; cursor:pointer;border-radius: 360px;
    border: 1px solid #00afec;}
.wrap_home_list .flex-direction-nav li.flex-nav-prev{ float:left}
.wrap_home_list .flex-direction-nav li.flex-nav-next{ float:right}
.wrap_home_list .flex-direction-nav li.flex-nav-prev a{background:url(../img/home/left_t.png) no-repeat center center; display:block;
    cursor: pointer;text-indent: 9999px; width:32px; height:32px;}
.wrap_home_list .flex-direction-nav li.flex-nav-next a{ background:url(../img/home/right_t.png) no-repeat center center; display:block;   cursor: pointer;text-indent: 9999px; width:32px; height:32px;}
.wrap_home_list .flex-direction-nav li.flex-nav-prev a:hover{ background:url(../img/about/lefth.png) no-repeat;border-radius: 360px;}
.wrap_home_list .flex-direction-nav li.flex-nav-next a:hover{ background:url(../img/about/righth.png) no-repeat;border-radius: 360px;}

.wrap_home_list .flexslider{ width:1200px; margin:0 auto; border:none; padding:0; background:#f5f5f5}
/*.wrap_home_list li:hover div img{transform:scale(1.2,1.2);transition:transform 1.5s linear 0}*/
.flexslider:hover .flex-direction-nav .flex-prev:hover{box-shadow:none}
.wrap_home_list li img{ }

.wrap_home_list li img{transition: transform 1s;}
.wrap_home_list li:hover img{transform:scale(1.2,1.2);transition:transform 1.5s linear 0}


.inf_home .cont-wrap li a { display:block; width:100%; height:100%}
.wrap_home_list li h1{ position:relative; z-index:1; padding-left:20px; background:#fff; height:50px; text-align:left; color:#333; font-size:16px; line-height:50px; overflow:hidden; padding-right:20px}
.wrap_home_list .flexslider .slides li:hover { box-shadow:0 0 20px #ccc}
.wrap_home_list li:hover h1{ background:#38a7f6 url(../img/home/more.png) no-repeat 90% center; color:#fff}
.wrap_home_list li:hover span{ display:block}
.anime .news_3 {-webkit-animation: fadeIn 1s linear 1 backwards;
    animation: fadeIn 1s linear 1 backwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;-webkit-animation-direction: alternate;animation-direction: alternate;}
.wrap_home_list li div{ width:100%}
.wrap_home_list .flexslider .slides div img{ width:100%}
.wrap_home_list{ width:1200px; margin:0 auto}	
.wrap_home_list .flexslider ul{100%}
.wrap_home_list .flexslider .slides li {
    width: 444px;
    float: left;
    cursor: pointer;
    position: relative;
    margin-right: 75px;
}	
.news_de_con .about_bottom_news dl dt:first-child{ border:none; padding:0}
.share_news{ margin-top:10px;}
.share_news a{ width:24px; height:24px; float:left; margin-right:4px;}	
.share_news a.print{ background:url(../img/about/a03.png) no-repeat;}	
.share_news a.sina{ background:url(../img/about/a04.png) no-repeat;}	
.share_news a.weixin{ background:url(../img/about/a05.png) no-repeat;}	
.share_news a.print:hover{ background:url(../img/about/a03h.png) no-repeat;}	
.share_news a.sina:hover{ background:url(../img/about/a04h.png) no-repeat;}	
.share_news a.weixin:hover{ background:url(../img/about/a05h.png) no-repeat;}	
.news_detail_con{ }
.z-index .height_h_80{ height:80px;}
.news_detail_con img{ max-width:100%}
.detaia_news_box{ padding-bottom:32px; overflow:hidden; border-bottom:1px solid #e6e5e5; margin-bottom:32px; }
.news_detail_con{color:#888; font-size:13px; line-height:24px;}
.share_box_top{ background:#d5d5d5; padding:0.3rem 0.27rem; overflow:hidden; display:none}	
.share_box_top li{ background:#fbfbfc; box-shadow:0 0 10px #ccc; padding:0.21rem 0.2rem; width:48%;    box-sizing: border-box;position:relative; overflow:hidden}	
.share_box_top li span{ background:#f7f7f7; position:relative; width:30px; height:30px; display:block; position:absolute; top:0; left:0; padding:8px; border-right:1px solid #e8e9eb}
.share_box_top li.fl span{ background:#f7f7f7 url(../img/phonetel.png) no-repeat center center;background-size:60% 60%}
.share_box_top li div{ float: left;
    line-height: 34x;
    margin-left: 22%; color:#5c6572; height:34px; font-size:12px;}
.share_box_top li div a{ display:inline-block; color:#5c6572; float:left; line-height:34px}
.share_box_top li.fr span{ background:#f7f7f7 url(../img/phoneloc.png) no-repeat center center;background-size:60% 60%}
.share_box_top li.fr div{ line-height:34px; height:34px; overflow:hidden}
.lc_time .listul li:hover{ background:none}
.fangzhen_box { text-align:left}
@-webkit-keyframes $animationName {
  0% {
    opacity: 1;
  }
  99.9% {
    opacity: 1;
  }
  100% {
    -moz-transform: rotate(1080deg);
    -ms-transform: rotate(1080deg);
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg);
    opacity: 0;
  }
}
@-moz-keyframes mouseAction {
  0% {
    opacity: 1;
  }
  99.9% {
    opacity: 1;
  }
  100% {
    -moz-transform: rotate(1080deg);
    -ms-transform: rotate(1080deg);
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg);
    opacity: 0;
  }
}
@-ms-keyframes mouseAction {
  0% {
    opacity: 1;
  }
  99.9% {
    opacity: 1;
  }
  100% {
    -moz-transform: rotate(1080deg);
    -ms-transform: rotate(1080deg);
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg);
    opacity: 0;
  }
}
@keyframes mouseAction {
  0% {
    opacity: 1;
  }
  99.9% {
    opacity: 1;
  }
  100% {
    -moz-transform: rotate(1080deg);
    -ms-transform: rotate(1080deg);
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg);
    opacity: 0;
  }
}
@-webkit-keyframes $animationName {
  100% {
    -moz-transform: rotate(-1080deg);
    -ms-transform: rotate(-1080deg);
    -webkit-transform: rotate(-1080deg);
    transform: rotate(-1080deg);
  }
}
@-moz-keyframes mouseAction2 {
  100% {
    -moz-transform: rotate(-1080deg);
    -ms-transform: rotate(-1080deg);
    -webkit-transform: rotate(-1080deg);
    transform: rotate(-1080deg);
  }
}
@-ms-keyframes mouseAction2 {
  100% {
    -moz-transform: rotate(-1080deg);
    -ms-transform: rotate(-1080deg);
    -webkit-transform: rotate(-1080deg);
    transform: rotate(-1080deg);
  }
}
@keyframes mouseAction2 {
  100% {
    -moz-transform: rotate(-1080deg);
    -ms-transform: rotate(-1080deg);
    -webkit-transform: rotate(-1080deg);
    transform: rotate(-1080deg);
  }
}


#superContainer {
    height: 100%;
    position: relative;
}
.section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.slide {
    float: left;
}
.slide, .slidesContainer {
    height: 100%;
    display: block;
}
/*.slides {
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}*/
.section.table, .slide.table {
    display: table;
    width: 100%;
}
.tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.slidesContainer {
    float: left;
    position: relative;
}
.controlArrow {
    position: absolute;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
}
.controlArrow.prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.controlArrow.next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.scrollable {
    overflow: scroll;
}
.easing {
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}
#fullPage-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
}
#fullPage-nav.right {
    right: 17px;
}
#fullPage-nav.left {
    left: 17px;
}
.fullPage-slidesNav {
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}
.fullPage-slidesNav.bottom {
    bottom: 17px;
}
.fullPage-slidesNav.top {
    top: 17px;
}
#fullPage-nav ul,
.fullPage-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fullPage-nav li,
.fullPage-slidesNav li {
    display: block;
    width: 46px;
    height: 10px;
    margin: 22px;
    position:relative;
}
.fullPage-slidesNav li {
    display: inline-block;
}
#fullPage-nav li a,
.fullPage-slidesNav li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fullPage-nav ul li a{background:url(../img/home/lio.png) no-repeat left center}
#fullPage-nav ul li .active{ background:url(../img/home/on1.png) no-repeat left center}

#fullPage-nav ul.anime li a{}
#fullPage-nav ul.anime li .active{ background:url(../img/home/on.png) no-repeat left center}
#fullPage-nav li .active span,
.fullPage-slidesNav .active span { display:block;
}
#fullPage-nav span,
.fullPage-slidesNav span {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px; display:none;
    position: absolute;
    z-index: 1;
}
.fullPage-tooltip {
    position: absolute;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    top: -2px;
}
.fullPage-tooltip.right {
    right: 20px;
}
.fullPage-tooltip.left {
    left: 20px;
}
.btn_right_one{ position:absolute; top:-10px; right:92px; width:29px; height:26px;}
.anime .btn_right_four{-webkit-animation: cicle_l 1s linear 1 backwards;
    animation: cicle_l 1s linear 1 backwards;}
.anime .btn_right_five{-webkit-animation: shu 1s linear 1 backwards;
    animation: shu 1s linear 1 backwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction: alternate;animation-direction: alternate;}

.btn_right_one span img{ vertical-align:top}
.btn_right_one span{position:absolute; top:0; left:0; width:29px; height:26px;}
.anime .btn_right_one span:nth-child(1){-webkit-animation: fadeIn 1s linear 1 backwards;
animation: fadeIn 1s linear 1 backwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.anime .btn_right_one span:nth-child(2){-webkit-animation: fadeIn 1s linear 0.3s 1 backwards;
animation: fadeIn 1s linear 0.3s 1 backwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.anime .btn_right_one span:nth-child(3){-webkit-animation: fadeIn 1s linear 0.6s 1 backwards;
animation: fadeIn 1s linear 0.6s 1 backwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.btn_right_two{     position: absolute;
    top: 6px;
    right: 70px;
    width: 21px;
    height: 27px;}
.anime .btn_right_two{-webkit-animation: shu1 2s linear 1 backwards;
    animation: shu1 2s linear 1 backwards;}
.anime .btn_right_three{-webkit-animation: shu1 1s linear 1 backwards;
    animation: shu1 1s linear 1 backwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction: alternate;animation-direction: alternate;}
.anime .btn_right_six{-webkit-animation: up1 1s linear 1 backwards;
    animation: up1 1s linear 1 backwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction: alternate;animation-direction: alternate;}

.btn_right_three{      position: absolute;
    top: 36px;
    right:10px;
    width: 60px;
    height: 13px;}
.btn_right_three img{ vertical-align:top}
.job-list-tpl4 dt h1 strong{ font-weight:normal; font-family:Arial, Helvetica, sans-serif}
.btn_right_four{      position: absolute;
    top: 536px;
    left: -190px;
    width: 21px;
    height: 27px;}
.btn_right_four img{ vertical-align:top}

.btn_right_five{      position: absolute;
    top: 566px;
    left: -190px;
    width: 81px;
    height: 68px;}
.btn_right_five img{ vertical-align:top}
#fullPage-nav{ display:none}
.btn_right_six{      position: absolute;
    top: 536px;
    right: 20px;
    width: 21px;
    height: 27px;}
.btn_right_six img{ vertical-align:top}
.foote{ position:relative; background:#fff; display:none; overflow:hidden}
.foote .share_box{ position: absolute;
    left: 38px;
    top: 35px;
    width: 272px;
    height: 37px;}
.btn_right_two img{width:21px; height:27px; vertical-align:top}
.w_411{ position:absolute; top:82px; right:258px; width:411px; height:411px}

.w_573{ margin:0 auto; width:573px; height:573px}
.anime .w_573{-webkit-animation: cicle_l 7s linear 1 backwards;
    animation: cicle_l 7s linear 1 backwards;
    opacity: 1;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;
}
.anime .w_411{-webkit-animation: cicle_r 14s linear 1 backwards;
    animation: cicle_r 14s linear 1 backwards;
    opacity: 1;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;
}

.ploy{ position:absolute; top:172px; left:100px; width:1014px; height:248px}
.do{ position:absolute; bottom:80px; left:0; width:100%; font-size:15px; color:#fff;-webkit-transition:all .6s;transition:all .6s}
.anime .do{ -webkit-animation: up1 1s linear 1 backwards;
    animation: up1 1s linear 1 backwards;}
.w_right{ width:120px;height:18px; line-height:18px; margin-top:47px; margin-right:32px;}
.w_right a{color:#4e7efd; font-size:16px; height:18px; line-height:18px;float:left}
.w_right span{ background:#92affb; width:1px; height:9px; margin:5px 14px; float:left; display:inline-block;}
.form_head{ width:18px; float:left; height:18px;}
.menu_btn{width:21px; float:left; height:15px; cursor:pointer;}
.menu_box .padding_box .close{-webkit-transition: all 1s;transition: all 1s;}
.menu_box .padding_box .close:hover{ -webkit-animation: pulse 1s linear 1 backwards;
    animation: pulse 1s linear 1 backwards;
    opacity: 1;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite; }
.menu_btn img{ display:block}
.form_head input[type="button"]{ background:url(../img/searchbtn.png) no-repeat; width:18px; height:18px; border:none; }
.top_titles {height:135px; position:relative; padding-bottom:48px}
.top_titles h1{ font-size:45px; color:#363e54; text-align:center; width:180px; height:48px; line-height:48px; margin:0 auto; position:relative; padding-bottom:14px; padding-top:51px; z-index:1}
.top_titles h1 em{ background:#fad668; width:30px; height:6px; position:absolute; bottom:0px; right:0;}
.top_titles h1 span{ position:absolute; top:20px; right:-90px; width:80px; height:68px;}
.top_titles .en_tit{ text-align:center; position:absolute; top:0; left:50%; margin-left:-700px; width:1400px}
.wrap_in{position: relative;
    width: 1200px;
    margin: 0 auto;}


.por{ position:relative}
.wrap_in_box1{ padding-bottom:48px;}

/*member*/
.cj_list{ width:1174px; float:right}
.job_list dt{font-size:18px;color:#333; margin-top:35px;}
.job_list dt.open{ background:#759bff; height:54px;}
.job_list dt a{ background:#759bff; width:44px; height:44px; border-radius:360px; position:absolute; left:-27px; top:0; border:5px solid #fff; line-height:44px; text-align:center; color:#fff; font-size:18px;}
.job_list dt{ position:relative}
.job_list dt em{ position:absolute; right:0; top:0; background:url(../img/down.png) no-repeat; width:54px; height:54px}
.job_list dt.open em{background:url(../img/up.png) no-repeat}

.job_list dl{padding:0;}
.job_list dd div{font-size:14px;color:#666; line-height:28px}
.job_list dd div strong{display:block;color:#333;font-size:16px;font-weight:normal}
.job_list dt{color:#363e54;cursor:pointer;font-weight:normal;height:54px;line-height:54px;padding-left:44px;background:#eee;}
.job_list dt span{color:#363e54;padding-right:18px}
.job_list dd{display:none;overflow:hidden;padding:42px 48px;position:relative; background:#eee;}
.job_list dd td{line-height:0.48rem}
.job_list dd td span{padding-right:5px}
.job_list dt.open span{ color:#fff}
.job_list dt.open a{}
.job_list dt a:hover{text-decoration:underline}

/*news*/
.tabs_li{ position:relative;width:100%;
    height: 94px;
    margin-bottom: 78px;}
.tabs_li .line{ position:absolute; top:30px; left:0; background:#eaeaea; height:1px; width:100%;}
.tabs_li ul{ text-align:center; position:relative; z-index:1; width:100%;}
.tabs_li li{float: none;
    margin: 0 64px;
    display: inline-block;*display: inline; zoom:1; width:72px;}
.tabs_li li a{ font-size:18px; color:#000033}	
.tabs_li li a em{ width:58px; height:58px; display:block; border:1px solid #eaeaea; border-radius:360px; margin:0 auto 14px auto}
.news_li li.icon_1 em{ background:#f8f8f8 url(../img/news/1.png) no-repeat;}
.news_li li.icon_1.on a em,.news_li li.icon_1:hover a em{ background:#4e7efd url(../img/news/1h.png) no-repeat}
.news_li li.icon_2 em{ background:#f8f8f8 url(../img/news/2.png) no-repeat;}
.news_li li.icon_2.on a em,.news_li li.icon_2:hover a em{ background:#4e7efd url(../img/news/2h.png) no-repeat}
.news_li li.icon_3 em{ background:#f8f8f8 url(../img/news/3.png) no-repeat;}
.news_li li.icon_3.on a em,.news_li li.icon_3:hover a em{ background:#4e7efd url(../img/news/3h.png) no-repeat}
.tabs_li li a p{ line-height:20px;}
.show_detail h1{ font-size:45px; text-align:center}
.show_detail p{ color:#666; line-height:32px; font-size:16px}

.shiping_box_tip{ position:fixed;width:100%; height:100%; left:0; top:0; z-index:123; background:#000}
.shiping_box_tip video{ width:714px; height:478px; margin:10% auto; display:block}
.shiping_box_tip .close{ width:26px; height:26px; position:absolute; top:18%; right:30%; cursor:pointer}


.share_right{ position:absolute; right:64px; top:54px; width:31px; height:150px;}
.share_right em{ display:block; width:27px; height:27px; border:2px solid #efefef; border-radius:360px; margin-bottom:30px}
.share_right em.add{ background:url(../img/news/add.png) no-repeat center center;}
.share_right em.share{ background:url(../img/news/share.png) no-repeat center center;}
.share_right em.add:hover{  background:#4e7efd url(../img/news/addh.png) no-repeat center center;border:2px solid #4e7efd}
.share_right em.share:hover{  background:#4e7efd url(../img/news/shareh.png) no-repeat center center;border:2px solid #4e7efd}

.news_box_con .slideBox .bd{ margin-bottom:30px; height:auto}

.img-w3h2 {
    overflow: hidden;
}
.img-w3h2 {
    width: 261px;
    height: 136px;
    float: left;
}
.news_right-con {
    margin-left: 48px;
    width: 500px;
    float: left;
}




.wrap_in_t1 { margin-bottom:110px;}

.wrap_in_t2 .device {
  width: 100%;
  position: relative;
  height: 514px;
}
.wrap_in_t2 .swiper-container {
  height: 540px;
  text-align: center;
}
.wrap_in_t2 .swiper-slide {
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -ms-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.wrap_in_t2 .swiper-slide-visible {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.wrap_in_t2 .swiper-slide-active {
  top: 0;
  opacity: 1;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2); z-index:1; position:relative
}
.wrap_in_t2 .swiper-slide .title { height:405px; margin-top:50px; position:relative;
}
.wrap_in_t2 .title span{ cursor:pointer;background:url(../img/event/png.png) repeat; height:100%; width:100%; position:absolute; top:0; left:0;
}
.wrap_in_t2 .title span div{ position:absolute; width:100%; left:50%; margin-left:-50%; top:128px;opacity:0 }
.wrap_in_t2 .title span div img{ margin:0 auto 25px auto; display:block; width:61px; height:61px;}
.wrap_in_t2 .title span div h1{color:#fff; font-size:14px}
.wrap_in_t2 .swiper-slide-active .title { margin-left:-70px}
.wrap_in_t2 .swiper-slide-active .title span div{ opacity:1}
.wrap_in_t2 .device{ position:relative}
.wrap_in_t2 .device .btns  {    width: 233px; height:37px;
    margin: 0 auto;}
.wrap_in_t2 .device .arrow-left{ background:url(../img/left.png) no-repeat; float:left; width:37px; height:37px;}
.wrap_in_t2 .device .arrow-right{ background:url(../img/right.png) no-repeat; float:right;width:37px; height:37px;}
.wrap_in_t2 .device .arrow-left:hover{background:url(../img/lefth.png) no-repeat;}
.wrap_in_t2 .device .arrow-right:hover{ background:url(../img/righth.png) no-repeat; }
.wrap_in_t2 .device .pagination {
          height: 14px;
    overflow: hidden;
    z-index: 1;
    width: 140px;
    margin: 0 auto;
    padding-top: 12px;
}
.wrap_in_t2 .device .swiper-pagination-switch  {
    float: none;
    margin: 0 6px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    background: url(../img/c1.png) no-repeat;
    cursor: pointer;
    display: inline-block;
    zoom: 1;
    vertical-align: top;
}
.wrap_in_t2 .device .swiper-active-switch {
  background: url(../img/c2.png) no-repeat;
}
.wrap_in_t2{ height:800px; overflow:hidden}
.wrap_in_t2 h1{ font-size:30px; text-align:center; color:#363e54; margin-bottom:30px}
.wrap_in_t3 h1{ font-size:30px; text-align:center; color:#363e54; margin-bottom:30px}
.cansai{ padding-top:50px; height:450px}
.cansai dt{width:290px; float:left; text-align:center; color:#666; line-height:20px; font-size:12px; margin:0 44px;-webkit-transition:all .6s;transition:all .6s}
.cansai dt.two{ padding-top:80px}
.cansai dt:hover{ margin-top:-50px;-webkit-transition:all .6s;transition:all .6s}
.wrap_in_t3{ text-align:center; margin:0 auto 120px auto; width:1200px;}
.cansai dt div{ background:url(../img/event/border.png) no-repeat; width:277px; height:277px; margin:0 auto 20px auto; position:relative}
.cansai dt div span{ width:240px; height:240px; position:absolute; top:50%; left:50%; margin-left:-123px; margin-top:-123px; display:block; border:3px solid #dcdcdc; border-radius:360px;}
.cansai dt:hover div span{border:3px solid #4e7efd}
.cansai dt h1{ color:#363e54; font-size:18px; line-height:20px; margin-bottom:20px;}
.cansai .slideBox .bd {
    height: 405px;
}
.wrap_in_t4{ width:1200px; margin:0 auto; text-align:center}
.wrap_in_t4 .slideBox .bd{ height:405px;}
.wrap_in_t4 h1{ font-size:30px; text-align:center; color:#363e54; margin-bottom:30px}
.wrap_in_t4 li{ }
.wrap_in_t4 li dl{ width:1220px; overflow:hidden; padding:5px}
.wrap_in_t4 li dl dt{ width:284px; height:186px; background:#efefef; border:1px solid #f0f0f0; margin-right:16px; float:left; margin-bottom:19px; box-shadow:0 0 10px #ccc}
.wrap_in_t4 li dl dt div{ height:142px; overflow:hidden; background:#fff}
.wrap_in_t4 li dl dt p{ height:46px; line-height:46px; text-align:left; color:#555555; padding-left:20px; font-size:16px}
/*contact*/
.job_li li.icon_1 em{ background:#f8f8f8 url(../img/contact/t1.png) no-repeat;}
.job_li li.icon_1.on a em,.job_li li.icon_1:hover a em{ background:#4e7efd url(../img/contact/t1h.png) no-repeat}
.job_li li.icon_2 em{ background:#f8f8f8 url(../img/contact/t2.png) no-repeat;}
.job_li li.icon_2.on a em,.job_li li.icon_2:hover a em{ background:#4e7efd url(../img/contact/t2h.png) no-repeat}
.job_li li.icon_3 em{ background:#f8f8f8 url(../img/contact/t3.png) no-repeat;}
.job_li li.icon_3.on a em,.job_li li.icon_3:hover a em{ background:#4e7efd url(../img/contact/t3h.png) no-repeat}
.job_li li.icon_4 em{ background:#f8f8f8 url(../img/contact/t4.png) no-repeat;}
.job_li li.icon_4.on a em,.job_li li.icon_4:hover a em{ background:#4e7efd url(../img/contact/t4h.png) no-repeat}
.job_li li a p{ line-height:20px;}
.map{margin-bottom:40px}
#map{ height:487px; }
.contact_box_es{ background:url(../img/contact/C.png) no-repeat top center; padding-top:50px;}
.contact_box_es .con_top1{ line-height:36px; font-size:30px; color:#32469d; margin-bottom:80px;font-family:"Vonnes-BoldCondensed"; text-transform:capitalize}
.contact_box_es .con_top2{ margin-bottom:48px;}
.contact_box_es .con_top2 strong{ color:#444444; font-size:18px; font-weight:normal; display:block; font-family:"Vonnes-BoldCondensed";}
.contact_box_es .con_top2 p{ color:#999; font-size:30px; line-height:42px; margin-bottom:20px;}
.map{ position:relative}
.map span{ width:80%; padding:15px 10px; line-height:20px; color:#fff; background:#38a7f6; border-radius:5px; position:absolute; top:20%; left:10%;}
.contact_top_con{ position:relative; height:338px; background:#ededed; border-radius:5px; box-shadow:0 0 10px #eaeaea; margin-bottom:110px}
.contact_top_con .contact_box{ padding-left:170px; padding-top:80px;}
.contact_top_con .contact_box h1{ font-size:24px; color:#333; line-height:24px; margin-bottom:32px;}
.contact_top_con a{ background:url(../img/contact/qq.png) no-repeat; width:143px; height:79px; line-height:79px; text-align:left; padding-left:88px; display:inline-block; font-size:18px; color:#fff}
.contact_top_con .phone{ position:absolute; top:0; right:0}
.zixun_form .msg-tb .spred {
       font-size: 20px; position:absolute; right:15px; top:0;
    vertical-align: middle;
    display: inline-block; font-style:normal; color:#4e7efd
}
.zixun_form .msg-tb .spred i{ padding-top:4px; display:inline-block; font-style:normal; font-size:18px; float:left; margin-right:8px}
.zixun_form .msg-tb {
    border:0;
    border-width: 0 0 1px 1px;
}
.zixun_form .msg-tb ul{ width:1216px; overflow:hidden}
.zixun_form .msg-tb .group{
    width: 266px;
    height: 40px;
    color: #4c4c4c;
    font-size: 14px; position:relative; margin-right:16px; margin-bottom:10px;}
.zixun_form .msg-tb .group span{ margin-right:10px;}
.zixun_form .msg-tb .group input{ border: 1px solid #ebebeb;
    background: #ebebeb; color:#b1b1b1;font-family:"Arial"; width:206px;border-radius:5px;padding: 6px 10px;
    height:26px; line-height:26px; font-size:12px}
.zixun_form .msg-tb .submit{
    width: 250px;
    height: 50px;
    background: #4e7efd;
    font-size: 16px;
    color: #fff; border-radius:5px; 
    cursor: pointer; margin:20px 14px 0 0;-webkit-transition: background-color .2s ease-in-out, top .2s ease-in-out;-o-transition: background-color .2s ease-in-out, top .2s ease-in-out;-moz-transition: background-color .2s ease-in-out, top .2s ease-in-out; margin-left:50px
}
.zixun_form .msg-tb .reset{
    width: 250px;
    height: 50px;
    background: #b9b9b9;
    font-size: 16px;
    color: #fff; border-radius:5px; 
    cursor: pointer; margin:54px 14px 0 0;-webkit-transition: background-color .2s ease-in-out, top .2s ease-in-out;-o-transition: background-color .2s ease-in-out, top .2s ease-in-out;-moz-transition: background-color .2s ease-in-out, top .2s ease-in-out;
}

.zixun_form .msg-tb .submit,.zixun_form .msg-tb .reset{ border:none}
.zixun_form .msg-tb .error {
    border-color: #D70128;
}

.zixun_form .msg-tb .sele {
       width: 270px;
    line-height:45px; height:45px;*height:27px;
    padding: 0 10px;
    color: #333;
    border: 1px solid #eee;
    background: #fff;
    font-size: 14px;
}
.zixun_form{ margin-bottom:140px;overflow:hidden}
.zixun_form .msg-tb li.w570 .group{ width:592px;}
.zixun_form .msg-tb li.w570 .group input{ width:478px;}
.zixun_form .msg-tb span.tit{ width:88px;}
.zixun_form input::-webkit-input-placeholder{  font-family:"Arial"; color:#333; }
.zixun_form .msg-tb li.w570 .textarea{ width:570px; float:left;margin-right: 16px;}
.zixun_form .msg-tb li.w570 .textarea textarea{ width:566px;}
.textarea{  
   
    color: #333;height:182px;margin-bottom: 20px; width:1178px;}
.textarea textarea{ border: 1px solid #ebebeb;
    background: #ebebeb; width:1104px; height:176px; color:#b1b1b1; padding: 6px 10px;
    line-height:26px; font-size:12px; border-radius:5px;}
.zixun_form textarea::-webkit-input-placeholder{  font-family:"Arial"; color:#333; }
.zixun_form .msg-tb .submit:hover{ background:#b81c22; color:#fff}
.thanks_con{ font-size:12px; color:#777; line-height:22px; margin-bottom:10px}
.zixun_form h1{  text-align:left;    font-size:24px; margin-bottom:50px;    color: #333;
    line-height:26px; height:26px;}
.zixun_form .msg-tb .group span{ float:left;line-height:40px; height:40px; }
.textarea span{ float:left; line-height:40px; height:40px; display:inline-block; font-size:14px;    margin-right: 10px;}

.map-355{ font-size:14px; line-height:48px; color:#666; position:relative}
.map-355 h1{ font-size:24px; color:#333; line-height:26px; margin-bottom:22px;}
.map-355 span{ display:block; margin-bottom:24px; height:1px; background:#e1e1e1;}
.map-355 p{ padding-left:46px;}
.map-355 p.add{ background:url(../img/contact/adr.png) no-repeat left center;}
.map-355 p.tel{ background:url(../img/contact/tel.png) no-repeat left center;}
.map-355 p.email{ background:url(../img/contact/email.png) no-repeat left center;}
.ewm_box_con{ position:absolute; right:66px; top:80px}
.ewm_box_con div{ float:left; width:94px; text-align:center; color:#666666; font-size:14px; margin:0 10px;}
.ewm_box_con div h2{ line-height:40px; font-size:14px;}
.ewm_box_con div img{ widows:94px; height:94px; margin:0 auto; display:block}
/* 本例子css */
.cjwt_bj .slideBox{ width:1200px; position:relative; margin:0 auto}
		.slideBox{ width:1200px; position:relative;  }
		.slideBox .hd{ height:14px; overflow:hidden;  z-index:1; width:140px; margin:0 auto; padding-top:12px; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; text-align:center; height:14px;}
		.slideBox .hd ul li{ float:none; margin:0 6px;  width:14px; height:14px; line-height:14px; text-align:center; background:url(../img/c1.png) no-repeat; cursor:pointer; display:inline-block;*display:inline;zoom: 1;vertical-align: top;}
		.slideBox .hd ul li.on{  background:url(../img/c2.png) no-repeat; color:#fff; }
		.slideBox .bd{ position:relative; height:640px; z-index:0; margin-bottom:76px;}
		.slideBox .bd li{ zoom:1; vertical-align:middle; }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; top:0; display:block; width:37px; height:37px; }
		.slideBox .next{ left:auto; right:0; background:url(../img/right.png) no-repeat }
		.slideBox .prev{ background:url(../img/left.png) no-repeat; left:0}
		.slideBox .prev:hover{background:url(../img/lefth.png) no-repeat;}
		.slideBox .next:hover{ background:url(../img/righth.png) no-repeat; }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }

.member_btns{ position:relative; width:233px; margin:0 auto; height:37px;}



/*home end*/
.w_94{ width:94%; margin:0 auto}
.logo{ margin-top:9px}
.w_90{ margin-top:18px; text-align:center}
.top_t header .logo{ width:10%}
.top_t header .qunti{ display:none}
.top_t header{ height:58px;}
.top_t .header .form{ padding:8% 0}
.top_t nav ul li{ line-height:58px}
li,ul{list-style:none}
.lang_box{ margin:0 0 6% 0; line-height:18px; height:18px;}
.lang_box a{ color:#fff; font-size:18px; font-family:"黑体"}
header .header{position:absolute;top:39px; z-index:1111; width:100%}
.top_bj{ background:#283e6f; color:#fff; height:39px; line-height:39px; font-size:12px}
.menu_box .padding_box{margin:50px 60px; position:relative}
.menu_box .padding_box .close{ width:30px; height:30px; position:absolute; top:0; right:0; cursor:pointer}
header .logo{ float:left;width:auto;z-index:1;  }
header .logo img{ max-width:100%
}
.more_ner{ text-align:center; color:#fff;width:auto; font-size:14px; font-weight:700; height:38px; line-height:38px; border:1px solid #fff;  display:inline-block;-webkit-transition: background-color .2s ease-in-out, top .2s ease-in-out;-o-transition: background-color .2s ease-in-out, top .2s ease-in-out;-moz-transition: background-color .2s ease-in-out, top .2s ease-in-out;transition:all .6s;-webkit-transition:all .6s;
}
.more_ner:hover{ background:#2d68d4 ; border:1px solid #2d68d4; color:#fff;-webkit-transition:all .6s;transition:all .6s}
.home_cicle li .top_cic .cic {
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;
    height: 120px; background:url(../img/cic.png) no-repeat;
}


.btn_right {
    display: inline-block;
    border-radius: 360px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center; color:#fff;cursor:pointer
}
.btn_left {
    display: inline-block;
    border-radius: 360px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center; color:#fff; cursor:pointer
}
.size_box{ position:absolute; top:24%; z-index:11;font-size:18px}
.size_box b,.size_box div,.size_box font,.size_box i{ float:left; color:#fff; }
.tit_box h1.news_tit{ text-align:center; font-weight:normal; font-size:30px; line-height:40px;}
.top_nav a{ color:#c3c9d8; float:left;line-height:38px;height:38px;}
.top_nav a:hover{ color:#fff}
.top_nav span{float:left; background:#335c97;height:8px;width:1px;margin:16px 18px;line-height:14px}
.header{  clear:both}
.others_icon{float:right;}
.others_icon span{float:left; background:#335c97;height:8px;width:1px;margin:16px 8px;line-height:14px}
.others_icon a.chinese_lan{color:#dde0e9;line-height:38px;height:38px;display:block;float:left}
.others_icon a.chinese_lan:hover{color:#fff}
.others_icon a.en_lan{font-size:11px;color:#dde0e9;line-height:38px;height:38px;display:block;float:left; font-family:"Arial"}
.others_icon a.en_lan:hover{color:#fff}
.bj272727{ background:#272727}
.header{ position:relative}
.header .form{ position:relative;  z-index:12; margin-top:8px;}
.top_links .site,.pc_menu{ margin-top:8px;}
.search-box{     position: absolute;
    top: 80px;
    left: -100px;
    background: #fff;
    border-radius: 15px;
    height: 32px;
    width: 226px;
    border: 1px solid #e5e5e5;}
nav{ float:right; position:relative; margin-top:22px}
nav ul li.last{ margin-right:0}
.tabs,nav ul{list-style:none;text-align:center;margin:0 auto;}
nav ul,nav ul li ul li{text-align:center}
footer .pd,footer ul li,nav ul li{vertical-align:middle}
nav ul li a{color:#fff;display:block;font-family:"Vonnes-BoldCondensed";}

nav ul li{float:left;text-align:left;line-height:30px; font-size:14px; margin:0 auto}
nav ul li h1{ font-size:22px; line-height:24px; margin-bottom:24px}
#navbar{-webkit-transition:all .6s ease-in-out}

header .fixed{position:fixed;z-index:2222;height:70px; top:0; left:0; width:100%; background:rgba(40,62,111,0.9);}
header .fixed nav ul span{ background:#fff}
nav ul span{ background:#6c84b7; height:8px; width:1px; margin:12px 16px; float:left; display:inline-block;}
nav ul li:hover span,nav ul li.on span{ width:100%; left:0;}



.home_banner .swiper-container {
  width: 100%;
  color: #fff;
  text-align: center;
}
.home_banner .swiper-slide img{
    width: 100%;
    position: relative;
    z-index: 3
}
.home_banner .swiper-slide .title .por{
    display: table-cell;
    vertical-align: middle
}

.home_banner .swiper-slide .title { 
    display: table;
    table-layout: fixed;
    text-align:left;
    width:1200px;
    left: 50%;
    margin-left: -600px;
    position: absolute;
    z-index: 4;
    height: 100%;
    top: 0;
    overflow: hidden;
}

.home_banner .swiper-slide .title .p1{ margin-bottom:42px; color:#fff; font-size:20px; opacity:0; font-family:"Vonnes-BoldCondensed"; line-height:18px;}
.home_banner .swiper-slide .title .p2{ margin-bottom:70px; line-height:83px; color:#fff; font-size:69px;opacity:0;font-family:"Vonnes-BoldCondensed"}
.home_banner .swiper-slide .title .p3{opacity:0;font-family:"Vonnes-BoldCondensed"}
	
.ani .swiper-slide .title .p1{ -webkit-animation: up3 1s linear 1 backwards;
    animation: up3 1s linear 1 backwards; opacity:1}
.ani .swiper-slide .title .p2{ -webkit-animation: up3 1s linear 0.3s 1 backwards;
    animation: up3 1s linear 0.3s 1 backwards;opacity:1}
.ani .swiper-slide .title .p3{ -webkit-animation: up3 1s linear 0.6s 1 backwards;
    animation: up3 1s linear 0.6s 1 backwards;opacity:1}
	
	
.home_banner .swiper-slide .title .p3 a{display:block; height:50px; line-height:50px; width:173px;  font-size:14px; color:#32469d; background:#fff; border-radius:30px; text-align:center; text-transform:capitalize}
.home_banner .swiper-slide .title .p3 a:hover{ background:#32469d; color:#fff}
.home_banner .pagination {
  position: absolute;
  z-index: 20;
  left: 10px;
  bottom: 10px; width:100%;
}
.home_banner .swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #222;
  margin-right: 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}
.home_banner .swiper-visible-switch {
  background: #aaa;
}
.home_banner .swiper-active-switch {
  background: #fff;
}





.about-link{ width:82px; }
.about-link span{background:url(../img/home/down1.png) no-repeat right center;}
.about-link .link-tit {
    display: block;
    line-height: 24px;
    cursor: pointer;
    padding: 0 8px;
    width: 100%;
    position: relative;
    z-index: 2;
    margin: 0;
    height: 24px;
}
.about-link .sub-box {
    position: absolute;
    left: 0;
    bottom: 24px;
    width:98px;
    display: none;
    padding-top: 8px; text-align:center; 
}
.about-link,.about-link a{ color:#fff; font-size:14px;font-family:"黑体"; line-height:24px; text-align:left}
.more_link{ position:absolute; top:0; left:0; color:#fff}
.swiper-container .bannertxt {    width: 810px;
    margin: 0 auto 0 auto;
    position: absolute;
    margin-left: -555px;
    left: 50%;}

.bj_f5{ width:142px; position:absolute; left:0; top:0; height:100%; background:#fff; z-index:12}
.copyright_f{ width:1200px; margin:0 auto; color:#999; font-size:14px; padding:26px 0; line-height:18px; border-top:1px solid #3d3d3d}
.copyright_f a{ color:#999}
.copyright_f a:hover{ opacity:0.5; color:#999}
.f5_bj{ width:6%; position:absolute; right:0; top:0; height:100%; background:#fff; z-index:12}
.content-slide {
  padding: 20px;
  color: #fff;
}
.copyright_f p{ margin-bottom:0}
.pagination {
  text-align: center;
  width: auto;
}
.swiper-pagination-switch { font-size:20px;
  display: inline-block;
  width: ;
  height: ;
  margin: 0 13px;
  cursor: pointer; color:#333; font-weight:700;
}
.swiper-active-switch {
  color: #e30613;
}

.wrap-2 .more{ opacity:0}
.anime-1 .wrap-2 .more{-webkit-animation: shu1 0.5s linear 1.2s 1 backwards;
    animation: shu1 0.5s linear 1.2s 1 backwards;
    opacity: 1;}
.wrap-3 .img_bj{ opacity:0}
.anime-1 .wrap-3 .img_bj{
    opacity: 1;}

.wrap-3 .img_bj .bj_l {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 1;
    width: 100%;
    background: rgba(149,149,149,1);
    z-index: 1;
}
.wrap-3 .img_bj .bj_r {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 1;
    width: 100%;
    background: rgba(51,51,51,1);
}
.index-main{width:100%;max-width:1920px;height:722px;margin:-4px auto 0;position:relative}

.down_home{ position:absolute; bottom:0; right:271px; width:20px; height:62px;}

b,i{ font-style:normal; font-weight:normal}
.home_cicle{
    overflow: hidden;
    margin-top: 46px;}
.logo1_left{ position:absolute; left:-200px; top:-182px; width:614px; height:614px}
.line_box{ position:relative; width:1200px; margin:0 auto 0 auto;}
.line_bottom{ position:absolute; background:#717071; height:1px; width:100%; left:0; bottom:0; border-top:1px solid #c1c1c1; border-bottom:1px solid #c1c1c1; z-index:12}
.line_box .w1200{ position:absolute; width:1200px; left:50%; margin-left:-600px; top:0; height:100%}
h1.t1 {
    font-size: 26px;
    color: #fff;
    line-height: 38px; text-align:center;
}
.tit_en {
    display: block; text-align:center;
    font-size: 16px;
    color: #808080;
    line-height: 24px;
    font-weight: normal; text-transform:uppercase;
}
.anime_1{ position:relative; height:62px;margin-bottom:50px;}
.anime_1 b{ width:188px; height:2px; background:url(../img/home/tit.png) no-repeat; position:absolute;  top:30%; left:50%; margin-left:-94px;}

.left_bar_bj{ background:url(../img/rightbj.png) repeat-y; position:absolute; top:0;  height:100%; width:50px; left:-48px; z-index:1}
.w100{ max-width:100%}
.wrap_1{ width:100%; position:relative;  background:#fdfcfc url(../img/home/bj.png) no-repeat left bottom; }
.wrap-1{ text-align:center; width:1200px; margin:0 auto; position:relative; z-index:1; overflow:hidden; padding-bottom:50px;}
.wrap_1_in{ position:relative; padding-bottom:120px}
.year_right{ overflow:hidden}
.wrap_1_in .about_img{ position:absolute; width:892px; left:0;top:108px}
.wrap_1_in .left{ position:relative; z-index:1; padding-top:84px; line-height:24px; margin-bottom:18px;}
.wrap_1_in .left_img{ position:relative; z-index:1}
.wrap_1_in .bj{ position:absolute; left:-100px; top:0; width:260px; height:362px;  background:#32469d;}
.wrap_1_in .mid{ margin-left:80px; padding-top:10px}
.wrap_1_in .mid h1{margin:0 0 20px 0; line-height:40px; font-weight:normal;color:#32469d; font-size:48px; text-transform:capitalize; font-family:"Vonnes-BoldCondensed"}
.wrap_1_in .mid span{ font-size:20px; color:#262626; line-height:40px; display:block; margin-bottom:54px;font-family:"Vonnes-BoldCondensed"}
.wrap_1_in .mid p.con{ font-size:14px; color:#666; line-height:20px; display:block; margin-bottom:80px;}
a.see_more{ width:146px; height:44px; line-height:44px; text-align:center; background:#32469d; border-radius:30px; display:inline-block; color:#fff; font-size:12px}
a.see_more:hover{ color:#fff; background:#262626}
.phone_map{ display:none}
.wrap_1_in .left h1{ margin:0 0 30px 0; line-height:24px; font-weight:normal;color:#d2d8f2; font-size:24px;font-family:"Vonnes-BoldCondensed"}
.wrap_1_in .left span{ padding-left:20px; display:block; background:url(../img/home/loc.png) no-repeat left center;}
.wrap_1_in .left p{color: #a4aed9;font-size: 14px;}
.wrap_1_in{ font-size:14px; color:#d2d8f2}
.wrap-1 .anime_2{ width:322px; margin-right:38px; float:left; text-align:left;}	
.wrap-1 .anime_2 h1{ margin-bottom:20px;}
.wrap-1 .anime_2 p{ margin-bottom:30px; color:#333; line-height:24px; font-size:14px;}
.wrap-1 .anime_3{ width:402px; margin-right:0; float:left; text-align:left;  height:393px; overflow:hidden}	
.wrap-1 .anime_3 div{ position:relative; overflow:hidden;    height: 393px;}
.wrap-1 .anime_3 div span{ position:absolute; top:0; left:0; width:100%; height:100%; cursor:pointer}
.wrap-1 .left{ position:relative;width: 653px; margin-left:33px;
    margin-right: 24px;
    float: left;  background: url(../img/home/bj1.png) no-repeat; height:283px;}
.wrap-1 .ty1{ width:731px; height:100px; position:absolute; bottom:0; left:33px;}
.wrap-1 .ty2{ width:403px; height:92px; position:absolute; bottom:0; right:33px;}

.wrap_left_bottom .left_l{ background:url(../img/home/bj3.png) no-repeat center center; width:316px; height:199px; float:left;}
.wrap_left_bottom .left_l div.w_box{      padding-top: 3px;
    width: 316px;
    height: 196px;
    margin: 0 auto;
    overflow: hidden;}
.wrap_left_bottom .left_l img{margin: 0 auto;
    display: block;
    border: 2px solid #fff;
    width: 305px;
    height: 189px;}
.wrap_left_bottom .right_r{ float:left; margin-left:46px;}
.wrap-1 .line{ width:20px; height:2px; background:#d8262c; margin:0 auto 37px auto; position:relative}
.wrap-1 .line span{ width:0; height:1px; background:#fdf4f4; position:absolute; left:-378px; bottom:-1px; opacity:0}
.wrap_left_bottom .right_r{ margin-top:50px}
.wrap-1 .left p{font-size:15px; line-height:34px; color:#fff;  width:284px;}
.wrap-1 .more:hover{  color:#fff}
.more{ font-size:12px;cursor:pointer; text-align:center;}
.more a{ color:#0099d0;padding:0 18px; display:block}
.right .anime_1{ border-bottom:1px solid #bababa; padding-bottom:8px; position:relative; height:24px; margin-bottom:32px}
.wrap-1 .right span{ text-transform:uppercase; line-height:22px; display:inline; float:left; margin-left:7px;}
.wrap-1 .right {
    text-align: left;
    padding: 20px 33px;width: 328px; height:283px;
    float: left; position:relative;
    background:url(../img/home/bj2.png) no-repeat;
}
.wrap_1 h3{       text-align: center;
    font-size: 12px;
    word-spacing: 20px;
    letter-spacing: 14px;
    line-height: 24px;
    height: 24px;
    margin-top: 30px;
    padding-bottom: 10px;
    margin-bottom: 10px;
	}

.video_box{position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; z-index:123}
.video_box_fixed{
    background: #fff;
    opacity: 0.98;

    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
a{ outline:none}
.video-main {
    border-radius: 5px;
    background: #000;
    left: 50%;
    width: 720px;
    height: 480px;
    margin-left: -360px; position:absolute; top:18%;
}
.video-main .video {
    width: 720px;
    height: 480px;
}
.video-main embed {
    width: 720px;
    height: 480px;
}
.video_box_fixed .close {
    right: 20px;
    top: 20px;
    width: 30px;
    height: 30px;
}
.video_box_fixed .close {
    background: url(../img/event/close.png) no-repeat 0;
    cursor: pointer;
}
.more:hover a.cic i:first-child{margin-left:60px;transition: all 0.8s; }
.wrap-2 .left{ width:340px; float:left; position:relative}
.wrap-2 .left .img{ margin-bottom:24px}
.wrap-2 .line{ width:20px; height:2px; background:#d8262c; margin:0 0 37px 0; position:relative}
.wrap-2 .line span{ width:880px; height:1px; background:#fdf4f4; position:absolute; right:-520px; bottom:-1px}
.wrap-2 p{ font-size:15px; line-height:22px; color:#fff; margin-bottom:40px}
.wrap-3 .anime_1{ margin-bottom:20px; }
.wrap-2 .bj .more{ background:#32469d;width:165px; height:44px; line-height:44px; border-radius:360px; text-align:center; color:#fff; font-size:15px; display:inline-block;opacity: 1;}
.wrap-2 li a{
    display: block;
    width: 100%;
}
/* loading 开始 */
.loading{ width: 100%; height: 100%; background:#9bd7ec; position:fixed; left: 0; top: 0; z-index: 12345; overflow:hidden}
.loaded{ display: none;}
.loading p{ padding-top:10%; color:#fff; text-align: center; font-size: 16px;}
.spinner {margin: 0 auto;width: 150px;text-align: center;}

.spinner > div {
width: 18px;
height: 18px;
background-color: #fff;
border-radius: 100%;
display: inline-block;
-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
animation: bouncedelay 1.4s infinite ease-in-out;
/* Prevent first frame from flickering when animation starts */
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards;
}
.anime .run{-webkit-animation: yy 5s linear 1 backwards;animation: yy 5s linear 1 backwards;}
.spinner .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}

.spinner .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0.0) }
40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
0%, 80%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 40% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
/* loading 结束 */

@-webkit-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}

@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@-webkit-keyframes deg {
0% {transform: rotate(0);}
100% {transform: rotate(-90deg);}
}
keyframes deg {
0% {transform: rotate(0);}
100% {transform: rotate(-90deg);}
}


@keyframes deg {
0% {opacity: 0;}
100% {opacity: 1;}
}

.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
z-index: 1
}


.news_list ul{ padding-bottom:10px; width:1224px;}
.news_list li:hover{ box-shadow:0 0 10px #ccc;transition: all 0.8s;-webkit-transition: all 0.8s}
.bottom_news{ padding:27px 30px; background:#fff;}
.wrap-2 .left_list ul li.one{ background:url(../img/home/icon1.png) no-repeat left top;}
.wrap-2 .left_list ul li.two{ background:url(../img/home/icon2.png) no-repeat left top;}
.wrap-2 .left_list ul li h1{ font-size:18px; color:#333; line-height:20px; margin-bottom:16px}
.wrap-2 .left_list ul li p{ font-size:14px; color:#666; line-height:24px; margin-bottom:0}
.wrap-2 .right{ position:relative; width:678px; float:right; height:589px; opacity:0}
.wrap-2 .img_bj{ position:absolute; top:0; right:-362px; width:1040px; overflow:hidden; height:589px;}
.img_bj img.img_move{ position:relative; left:-15px;}
.wrap-2 .img_bj .bj_l{ position:absolute; width:100%; height:100%; left:0; top:0; opacity:1;width:100%; background: rgba(149,149,149,1); z-index:1}
.wrap-2 .img_bj .bj_r{ position:absolute; width:100%; height:100%; left:0; top:0; opacity:1;width:100%; background: rgba(51,51,51,1);}

.home_banner_phone .swiper-slide{ position:relative}
.home_banner_phone .swiper-slide .title { left:0;text-align:left;
 height:100%; width:100%; position:absolute; top:0; padding:0 15px; box-sizing: border-box; z-index:11
}
.home_banner_phone .swiper-slide .title .p1{ margin-bottom:0; margin-top:5%; color:#fff; font-size:12px; }
.home_banner_phone .swiper-slide .title .p2{ margin-bottom:4%; line-height:18px; color:#fff; font-size:14px;}
.home_banner_phone .swiper-slide .title .p3{opacity:0}
.home_banner_phone .swiper-slide .title .p3 a {
    display: block;
    height: 30px;
    line-height: 30px;
    width: 100px;
    font-size: 14px;
    color: #32469d;
    background: #fff;
    border-radius: 30px;
    text-align: center;
    text-transform: capitalize;
}
.home_banner_phone .swiper-slide .title{
    display: table;
    table-layout: fixed;
    text-align:left;
    width:100%;
    left: 0%;
    position: absolute;
    padding: 0 4%;
    z-index: 4;
    height: 100%;
    top: 0;
    overflow: hidden;
}
.home_banner_phone .swiper-slide .title .por{
    display: table-cell;
    vertical-align: middle
}
.ani .swiper-slide .title .p1{ -webkit-animation: up3 1s linear 1 backwards;
    animation: up3 1s linear 1 backwards; opacity:1}
.ani .swiper-slide .title .p2{ -webkit-animation: up3 1s linear 0.3s 1 backwards;
    animation: up3 1s linear 0.3s 1 backwards;opacity:1}
.ani .swiper-slide .title .p3{ -webkit-animation: up3 1s linear 0.6s 1 backwards;
    animation: up3 1s linear 0.6s 1 backwards;opacity:1}


.logo_bottom{ opacity:0}
.anime-1 .wrap-2 .right{ opacity:1; }
.anime-1 .img_bj .bj_l{opacity:1}
.anime-1 .wrap-in-2 .img_bj .bj_l{
    -webkit-animation: width 0.3s linear 1.2s 1 forwards;
    animation: width 0.3s linear 1.2s 1 forwards;
}
.anime-1 .wrap-in-2 .img_bj .bj_r{
    -webkit-animation: width 0.3s linear 1.5s 1 forwards;
    animation: width 0.3s linear 1.5s  1 forwards;
}

.anime-1 .img_bj .bj_l{
    -webkit-animation: width 0.3s linear 1 forwards;
    animation: width 0.3s linear 1 forwards;
}
.anime-1 .img_bj .bj_r{
    -webkit-animation: width 0.3s linear 0.3s 1 forwards;
    animation: width 0.3s linear 0.3s  1 forwards;
}
.anime-1 .img_bj img.img_move{ -webkit-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
    -moz-transition: all 2s ease-in; left:0;}
.anime-1 .logo_bottom{-webkit-animation: up 1s linear 2s 1 backwards;
    animation: up 1s linear 2s 1 backwards; opacity:1}

.anime-1 .wrap-2 .logo_bottom{-webkit-animation: shu 1s linear 2s 1 backwards;
    animation: shu 1s linear 2s 1 backwards; opacity:1}
.wrap-2 .left .img{ opacity:0}

.anime-1 .wrap-2 .left .img{-webkit-animation: up 0.5s linear 1 backwards;
    animation: up 0.5s linear 1 backwards; opacity:1}
.wrap-2 .line{ opacity:0}
.wrap-1 .left{ text-align:left; padding:20px 33px}
.wrap-1 .left h1{ font-size:20px; color:#fff; line-height:22px;  text-align:left; float:left; display:inline}
.left .anime_1{ border-bottom:1px solid #bababa; padding-bottom:8px; position:relative; height:22px;margin-bottom:32px}


.wrap-1 .left span{  color:#aaa; text-transform:uppercase; line-height:22px; display:inline; float:left; margin-left:7px;}
.wrap-2 .left_list ul li,.wrap-2 .left_list ul li{ opacity:0}
.wrap-1 .right h1 {
    font-size: 20px;
    color: #fff;
    line-height: 22px;
    text-align: left;
    float: left;
    display: inline;
}
.right_news ul li{ line-height:38px; height:38px; overflow:hidden; color:#fff; font-size:15px; background:url(../img/home/doit.png) no-repeat left center; padding-left:15px; float:none; display:block}
.right_news ul li.last{ background:none}
.wrap-1 .m50 p{ width:764px; margin:0 auto 20px auto; text-align:left; height:56px; overflow:hidden}
.wrap-1 .m50 p.t2{ margin-bottom:10px}
.width_100{ width:1200px; margin:0 auto; position:relative; z-index:123}
.about .home_cicle li .top_cic span{ color:#0099d0}
.about .home_cicle li .top_cic i,.about .home_cicle li .top_cic b{ color:#0099d0}
.home_cicle ul{ width:1174px; overflow:hidden}
.home_cicle li{ float:left; margin:0 83px; opacity:0; text-align:center; display:inline-block; width:126px;}
.anime-0 .home_cicle li{    -webkit-animation: up 0.5s linear 1 backwards;
    animation: up 0.5s linear 1 backwards; opacity:1}
.wrap-2 .logo_bottom{ position:absolute; bottom:0; left:0; width:140px; height:140px; background:#fff;}
.wrap-2 .logo_bottom em.em_t{ background:#e5e5e5; width:1px; height:10px; position:absolute; top:10px; left:50%; margin-left:-0.5px;}
.wrap-2 .logo_bottom em.em_b{ background:#e5e5e5; width:1px; height:10px; position:absolute; bottom:10px; left:50%; margin-left:-0.5px;}
.anime-1 .logo_bottom em.em_t{    -webkit-animation: up 0.5s linear 3s 1 backwards;
    animation: up 0.5s linear 3s 1 backwards;}
.anime-1 .logo_bottom em.em_b{    -webkit-animation: up1 0.5s linear 3s 1 backwards;
    animation: up1 0.5s linear 3s 1 backwards;}
.anime-1 .logo_bottom img{ -webkit-animation: cicle_r 0.5s linear 2s 1 backwards;
    animation: cicle_r 0.5s linear 2s 1 backwards}

.anime-1 .wrap-in-2 .logo_bottom em.em_t,.anime-1 .wrap-in-2 .logo_bottom em.em_b{ -webkit-animation: cicle_r 0.5s linear 2.5s 1 backwards;
    animation: cicle_r 0.5s linear 2.5s 1 backwards}
	
	
.wrap_3 .right .img{ margin-bottom:24px; margin-top:15px}
.wrap_3 .right .bottom_con{ width:370px; margin-bottom:60px}
.wrap_3 .right .bottom_con p{ font-size:14px; color:#666; line-height:24px; margin-bottom:35px}
.wrap_3 .right .bottom_con i{ font-size:12px; color:#999; line-height:18px; display:block}
.wrap_3{ position:relative; z-index:3; padding-bottom:35px; background:#f8f8f8; }
.wrap_3 .wrap-3{ padding-top:55px; position:relative; z-index:1}
.map_company{ background:#fff;  width:1200px; margin:0 auto 32px auto}
.map_company .left{ font-size:22px; color:#333333; float:left; line-height:20px; padding:38px 10px; border-right:1px solid #e5e5e5; width:254px; text-align:center}
.map_company .right{ float:left;width:916px}
.map_company .right .flexslider{ margin-bottom:0; border:none; background:none; padding:0; }
.map_company .right .flexslider .flex-viewport{width:810px; margin:30px auto 0 auto}
.bottom_news h2{ color:#000; font-size:20px; line-height:20px; overflow:hidden; height:20px; margin-bottom:16px;}
.bottom_news span{ color: #838383;
    font-size: 14px;
    display: block;
    line-height: 14px;
    margin-bottom: 12px;}
.bottom_news p{ color:#999; font-size:14px; line-height:24px; height:48px; overflow:hidden; margin-bottom:24px;}
.bottom_news b{ background:#e1e1e1 url(../img/home/icon1.png) no-repeat center center; width:31px; height:31px; border-radius:360px; display:block}
.news_list li:hover .bottom_news b{background:#fff url(../img/home/icon1.png) no-repeat center center; }
.news_list li:hover .bottom_news{ background:#0b4c8f}
.news_list li{box-sizing:border-box; }
.z-index{ background:#fff; padding-top:116px;}
.page{margin:22px auto 0 auto;
  text-align: center;    background: #fafafa;
    padding: 14px 0; border-radius:3px;
}
.about_top .page a{ display:inline; width:auto}
.page a.act{
  display: inline-block;
  padding: 6px 8px;
  font-size: 16px;
  color: #666;
  line-height: 14px;
  margin: 0 5px;
  transition:color 0.3s
}
.page a.act.active,.page a.act:hover{
  background: #1d6bc3;
  color: #fff; border-radius:3px
}
.page .prev{ background:url(../img/news/left.png) no-repeat center center; position:absolute; left:30px}
.page .next{ background:url(../img/news/right.png) no-repeat center center; position:absolute; right:30px;}
.page .prev:hover{ background:url(../img/news/lefth.png) no-repeat center center; color:#1d6bc3;}
.page .next:hover{ background:url(../img/news/righth.png) no-repeat center center; color:#1d6bc3}
.page  a.btn{ border:none; padding:0; border-radius:0; line-height:normal; width:13px; height:26px;-webkit-box-shadow:none; box-shadow:none}
.page .btn{
  color: #888;
  font-size: 14px;
  padding:0;
}
.page .btn span{
  font-size: 18px;
  font-family: '宋体';
}

.page{ position:relative}




.anime-1 .wrap-3 .line {
    opacity: 1;
    -webkit-animation: fadeInLeft 0.5s linear 0.8s 1 backwards;
    animation: fadeInLeft 0.5s linear 0.8s 1 backwards;
}
.anime-1 .wrap-3 .right .bottom_con p{
    opacity: 1;
    -webkit-animation: up 0.5s linear 0.8s 1 backwards;
    animation: up 0.5s linear 0.8s 1 backwards;
}
.anime-1 .wrap-3 .right .bottom_con i{
    opacity: 1;
    -webkit-animation: up 0.5s linear 0.8s 1 backwards;
    animation: up 0.5s linear 0.8s 1 backwards;
}
.anime-1 .wrap-3 .more {
    -webkit-animation: shu1 0.5s linear 0.8s 1 backwards;
    animation: shu1 0.5s linear 0.8s 1 backwards;
    opacity: 1;
}
.wrap_3 .wrap-3 h1{ color:#32469d; font-size:40px; line-height:54px; margin:0 0 60px 0;font-family:"Vonnes-BoldCondensed"}
.map_loc{ line-height:20px; color:#22px; color:#333333;}
.map_loc p{ position:relative; padding-left:22px;font-family:"Vonnes-BoldCondensed"; color:#333; font-size:22px; line-height:18px; margin-bottom:10px}
.map_loc p:after{ width:9px; height:9px; position:absolute; left:0; top:5px; content:""; border-radius:360px;}
.map_loc p:nth-child(1):after{ background:#32469d}
.map_loc p:nth-child(2):after{ background:#32469d }
.map_loc p:nth-child(3):after{ background:#32469d }



.wrap-4 h1.tit,.wrap-4 .line{opacity:0}
.wrap_4 .picScroll-left{opacity:0}
.anime-1 .wrap-4 h1.tit {
    -webkit-animation: fadeInDown 0.5s linear 1 backwards;
    animation: fadeInDown 0.5s linear 1 backwards;
    opacity: 1;
}
.anime-1 .wrap-4 .line {
    -webkit-animation: fadeInDown 0.5s linear 0.5s 1 backwards;
    animation: fadeInDown 0.5s linear 0.5s 1 backwards;
    opacity: 1;
}
.anime-1 .wrap-4 .picScroll-left {
    opacity: 1;
}
.anime-1 .wrap-4 .picScroll-left li:nth-child(1){-webkit-animation: up 1s linear 1 backwards;
    animation: up 1s linear 1 backwards;}
.anime-1 .wrap-4 .picScroll-left li:nth-child(2){-webkit-animation: up1 1s linear 1 backwards;
    animation: up1 1s linear 1 backwards;}
.anime-1 .wrap-4 .picScroll-left li:nth-child(3){-webkit-animation: up 1s linear 1 backwards;
    animation: up 1s linear 1 backwards;}
.anime-1 .wrap-4 .picScroll-left li:nth-child(4){-webkit-animation: up1 1s linear 1 backwards;
    animation: up1 1s linear 1 backwards;}
.wrap_1_in .container{ opacity:0}

.anime .wrap_1_in .container{-webkit-animation: up 1s linear 1 backwards;
    animation: up 1s linear 1 backwards;opacity:1}

.wrap_3_in .wrap-3,.wrap_4_in{ opacity:0}
.anime .wrap_3_in .wrap-3{-webkit-animation: up 1s linear 1 backwards;
    animation: up 1s linear 1 backwards;opacity:1}
.anime .wrap_4_in{-webkit-animation: up 1s linear 1 backwards;
    animation: up 1s linear 1 backwards;opacity:1}


.wrap-right-img1 {
    position: absolute;
    right: 0;
    width: 400px;
    background: #fff;
    height: 614px;
    top: -451px;
}
.wrap_4 .home_top_img{ position:relative; height:110px;}
.wrap_4 .home_top_img b{    width: 152px;
    background: #fff;
    height: 36px;
    line-height: 36px;
    position: absolute;
    top: 62px;
    left: 54px;}
.wrap_4{ padding-bottom:48px; position:relative; background:#fff url(../img/home/data.png) no-repeat left center; padding-top:136px;}
.wrap_4_in{ position:relative}
.wrap_4_in h1{ font-size:40px; color:#333333; line-height:40px; margin:0 0 50px 0;font-family:"Vonnes-BoldCondensed";}
.wrap_4_in .left{ border:1px solid #f6f6f6}
.wrap_4_in .left .top{ height:275px; overflow:hidden}
.wrap_4_in .left .bottom { padding:63px 30px}
.wrap_4_in .left .bottom p.data{ background:url(../img/home/date.png) no-repeat left center; padding-left:18px; color:#32469d; font-size:14px; line-height:24px; font-weight:700; margin-bottom:20px;}
.wrap_4_in .left .bottom span{  color:#333; font-size:28px; line-height:23px; margin-bottom:30px; display:block}
.wrap_4_in .left .bottom p.con{  color:#666; font-size:16px; line-height:24px;opacity:0.8; margin-bottom:0}
.wrap_4_in .left .bottom p.data a{ color:#32469d}
.wrap_4_in .left .bottom span a{ color:#333;font-family:"Vonnes-BoldCondensed";}
.wrap_4_in .left .bottom p.con a{ color:#666;}
.wrap_4_in .right ul{ margin:0}
.wrap_4_in .right li{width:270px;border:1px solid #f6f6f6; float:left; margin-left:7px; margin-bottom:28px;}
.wrap_4_in .right .top{ height:140px; overflow:hidden}
.wrap_4_in .right .bottom { padding:22px 20px}
.wrap_4_in .right .bottom p.data{ background:url(../img/home/date.png) no-repeat left center; padding-left:18px; color:#32469d; font-size:12px; line-height:24px; font-weight:700; margin-bottom:10px;}
.wrap_4_in .right .bottom p.data a{ color:#32469d}
.wrap_4_in .right .bottom span{  color:#333; font-size:18px; line-height:24px; margin-bottom:12px; display:block;height:24px;overflow: hidden;}
.wrap_4_in .right .bottom span a{ color:#333;font-family:"Vonnes-BoldCondensed";}
.wrap_4_in .right .bottom p.con{  color:#666; font-size:14px; line-height:14px;opacity:0.8; margin-bottom:0;height:28px;overflow: hidden;}
.wrap_4_in .right .bottom p.con a{color:#666;}
.wrap_4_in .left .top img{transition: transform 0.6s;}
.wrap_4_in .left .top:hover img{-webkit-transform: scale(1.1,1.1);
    -webkit-transition: transform 1.5s linear 0;
    -moz-transform: scale(1.1,1.1);
    -moz-transition: transform 1.5s linear 0;
    -o-transform: scale(1.1,1.1);
    -o-transition: transform 1.5s linear 0;}
.wrap_4_in .right .top img{transition: transform 0.6s;}
.wrap_4_in .right .top:hover img{-webkit-transform: scale(1.1,1.1);
    -webkit-transition: transform 1.5s linear 0;
    -moz-transform: scale(1.1,1.1);
    -moz-transition: transform 1.5s linear 0;
    -o-transform: scale(1.1,1.1);
    -o-transition: transform 1.5s linear 0;}
.wrap_4_in .left .bottom:hover{ box-shadow:0 0 10px #ccc;background:#32469d}
.wrap_4_in .right .bottom:hover{ box-shadow:0 0 10px #ccc;background:#32469d}
.wrap_4_in .right .bottom:hover span a,.wrap_4_in .right .bottom:hover p a{ color:#fff}
.wrap_4_in .right .bottom:hover p.data,.wrap_4_in .left .bottom:hover p.data{ background:url(../img/home/dateh.png) no-repeat left center}
.wrap_4_in .left .bottom:hover{ background:#32469d}
.wrap_4_in .left .bottom:hover span a,.wrap_4_in .left .bottom:hover p a{ color:#fff}

.wrap_4_in .news_t{ position:absolute; width:622px; height:152px; left:-70px; top:24px;}
.wrap-4 h1{font-size:28px; color:#010101; margin-bottom:29px; line-height:34px; text-align:center}	
.wrap_4 .line{ width:20px; height:2px; background:#d8262c; margin:0 auto 37px auto; position:relative}
.wrap_4 .picScroll-left{overflow:hidden;position:relative}
.wrap_4 .picScroll-left .hd{overflow:hidden;height:30px;margin:20px auto;overflow:hidden;zoom:1;zoom:1;text-align:center;width:100%;*width:160px;}
.wrap_4 .picScroll-left .hd ul{margin:10px auto;overflow:hidden;zoom:1;zoom:1;text-align:center}
.wrap_4 .picScroll-left .hd ul li{display:inline-block;overflow:hidden;margin:0 9px;text-indent:-999px;cursor:pointer;background:url(../img/home/c1.png) no-repeat;width:14px;height:14px;border-radius:360px;*display:block; *float:left}
.wrap_4 .picScroll-left .hd ul li.on{background:url(../img/home/c2.png) no-repeat}
.wrap_4 .picScroll-left .bd ul{overflow:hidden;zoom:1; padding-bottom:30px;}
.wrap_4 .picScroll-left .bd ul li{float:left;text-align:left; width:272px; height:366px; margin:0 10px}
.wrap_4 .picScroll-left .bd ul li .pic{text-align:center}
.wrap_4 .picScroll-left .bd ul li .pic img{width:120px;height:90px;display:block;padding:2px;border:1px solid #ccc}
.wrap_4 .picScroll-left .bd ul li .title{line-height:24px}	
.wrap_4 .picScroll-left .bd ul li a{ padding:44px 0 30px 0; height:266px; position:relative}
.wrap_4 .picScroll-left .bd ul li a{ color:#fff; display:block; border:1px solid #fff;}
.wrap_4 .picScroll-left .bd ul li:hover a{ border:1px solid #f5f5f5; box-shadow:0 0 10px #f5f5f5; color:#fff}
.wrap_4 .home_top_img h1{ font-size:100px; color:#d8262c; line-height:80px; margin-bottom:0; padding:0 14px;}
.wrap_4 .home_top_img span{ text-align: center;
    display: block;
    margin-bottom: 20px;
    line-height: 20px;
    font-size: 18px;
    color: #d8262c;
    z-index: 1;
    position: relative;}
.more_b{      width: 45px;
    height: 45px;
    background: #fff;
    border: 1px solid #f5f5f5;
    border-radius: 30px;
    position: absolute;
    left: 50%;
    bottom: -22px;
    box-shadow: 0 0 3px #f5f5f5;
    margin-left: -22px; display:none}
.wrap-in-3 .news_home li .home_bottom_bg{ padding:30px; text-align:left}
.wrap_4 .more_b em:first-child {
}
.wrap_4 .more_b em {
	position:absolute; top:20px;
    display: block;
    background: #d8262c;
    width: 6px;
    height: 6px;
    border-radius: 360px;
    transition: all 15s;*display:none
}

.wrap_4 .more_b em.mid{ position:absolute; left:50%; margin-left:-3px;*display:block}
.wrap_4 .more_b em:nth-child(1){transition: all 0.8s; left:11px;}
.wrap_4 .more_b em:nth-child(3){transition: all 0.8s; left:auto; right:11px;}
.wrap_4 .picScroll-left .bd ul li:hover .more_b{ display:block}
.wrap_4 .picScroll-left .bd ul li.add_more .more_b em:nth-child(1){left: 19px;
    position: absolute;
    transition: all 1s; }
.wrap_4 .picScroll-left .bd ul li.add_more .more_b em:nth-child(3){right: 20px;
    position: absolute;
    transition: all 1s;}
.wrap_4 .picScroll-left .bd ul li.add_more .more_b em{-webkit-animation: man 2s linear 0.5s 1 forwards;
    animation: man 2s linear 0.5s 1 forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
	
@-webkit-keyframes bj1{
0%{ width:0; opacity: 1;-webkit-transform-origin: bottom left; transform-origin: bottom left;}
100%{ width:1;pacity: 1;-webkit-transform-origin: bottom left; transform-origin: bottom left;}
}
@keyframes bj1{
0%{ width:0; opacity: 1;-webkit-transform-origin: bottom left; transform-origin: bottom left;}
100%{ width:1;pacity: 1;-webkit-transform-origin: bottom left; transform-origin: bottom left;}
}

@-webkit-keyframes man{
0%{ transform: rotate(360deg) scale(1,1); -webkit-transform: rotate(360deg) scale(1,1); opacity: 1;-webkit-transform-origin: center center; transform-origin: center center;}
20%{ transform: rotate(0) scale(2,2); -webkit-transform: rotate(0) scale(2,2); opacity: 1;-webkit-transform-origin:center center; transform-origin: center center;}
100%{ transform: rotate(360deg) scale(1,1); -webkit-transform: rotate(360deg) scale(1,1); opacity: 1;-webkit-transform-origin:center center; transform-origin: center center;}

}
@keyframes man{
0%{ transform: rotate(360deg) scale(1,1); -webkit-transform: rotate(360deg) scale(1,1); opacity: 1;-webkit-transform-origin: center center; transform-origin: center center;}
20%{ transform: rotate(0) scale(2,2); -webkit-transform: rotate(0) scale(2,2); opacity: 1;-webkit-transform-origin:center center; transform-origin: center center;}
100%{ transform: rotate(360deg) scale(1,1); -webkit-transform: rotate(360deg) scale(1,1); opacity: 1;-webkit-transform-origin:center center; transform-origin: center center;}
}

@-webkit-keyframes cicle_r{
0%{ transform: rotate(360deg); -webkit-transform: rotate(360deg); opacity: 1;-webkit-transform-origin: center center; transform-origin: center center;}
100%{ transform: rotate(0); -webkit-transform: rotate(0); opacity: 1;-webkit-transform-origin:center center; transform-origin: center center;}
}
@keyframes cicle_r{
0%{ transform: rotate(0deg); -webkit-transform: rotate(0deg); opacity: 1;-webkit-transform-origin:center center; transform-origin: center center;}
100%{ transform: rotate(360deg); -webkit-transform: rotate(360deg); opacity: 1;-webkit-transform-origin: center center; transform-origin:center center;}
}
@-webkit-keyframes cicle_l{
0%{ transform: rotate(0deg); -webkit-transform: rotate(0deg); opacity: 1;}
100%{ transform: rotate(-360deg); -webkit-transform: rotate(-360deg); opacity: 1;}
}
@keyframes cicle_l{
0%{ transform: rotate(0deg); -webkit-transform: rotate(0deg); opacity: 1;}
100%{ transform: rotate(-360deg); -webkit-transform: rotate(-360deg); opacity: 1;}
}
@-webkit-keyframes shu{
0%{ transform: translate(-25px,0); -webkit-transform: translate(-25px,0) ; opacity: 0;}
100%{ transform: translate(0,0); -webkit-transform: translate(0,0); opacity: 1;}
}
@keyframes shu{
0%{ transform: translate(-25px,0); -webkit-transform: translate(-25px,0) ; opacity: 0;}
100%{ transform: translate(0,0); -webkit-transform: translate(0,0); opacity: 1;}
}
@-webkit-keyframes shu1{
0%{ transform: translate(25px,0); -webkit-transform: translate(25px,0) ; opacity: 0;}
100%{ transform: translate(0,0); -webkit-transform: translate(0,0); opacity: 1;}
}
@keyframes shu1{
0%{ transform: translate(25px,0); -webkit-transform: translate(25px,0) ; opacity: 0;}
100%{ transform: translate(0,0); -webkit-transform: translate(0,0); opacity: 1;}
}


@-webkit-keyframes san{
0%{ transform: translate(0,-25px); -webkit-transform: translate(0,-25px) ; opacity: 0;}
100%{ transform: translate(0,0); -webkit-transform: translate(0,0); opacity: 1;}
}
@keyframes san{
0%{ transform: translate(0,-25px); -webkit-transform: translate(0,-25px) ; opacity: 0;}
100%{ transform: translate(0,0); -webkit-transform: translate(0,0); opacity: 1;}
}
@-webkit-keyframes img1{
0%{ transform: scale(0,0); -webkit-transform: scale(0,0); opacity: 0;-webkit-transform-origin: top center; transform-origin: top center;}
80%{ transform: scale(1,1); -webkit-transform: scale(1,1); opacity: 1;-webkit-transform-origin: top center; transform-origin: top center;}
100%{ transform: scale(1,1); -webkit-transform: scale(1,1); opacity: 1;-webkit-transform-origin: top center; transform-origin: top center;}
}
@keyframes img1{
0%{ transform: scale(0,0); -webkit-transform: scale(0,0); opacity: 0;-webkit-transform-origin: top center; transform-origin: top center;}
80%{ transform: scale(1,1); -webkit-transform: scale(1,1); opacity: 1;-webkit-transform-origin: top center; transform-origin: top center;}
100%{ transform: scale(1,1); -webkit-transform: scale(1,1); opacity: 1;-webkit-transform-origin: top center; transform-origin: top center;}

}


@-webkit-keyframes form{
0%{ transform: scale(0,0); -webkit-transform: scale(0,0); opacity: 0;-webkit-transform-origin: bottom center; transform-origin: bottom center;}
95%{ transform: scale(1,1); -webkit-transform: scale(1,1); opacity: 1;-webkit-transform-origin: bottom center; transform-origin: bottom center;}
100%{ transform: scale(1,1); -webkit-transform: scale(1,1); opacity: 1;-webkit-transform-origin: bottom center; transform-origin: bottom center;}
}
@keyframes form{
0%{ transform: scale(0,0); -webkit-transform: scale(0,0); opacity: 0;-webkit-transform-origin: bottom center; transform-origin: bottom center;}
95%{ transform: scale(1,1); -webkit-transform: scale(1,1); opacity: 1;-webkit-transform-origin: bottom center; transform-origin: bottom center;}
100%{ transform: scale(1,1); -webkit-transform: scale(1,1); opacity: 1;-webkit-transform-origin: bottom center; transform-origin: bottom center;}
}

@-webkit-keyframes form1{
0%{ transform: scale(2,2); -webkit-transform: scale(2,2); opacity: 0;}
100%{ transform: scale(1,1); -webkit-transform: scale(1,1); opacity: 1;}
}
@keyframes form1{
0%{ transform: scale(2,2); -webkit-transform: scale(2,2); opacity: 0;}
100%{ transform: scale(1,1); -webkit-transform: scale(1,1); opacity: 1;}
}

@-webkit-keyframes da{
0%{ transform: scale(1.5,1.5); -webkit-transform: scale(1.5,1.5); opacity: 0;}
100%{ transform: scale(1,1); -webkit-transform: scale(1,1); opacity: 1;}
}
@keyframes da{
0%{ transform: scale(1.5,1.5); -webkit-transform: scale(1.5,1.5); opacity: 0;}
100%{ transform: scale(1,1); -webkit-transform: scale(1,1); opacity: 1;}
}



@-webkit-keyframes form11{
0%{ transform: scale(2,2); -webkit-transform: scale(2,2); opacity: 0;}
70%{ transform: scale(2,2); -webkit-transform: scale(2,2); opacity: 1;}
100%{ transform: scale(1,1); -webkit-transform: scale(1,1); opacity: 1;}

}
@keyframes form11{
0%{ transform: scale(2,2); -webkit-transform: scale(2,2); opacity: 0;}
70%{ transform: scale(2,2); -webkit-transform: scale(2,2); opacity: 1;}
100%{ transform: scale(1,1); -webkit-transform: scale(1,1); opacity: 1;}
}

@-webkit-keyframes fadeIn1{
0%{ opacity: 1;}
100%{  opacity: 0;}

}
@keyframes fadeIn1{
0%{ opacity: 1;}
100%{  opacity: 0;}
}



@-webkit-keyframes yan{
0%{ transform: scale(0,0); -webkit-transform: scale(0,0); opacity: 0;-webkit-transform-origin: bottom center; transform-origin: bottom center;}
50%{ transform: scale(1,1); -webkit-transform: scale(1,1); opacity: 1;-webkit-transform-origin: bottom center; transform-origin: bottom center;}
100%{ transform: scale(2,2); -webkit-transform: scale(2,2); opacity: 0;-webkit-transform-origin: bottom center; transform-origin: bottom center;}
}
@keyframes yan{
0%{ transform: scale(0,0); -webkit-transform: scale(0,0); opacity: 0;-webkit-transform-origin: bottom center; transform-origin: bottom center;}
50%{ transform: scale(1,1); -webkit-transform: scale(1,1); opacity: 1;-webkit-transform-origin: bottom center; transform-origin: bottom center;}
100%{ transform: scale(2,2); -webkit-transform: scale(2,2); opacity: 0;-webkit-transform-origin: bottom center; transform-origin: bottom center;}
}

@-webkit-keyframes up3{
0%{ transform: translate(0,-10px); -webkit-transform: translate(0,-10px) ; opacity: 1;}
100%{ transform: translate(none,none); -webkit-transform: translate(none,none); opacity: 1;}
}
@keyframes up3{
0%{ transform: translate(0,-10px); -webkit-transform: translate(0,-10px) ; opacity: 1;}
100%{ transform: translate(none,none); -webkit-transform: translate(none,none); opacity: 1;}
}

@-webkit-keyframes up{
0%{ transform: translate(0,-10px); -webkit-transform: translate(0,-10px) ; opacity: 0;}
100%{ transform: translate(0,0); -webkit-transform: translate(0,0); opacity: 1;}
}
@keyframes up{
0%{ transform: translate(0,-10px); -webkit-transform: translate(0,-10px) ; opacity: 0;}
100%{ transform: translate(0,0); -webkit-transform: translate(0,0); opacity: 1;}
}

@-webkit-keyframes up1{
0%{ transform: translate(0,25px); -webkit-transform: translate(0,25px) ; opacity: 0;}
100%{ transform: translate(0,0); -webkit-transform: translate(0,0); opacity: 1;}
}
@keyframes up1{
0%{ transform: translate(0,25px); -webkit-transform: translate(0,25px) ; opacity: 0;}
100%{ transform: translate(0,0); -webkit-transform: translate(0,0); opacity: 1;}
}

@keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
@keyframes width{
0%{width:100%}
100%{width:0; opacity:1}
}
@-webkit-keyframes width{
0%{width:100%}
100%{width:0; opacity:1}
}

@keyframes width_b{
0%{width:100%; opacity:1; -webkit-transform-origin: right top; transform-origin: right top;}
100%{width:0; opacity:0; -webkit-transform-origin: right top; transform-origin: right top;}
}
@-webkit-keyframes width_b{
0%{width:100%;opacity:; -webkit-transform-origin: right top; transform-origin: right top;}
100%{width:0;opacity:0; -webkit-transform-origin: right top; transform-origin: right top;}
}
@keyframes width_a{
0%{width:0; opacity:1; -webkit-transform-origin: right top; transform-origin: right top;}
100%{width:100%; opacity:1; -webkit-transform-origin: right top; transform-origin: right top;}
}
@-webkit-keyframes width_a{
0%{width:0; opacity:1; -webkit-transform-origin: right top; transform-origin: right top;}
100%{width:100%; opacity:1; -webkit-transform-origin: right top; transform-origin: right top;}
}



@keyframes height{0%{height:0}
100%{height:100%}
}
@-webkit-keyframes height{0%{height:0}
100%{height:100%}
}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
@-webkit-keyframes fadeInUp{0%{opacity:1;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp{0%{opacity:1;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
@-webkit-keyframes form1{0%{transform:scale(2,2);-webkit-transform:scale(2,2);opacity:1}
100%{transform:scale(1,1);-webkit-transform:scale(1,1);opacity:1}
}
@keyframes form1{0%{transform:scale(2,2);-webkit-transform:scale(2,2);opacity:1}
100%{transform:scale(1,1);-webkit-transform:scale(1,1);opacity:1}
}
@-webkit-keyframes form{0%{transform:scale(1,1);-webkit-transform:scale(1,1);opacity:1}
100%{transform:scale(2,2);-webkit-transform:scale(2,2);opacity:1}
}
@keyframes form{0%{transform:scale(1,1);-webkit-transform:scale(1,1);opacity:1}
100%{transform:scale(2,2);-webkit-transform:scale(2,2);opacity:1}
}
@-webkit-keyframes pulse{0%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{opacity:1;-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes pulse{0%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{opacity:1;-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@-webkit-keyframes bounceIn{0%{opacity:1;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
100%{opacity:1;-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);opacity:1}
}
@keyframes bounceIn{0%{opacity:1;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
100%{opacity:1;-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);opacity:1}
}

@-webkit-keyframes cicle{
0%{opacity:1;-webkit-transform:rotate(-360deg);-ms-transform:rotate(-360deg);transform:rotate(360deg);}
100%{opacity:1;-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);opacity:1}

}
@keyframes cicle{
0%{opacity:1;-webkit-transform:rotate(-360deg);-ms-transform:rotate(-360deg);transform:rotate(360deg);}
100%{opacity:1;-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);opacity:1}
}
.i-wrap1,.i-wrap2,.i-wrap3{ position:relative; z-index:1}
.w1200{width:1200px;margin:0 auto}
nav ul li{position:relative;z-index:2}
.top_others{position:absolute;top:32px;right:0;height:24px}
.top_others div a{color:#666;display:block;line-height:24px;height:24px;font-size:13px;background:url(../img/down.png) no-repeat right center;padding-right:16px}
.top_others div a:hover{color:#eb6112;background:url(../img/down1.png) no-repeat right center}
.top_others div a img{margin-right:4px}
.top_others div{height:24px;background:url(../img/li.png) no-repeat left center;padding-left:38px}
.jd_links img{width:18px;height:14px}
.tm_links img{width:15px;height:14px}
.footer{ display:block;  position:relative; background:#333; background-size:100% 100%; overflow:hidden}
footer table tr td:first-child{ background:#fff; width:6%;  height:100%;}
.footer .z_index{ z-index:1; position:relative; min-height:310px;}
.footer .top{width:1200px;margin:0 auto; }
.footer .top .first{ padding-left:0}
.footer .top .list.list-last{ 
   color: #999;
    font-size: 20px;
    line-height: 30px;
    text-align: left;
    position: relative; width:300px;
    margin-left: 0; margin-right:0}
.footer .top .list .line{ background:url(../img/double.png) no-repeat; height:70px; width:488px; right:-70px; position:absolute; bottom:14px;}
.footer .top .list-last h1{     color: #fff;
    line-height: 18px;
    font-size: 16px;
    margin-bottom: 30px; margin-top:0}
.footer .top .list.list-last ul{ margin-bottom:28px}
.footer .top .list-last li{ margin-bottom:10px;}
.footer .top .list-last li strong{ color:#c4c4c4; display:block; line-height:24px;} 
.footer .top .list-last li p{ color:#d6d6d6; line-height:30px; font-size:14px; margin-bottom:0}
.bannertxt .marg_215{ margin-top:215px;}

.footer .ewm_left_box{ width:202px;}
.footer .top .list-last li{ position:relative; margin-bottom:30px;}
.footer .top .list-last li.one{ }
.footer .top .list-last li span{ display:block; font-size:14px; line-height:20px}
.footer .top .list h2{height:18px;line-height:18px;color:#dedede;font-size:18px; margin-bottom:30px; font-weight:normal; margin-top:0}
.footer .top .list.list-first h2{padding-right:0}
.footer .top .list p{ height:30px; margin-bottom:0}
.footer .top .list h2 a{ color:#dedede}
.footer .top .list p a{display:inline-block;line-height:30px; height:30px; overflow:hidden;color:#999;font-size:16px;opacity:0.9;text-transform: capitalize;}
.footer .top .list p a:hover{color:#ccc}
.footer .top .list-last li:hover{ color:#ccc}
.footer .top .share a{display:block;cursor:pointer}
.footer .top .share a span{display:inline-block;width:35px;height:35px!important;padding-left:0!important}
.footer .top .share a.sina span{background-position:0 0;margin-top:30px}
.footer .top .share a.wx span{background-position:0 -87px;margin-top:50px}
.footer .top .list{ width:auto; text-align:left; margin-right:80px;}
.footer{ padding-top:80px; text-align:center;}
.footer p a:hover{ color:#ccc}
.link_other{position:relative}
.link_other dt{background:#333 url(../img/down.png) no-repeat right center;width:216px;height:32px;line-height:32px;color:#818181;cursor:pointer;padding-left:38px}
.link_other dd{width:235px;color:#818181;z-index:9999;background:#fff;position:absolute;bottom:32px;left:0;display:none}
.link_other dd div{width:221px;border:1px solid #e1e1e1;height:32px;line-height:32px;padding-left:12px;background:#fff}
.link_other a{color:#818181;float:left;display:block;width:221px}
.footer .top .list-last li.two{ color:#d6d6d6; font-size:14px; line-height:30px;}
.group_btns .icon1{ width:35px; height:35px; display:inline-block; margin-right:14px; margin-top:18px; }
.group_btns .icon2{ width:35px; height:35px; display:inline-block; margin-right:14px; margin-top:18px;}
.group_btns .icon3{ width:35px; height:35px; display:inline-block; margin-right:14px; margin-top:18px;}
.group_btns .icon4{ width:35px; height:35px; display:inline-block; margin-right:14px; margin-top:18px; }

.list .flexslider .flex-direction-nav li {
    width: 41px;
    height: 41px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    display: block;
    opacity: 1;
    text-indent: -99999px;
    overflow: hidden;
    font-size: 0;
    transition: left 0.3s,right 0.3s; 
}

.tabs_4 .flexslider .flex-viewport{width:92%;
    margin: 0 auto;}

.list .flexslider .flex-direction-nav .flex-prev {
    left: -50px; 
}
.list .flexslider .flex-direction-nav .flex-nav-next {
    background: url(../pic/img08_h.png) no-repeat center;
    right: 10px; opacity:1
}


.list .flexslider .flex-direction-nav .flex-nav-prev {
    background: url(../pic/img07_h.png) no-repeat center;
    left: 10px; opacity:1
}

.list .flexslider .flex-direction-nav a{ display:block; width:41px; height:41px; right:0; left:0; position:relative}
.list .flexslider .flex-direction-nav .flex-nav-prev a.flex-disabled{ display:none;}
.list .flexslider .flex-direction-nav .flex-nav-next a.flex-disabled{ display:none;}


footer .share_box{ position: absolute;
    left: 100px;
    top: 35px;
    width: 272px;
    height: 37px;}
footer .logo{ position:absolute; right:80px; top:26px;width:190px; height:47px;}

footer .share_box .jiathis_style_24x24 span{ color:#888888}
footer .share_box .jiathis_style_24x24 .jtico_weixin {
    background: url(../img/w121.png) no-repeat;
}
footer .share_box .jiathis_style_24x24 .jtico_tsina {
    background: url(../img/w124.png) no-repeat;
}
.bjf5f5f5{background:#f5f5f5}
.i-wrap{width:100%;height:100%;position:relative;overflow:hidden; min-height:2rem}
.home_cicle li .top_cic{ position:relative; width:120px; height:120px; margin:0 auto}
.home_cicle li .top_cic i{ position:absolute; top:0; left:0; width:120px; height:120px; line-height:120px; color:#49616b; font-size:40px; text-align:center; font-style:normal;}
.home_cicle li .top_cic span{ position: absolute;
    top: 9px;
    right: 8px;
    color: #49616b;
    font-size: 14px;
    line-height: 16px;
    display: block;
    width: 16px;}
.home_cicle li .top_cic b{    position: absolute;
    top: 60px;
    right: 8px;
    color: #49616b;
    font-size: 20px;
    line-height: 16px;
    display: block;
    width: 16px;
    font-weight: 700;}
footer .copyright .about-link .link-tit {
    color: #666;
    display: block;
    line-height: 24px;
    cursor: pointer;
    padding: 0 8px;
    width: 148px;
    background:url(../img/down.png) no-repeat 130px center;
    position: relative;
    z-index: 2;  margin:0; height:24px; border:1px solid #313131
}

.home_cicle li h3{ font-size:18px;color: #49616b; line-height:20px; padding-top:16px}
.wrap_2 .picScroll-left {
    position: relative;
    width: 100%;
}




.header_nav_2{ position:relative; }
.header_nav_2 .fix{ position:fixed; top:0; left:0; z-index:111; width:100%;}
.show_bj .padding30{padding: 32px 30px 30px 30px; }
.w_1200{ width:1200px; margin:0 auto}
.more_link h1.font-size48{ font-size:80px; line-height:80px; margin-bottom:28px;}
.top_links{height:100%}
.top_links .line{ background:#eee; width:1px; height:10px; margin:3px 15px; float:left}
.i-wrap1 .product_top_banner .slideBox .bd .tempWrap,.i-wrap1 .product_top_banner .slideBox .bd .tempWrap ul,.i-wrap1 .product_top_banner .slideBox .bd .tempWrap ul li{height:100%}
.w_90{ width:77px; margin-left:20px; line-height:22px; }
.w_90 a{ color:#333; font-size:14px}
.search-box input[type=text]{display: inline-block;
    width: 175px;
    height: 32px;
    line-height: 32px;
    color: #333;
    font-size: 12px;
    border: 0 none;
    padding: 0 5px 0 5px;
    background: none;
    font-family: "Verdana";
    position: absolute;
    bottom: 0;
    left: 0;}
.search-box input[type=submit]{float: left;
    display: inline-block;
    width: 32px;
    height: 32px;
    opacity: 0;
    cursor: pointer;
    margin-top: 0;
    border: none;
    position: absolute;
    top: 0;
    right: 2px;
    filter: alpha(opacity=0);}
.search{display:block;width:17px;height:17px;background:url(../img/search.png) no-repeat center center;cursor:pointer;}
.header .form{ margin-left:30px;}
.pc_menu{ position:relative; width:22px; margin-left:30px;}
.menu_button {
position: absolute;
top: 0px; left: 0px;
cursor: pointer;

-webkit-transition: .3s;
transition: .3s;

/*margin: 14px;
border-radius: 5px;*/
}
.pc_menu .line_pc:nth-of-type(1) {
margin-top: 0px;
}
.pc_menu .line_pc:nth-of-type(3) {
margin-bottom: 0px;
}

.pc_menu .line_pc {
position: relative;
display: block;

width: 22px;
height: 2px;

margin:6px auto;
background-color: #fff;

border-radius: 10px;

-webkit-transition: .3s;
transition: .3s;
}

.pc_menu:hover .line_pc:nth-of-type(1) {
-webkit-transform: translateY(1.5px) rotate(-4.5deg);
-ms-transform: translateY(1.5px) rotate(-4.5deg);
transform: translateY(1.5px) rotate(-4.5deg);
}
.pc_menu:hover .line_pc:nth-of-type(2) {
opacity: .9;
}
.pc_menu:hover .line_pc:nth-of-type(3) {
-webkit-transform: translateY(-1.5px) rotate(4.5deg);
-ms-transform: translateY(-1.5px) rotate(4.5deg);
transform: translateY(-1.5px) rotate(4.5deg);
}

.pc_menu .cross .line_pc:nth-of-type(1) {
-webkit-transform: translateY(8.5px) rotate(-45deg);
-ms-transform:translateY(8.5px) rotate(-45deg);
transform: translateY(8.5px) rotate(-45deg);
}
.pc_menu .cross .line_pc:nth-of-type(2) {
opacity: 0;
}
.pc_menu .cross .line_pc:nth-of-type(3) {
-webkit-transform: translateY(-1.5px) rotate(45deg);
-ms-transform: translateY(-1.5px) rotate(45deg);
transform: translateY(-1.5px) rotate(45deg);
}
.pc_menu .cross:hover .line_pc:nth-of-type(1) {
-webkit-transform:translateY(8.5px) rotate(-40deg);
-ms-transform:translateY(8.5px) rotate(-40deg);
transform: translateY(8.5px) rotate(-40deg);
}
.pc_menu .cross:hover .line_pc:nth-of-type(2) {
opacity: .1;
}
.pc_menu .cross:hover .line_pc:nth-of-type(3) {
-webkit-transform: translateY(-1.5px) rotate(40deg);
-ms-transform: translateY(-1.5px) rotate(40deg);
transform: translateY(-1.5px) rotate(40deg);
}




.top_links .site{ margin-left:30px}
.top_links { float:right;}
.search-box i{    position: absolute;
    top: 5px;
    right: 0;
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../img/search.png) no-repeat;
    cursor: pointer;
    border: none;}



.i-ban .flex-control-nav{
	bottom: 46px;
	z-index: 2;
}
.i-ban{
  position: relative;
  width: 100%;
  min-height: 712px;
  overflow: hidden;
}
.i-ban .slides li{
  position: relative;
  overflow: hidden;
  display: none;
}
.i-ban li .bg_banner{
  width: 1920px;
  position:absolute;
  left: 50%;
  margin-left: -960px;
  top: 0;
}
.i-ban .flex-control-paging li a{
	width: 13px;
	height: 13px;
	background-size: cover;
}
.i-ban .flex-control-paging li a.flex-active, .i-ban .flex-control-paging li a:hover{
	background-size: cover;
}
.i-ban .flex-direction-nav a.flex-prev{
	width: 31px;
	height: 61px;
	opacity: 1;
	filter: alpha(opacity=100);
	text-indent: 999px;
	background: url(../img/left.png) no-repeat center;
	background-size: cover;
	left:58px;
}
.i-ban .flex-direction-nav a.flex-next{
	width: 31px;
	height: 61px;
	opacity: 1;
	filter: alpha(opacity=100);
	text-indent: 999px;
	background: url(../img/right.png) no-repeat center;
	background-size: cover;
	right:58px;
}
.i-ban .flex-direction-nav a.flex-prev:hover{
	background: url(../img/left_h.png) no-repeat center;
	background-size: cover;
}
.i-ban .flex-direction-nav a.flex-next:hover{
	background: url(../img/right_h.png) no-repeat center;
	background-size: cover;
}




@keyframes down_up{0%{transform:translate(0,10px);-webkit-transform:translate(0,10px)}
50%{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:.5}
100%{transform:translate(0,10px);-webkit-transform:translate(0,10px)}
}
@-webkit-keyframes down_up{0%{transform:translate(0,10px);-webkit-transform:translate(0,10px)}
50%{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:.5}
100%{transform:translate(0,10px);-webkit-transform:translate(0,10px)}
}
#i-navli{width:8px;position:fixed;top:50%;right:36px;margin-top:-144px;z-index:22}
#i-navli li{width:6px;cursor:pointer;height:6px;margin-bottom:10px; background:#fff; border:1px solid #38a7f6;color:#fff;text-indent: 9999px; border-radius:360px;}
#i-navli li.current{background:#38a7f6;border:1px solid #38a7f6;}
.news_home_top{ background:rgba(0,0,0,0.65); width:100%; padding:30px 0%; position:absolute; left:0; bottom:0; z-index:11}
.news_home_top .news_in{ width:1200px; margin:0 auto; color:#fff; position:relative}
.news_in dl{ width:54%; float:left;   box-sizing: border-box;}
.news_l{ float:left; margin-left:38px; margin-top:4px; margin-right:3%;}
.news_in dl dt{ width:50%; float:left; position:relative; margin-bottom:5px;}
.news_in dl dt a{ padding-left:10px; width:80%; overflow:hidden; height:24px; display:block}
.news_in dl p{ position:relative}
.news_in dl p:before{ width:4px; height:1px; position:absolute; left:0; content:""; top:50%; background:#bebdbc}
.news_left{ background:rgba(255,255,255,0.25); padding:11px 36px; display:inline; float:left; text-align:center}
.news_left h1{ font-size:16px; line-height:24px;}
.news_left p{ font-size:14px; line-height:20px;}
.dl_btn{    position: absolute;
    top:9px;
    right: 0.3rem;
    width: 12px;
    height: 58px; display:none}
.dl_btn span{ border:1px solid #fff; border-radius:360px; display:block; height:10px; margin:10px 0; width:10px;}
.dl_btn span.on{ background:#fff; }
.phone_data { background:url(../img/home/bj1.jpg) no-repeat; background-size:100% 100%}
.phone_data .top-tit{padding:37px 30px; width:100%; box-sizing: border-box;color:#fff; overflow:hidden}
.phone_data img{ width:100%; height:100%}
.news_in dl dt a{ color:#fff; font-size:14px; line-height:24px;}
.foot_n1,.foot_n2{ display:none}
.foot_1{width:100%;background:#fff;height:150px;left:0;opacity:0;position:relative}
.foot_1 span{background:#e5e5e5;width:1px;height:60px;left:50%;margin-left:-1px;top:13%;margin-top:-30px;display:block;position:absolute}
.foot_fix{left:0;position:fixed;bottom:0}

.head_m{background:#f3f3f3;width:100%;height:108px;position:absolute;top:90px;left:0;display:none;font-size:14px;color:#666;line-height:28px;z-index:1}
.head_m div.w1200{height:57px;width:446px;margin:26px auto}
.head_m div input[type=text]{float:left;width:353px;text-align:left;border:1px solid #ededed;background:#fff;font-size:14px;color:#999;line-height:55px;height:55px;border-top-left-radius:3px;border-bottom-left-radius:3px;padding-left:20px}
.head_m div input[type=submit]{float:left;border:none;background:#ff7818;width:70px;height:55px;color:#fff;font-size:14px;text-align:center;line-height:55px;border-bottom-right-radius:3px;border-top-right-radius:3px;margin-top:1px}




.tel_box {
    position:fixed; background:#fff; border-radius:3px; width:420px; height:254px;
    top: 50%;
    /* display: none; */
    right: 50%;
    font-size: 16px;
    color: #ccc; text-align:center; color:#666; box-shadow:0 0 10px #ccc;border:1px solid #ccc; z-index:11111; margin-right:-210px;
}
.tel_box .close{ position:absolute; top:10px; right:15px; width:14px; height:14px; cursor:pointer}
.tel_box h1{ color:#666; font-size:20px; line-height:70px; border-bottom:1px solid #ccc}
.tel_list{ padding:10px 0}
.tel_list li{ width:160px; margin:0 auto; text-align:center;}
.tel_list li.teach_1{ background:url(../img/male.png) no-repeat left center; padding-left:30px}
.tel_list li.teach_2{ background:url(../img/female.png) no-repeat left center; padding-left:30px}




/*about news*/
.about_top{ padding-bottom:80px;}
.about_top div.fl{ width:513px; margin-right:26px}
.about_top div.fr{ width:448px}
.about_top div.fr img{float: right;
    margin-top: 15px;
    width: 448px;
    max-width: 100%;}
    .about_top table tr:first-child span{margin: 0}
.about_top span{ font-size:14px; color:#32469d; display:block; margin-bottom:80px; overflow:hidden; display:block;}
.about_top p{ font-size:16px; color:#555; display:block; line-height:26px; overflow:hidden; margin-bottom:0}
.row_col h1{ color:#32469d; font-size:20px; padding-left:50px; position:relative;margin:0 0 30px -50px; text-transform:capitalize;font-family:"Vonnes-BoldCondensed";}
.padding_bor{ margin-bottom:70px}
.pro_de_bj{ background:#fafafa}
.pro_de_bj .about_top{ padding-bottom:120px}
.pro_de_bj .top_tt{ margin-bottom:70px}
.row_col h1:before{ content:""; position:absolute; width:30px; height:3px; background:#304ba4; left:0; top:40%; }
.about_top .p_top{ padding-top:50px; margin-bottom:50px; float:left; width:50%}
.about_top .p_top:nth-child(2){ padding:50px 45px 0 45px;box-sizing: border-box;}
.app_bj{ background:#fefefe url(../img/app/bj.png) no-repeat right top}
.appli{ margin-bottom:48px; height:84px;box-shadow: 0 10px 25px #ccc;}
.appli li{ float:left; width:33.33333%; position:relative; background:#3a5098; color:#fff; font-size:24px; line-height:24px; padding:29px 10px;box-sizing: border-box; text-align:center; cursor:pointer}
.appli li .con{ display:none;position:absolute; top:84px; left:0; width:100%; height:auto; z-index:1;  font-size:16px; background:#fff; box-shadow:0 0 3px #ccc}
.appli li .con a{ color:#666; line-height:40px;}
.appli li .con a:hover{ text-decoration:none; color:#3a5098}
.appli li p{ position:relative; color:#fff;font-family: 'Vonnes-BoldCondensed';}
.appli li p:after{ position:absolute; background:url(../img/app/jt.png) no-repeat; width:12px; height:6px; right:5%; top:5px; content:""}
.news_list li{margin-bottom:28px; float:left; width:380px; margin-right:28px}
.news_list .list{width:100%;border:1px solid #f6f6f6;box-sizing: border-box;}
.news_list li .top{width:100%;overflow:hidden;}
.news_list li .bottom { padding:22px 40px 22px 20px}
.news_list li .bottom p.data{ background:url(../img/home/date.png) no-repeat left center; padding-left:18px; color:#32469d; font-size:12px; line-height:24px; font-weight:700; margin-bottom:4px;}
.news_list li .bottom p.data a{ color:#32469d}
.news_list li .bottom:hover p.data a{ color:#fff}

.news_list li .bottom span{  color:#333; font-size:18px; line-height:24px; margin-bottom:12px; display:block}
.news_list li .bottom span a{ color:#666; font-size:18px; text-decoration:none;font-family: 'Vonnes-BoldCondensed';}
.news_list li .bottom p.con{  color:#666; font-size:14px; line-height:18px;opacity:0.8; margin-bottom:0}
.news_list li .bottom p.con a{color:#666; text-decoration:none}
.app_table table tr td,.app_table table tr th{ text-align:center;  color:#444;padding:8px 8px; border:1px solid #eee}
.app_table table tr th p{ color:#444; font-size:20px; }
.app_table table tr td p{ font-size:16px;color:#444}
.about_top a{ text-decoration:none}


.about_top a{ width:100%; display:block}
.about_bottom_news dl dt{ border-top:2px solid #e8e6e6; padding:34px 0; overflow:hidden}
.about_bottom_news dl dt:first-child{ border-top:1px dashed #d0d0d0}
.about_bottom_news dl dt .left{ float:left; width:64px; height:64px; background:#e8e6e6; padding:12px; text-align:left; margin-right:20px;}
.about_bottom_news dl dt .right h2 span{ margin-right:44px}
.about_bottom_news dl dt .left span{ line-height:28px; height:28px; overflow:hidden; color:#38a7f6; font-weight:700; font-size:33px; display:block; margin-bottom:4px;}
.about_bottom_news dl dt .left p{ color:#666666; line-height:18px; height:36px; overflow:hidden; font-size:14px;}
.about_bottom_news dl dt .right{ float:left; width:630px;}
.about_bottom_news dl dt .right h1{ color:#333; font-weight:700; font-size:18px; line-height:20px; height:20px; overflow:hidden; margin-bottom:8px;}
.about_bottom_news dl dt .right h2{ line-height:26px; color:#888; font-size:12px;  overflow:hidden}
.about_bottom_news dl dt .right p{ line-height:22px; font-size:14px; color:#777}
.about_top .top img{transition: transform 0.6s;}
.about_top .top:hover img{-webkit-transform: scale(1.1,1.1);
    -webkit-transition: transform 1.5s linear 0;
    -moz-transform: scale(1.1,1.1);
    -moz-transition: transform 1.5s linear 0;
    -o-transform: scale(1.1,1.1);
    -o-transition: transform 1.5s linear 0;}
.about_top .bottom:hover{ box-shadow:0 0 10px #ccc;background:#32469d}
.about_top .bottom:hover span a,.about_top .bottom:hover p a{ color:#fff}
.about_top .bottom:hover p.data,.about_top .bottom:hover p.data{ background:url(../img/home/dateh.png) no-repeat left center}
.news_list li  .bottom:hover p.con a{ color:#fff}
.about_bottom_news a.more{}
.about_bottom_news a.more{ width:100%; height:55px; line-height:55px; background:#e1e1e1 url(../img/about/a02.png) no-repeat center center; display:block}
.about_bottom_news a.more:hover{background:#38a7f6 url(../img/about/a02h.png) no-repeat center center;}

.about_in_fz{ position:relative; min-height:390px; text-align:center}
.about_in_fz .about-title h2{ color:#333; font-size:28px; font-weight:700;}
.about_in_fz .about-title p {
    font-size: 16px;
    line-height: 30px;
    color: #333;
    font-family: 'Arial';
}
.about_in_fz .about-title i {
    width: 36px;
    height: 1px;
    display: block;
    background: #304ba4;
    margin: 10px auto 26px auto;
}
.fangzhen_box{ float:right; width:84%; padding:3% 4%; background:#fff; margin-top:52px;}
.fangzhen_box div.right{ margin-left:30%; font-size:14px; color:#666; line-height:28px; min-height:290px}
.fangzhen_left_img{ width:513px; height:363px;  position:absolute; top:36%; left:0; box-shadow:0 0 10px #ccc}
.fangzhen_left_img .flexslider{ border:none; margin:0; padding:0; box-shadow:none;}
.fangzhen_left_img .flex-direction-nav{ display:none}
.fangzhen_left_img .flex-control-nav{ bottom:8px; left:0}
.fangzhen_left_img .flex-control-paging{ text-align:center}
.fangzhen_left_img .flex-control-paging li{ width:10px; height:10px; float:none}
.fangzhen_left_img .flex-control-paging li a{ border:1px solid #38a7f6; border-radius:360px; background:none; width:8px; height:8px; display:block;}
.fangzhen_left_img .flex-control-paging li a.flex-active{ background:#38a7f6}


.about-intr{ color:#666; line-height:28px; font-size:14px; overflow:hidden}
.about-intr .left{ width:53%; float:left; padding-bottom:94px;}
.about-intr .left a.more{ width:220px; height:52px; font-size:14px; color:#fff; text-align:center; display:block;
 background:-webkit-gradient(linear, left center, right center, color-stop(0%,#16acf8), color-stop(100%,#347bd5)); 
  background: -moz-linear-gradient(left,  #16acf8 0%, #347bd5 100%);
  background: -webkit-linear-gradient(left,  #16acf8 0%,#347bd5 100%);
    background: -o-linear-gradient(left,  #16acf8 0%,#347bd5 100%);
    background: -ms-linear-gradient(left,  #16acf8 0%,#347bd5 100%);
    background: linear-gradient(to right,  #16acf8 0%,#347bd5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16acf8', endColorstr='#347bd5',GradientType=0 ); border-radius:5px; line-height:52px;
}
.about-intr .left a.more strong{ font-size:16px; padding-left:5px;}
.about_other a.more{ float:left}




.about-intr .left a.more_down{ display:none; width:220px; height:52px; font-size:14px; color:#fff; text-align:center;
 background:-webkit-gradient(linear, left center, right center, color-stop(0%,#16acf8), color-stop(100%,#347bd5)); 
  background: -moz-linear-gradient(left,  #16acf8 0%, #347bd5 100%);
  background: -webkit-linear-gradient(left,  #16acf8 0%,#347bd5 100%);
    background: -o-linear-gradient(left,  #16acf8 0%,#347bd5 100%);
    background: -ms-linear-gradient(left,  #16acf8 0%,#347bd5 100%);
    background: linear-gradient(to right,  #16acf8 0%,#347bd5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16acf8', endColorstr='#347bd5',GradientType=0 ); border-radius:5px; line-height:52px;
}
.about-intr .left a.more_down strong{ font-size:16px; padding-left:5px;}
.about_other a.more_down{ float:left}






.about-intr .left .con{ margin-bottom:50px}

.about_other{ overflow:hidden}

.about_other .share_news{ margin-top:28px; float:right}
.about-intr .right{ float:right; width:30%;}
.about-intr .about-title h2{
	font-size: 24px;
	color: #333;
	line-height: 24px; margin-bottom:10px;
}
.about-intr .about-title p{
	font-size: 16px;
	line-height: 24px;
	color: #b2b2b2;
	opacity: 0.8;
	font-family: 'Arial';
}
.about-intr .about-title i{
	width: 32px;
	height: 1px;
	display: block;
	background: #2595e5;
	margin: 36px 0 36px 0;
}



.about-intr .right .video_top_img {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.about-intr .right{ width:616px; float:right; position:relative; border:12px solid #fff; box-shadow:0 0 10px #ccc}
.about-intr .right video{ width:100%; height:100%}
.about-intr .right span{ position:absolute; top:50%; left:50%; margin-left:-27px; margin-top:-54px; width:55px; height:55px; background:url(../img/about/play.png) no-repeat; background-size:cover; z-index:2; cursor:pointer}
.about-intr .right img{width:100%;}

.about-area{ background:url(../img/about/a10.png) no-repeat top center; padding-bottom:90px;}
.about-area .map_box{ text-align:center; margin:0 auto; position:relative; width:1040px;}
.about-area .font{color:#fff; line-height:26px; font-size:14px; width:1040px; margin:0 auto 44px auto} 
.about-area .research-title{ margin-bottom:30px; padding-top:34px;}
.map_all{ width:100%}
.map_tip{     position: absolute;
    top: 140px;
    width: 100%;
    left: 0;
    margin-left: -3%; }
.map_tip div{ float:none;    margin: 0 18px;
    line-height: 22px;
    display: inline-block;
    zoom: 1;}
.about-intr .right h1{     font-size: 18px;
    color: #fff;
    position: absolute;
    top: 55%;
    left: 50%;
    width:136px;
    height: 40px;
    z-index: 1; margin-left:-68px;}
.map_tip div em{ width:15px; height:13px; border-radius:3px; display:inline-block; margin-right:10px; background:#ff9c0f; margin-top:6px}
.map_tip div p{display:inline-block; font-size:22px; color:#fff}
.map_tip div.icon2 em{ background:#0193dd}
.about-bot_link_box{ background:#fff; padding:104px 0; text-align:left; overflow:hidden}
.about-bot_link_list ul{ text-align:center; width:1532px; }
.about-bot_link_list li{ float:left; display:inline-block;*display:inline; zoom:1; margin-right:34px; margin-bottom:38px; background:#f5f5f5;border-radius:0 5px 5px 0; width:732px; height:auto}
.about-bot_link_list li a{ display:block; width:100%; height:100%}
.about-bot_link_list li .left{ float:left; width:330px; overflow:hidden}
.about-bot_link_list li .left img{transition: transform 1s;}
.about-bot_link_list li:hover .left img{-webkit-transform:scale(1.1,1.1);-webkit-transition:transform 1.5s linear 0;-moz-transform:scale(1.1,1.1);-moz-transition:transform 1.5s linear 0;-o-transform:scale(1.1,1.1);-o-transition:transform 1.5s linear 0}
.about-bot_link_list li .right{ float:left; text-align:left; padding:38px; width:402px; overflow:hidden;box-sizing: border-box;}
.about-bot_link_list li .right p{height:84px; overflow:hidden; color:#666; font-size:14px;}
.about-bot_link_list li .right h1{ line-height:24px; font-size:24px; font-weight:700; color:#2595e5; margin-bottom:20px;}
.about-bot_link_list li .right em{ width:23px; height:23px; display:inline-block; margin-right:6px;}
.about-bot_link_list li:nth-child(1) .right em{ background:url(../img/about/a13.png) no-repeat;}
.about-bot_link_list li:nth-child(2) .right em{ background:url(../img/about/a14.png) no-repeat;}
.about-bot_link_list li:nth-child(3) .right em{ background:url(../img/about/a15.png) no-repeat;}
.about-bot_link_list li:nth-child(4) .right em{ background:url(../img/about/a16.png) no-repeat;}

.about-bot_link_list li:nth-child(1):hover .right em{ background:url(../img/about/a13h.png) no-repeat;}
.about-bot_link_list li:nth-child(2):hover .right em{ background:url(../img/about/a14h.png) no-repeat;}
.about-bot_link_list li:nth-child(3):hover .right em{ background:url(../img/about/a15h.png) no-repeat;}
.about-bot_link_list li:nth-child(4):hover .right em{ background:url(../img/about/a16h.png) no-repeat;}
.about-bot_link_list li:hover { background:#38a7f6}
.about-bot_link_list li:hover .right p,.about-bot_link_list li:hover h1{ color:#fff}

.about-bot_link_list li .right em img{ vertical-align:top}
/*mgo*/
.con_padding50{ padding:70px 50px; color:#666; font-size:14px; line-height:28px;}
.zhuanjia_left li{ background:#fff; box-shadow:0 0 10px #ccc; border-radius:5px; margin-bottom:15px; padding:15px; overflow:hidden}
.zhuanjia_left li .left_img{ margin-right:38px; width:201px; float:left}
.zhuanjia_left li .right_con{ float:left; width:698px; padding:25px 0 }
.zhuanjia_left li .right_con h1{ line-height:26px; color:#444444;  font-size:20px; font-weight:700; margin-bottom:32px;}
.zhuanjia_left li .right_con p{ color:#666; line-height:28px; font-size:14px;}
.zhuanjia_left li .left_img img{ width:100%; max-width:100%}
.zhuanjia_con_pro {
    height: 112px; overflow: auto;
}
.zhuanjia_left a.more{ width:100%; height:55px; line-height:55px; background:#e1e1e1 url(../img/about/a02.png) no-repeat center center; display:block}
.zhuanjia_left a.more:hover{background:#38a7f6 url(../img/about/a02h.png) no-repeat center center;}
.back_none{ background:none}
.zhuanjia_con_pro .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#f8b62a; width:5px; height:14px; border-radius:3px;}
.zhuanjia_con_pro .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover{ background:#f8b62a;}

.zhuanjia_con_pro .mCSB_scrollTools .mCSB_draggerRail{ background:#dbdbdb; height:100%; width:1px;}
.zhuanjia_con_pro .mCSB_scrollTools .mCSB_dragger{ height:14px;}
.bbs_login{
	width: 28.7%;
	float: right;
}
.login_res_box{ text-align:center;font-family:"黑体"; color:#777; background:#fff; margin:0 auto; box-shadow:0 0 10px #ccc; font-size:14px;}
.login_res_box form{margin:0 auto; padding:45px 33px}
.login_res_box form a{     color: #666;
    padding: 0 22px;
    position: relative;
    line-height: 14px;
    height: 14px;
    display: inline-block;}
.login_res_box form a:hover{ color:#249aef}
.login_res_box form a:first-child:before{ background:none }
.login_res_box form a:before{ position:absolute; left:0; width:1px;  height:100%; background:#cdcdcd; content:""; top:0}
.login_res_box form label{ display:block; width:100%;}
.login_res_box form div.group{ border:1px solid #e5e5e5; margin-bottom:10px; height:54px; border-radius:6px}
.login_res_box form div.group:hover, .login_res_box form div.group.hover { background:url(../img/mgo/m04.png) no-repeat; background-size:100% 100%;border:1px solid #fff;
}
.login_res_box form div.group:hover input, .login_res_box form div.group.hover input{ color:#249aef;}
.bbs_login h1{ text-align:center; color:#fff; font-size:18px;line-height:70px; height:70px; background:url(../img/mgo/m03.png) no-repeat; background-size:100% 100%}
.login_res_box form input[type="text"]{ line-height:54px; height:54px; background:none; border:none; padding:0 18px; width:100%; color:#777;box-sizing: border-box;}

.login_res_box form input[type="password"]{ line-height:54px; height:54px; background:none; border:none; padding:0 18px; width:100%; color:#777;box-sizing: border-box;}
.login_res_box form input[type="checkbox"]{ line-height:10px; height:10px; background:none; border:none;  width:12px; height:12px; color:#777; display:block; opacity:0; display:inline-block; float:left}
.login_res_box form div.check_b{ height:12px;position:relative; text-align:left; color:#999; font-size:12px; margin-bottom:26px; margin-top:30px}
.login_res_box form div.check_b span{ float:left; width:auto; display:inline; line-height:12px; padding-left:10px; font-size:14px; color:#666}
.login_res_box form div.on{ background:#4e7efd;}
.login_res_box form div .check_box{ position:absolute; left:0; top:0; border:solid 1px #ccc;width:10px; height:10px; }
.login_res_box form div .register{position:absolute; right:0; top:0; line-height:12px; font-size:12px; color:#777 }
.login_res_box form div .register:hover{ color:#4e7efd}
.login_res_box form .login_page{ width:100%; border-radius:5px;line-height:48px; height:48px; background:#f5f5f5; border:none;  color:#777; font-size:16px; display:block;  display:inline-block; cursor:pointer; margin-bottom:20px;}
.login_res_box form .login_page:hover{ background:#249aef; color:#fff}
.register_now{ color:#4e7efd; font-size:14px; text-decoration:underline}
.login_re{  color:#666; font-size:14px; }
.service-box{ color:#666; line-height:24px; font-size:14px}
.service-box h1.tit{ font-size:26px; line-height:26px; color:#333; margin-bottom:34px; position:relative; }
.service-box h1.tit span{ float:left; display:inline-block;margin-right: 18px;}
.service-box h1.tit b{ font-size: 16px;
    color: #666;
    font-weight: normal;
    border-left: 1px solid #d9d9d9;
    padding-left: 22px;
    line-height: 26px;
    display: inline-block;
    float: left;}
.service-box .ser_one{ padding-bottom:26px; border-bottom:1px solid #dedede; margin-bottom:44px;}
.service-box .ser_two{ padding-bottom:60px; overflow:hidden}
.w100{ width:100%;max-width:100%}
.service-box .ser_two a.more{ font-size:14px; color:#38a7f6; position:absolute; right:0; line-height:24px; top:0; background:url(../img/service/s01.png) no-repeat right center; padding-right:25px;}
.service-box .ser_two a.more:hover{ font-weight:700}
.ser_other_links{ width:100%; text-align:center; }
.ser_other_links a{ border:1px solid #e4e4e4; display:inline-table;*display:inline; width:25%; float:left; background:#fff; line-height:24px; font-size:16px; color:#666; padding:0 20px; height:116px; zoom:1; margin:0 auto;box-shadow:0 0 5px #ccc; box-sizing: border-box;}
.ser_other_links a span{ display:table-cell;vertical-align: middle;}
.ser_other_links a:hover{ background:url(../img/service/s02.png) no-repeat; background-size:100% 100%; color:#fff}
.phone_top_nav { display:none } 
.ser_three h2{ color:#1e8bd8; font-size:26px; line-height:37px; position:relative; margin-bottom:20px;}
.ser_three p{ margin-bottom:30px;}
.ser_three span.line{ background:#9e9e9e; width:18px; height:3px; display:block; margin-bottom:34px;}
.ser_three_show{ background:#fff;padding:58px 25px 25px 46px; color:#777; font-size:14px; line-height:26px;}
.ser_three h2 b{ position:absolute; top:0; left:-46px; width:5px; height:100%; background:#1e8bd8; }
.ser_three .detail dl dt{ color:#333; line-height:26px; font-size:14px; margin-bottom:28px;}
.ser_three .detail dl dt strong{ font-size:18px;}


/*case*/
.case_box_in{ position:relative}
.right_img_bj{ position:absolute; bottom:0; left:0; background:#fff; z-index:1; width:100%;}
.case_box_in .tit_tops{ position:relative; margin-bottom:58px; overflow:hidden; height:42px; padding-bottom:27px;  padding-top:21px;}
.right_img_bj img{ float:right;    z-index: 1;
    position: relative; padding-right:54px;}
.tit_tops span.line{ background:#e6e6e6; height:1px; width:100%; display:block; bottom:0; left:0; position:absolute}
.case_box_in .tit_tops h1{ color:#333; font-size:26px; line-height:30px; background:url(../img/case/c11.png) no-repeat left center; padding-left:38px; position:relative; z-index:2}
.case_box_in .tit_tops .posi_right{ position:absolute; top:20px; left:26%; z-index:2}
.case_box_in .tit_tops .posi_right form{ float:left; height:42px;}
.other_alinks{ float:left; display:inline;}
.case_box_in .tit_tops .posi_right a{ float:left; line-height:40px; height:40px; margin-left:26px; color:#999; font-size:14px;}
.case_box_in .tit_tops .posi_right a:hover{ color:#38a7f6;}
.case_serach { width:264px; border:1px solid #cdcdcd; height:40px; line-height:40px; background:#fff;    box-sizing: border-box;}
.case_serach input{ background:none; border:none;}
.case_serach input[type="text"]{ width:202px; float:left; padding:0 10px; line-height:40px; font-size:14px;}
.case_serach input[type="button"]{ background:url(../img/case/c12.png) no-repeat; background-size:cover; width:18px; height:18px; border:none; margin-top:11px;}

.case_links ul{text-align: center;width: 1536px;}
.case_links li{float:none; display:inline-block; *display:inline;zoom:1; width:476px; height:240px; box-shadow:0 0 10px #ccc;margin-bottom:33px; margin-right:33px; text-align:left; position:relative;}
.case_links li .case_bottom_bj{width:100%; position:absolute; top:0; left:0; height:100%; display:none}
.case_links li:hover .case_bottom_bj{ display:block }
.case_links li a{  height:168px;  display:block;padding:36px; position:relative; background:url(../img/case/c21.png) no-repeat right top;-webkit-transition: none;
    -o-transition: none;
    -moz-transition:none;}
.case_links li:hover a{ background:none}

.case_links li h1{ color:#333333; font-weight:700; font-size:20px; line-height:24px; overflow:hidden; margin-bottom:20px;}
.case_links li p{     line-height: 26px;   color: #666;    font-size: 14px;    height: 104px;    overflow: hidden;    position: relative;    z-index: 1;}
.case_links li i{ position:absolute; bottom:10px; right:10px; width:100px;}
.case_links li:hover h1,.case_links li:hover p{ color:#fff}
.case_links li:hover i{ display:none}
.case_detail_intro{ padding-bottom:60px}
.case_detail_intro h1{ font-size:26px; color:#333}
.home_banner_phone{ display:none}
.product_bj{ background:#f5f5f5 url(../img/product/bj.png) no-repeat left top}
.news{
	width: 100%;
	padding: 0 0 6% 0; overflow:hidden
}
#main .box .boxes{ position:relative; width:100%; height:100%; display:block}
#main .box .boxes:after{ background:rgba(48,75,164,0.9); position:absolute; top:0; left:0; width:100%; height:100%; content:""; display:none}
#main .box .boxes .con{ z-index:11}
#main .box .boxes:hover:after{ display:block}
#main .box .boxes h2 {
    width: 100%; background:#fff; color:#2d469a; font-size:22px; text-align:center; margin:0; padding:24px 10px;    box-sizing: border-box; line-height:22px;
    height: auto; position:absolute; bottom:0; left:0
}
.news #main {
    width: 100%;
    position: relative; opacity:0
}
.news #main .box {
}
.news #main .box {
    position: relative;
}
.news #main .box {
    width: 384px;
    background: #fff;
}
.tabs_news li a{ color:#fff}
#main .box a{ display:block}
.tabs_news li{ background:#3a5098; width:50%; float:left;background: #293f82;
    line-height: 36px;
    font-size: 24px;
    color: #fff;
    text-align: center;
    padding: 12px 10px;
    position: relative;
    cursor: pointer;}
.tabs_news li.on,.tabs_news li:hover{ background:#3a5098}
.tabs_news li:first-child:before {
    background: none;
}
.tabs_news li:before {
    background: #3f538e;
    height: 100%;
    width: 1px;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
}

.tabs_news li.on:after, .tabs_news li:hover:after {
    opacity: 1;
}
.tabs_news li:after {
    background: url(../img/about/a02.png) no-repeat;
    width: 36px;
    height: 16px;
    left: 50%;
    margin-left: -18px;
    bottom: -16px;
    content: "";
    position: absolute;
    opacity: 0;
}
.tab_pro{ position:relative}
.tab_pro li{ float:left;  border:1px solid #3850a1; margin-right:15px;}
.tab_pro li a{ color:#3850a1; font-size:16px;padding:5px 10px; }
.tab_pro li:hover,.tab_pro li.on{background:#3850a1;}
.tab_pro li:hover a,.tab_pro li.on a{ color:#fff}
.tabs_news { margin-bottom:20px; height:60px}
a:hover{ text-decoration:none}
#main .box .boxes { overflow:hidden}
#main .box .boxes img{ height:100%;-webkit-transition:all .6s;transition:all .6s}
#main .box .boxes:hover img{ -webkit-transform: scale(1.1,1.1);
    -webkit-transition: transform 1.5s linear 0;
    -moz-transform: scale(1.1,1.1);
    -moz-transition: transform 1.5s linear 0;
    -o-transform: scale(1.1,1.1);
    -o-transition: transform 1.5s linear 0;}
#main .box .boxes .con{opacity:0;position:absolute; bottom:50px; width:100%; left:0; color:#fff; line-height:26px; padding:0 25px;box-sizing: border-box;}
#main .box:hover .con{ opacity:1;}
#main .box:hover h2{ display:none}
#main .box .boxes .con p.p1{ font-size:35px; line-height:40px;}
#main .box .boxes .con p.p2{ margin-bottom:40px; line-height:22px; font-size:15px;}
#main .box .boxes .con p.p3{ line-height:22px; font-size:15px;}
#main .box .boxes .con p.p3 b{ position:relative; color:#fff; line-height:46px; height:46px; width:70px; display:inline-block; text-decoration:none}
#main .box .boxes .con p.p3 b span{ position:absolute; bottom:0; width:0; left:0;-webkit-transition:all .6s;transition:all .6s; background:#fff; height:2px;}
#main .box:hover .boxes .con p.p3 b span{ width:65px;-webkit-transition:all .6s;transition:all .6s}
#main .box .tu img {
    width: 100%;
    height: auto;
}
#main .box .cont_box {
    background: #fff;
    padding: 0 5%;
}
#main .box .cont_box .tit {
    padding-top: 24px;
    font-size: 18px;
    color: #222;
    line-height: 24px;
}





.phone_data{ display:none}
.case_detail_intro .more{
	     width: 164px;
    height: 46px;
    line-height: 46px;
    background: url(../img/product/more.png) no-repeat 30px center;
    display: block;
    margin: 27px auto 0;
    position: relative;
    color: #32469d;
    padding-left: 70px;
    text-align: left;
    top: 0;
    transition: top 0.3s;
    border: 1px solid #cfd3e4;
    border-radius: 30px;
    font-size: 14px;
    box-sizing: border-box;
}
.case_detail_intro .more:hover{
	background:#32469d url(../img/product/moreh.png) no-repeat 30px center; color:#fff;
}
.bottom_in_page{ background:url(../img/bottom.png) no-repeat left center; position:relative; height:168px;}
.bottom_in_page .page_left{ color:#fff; padding-top:57px}
.bottom_in_page .page_left a{ float:left;color:#fff; margin-left:30px; margin-top:20px;font-family:"Vonnes-BoldCondensed";} 
.bottom_in_page .page_left span{ float:left; width:30px; height:3px; background:#fff; margin-top:28px; display:inline-block;}
.bottom_in_page .page_left a.next_page{    width: 180px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #b1bada;
    margin: 0 0 0 70px;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    position: relative;}
.bottom_in_page .page_left a.next_page b{ position:absolute; width:0; left:0; top:0; background:#afbad9; height:100%;-webkit-transition:all .6s;transition:all .6s; display:inline-block; opacity:0.5}
.bottom_in_page .page_left a.next_page:hover b{ width:100%;-webkit-transition:all .6s;transition:all .6s; opacity:0}
.bottom_in_page .page_left a.next_page p{ position:relative; z-index:1;font-family:"Vonnes-BoldCondensed";}
.news-info{
	width: 100%;
	background: #f0f0f0;
	padding: 33px 0 71px;
}
.news-info .bg{
	background:#fff;
	padding: 42px 0 95px;
}
.news-info .title{
	width: 100%;
	padding-bottom: 18px;
	text-align: center;
	border-bottom: 1px solid #e6e6e6;
}
.news-info .title h2{
	font-size: 24px;
	color: #333333;
	line-height: 44px;
}
.news-info .title p{
	font-size: 12px;
	color: #666666;
	line-height: 26px;
}
.news-info .info{
	padding: 35px 0 70px;
	border-bottom: 1px solid #e6e6e6;
	width: 100%;
}
.news-info .info .font{
	width: 63%;
	font-size: 14px;
	color: #666666;
	float: left;
	line-height: 26px;
}
.news-info .info p{
	font-size: 14px;
	color: #666666;
	line-height: 26px;
	padding-bottom: 15px;
}
.news-info .info .pic{
	width: 31%;
	float: right;
}
.news-info .info img{
	padding:8px 0 4px;
}
.news-info .bot{
	width: 100%;
	padding-top: 19px;
}
.news-info .bot .left{
	padding-top: 10px;
	float: left;
	width: 60%;
}
.news-info .bot p{
	font-size: 14px;
	color: #666666;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
}
.news-info .bot a{
	color: #666;
	transition:color 0.3s;
}
.news-info .bot p:hover a{
	color: #cd2720;
}
.recr ul li .in .more.btn{
	display: none;
}
.news-info .bot a.back,.info-page a.back{
	width: 67px;
	text-align: center;
	line-height: 37px;
	padding-top: 30px;
	color: #666;
	background:url(../pic/news06.png) no-repeat center;
	background-size: 100% 100%;
	float: right;
	transition:color 0.3s,background 0.3s;
}
.news-info .bot a.back:hover, .info-page a.back:hover{
	color: #fff;
	background:url(../img/news06_hover.png) no-repeat center;
	background-size: 100% 100%;
}
.news #masonry .box{ padding:11px;}

.news #masonry span{width:100%;
    margin: 0 auto 0 auto;
    font-size: 14px;
    color: #666;
    line-height: 26px; display:block; overflow:hidden}


/*product*/
.tit_tops h1{ position:relative; height:30px}
.tit_tops h1 span{ margin-right:18px; float:left; display:inline-block;}
.tit_tops h1 b{ font-size:16px; color:#666; font-weight:normal; border-left:1px solid #d9d9d9; padding-left:22px; line-height:30px; display:inline-block; float:left}
.product_box_in .tit_tops {
    position: relative;
    margin-bottom: 58px;
    overflow: hidden;
    height: 42px;
    padding-bottom: 27px;
    padding-top: 21px;
}

.product_box_in .tit_tops h1 {
    color: #333;
    font-size: 26px;
    line-height: 30px;
    background: url(../img/product/p01.png) no-repeat left center;
    padding-left: 38px;
    position: relative;
    z-index: 2;
}

.product_links dl{text-align: center;width: 1536px;}
.product_links dt{float:left; display:inline-block; *display:inline;zoom:1; width:276px;  box-shadow:0 0 10px #ccc;margin-bottom:33px; margin-right:33px; text-align:left;}
.product_links dt{   
    padding: 36px;
    position: relative;
    background: url(../img/case/c21.png) no-repeat right top; z-index:1}
.product_z_2{ position:relative; z-index:1;transition: all 0.5s;}
/*gai*/
.product_links dt .box_open { position:absolute; top:0; width:732px; height:100%; background-size:cover;opacity:0;    -webkit-transform-style: preserve-3d;transform-style: preserve-3d;transition: all 0.5s;}
.product_links dt:nth-child(2n+1) .box_open {
    left: 0;
    border-left: 1px solid #e5e5e5;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
}

.product_links dt:nth-child(2n) .box_open {
    right: 0;
    border-right: 1px solid #e5e5e5;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
}
.product_links dt.on {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    z-index: 2;
}
.product_links dt.on .box_open {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 1;transition: all 0.5s;
}



/*gai*/
.box_open_img{ position:absolute; top:0; left:0; width:100%; height:100%}
.product_links dt:nth-of-type(4n) .box_open{ right:0; left:auto}
.pro_two,.pro_three,.pro_four{ text-align:left}
.box_open .padding_in{ padding:35px; position:relative; z-index:11}
.box_open:before{ position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.7); display:block; content:""; z-index:11}
.product_links dt.on .box_open{opacity:1; z-index:4}
.box_open .flex-direction-nav{ position:absolute; top:-44px; right:10px; width:64px}
.box_open .flex-direction-nav .flex-prev{ background:url(../img/product/left.png) no-repeat; width:24px; height:24px; display:block;text-indent: -9999px; float:left; margin-left:8px;}
.box_open .flex-direction-nav .flex-next{ background:url(../img/product/right.png) no-repeat; width:24px; height:24px; display:block;text-indent:9999px; float:left; margin-left:8px;}
.box_open .flex-direction-nav .flex-prev:hover{ background:url(../img/product/lefth.png) no-repeat;}
.box_open .flex-direction-nav .flex-next:hover{ background:url(../img/product/righth.png) no-repeat;}

.product_links dt .box_open h1{ color:#fff}
.box_open .flexslider{ background:none; border:none; padding:0; box-shadow:none; margin-bottom:0}
.box_open .flexslider li a{ font-size:14px; color:#fff}
.product_links dt h1{ color:#333333; font-weight:700; font-size:20px; line-height:24px; overflow:hidden; margin-bottom:20px;}
.product_links dt div.box{ height:164px; overflow:hidden}
.product_links dt p{     line-height: 26px; height: 26px; color: #666;    font-size: 14px;      overflow: hidden;    position: relative;    z-index: 1;}
.product_links dt i{ position:absolute; bottom:-26px; right:-36px; width:150px;}
.product_links dt.on i{ display:none}
.product_links dt .flexslider li div{ height:210px; overflow-x:hidden;}

.list .flexslider{ margin:0; padding:0; border:none; box-shadow:none; background:none}


.pro_top_box .pro_one{/* padding-bottom:26px; */border-bottom:1px solid #dedede;/* margin-bottom:44px; */}
.pro_top_box h1.tit {
    font-size: 26px;
    line-height: 26px;
    color: #333;
    margin-bottom: 34px;
    position: relative;
    height: 28px;
}

.pro_top_box h1.tit span{ float:left; display:inline-block;margin-right: 18px;}
.pro_top_box h1.tit b{ font-size: 16px;
    color: #666;
    font-weight: normal;
    border-left: 1px solid #d9d9d9;
    padding-left: 22px;
    line-height: 26px;
    display: inline-block;
    float: left;}
	
	
	
.pro_nav_re .flexslider{ background:#ebebeb; border:none; padding:0; box-shadow:none; margin-bottom:0; height:60px; line-height:60px; text-align:center; cursor:pointer;}
.pro_nav_re .flexslider .flex-viewport li{ width:515px;background: #ebebeb;
    position: relative;
    font-size:16px; color:#666;
    line-height: 60px;
    height: 60px;}
.pro_nav_re .flexslider li a{ font-size:16px; color:#666; height:100%}
.pro_nav_re .flexslider .flex-viewport li:hover, .pro_nav_re .flexslider .flex-viewport li.on {
        background: -webkit-gradient(linear, left center, right center, color-stop(0%,#16abf7), color-stop(100%,#347ad4));
    background: -moz-linear-gradient(left, #16abf7 0%, #fd347ad4a704 100%);
    background: -webkit-linear-gradient(left, #16abf7 0%,#347ad4 100%);
    background: -o-linear-gradient(left, #16abf7 0%,#347ad4 100%);
    background: -ms-linear-gradient(left, #16abf7 0%,#347ad4 100%);
    background: linear-gradient(to right, #16abf7 0%,#347ad4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16abf7', endColorstr='#347ad4',GradientType=0 );
    color: #fff;
}
.pro_nav_re .flex-direction-nav{ width:100%}
.pro_nav_re .flex-control-nav{ display:none;}
.pro_two{ box-shadow:0 0 10px #ccc; margin-bottom:20px;}
.pro_two .con{ font-size:14px; line-height:28px; color:#777; background:#fff; padding:34px;}
.pro_nav_re .flex-direction-nav .flex-nav-prev{  position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    background: url(../img/support/left.png) no-repeat center center;
    width:10%;
    height: 60px;
    text-indent: -9999px;
	
	}
.pro_nav_re .flex-direction-nav .flex-nav-next{ background:url(../img/support/right.png) no-repeat; cursor: pointer;
    background: url(../img/support/right.png) no-repeat center center;
    width: 10%;
    height: 60px;
    position: absolute;
    top: 0;
    right: 0;
    text-indent: 9999px;}
.pro_nav_re .flex-direction-nav .flex-nav-prev:hover{ background:url(../img/support/lefth.png) no-repeat center center;}
.pro_nav_re .flex-direction-nav .flex-nav-next:hover{ background:url(../img/support/righth.png) no-repeat center center;}

.pro_nav_re .flex-direction-nav .flex-nav-prev a, .pro_nav_re .flex-direction-nav .flex-nav-next a {
    display: block;
    width: 100%;
    height: 100%;
}
.pro_three { margin-bottom:40px;}
.pro_three .con {
    font-size: 14px;
    line-height: 28px;
    color: #777;
    background: #fff;
    padding: 34px;
}
.tedidan_nav{ height:60px;}
.tedidan_nav ul{ text-align:center}
.tedidan_nav li{ width:25%; float:left; display:inline-block;*display:inline; background:#ebebeb; margin:0; position:relative; zoom:1; line-height:60px; height:60px; color:#333; font-size:16px; text-align:center; cursor:pointer}
.tedidan_nav li span{ background:#dcdcdc; width:1px; height:100%; display:block; position:absolute; top:0; left:0}
.tedidan_nav li.on i,.tedidan_nav li:hover i{ background:url(../img/product/p05.png) no-repeat; width:17px; height:9px; display:block; position:absolute; bottom:-9px; left:50%; margin-left:-8.5px; display:none}
.tedidan_nav li.on i,.tedidan_nav li:hover i{ display:block}

.tedidan_nav li:first-child span{ background:none}
.tedidan_nav li.on,.tedidan_nav li:hover{ background: -webkit-gradient(linear, left center, right center, color-stop(0%,#16abf7), color-stop(100%,#347ad4));
    background: -moz-linear-gradient(left, #16abf7 0%, #fd347ad4a704 100%);
    background: -webkit-linear-gradient(left, #16abf7 0%,#347ad4 100%);
    background: -o-linear-gradient(left, #16abf7 0%,#347ad4 100%);
    background: -ms-linear-gradient(left, #16abf7 0%,#347ad4 100%);
    background: linear-gradient(to right, #16abf7 0%,#347ad4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16abf7', endColorstr='#347ad4',GradientType=0 );
    color: #fff;}
.pro_three .hornor_list ul{ text-align:center;}	
.pro_three .hornor_list li{ width: 32%;
    float: left;
    margin: 0.66%;
    zoom: 1;
    display: inline-block;}
.hornor_list ul{ overflow:hidden}
.hornor_img_sc{ position:fixed; background:rgba(0,0,0,0.65); width:100%; height:100%; top:0; left:0; z-index:111}
.hornor_img_sc .hornor_img_sc_box{ width:30%; margin:14% auto;}
.pro_three .hornor_list a.more{width: 100%;
    height: 55px;
    line-height: 55px;
    background: #e1e1e1 url(../img/about/a02.png) no-repeat center center;
    display: block;margin-top:40px;}
	
.pro_three .con_video{ padding:0}
.pro_three .in_box{ padding:34px;}
.pro_three .hornor_list ul{ }
.pro_three .hornor_list a.more:hover{background:#38a7f6 url(../img/about/a02h.png) no-repeat center center;}
.nav_video_box { overflow:hidden; border-bottom:1px solid #e6e6e6;}
.nav_video_box dl{ text-align:center}
.nav_video_box dt{width:33.33333%; float:left; margin:0; zoom:1; display:inline-block;*display:inline; text-align:center; line-height:41px; color:#666; font-size:14px; position:relative; cursor:pointer;}
.nav_video_box dt span{ display:block; background:#1c88d5; height:2px; width:100%; left:0; bottom:0; position:absolute; display:none}
.pro_three .in_box .left{ margin-top:30px;}
.nav_video_box dt:hover span,.nav_video_box dt.on span{ display:block; }
.nav_video_box dt:hover,.nav_video_box dt.on{color:#1c88d5; font-weight:700}
.pro_four h2{ color:#1e8bd8; font-size:26px; line-height:37px; position:relative; margin-bottom:20px;}
.pro_four p{ margin-bottom:30px;}
.pro_four span.line{ background:#9e9e9e; width:18px; height:3px; display:block; margin-bottom:34px;}

.pro_four h2 b{ position:absolute; top:0; left:-46px; width:5px; height:100%; background:#1e8bd8; }
.pro_four .detail dl dt{ color:#333; line-height:26px; font-size:14px; margin-bottom:28px;}
.pro_four .detail dl dt strong{ font-size:18px;}

.pro_three .in_box{background: #fff;
    overflow: hidden;
    margin-bottom: 16px;}
.pro_three .in_box .left {
    width: 100%;
    position: relative;
}
.pro_three .in_box .left .video_top_img {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.pro_three .in_box .left span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -27px;
    margin-top: -37px;
    width: 54px;
    height: 54px;
    background: url(../img/support/play.png) no-repeat;
    background-size: 100% 100%;
    z-index: 2;
}
.pro_three .in_box .left h1 {
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: 64%;
    left: 50%;
    width: 120px;
    height: 40px;
    z-index: 1;
    margin-left: -60px;
}
.pro_three .in_box .left video {
    width: 100%;
    height: 100%;
}
.pc_swf{ min-height:450px}
.top_pos {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    overflow-y: auto;
    overflow-x: auto;
}

.big1 {
    position: relative;
    z-index: 0;
    width: auto;
    height: 100%;
}
.big1 img{ height:100%;}
.btn_ser{ position:absolute; }
.btn_ser a{color: #fff;
    font-size: 12px;
    background: rgba(0,175,236,0.8);
    padding: 2px 6px;
    border-radius: 5px;
    position: relative;
    min-width:52px;
    /* float: left; */
    display: block;
    text-align: center;-webkit-animation: up3 1s linear 1 backwards;
    animation: up3 1s linear 1 backwards;
    opacity: 1;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction: alternate;animation-direction: alternate;}
.btn_ser a:after{width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-top: 5px solid rgba(0,175,236,0.8);
    border-right: 9px solid transparent;
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-top: -5px;
    content: "";    margin-left: -9px;}
.ser_01{    top: 40%;
    left: 10%;}
.ser_02{     top: 33%;
    left: 28%;}	
.ser_03{     top: 59%;
    left: 36.5%;}
.ser_04{     top: 22%;
    left: 46.9%;}
.ser_05{    top: 19%;
    right: 28%;}
.ser_06{     top: 37%;
    right: 21%;}
.ser_07{  top: 55%;
    right: 27%;}
/*support*/
.research-history{
	width: 100%;
	background: url(../pic/img01.jpg) no-repeat center;
	padding: 66px 0 58px;
	background-size: cover;
}
.w1680{
	width: 1680px;
	margin: 0 auto;
	position: relative;
}
.research-title{
	width: 100%;
	text-align: center;
}
.research-title .box{
	width:191px;
	height: 30px;
	position: relative;
	margin: 0 auto;
	background: url(../pic/img02.png) no-repeat center;
}
.back_box{ padding:0 3%}

.research-cooperation .research-title .box{
	width:191px;
	height: 30px;
	position: relative;
	margin: 0 auto;
	background: url(../img/support/img02.png) no-repeat center;
}

.research-title .box a{
	width: 12px;
	height: 12px;
	display: block;
	position: absolute;
	background: url(../pic/img03.png) no-repeat center;
	transition:background 0.3s;    cursor: context-menu;
}
.research-title .box a.on{
	background: url(../pic/img03_h.png) no-repeat center;
}
.research-title .box a.btn01{
	top: 12px;
    left: 0;
}
.research-title .box a.btn02{
	top: 14px;
    left:56px;
}
.research-title .box a.btn03{
	top: 7px;
    left:110px;
}
.research-title .box a.btn04{
	top: 6px;
    right: 0;
}
.research-title h2{
	font-size: 28px;
	color: #fff;
	line-height: 48px;
	padding-top: 16px;
	font-weight: bold;
}
.research-title p{
	font-size: 16px;
	line-height: 26px;
	color: #fff;
	opacity: 0.8; font-family: 'Vani'; text-transform:capitalize
}
.research-title i{
	width: 36px;
	height: 1px;
	display: block;
	background: #fff;
	opacity: 0.5;
	margin: 20px auto 0;
}
.research-pc{
	margin-top: 59px;
	width: 100%;
	background: url(../img/about/line.png) no-repeat center;
}


.research-pc .mCSB_scrollTools .mCSB_buttonDown,.research-pc .mCSB_scrollTools .mCSB_buttonLeft,.research-pc .mCSB_scrollTools .mCSB_buttonRight, .research-pc .mCSB_scrollTools .mCSB_buttonUp{
	display: none;
}
.research-pc .mCSB_scrollTools .mCSB_draggerContainer{
	height: 125px;
	margin: 0;
}
.research-pc  .mCSB_scrollTools .mCSB_draggerRail{
	background: #dcdcdc;
	width: 1px;
}
.research-pc  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background: #304ba4 !important;
}

.research-pc p{
	font-size: 16px;
	color: #666;
	line-height: 26px;
}
.map_company .slides li .content .mCSB_scrollTools .mCSB_dragger{ height:20px}
.mobile_w100{ width:92%; margin:0 auto; padding-bottom:30px}
.logo_show .left_show span{ display:block}
/*.map_company .flex-direction-nav:before{ position:absolute; top:18%; left:0; height:1px; width:100%; background:#fff; opacity:0.5; content:"";}
*/
.map_company{
	position: relative;
overflow: hidden;
}
.map_company .slides li{
	width:290px;
	float: left;
}
.map_company .slides h2{
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	line-height: 30px; height:30px; text-align:center; position:relative

}
.map_company .slides h2:after{ content:""; width:10px; height:10px; left:50%; margin-left:-5px; top:-14px; background:#fff; border-radius:360px; position:absolute}
.map_company .slides p{
	font-size: 13px;
	color: #666;
	line-height: 26px; 
}
.map_company .flex-control-nav{
}
.map_company .flex-direction-nav li{
	width: 41px;
	height: 41px;
	display: block; position:absolute;
	opacity: 1;
	text-indent: -99999px;
	overflow: hidden;
	font-size: 0;
	transition:left 0.3s,right 0.3s; top:0
}
.map_company .flex-direction-nav .flex-nav-prev{
	background:url(../img/home/left1.png) no-repeat center center;    transition: background 0.3s; left:16px
}
.map_company .flex-direction-nav a{ display:block; width:41px; height:41px; right:0; left:0; position:relative}
.map_company .flex-direction-nav .flex-nav-prev a.flex-disabled{ display:none;}
.map_company .flex-direction-nav .flex-nav-next a.flex-disabled{ display:none;}
.map_company .flex-direction-nav .flex-nav-prev:hover{
background: url(../img/home/left1.png) no-repeat center center;
}
.map_company .flex-direction-nav .flex-nav-next:hover{
background: url(../img/home/right1.png) no-repeat center center;
}

.map_company .flex-direction-nav .flex-nav-next{
right:16px;background: url(../img/home/right1.png) no-repeat center center;    transition: background 0.3s;
}

.map_company .mCSB_scrollTools .mCSB_buttonDown,.map_company .mCSB_scrollTools .mCSB_buttonLeft,.map_company .mCSB_scrollTools .mCSB_buttonRight, .map_company .mCSB_scrollTools .mCSB_buttonUp{
	display: none;
}
.map_company .mCSB_scrollTools .mCSB_draggerContainer{
	height: 200px;
	margin: 0;
}
.map_company  .mCSB_scrollTools .mCSB_draggerRail{
	background: #dcdcdc;
	width: 1px;
}
.map_company  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background: #304ba4 !important;
}
.map_company .slides li .content{ padding:30px 30px;    background: url(../pic/img06.png) no-repeat center; margin-bottom:90px;
    background-size: 100% 100%;
	height: 200px;
	overflow: hidden;
}
.research-advantage{
	width: 100%;
	background: url(../pic/img09.jpg) no-repeat top center;
	padding-top: 79px;
	position: relative;
	z-index: 3; padding-bottom:20px
}
.research-advantage .font{
	width:995px;
	margin: 0 auto;
	padding: 30px 0 68px;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	line-height: 28px;
}
.research-advantage .font p{
	font-size: 14px;
	color: #ffffff;
	line-height: 28px;
}
.research-advantage .list{ width:1200px; margin:0 auto
}
.research-advantage .flex-direction-nav{ display:none}
.research-advantage .list .flex-viewport{ width:80%; margin:0 auto}
.research-advantage .list ul{ width:1528px}
.research-advantage .list .slides li{
	float: left;padding:35px 30px;
	background: #fff;
	cursor: pointer;
	box-shadow: 0 0 5px rgba(6,0,1,.09); width:288px; margin-right:17px
}
.research-advantage .list li:first-child{
}
.research-advantage .list h2{
	font-size: 26px;
	color: #333;
	line-height: 46px;
	transition:color 0.3s;
}
.research-advantage .list i{
	width: 29px;
	height: 1px;
	background: #dcdcdc;
	display: block;
	margin: 16px 0 28px;
	transition:background 0.3s;
}
.research-advantage .list .box{height: 144px;
    overflow: hidden;
    margin-bottom: 54px;
}
.research-advantage .flex-control-nav{ display:none}
.research-advantage .list p{
	font-size: 14px;
	color: #666;
	line-height: 24px;
	transition:color 0.3s;
}
.research-advantage .list .more{
	width: 185px;
	height: 44px;
	margin: 0 auto;
	display: block;
	background: #ebebeb;
	font-size: 16px;
	color: #666;
	line-height: 44px;
	text-align: center;
	border-radius: 25px;
	transition:background 0.3s,color 0.3s;
}
.research-advantage .list li:hover{
	background: #ff9c0f;
}
.research-advantage .list li:hover h2,.research-advantage .list li:hover p{
	color: #fff;
}
.research-advantage .list li:hover i{
	background: #ffd79f;
}
.research-advantage .list li:hover .more{
	background: #fff;
	color: #f4aa1d;
}

.partner_zs_img_show{ position:fixed; background:rgba(0,0,0,0.8); width:100%; height:100%; left:0; top:0; z-index:11}
.partner_zs_img_show .box_in{ margin:14% auto; width:60%; padding:45px 55px; min-height:387px; position:relative}
.partner_zs_img_show .box_in .close{ cursor:pointer;background:url(../img/support/s01.png) no-repeat; background-size:cover; width:30px; height:30px; position:absolute; right:2%; top:4%;display:block;transition:background 0.3s,color 0.3s;}



.youshi_fixed{ position:fixed; background:rgba(0,0,0,0.8); width:100%; height:100%; left:0; top:0; z-index:11}
.youshi_fixed .box_in{ background:#fff; margin:8% auto; width:60%; padding:45px 55px; min-height:207px; position:relative}
.youshi_fixed .box_in h2{font-size: 26px;
    color: #333;
    line-height: 46px;
    transition: color 0.3s;}
	
.youshi_fixed .box_in i{    width: 29px;
    height: 1px;
    background: #dcdcdc;
    display: block;
    margin: 16px 0 20px 0;
    transition: background 0.3s;}
.youshi_fixed .box_in .box { overflow:hidden; height:266px}
.youshi_fixed .box_in .box p{font-size: 14px;
    color: #666;
    line-height: 28px;
    transition: color 0.3s;}
.youshi_fixed .box_in .box .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #304ba4 !important;
}
.youshi_fixed .box_in .box .mCSB_scrollTools .mCSB_draggerRail {
    background: #dcdcdc;
    width: 1px;
}

.youshi_fixed .box_in .box .mCSB_scrollTools .mCSB_draggerContainer {
    height: 266px;
    margin: 0;
}
	
.youshi_fixed .box_in .close{ cursor:pointer;background:url(../img/support/s01.png) no-repeat; background-size:cover; width:30px; height:30px; position:absolute; right:-55px; top:-45px;display:block;transition:background 0.3s,color 0.3s;}
.youshi_fixed .box_in .close:hover{ background:url(../img/support/s02.png) no-repeat}
.support_in_intro{ padding:60px 70px; background:#fff; overflow:hidden}	
.support_in_intro .top_tit h1{ color:#183884; font-size:40px; line-height:40px; height:40px; overflow:hidden; margin-bottom:14px}
.support_in_intro .top_tit p{ color:#666; font-size:16px; line-height:30px; text-transform:capitalize; margin-bottom:28px; font-family:'Vani'}
.support_in_intro .top_tit span{ background:#7f7f7f; width:36px; height:1px; display:block; margin-bottom:24px;}
.profile_left{ width:74%; float:left; margin-right:6%}
.year_right{border-left:1px solid #f0f0f0;} 
.year_right ul h1 strong{color:#32469d; font-size:30px;font-weight:normal;font-family:"Vonnes-BoldCondensed"}
.year_right ul h1 strong i{font-family:"Vonnes-BoldCondensed"}
.year_right ul h1 em{ width:32px; height:32px; margin-right:20px}
.year_right ul h1{ color:#32469d; font-size:30px;font-weight:normal; margin:0 0;line-height: 35px;}
.year_right ul p{font-size: 19px;color: #333333;line-height: 32px;}
.year_right ul li:first-child{ margin-top:0} 
.year_right ul li{ line-height:24px; font-size:13px; color:#888; margin-top:35px; float:none; margin-left:60px;}
.phone_wrap2 .left_img img{ width:100%}
.phone_wrap2 .left_img{ position:relative; width:100%;}
.phone_wrap2  .title{ position:absolute;bottom:30px; left:0; padding:15px;box-sizing: border-box; width:100%; color:#fff}
.phone_wrap2 .title h1{ font-size: 20px;
    line-height: 40px;}
.phone_wrap2 .swiper-button-next.swiper-button-white{position: absolute;
    right: 28px;
    top: 50%;
    margin-top: -40px;
    width: 54px;
    height: 54px;
    background: rgba(0,0,0,0.5) url(../img/home/right.png) no-repeat center center;
    cursor: pointer;
    border-radius: 360px;
    z-index: 15;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;}
.phone_wrap2  .title{ opacity:0}
.phone_wrap2  .swiper-slide-active .title{ opacity:1}
.phone_wrap2 .swiper-button-prev.swiper-button-white{position: absolute;
    left: 28px;
    top: 50%;
    margin-top: -40px;
    width: 54px;
    height: 54px;
    background: rgba(0,0,0,0.5) url(../img/home/left.png) no-repeat center center;
    cursor: pointer;
    border-radius: 360px;
    z-index: 15;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;}	
.phone_wrap2 .swiper-button-prev{}
.phone_wrap2 .swiper-button-next{}
.phone_wrap2 .title a{ background: #32469d;
    width: 165px;
    height: 44px;
    line-height: 44px;
    border-radius: 360px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    display: inline-block;}
#panda-show {
	font: 12px/1.5 "STHeiti","Microsoft YaHei","Helvetica Neue","Helvetica","SimSun","STSong","Arial","sans-serif";
	background-size: 100% auto;
}
.phone_wrap2{ display:none}
#panda-show .flexslider{ margin-bottom: 0;
    border: none;
    background: none;
    padding: 0;}
	
#panda-show .flex-viewport li .left_img{ overflow:hidden}
#panda-show .flex-viewport li{ opacity:1}
.anime #panda-show .flex-viewport li{-webkit-animation: up 0.3s linear 1 backwards;
    animation: up 0.3s linear 1 backwards; opacity:1}
#panda-show .flex-viewport li .bj{ position:absolute; bottom:80px; left:12%; z-index:1; opacity:0;width:71.8%;}
#panda-show .flex-viewport li:hover .bj{-webkit-animation: up1 0.3s linear 1 backwards;
    animation: up1 0.3s linear 1 backwards; opacity:1}	
#panda-show .flex-viewport li .bj{ color:#fff; }
#panda-show .flex-viewport li .bj img{ border:1px solid #fff}
#panda-show .flex-viewport li .bj h1{ font-size:42px;line-height: 52px;}	
#panda-show .flex-viewport li:after{ content:""; width:100%; top:0; left:0; background:rgba(0,0,0,0.2); position:absolute;  height:100%}	
#panda-show .shuffer-title {
	height: 70px;
	padding-top: 12px;
	text-align: center;
	box-sizing: border-box;
}

#panda-show  .full {
	width: 100%;
	overflow: hidden;
}

#panda-show  .content {
	margin: 0 auto;
	position: relative;
}
#panda-show  .cover-left {
	width: 2000px;
	position: absolute;
	left: -2000px;
	top: 0;
	opacity: 0.7;
	background: #000;
	height: 240px;
	z-index: 10;
}

#panda-show  .cover-right {
	width: 2000px;
	position: absolute;
	right: -2000px;
	top: 0;
	background: #000;
	opacity: 0.7;
	height: 240px;
	z-index: 10;
}

#panda-show  .swiper-container {
	overflow: visible;
	height: 1000px;
}

#panda-show .flex-viewport li {
	position: relative; overflow:hidden
}
#panda-show .flex-viewport li:after{width: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.2);
    position: absolute;
    height: 100%;
    content: ""; display:none}
#panda-show .flex-viewport li:hover:after{ display:block}	
#panda-show .flex-viewport li .left_img{ position:relative}
#panda-show .flex-viewport li .left_img:after{ position:absolute; border:1px solid #fff; width:100%; content:""; left:0; top:0; height:100%}
#panda-show .flex-viewport li img {
	max-width: 100%;
	-webkit-transition: all 0.6s;
	
}
.banner .title .p1,.banner .title .p2,.banner .title .p3{opacity:0}
.ani .banner .title .p1{-webkit-animation: up 0.5s linear 1 backwards;
    animation: up 0.5s linear 1 backwards; opacity:1}
.ani .banner .title .p2{-webkit-animation: up 0.5s linear 0.5s 1 backwards;
    animation: up 0.5s linear 0.5s 1 backwards; opacity:1}
.ani .banner .title .p3{-webkit-animation: up 0.5s linear 1s 1 backwards;
    animation: up 0.5s linear 1s 1 backwards; opacity:1}	
	
	
.phone_wrap2 .swiper-pagination{ display:none}
#panda-show .flex-viewport li:hover img {
	-webkit-transform: scale(1.1,1.1);
    -webkit-transition: all 300ms;
    -moz-transform: scale(1.1,1.1);
    -moz-transition:all 300ms;
    -o-transform: scale(1.1,1.1);
    -o-transition: all 300ms;
}

#panda-show .flex-direction-nav .flex-nav-prev{ position: absolute; display:block;
	left: 28px;
	top: 50%;
	margin-top: -40px;
	    width: 54px;
    height: 54px;
    cursor: pointer;
    border-radius: 360px;
	z-index: 15;-webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;}
#panda-show .flex-direction-nav .flex-nav-next{position: absolute; display:block;
	right: 28px;
	top: 50%;
	margin-top: -40px;
	    width: 54px;
    height: 54px;
    cursor: pointer;
    border-radius: 360px;
	z-index: 15;-webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;}
#panda-show .flex-direction-nav .flex-nav-prev{
    display:block;
	
	    width: 54px;
    height: 54px;
    background:rgba(0,0,0,0.5) url(../img/home/left.png) no-repeat center center;
    cursor: pointer;
    border-radius: 360px;
	z-index: 15;
}
#panda-show .flex-direction-nav li {
    width: 54px;
    height: 54px;
    display: block;
    position: absolute;
    opacity: 1;
    text-indent: -99999px;
    overflow: hidden;
    font-size: 0;
    transition: left 0.3s,right 0.3s; top:50%;
}
#panda-show .flex-direction-nav .flex-nav-next{
  display:block;
	
	    width: 54px;
    height: 54px;
    background:rgba(0,0,0,0.5) url(../img/home/right.png) no-repeat center center;
    cursor: pointer;
    border-radius: 360px;
	z-index: 15;
}
#panda-show .flex-direction-nav .flex-nav-prev:hover {
    display:block;
	
	    width: 54px;
    height: 54px;
    background:#32469d url(../img/home/left.png) no-repeat center center;
    cursor: pointer;
    border-radius: 360px;
	z-index: 15;
}

#panda-show .flex-direction-nav .flex-nav-next a.flex-disabled {
    display: none;
}
#panda-show .flex-direction-nav .flex-nav-next:hover {
     display:block;
	
	    width: 54px;
    height: 54px;
    background:#32469d url(../img/home/right.png) no-repeat center center;
    cursor: pointer;
    border-radius: 360px;
	z-index: 15;
}

#panda-show .flex-direction-nav a {
    display: block;
     width: 54px;
    height: 54px;
    right: 0;
    left: 0;
    position: relative;
}


#panda-show .flex-direction-nav .flex-nav-next a.flex-disabled {
}
#panda-show .flex-direction-nav .flex-nav-prev a.flex-disabled{ }
#panda-show  .arrow-left {
	position: absolute;
	left: 28px;
	top: 50%;
	margin-top: -40px;
	    width: 54px;
    height: 54px;
    background:rgba(0,0,0,0.5) url(../img/home/left.png) no-repeat center center;
    cursor: pointer;
    border-radius: 360px;
	z-index: 15;-webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
}

#panda-show .arrow-right {
	position: absolute;
	right: 28px;
	top: 50%;
	margin-top: -40px;
	    width: 54px;
    height: 54px;
    background:rgba(0,0,0,0.5) url(../img/home/right.png) no-repeat center center;
    cursor: pointer;
    border-radius: 360px;
	z-index: 15;-webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
}
#panda-show .arrow-left:hover {
    background:#32469d url(../img/home/left.png) no-repeat center center;
}


#panda-show .arrow-right:hover {
    background:#32469d url(../img/home/right.png) no-repeat center center;
}

/**/
#panda-show .shuffer-line {
	height: 4px;
	width: 100%;
	position: absolute;
	bottom: 0;
	opacity: 1;
	-webkit-transition: all linear 300ms;
	transition: all linear 300ms;
	background-color: #1dd388;
}

#panda-show a:hover .shuffer-line {
	height: 95px;
	background-color: #1dd388;
	opacity: .8;
}

#panda-show .stars-info {
	height: 110px;
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
	-webkit-transition: all linear 250ms;
	transition: all linear 250ms;
	color: #fff;
}

#panda-show a:hover .stars-info {
	height: 95px;
	border-bottom: 0 none;
}

#panda-show .stars-info .name {
	font-size: 20px;
	height: 26px;
	line-height: 26px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#panda-show a:hover .stars-info .name {
	margin: 8px 0 0;
}

#panda-show .stars-info .intro {
	padding: 0 10px;
	font-size: 14px;
	height: 18px;
	line-height: 18px;
	margin: 5px 0 30px;
	color: rgba(255,255,255,.7);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#panda-show .stars-info .icon-shuffer-live {
	position: absolute;
	left: 50%;
	bottom: 38px;
	width: 29px;
	height: 9px;
	margin-left: -15px;
	background: url(../images/live.png) no-repeat;
	opacity: 1;
	-webkit-transition: all linear 250ms;
	transition: all linear 250ms;
}

#panda-show a:hover .stars-info .icon-shuffer-live {
	opacity: 0;
}

#panda-show .stars-info .number {
	display: inline-block;
	overflow: hidden;
	-webkit-transition: all linear 250ms;
	transition: all linear 250ms;
	height: 20px;
	line-height: 20px;
	width: 100%;
	position: absolute;
	bottom: 8px;
	left: 0;
}

#panda-show .stars-info .number i {
	width: 16px;
	height: 12px;
	display: inline-block;
	background: url(../images/eye.png) no-repeat center;
	margin-right: 8px;
}

.w660_410 div{ width:49%; }
.profile_left{ font-size:14px; line-height:26px; color:#444}
.year_right{ margin-bottom:90px;}
.youshi_fixed .box_in .box .mCustomScrollBox>.mCSB_scrollTools{ right:-5px;}
.youshi_fixed .box_in .box .mCSB_container{ margin-right:45px}
.wrap_1_in{ padding-top:234px}
.research-cooperation{
    width: 100%;
    background: url(../img/support/s06.png) no-repeat top center;
    padding-top: 79px;
    position: relative;
    z-index: 3; padding-bottom:44px;
}
.research-cooperation .research-title h2{ color:#333}
.research-cooperation .research-title p{ color:#666}
.research-cooperation .research-title i{ background:#9f9f9f; margin-bottom:20px;}
.research-cooperation .font{width: 1200px;
    margin: 0 auto 48px auto;
    font-size: 14px;
    color: #666;
    line-height: 30px; overflow:hidden}
.research-cooperation .font div{ width:48%}
.research-cooperation .font p {
    font-size: 14px;
    color: #666;
    line-height: 30px;
}
.partner_zs { height:300px; overflow:hidden; margin-bottom:58px;}
.partner_zs li{ height:300px;}
.partner_zs li div{ width:31.333%; height:300px; float:left; margin-right:2%; position:relative; overflow:hidden}
.partner_zs li div span{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); width:100%}
.partner_zs li div img{max-width:100%; margin:0  auto; display:block; height:100%; width:100%}
.partner_zs_btn{ width:100%; text-align:center; margin:0 auto 0 auto}
.partner_zs_btn span{ background:#bfbfbf; border-radius:360px; display:block; width:10px; height:10px; margin:0 5px; display:inline-block;*display:inline; zoom:1; float:none;}
.partner_zs_btn span.on{ background:#ff9c0f}



.research-achievements{
    width: 100%;
    background: url(../img/support/s05.png) no-repeat top center;
    padding-top: 79px;
    position: relative;
    z-index: 2;
}
.research-achievements .font{width: 978px;
    margin: 0 auto 54px auto;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    line-height: 28px;}
.research-achievements .font p {
    font-size: 14px;
    color: #ffffff;
    line-height: 28px;
}

.tabs li{ float:left;}
.tabs{ position:absolute; top:0; left:0; width:100%}
.tabs table td{ border:1px solid #eeeff0; background:#fff;font-size:16px; color:#666; }
.tabs table th{ border:1px solid #e3e3e3; background:#f5f5f5;font-size:16px; color:#555; font-weight:700}

.tabs_1 table th:nth-child(1){width:8%;}
.tabs_1 table th:nth-child(2){width:50%;}
.tabs_1 table th:nth-child(3){width:30%;}
.tabs_1 table th:nth-child(4){width:12%;}

.tabs_2 table th:nth-child(1){width:8%;}
.tabs_2 table th:nth-child(2){width:20%;}
.tabs_2 table th:nth-child(3){width:38%;}
.tabs_2 table th:nth-child(4){width:38%;}

.tabs_3 table th:nth-child(1){width:8%;}
.tabs_3 table th:nth-child(2){width:20%;}
.tabs_3 table th:nth-child(3){width:38%;}
.tabs_3 table th:nth-child(4){width:38%;}



.tabs .tabs_top li{background:#f5f5f5; position:relative; font-size:16px; color:#555; font-weight:700}
.tabs .tabs_top span{ line-height:24px; padding:15px 5px; display:block}
.tabs .tabs_top li b.line{ position:absolute; left:0; top:0; background:#e3e3e3; display:block; width:1px; height:100%}
.tabs .tabs_top li:first-child b.line{ background:none}

.tabs .tabs_top li:nth-child(1){ font-weight:700; color:#555; font-size:16px; width:10%}
.tabs .tabs_top li:nth-child(2){ width:52%}
.tabs .tabs_top li:nth-child(3){ width:24%}
.tabs .tabs_top li:nth-child(4){ width:14%}
.tabs_bot{ clear:both}
.tabs_bot dl dt li{ border-top:1px solid #eeeff0; background:#fff; position:relative;font-size:16px; color:#666; }
.tabs_bot dl dt li b.line{ position:absolute; left:0; top:0; background:#eeeff0; display:block; width:1px; height:100%}
.tabs_bot dl dt li:first-child b.line{ background:none}
.tabs_bot dl dt li span{ line-height:24px; padding:28px 10px; display:block}
.tabs_bot dl dt{ display:block; float:none}
.tabs .tabs_bot li:nth-child(1){  color:#666; font-size:16px; width:10%}
.tabs .tabs_bot li:nth-child(2){ width:52%}
.tabs .tabs_bot li:nth-child(3){ width:24%}
.tabs .tabs_bot li:nth-child(4){ width:14%}
.chenguo_nav{ height:72px;}
.tabs-1{ position:relative}
.tabs_4{opacity:0;}
.tabs{ background:#fff}
.tb2{ opacity:0;  height:0; }
.tb1{ display:block}



.tabs_4 .flexslider{ position:relative; margin-bottom:0; box-shadow:none; padding:0; background:#fff; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-left:none; border-right:none}
.tabs_4 .flexslider .flex-direction-nav{ width:100%}
.tabs_4 .flexslider .flex-direction-nav .flex-nav-prev{     position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    background: url(../img/support/left.png) no-repeat center center;
    width: 10%;
    height: 54px;
    text-indent: -9999px; cursor:pointer}
.tabs_4 .flexslider .flex-direction-nav .flex-nav-prev a,.tabs_4 .flexslider .flex-direction-nav .flex-nav-next a{ display:block; width:100%; height:100%}
.tabs_4 .flexslider .flex-direction-nav .flex-nav-next{ cursor: pointer;
    background: url(../img/support/right.png) no-repeat center center;
    width: 10%;
    height: 54px;
    position: absolute;
    top: 0;
    right: 0;
    text-indent: 9999px; cursor:pointer}
.tabs_4 .flexslider .flex-direction-nav .flex-nav-prev:hover{ background:url(../img/support/lefth.png) no-repeat center center;}
.tabs_4 .flexslider .flex-direction-nav .flex-nav-next:hover{ background:url(../img/support/righth.png) no-repeat center center;}

.tabs_4 .flexslider .flex-direction-nav a{    display: block;
    width: 100%;
    height: 100%;}
.tabs_4 .flexslider .flex-viewport li{background:#fff; position:relative; font-size:16px; color:#555; font-weight:700; line-height:54px; height:54px; width:750px;}
.tabs_4 .flexslider .flex-viewport li:hover,.tabs_4 .flexslider .flex-viewport li.on{ background:#2f9aea; color:#fff}
.chenguo_nav li{ width:25%; float:left; background:#fff; position:relative; height:72px; text-align:center; line-height:72px; color:#333; font-size:18px; cursor:pointer;}
.box-box{ padding-bottom:80px;}
.chenguo_nav li:hover,.chenguo_nav li.on{
 background:-webkit-gradient(linear, left center, right center, color-stop(0%,#fb8302), color-stop(100%,#fda704)); 
  background: -moz-linear-gradient(left,  #fb8302 0%, #fda704 100%);
  background: -webkit-linear-gradient(left,  #fb8302 0%,#fda704 100%);
    background: -o-linear-gradient(left,  #fb8302 0%,#fda704 100%);
    background: -ms-linear-gradient(left,  #fb8302 0%,#fda704 100%);
    background: linear-gradient(to right,  #fb8302 0%,#fda704 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb8302', endColorstr='#fda704',GradientType=0 );
color:#fff}
.chenguo_nav li span{ position:absolute; left:0; top:0; width:1px;  height:100%; background:#ededed; display:block}
.chenguo_nav li:first-child span{ background:none}
.tabs_4 .con_box{ padding:40px 50px; background:#fff; overflow:hidden}
.tabs_4 .con_box .left{ width:40%; float:left}
.tabs_4 .con_box .left img{width:100%;}
.tabs_4 .con_box .right{ width:56%; float:right; text-align:left;font-size:14px; color:#666; line-height:24px;}
.tabs_4 .con_box .right h1{ font-size:24px; color:#333; line-height:24px; margin-bottom:22px; padding-top:24px;}

.support_top_navs{ line-height:60px; height:60px; margin-bottom:38px;}
.support_top_navs li{width:33.333%; float:left; background:#fff; height:100%;text-align:center; cursor:pointer; position:relative; font-size:18px;}
.support_top_navs { border-radius:10px;box-shadow:0 0 10px #ccc; height:60px;}
.support_top_navs li:first-child{ border-radius:5px 0 0 5px;box-shadow:0 0 10px #ccc}
.support_top_navs li:nth-of-type(3){ border-radius:0 5px 5px 0;}
.support_top_navs li span{ background:#ededed; width:1px; left:0; top:0; height:100%; display:block; position:absolute}
.support_top_navs li:first-child span{ background:none}
.support_top_navs li:hover,.support_top_navs li.on{ background:-webkit-gradient(linear, left center, right center, color-stop(0%,#15adf9), color-stop(100%,#347ad4)); 
  background: -moz-linear-gradient(left,  #15adf9 0%, #347ad4 100%);
  background: -webkit-linear-gradient(left,  #15adf9 0%,#347ad4 100%);
    background: -o-linear-gradient(left,  #15adf9 0%,#347ad4 100%);
    background: -ms-linear-gradient(left,  #15adf9 0%,#347ad4 100%);
    background: linear-gradient(to right,  #15adf9 0%,#347ad4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15adf9', endColorstr='#347ad4',GradientType=0 );
color:#fff}
.sup_box_in .tit_tops {
    position: relative;
    margin-bottom: 58px;
    overflow: hidden;
    height: 42px;
}
.sup_box_in .tit_tops h1 {
    color: #333;
    font-size: 26px;
    line-height: 30px;
    background: url(../img/case/c11.png) no-repeat left center;
    padding-left: 38px;
}
.support_con_box{ background:#fff; overflow:hidden; margin-bottom:16px;}
.left .video_top_img{ position:relative; width:100%; height:100%; z-index:1}
.support_con_box .left{ width:45%; float:left; position:relative}
.support_con_box .left video{ width:100%; height:100%}
.support_con_box .left span{ position:absolute; top:50%; left:50%; margin-left:-36px; margin-top:-36px; width:72px; height:72px; background:url(../img/support/play.png) no-repeat; background-size:cover; z-index:2}

.support_con_box .left  h1 {
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: 64%;
    left: 50%;
    width: 120px;
    height: 40px;
    z-index: 1;
    margin-left: -60px;
}


.support_con_box .left img{width:100%;}
.support_con_box .right{ width: 47%;
    float: right;
    text-align: left;
    font-size: 14px;
    color: #666;
    line-height: 28px;
    padding-right: 56px; padding-bottom:56px;}
.support_con_box .right h1{ font-size:20px; color:#444; line-height:24px; margin-bottom:30px; padding-top:54px;}
.support_con_box .right span{ display:block;width:29px; height:2px; background:#38a7f6; margin-bottom:35px;}

.support_con_box .height-box {
    position: absolute;
    top: 0;
    left: 0;
}
.support_con_box .right .height {
 height: 120px;
    position: relative;
    overflow: hidden; margin-bottom:60px;
}
.support_con_box .right .btn.prev {
    background: url(../img/support/up.png) no-repeat center;
   width: 33px;
  height: 33px; display:block; float:left; margin-right:8px;
}
.support_con_box .right .btn.next {
   background:url(../img/support/down.png) no-repeat;
    width: 33px;
  height: 33px; display:block; float:left
}
.support_con_box .right .btn {
   
width: 33px;
  height: 33px;
  }
.support_con_box .right .btn.prev:hover {
  background: url(../img/support/uph.png) no-repeat;}

.support_con_box .right .btn.next:hover {
  background: url(../img/support/downh.png) no-repeat;
  }



.support_con_box .right .device .arrow-left {
  background: url(../img/support/up.png) no-repeat;
  width: 33px;
  height: 33px; display:block; float:left; margin-right:8px;
}
.support_con_box .right .device .arrow-right {
  background:url(../img/support/down.png) no-repeat;
  width: 33px;
  height: 33px; display:block; float:left
}



.support_tab { box-shadow:0 0 10px #ccc; }
.support_tab tr th{ padding:10px;  text-align:center; border:1px solid #dcdcdc; background:#38a7f6; color:#fff; font-size:16px; line-height:28px; font-weight:normal}
.support_tab tr td{ padding:10px; text-align:center; line-height:28px; font-size:14px; color:#666;border:1px solid #ebebeb; background:#fff}
.support_tab tr th span,.support_tab tr td span{ display:block}

.support_tab tr th,.support_tab tr td{ }
.support_tab tr th:nth-child(1){ width:5%}
.support_tab tr th:nth-child(2){ width:4%}

.support_tab tr th:nth-child(3){ width:5%}
.support_tab tr th:nth-child(4){ width:9%}
.support_tab tr th:nth-child(5){ width:16%}
.support_tab tr th:nth-child(6){ width:14%}
.support_tab tr th:nth-child(7){ width:13%}
.support_tab tr th:nth-child(8){ width:22%}
.support_tab tr th:nth-child(9){ width:22%}

.support_tab tr th:nth-child(1){ width:5%}
.support_tab tr th:nth-child(2){ width:4%}

.support_tab tr td:nth-child(3){ width:5%}
.support_tab tr td:nth-child(4){ width:9%}
.support_tab tr td:nth-child(5){ width:16%}
.support_tab tr td:nth-child(6){ width:14%}
.support_tab tr td:nth-child(7){ width:13%}
.support_tab tr td:nth-child(8){ width:22%}
.support_tab tr td:nth-child(9){ width:22%}

	
	
	
	
		
		





#two a .zhici_con p{ -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    -moz-transition: 0.8s;}
#two:hover a .zhici_con p{ top:100px;}
input:focus{
    outline: none;
}
.posit_rel{ position:relative}
.daohangtiao{ position:absolute; bottom:0; width:100%; left:0; color:#fff; background:url(../img/about/li.png) repeat-x; line-height:50px; height:50px}
.daohangtiao p{ margin-left:38px; font-size:16px}
.left_bar{ width:240px; float:left; position:relative; margin-top:-80px;}
.left_tit{ background:#00337d; width:240px; height:150px; text-align:center; color:#fff; font-size:20px}
.left_tit h1{ font-size:36px; line-height:12px; color:#dde0e9; font-family:"Times New Roman"; margin-bottom:14px; padding-top:46px}
.left_bar ul{ text-align:center; background:#fff; margin-bottom:20px}
.left_bar ul li{ border-bottom:1px solid #fafafa;-webkit-transition: background-color .2s ease-in-out, top .2s ease-in-out;-ms-transition: background-color .2s ease-in-out, top .2s ease-in-out;-moz-transition: background-color .2s ease-in-out, top .2s ease-in-out;}
.left_bar ul li:hover,.left_bar ul li.on{ background:#0049b4 url(../img/leftli.png) no-repeat 206px center;}
.left_bar ul li:hover a,.left_bar ul li.on a{ color:#fff}
.left_bar ul li a{ color:#333; font-size:16px; line-height:60px; height:60px; display:block}
.b_logo { background:#5c5c5c; margin-bottom:20px;-webkit-transition: background-color .2s ease-in-out, top .2s ease-in-out;-ms-transition: background-color .2s ease-in-out, top .2s ease-in-out;-moz-transition: background-color .2s ease-in-out, top .2s ease-in-out;}
.b_logo a{ display:block;}
.b_logo a:hover{ background:#0049b4}

.wrap_right{ position:relative;
    width: 898px;
    float: right; margin-top:40px; margin-bottom:80px
}
.about_cultrue {
    color: #333;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 15px;
}
.about_zhici {
    color: #444;
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 10px;
}

.marg_10{ margin-bottom:10px}
.jiagou_img_tit h1{margin: 0  0 20px 0;    line-height: 20px; color:#0049b4; font-size:20px}
.img_box_jiagou ul li{ border:1px solid #ccc; width:229px; float:left; margin-right:42px; margin-bottom:40px; cursor:pointer;}
.img_box_jiagou ul li.last{ margin-right:0}
.img_box_jiagou ul li .img_top{height:284px; overflow:hidden}
.img_box_jiagou ul li .img_top img{-webkit-transition: transform 1s;-o-transition: transform 1s;-moz-transition: transform 1s;}
.img_box_jiagou ul li:hover .img_top img{-webkit-transform:scale(1.2,1.2);-webkit-transition:transform 1.5s linear 0;-moz-transform:scale(1.2,1.2);-moz-transition:transform 1.5s linear 0;-o-transform:scale(1.2,1.2);-o-transition:transform 1.5s linear 0}
.img_box_jiagou ul li .con_bot{ text-align:left; padding:16px 18px}
.img_box_jiagou ul li h1{ font-size:16px; color:#333; line-height:24px}
.img_box_jiagou ul li p{ color:#666; line-height:28px; font-size:14px}
.img_box_jiagou ul li:hover h1{ color:#0049b4}
.img_box_jiagou ul li:hover p{ color:#333}
.hornor_box li {
    width: 247px;
    float: left;
    margin-right:18px;
    cursor: pointer;
    position: relative;
    transition: all 0.4s;
    height:240px;
    background: #fff;
    margin-bottom: 30px;
    text-align: left;
}
.hornor_box li div.home_top_img {
    overflow: hidden;
    width: 247px;
    height: 160px;
    position: relative;
    z-index: 1;
}
.hornor_box li div.home_top_img img {
    transition: transform 1s;
}

.hornor_box li:hover div.home_top_img img{

-webkit-transform:scale(1.1,1.1);-webkit-transition:transform 1.5s linear 0;-moz-transform:scale(1.1,1.1);-moz-transition:transform 1.5s linear 0;-o-transform:scale(1.1,1.1);-o-transition:transform 1.5s linear 0
}

.marg_24{ margin-bottom:24px}
.w_100{ width:100%}
.border_con{ border:1px solid #e5e5e5}
.pages_box{    width: 100%;
    margin: 0 auto 0 auto;
    margin-bottom: 46px;
    overflow: hidden;
    background: #fff;}
.pages_box a{margin:0 6px;text-align:center;display:inline;width:30px;background:none;color:#333;line-height:30px;height:30px;cursor:pointer; font-size:16px; display:inline-block;}
.pages_box a.on,.pages_box a:hover{background:#1aa5f3;color:#fff;transition:all .3s;-webkit-transition: background-color .25s ease-in-out; border-radius:3px;}
.pages_box a img{width:42px;height:42px;display:inline-block}
.prp{ position:relative}
.pagebox{ position:relative; background:#fff; box-shadow:0 0 10px #ccc; border-radius:3px; }
.pagebox a.up_p{ }
.pagebox a.down_p{}

.back_box{ border-top: 1px solid #e6e5e5;padding-top: 26px; color:#808080; font-size:12px; margin:32px 0 0 0; position:relative;}
.back_box a{ color:#888; font-size:13px;}
.back_box a:hover{ color:#38a7f6}
.back_box .back{ position:absolute; top:34px; right:10px; font-size:13px;width:83px; height:38px; line-height:38px; color:#888; border:1px solid #e6e5e5;text-align:left; display:block; padding-left:32px; background:url(../img/about/back.png) no-repeat 72px center}
.back_box .back:hover{ color:#fff; background:#38a7f6 url(../img/about/backh.png) no-repeat 72px center; border:1px solid #38a7f6;}


.izl-rmenu{
	       margin-right: 0;
	       width: 50px;
	       position: fixed;
	       right: 0;
	       top: 48%;
	       z-index:999;
}
.izl-rmenu .consult{    
    background:url(../img/wel20.png) no-repeat;
    display: block;
    height: 41px;
    width: 50px;
}
.izl-rmenu .consult .phone {
    background-color: rgb(247,247,255);
    position: absolute;
    width: 160px;
    left: -160px;
    top: 26px;
    line-height: 73px;
    color: #000;
    font-size: 18px;
    text-align: center;
    display: none;
    box-shadow: #DDD -1px 1px 4px;
}
.izl-rmenu a.consult:hover .phone{display:inline !important;}
.izl-rmenu .cart {
    background:url(../img/wel22.png) no-repeat;
    display: block;
    height:39px;
    width: 50px;
    font-size: 12px;
    line-height: 16px;
    color: #45BDFF;
    text-align: center;
}
.izl-rmenu a.cart:hover .pic{display:block;}
.izl-rmenu .btn_top {
    background:url(../img/w124.png) no-repeat;
    display: block;
    height: 46px;
    width:50px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.izl-rmenu .btn_top:hover {
	background-repeat: no-repeat;
	background-position: center bottom;
}
.izl-rmenu .cart .pic {
	display:none;
    position: absolute;
    left: -160px;
    top: 65px;
    width: 160px;
    height: 160px;
}
#udesk-feedback-tab {
    z-index: 10000;
    cursor: pointer; background:url(../img/w121.png) no-repeat;
    display: block;
    height: 42px;
    width:50px;
    z-index:999;
}
#udesk-feedback-tab:hover div{     display: inline !important;}

.tit_box{ margin-top:30px;}
.tit_box h1{ font-size:16px; color:#666; border-bottom:1px solid #e7e7e8; padding-bottom:13px; line-height:18px; font-weight:700; font-family:"微软雅黑"; margin-bottom:13px}
.tit_box p{ line-height:28px; color:#666; font-size:14px; height:84px; overflow:hidden}
.i-ban .btn {
    position: absolute;
    bottom: 30px;
    left: 50%;
    width: 72px;
}
.i-ban .btn span {
    width: 10px;
    height: 10px;
    margin: 0 7px; float:left; display:inline; border-radius:360px; background:#fff;
}
.i-ban .btn span.on {
    background: #fff;
}

.f-cb {
    zoom: 1;
}


.bannertxt {
    position: relative; width:1200px; margin:0 auto
}
.i-ban li a {
    transition: all 0.3s;
}
.home_btn_news{    position: absolute;
    top: 560px;
    font-size: 18px;
    color: #fff;
    width: 1200px;
    left: 50%;
    box-sizing: border-box;
    margin-left: -750px;}
.phone_dh{ }
.home_btn_news b{ font-size:14px;}
#scrollObj{width:430px;position:relative;}
#scrollBar{width:2px;height:270px;background:#d9d9d9;cursor:pointer;position:relative;right:1px}
#scrollBtn{width:4px;height:80px;background:#0049b4;cursor:pointer;position:absolute;top:0;right:-1px}
#scrollBox{height: 270px;width: 500px;overflow: hidden;position: relative;}

.wrap_news .w_1200{ background:#fff}
.wrap_news .w_1200 .news_list { padding:33px 30px;
    width: auto;
    margin: 0 auto;
}
.wrap_news .news_list ul{ width:11545x; overflow:hidden}
.wrap_news .news_list li{ float:left; margin-right:16px; width:370px; height:362px; margin-right:13px; border:1px solid #f5f5f5; margin-bottom:13px}
.wrap_news .news_list li .bottom_news{ padding:19px 30px}
.wrap_news .news_list li .top_news{ height:221px; border-radius:8px 8px 0 0}
.bottom_news{ border-radius:0 0 8px 8px}

.anime .wrap_news .news_list li:nth-child(1) {
    -webkit-animation: up 0.5s linear 1 backwards;
    animation: up 0.5s linear 1 backwards;
    opacity: 1;
}
.anime .wrap_news .news_list li:nth-child(2) {
    -webkit-animation: up 0.5s linear 1 backwards;
    animation: up 0.5s linear 1 backwards;
    opacity: 1;
}
.anime .wrap_news .news_list li:nth-child(3) {
    -webkit-animation: up 0.5s linear 1 backwards;
    animation: up 0.5s linear 1 backwards;
    opacity: 1;
}
.anime .wrap_news .news_list li {
    -webkit-animation: up 0.5s linear 1 backwards;
    animation: up 0.5s linear 1 backwards;
    opacity: 1;
}
.wrap_news .w_1200{ box-shadow:0 0 10px #f5f5f5}
.news_nav li { cursor:pointer;float:left; width:400px; height:63px; line-height:63px; color:#999999; font-size:20px; text-align:center}
.news_nav li.on,.news_nav li:hover{ background:#0099d0; color:#fff;}
.news_nav{ position:relative; height:63px; background:#fff}
.news_nav span{ background:#e8e8e8; height:1px; width:100%; position:absolute; bottom:0; left:0}
/*
-----------
** 招聘模板4 **
-----------
*/
.job-list-tpl4{
	width: 100%; background:#efedeb
}
.job-list-tpl4 dt {
    cursor: pointer;
    font-weight: normal;
    border-bottom: 3px solid #38a7f6; position:relative;
}
.job-list-tpl4 dt:nth-of-type(2){ border-bottom:3px solid #f7ac1d}
.job-list-tpl4 dt:nth-of-type(3){ border-bottom:3px solid #38a7f6}

.job-list-tpl4 dt h1{ font-size:30px; color:#333; text-align:center;height:70px;
    line-height: 70px; padding:40px 10px;}
.job-list-tpl4 dt i {
	 background:url(../img/about/down.png) no-repeat center center;
    color: #444;
    cursor: pointer;
    display: inline-block;
    height: 17px;
    width:30px; position:absolute;top:50%; margin-top:-8px; right:136px;
}
.job-list-tpl4 dt.open i {
    background: url(../img/about/up.png) no-repeat center center;
}
.job-list-tpl4 dd {
    display: none;
    overflow: hidden; width:100%;
    position: relative;
    border-bottom: 1px solid #ebebeb; background:#efedeb}
.job-list-tpl4 dd .padding_box { padding:0 0 0 104px }
.job-list-tpl4 dd .padding_box ul{ background:#fff; padding:52px 0}
.job-list-tpl4 dd .padding_box li{ margin-bottom:36px; }
.job-list-tpl4 dd .padding_box li span{ font-size:20px; font-family:'Arial'; line-height:28px; padding:14px 30px; float:left; display:inline-block; background:#38a7f6; color:#fff; width:44px; margin-left:-104px;}
.job-list-tpl4 dd .padding_box li p{ font-size:16px; color:#666;background:#fff;line-height:28px; padding:14px 30px;border-bottom:1px dashed #d0d0d0; margin:0 66px;}

.right_con_shadow{
 box-shadow:0 0 20px #ccc
}
.table_box_bj{ background:#4e7efd; position:relative; height:70px;}
.table_bj{ position:absolute; right:0; top:0; background:url(../img/rlzy/right.png) no-repeat right center;}
.job-list-tpl4 dd tr.p_30 td{ padding-left: 30px}
.job-list-tpl4 dd td { margin-bottom:5px; display:inline-block;
    line-height: 28px; font-size:14px; color:#666;    width: 33.333%;
    box-sizing: border-box;
}
.job-list-tpl4 dd td span {
    color: #666; font-size:15px; font-weight:700;
    padding-right: 5px; 
}
.job-list-tpl4 dd td a{ width:87px; height:36px; line-height:36px; background:#4e7efd url(../img/contact/jl.png) no-repeat 32px center; padding-left:55px; color:#fff; font-size:14px; display:block; margin-top:30px;} 


/*hornor*/
.special_hornor{    padding: 70px 0 46px;}
.about-hornor_tit .left {
    width: 100%;
}
.about-hornor_tit .about-title h2 {
    font-size: 24px;
    color: #333;
    line-height: 24px;
    margin-bottom: 10px;
}
.about-hornor_tit .about-title p {
    font-size: 16px;
    line-height: 24px;
    color: #b2b2b2;
    opacity: 0.8;
    font-family: 'Arial';
}
.about-hornor dl{  }
.about-hornor dl dt{background:#fff; overflow:hidden; margin-bottom:28px;box-shadow:0 0 10px #ccc;}
.about-hornor dl dt .left{ width:512px; height:502px;float:left;}
.about-hornor dl dt:nth-child(2n) .left{ float:right}
.about-hornor dl dt .right{ padding:38px 68px; overflow:hidden;  margin-left:512px; margin-right:0;box-sizing: border-box;}
.about-hornor dl dt:nth-child(2n) .right{padding:24px 3%; overflow:hidden;  margin-right:0; margin-left:0}
.about-hornor dl dt .right ul{ text-align:center}
.about-hornor dl dt .right li{    width: 100%;
    float: left;
    display: inline-block;
    zoom: 1;
    border-bottom: 1px solid #eee;overflow:hidden;
    padding: 14px 24px;
    color: #333;
    font-size: 14px;
    margin-right: 8%;
    vertical-align: -webkit-baseline-middle;
    text-align: left; box-sizing: border-box;}
.about-hornor dl dt:first-child .right li{    width: 45.5%;
    float: left;
    display: inline-block;
    zoom: 1;
    border-bottom: 1px solid #eee;overflow:hidden;
    padding: 14px 24px;
    color: #333;
    font-size: 14px;
    margin-right: 9%;
    vertical-align: -webkit-baseline-middle;
    text-align: left; box-sizing: border-box;}
.about-hornor dl dt .right li p{line-height: 30px;height: 30px; overflow:hidden;}
.about-hornor dl dt .right li:nth-child(2n){ margin-right:0}

.about-video-tit{padding: 66px 0 20px;}
.about-video-tit h2{font-size: 22px;
    color: #38a7f6;
    line-height: 28px;
}
.video_box2 .pro_imgs .imgshow{ position:relative}
.video_box2 .pro_imgs .imgshow span{position: absolute; cursor:pointer;
    top: 50%;
    left: 50%;
    margin-left: -36px;
    margin-top: -36px;
    width: 72px;
    height: 72px;
    background: url(../img/support/play.png) no-repeat;
    background-size: cover;
    z-index: 2;

	
	}
.video_box2 .pro_imgs .imgshow img{transition: transform 1s;}
.video_box2 .pro_imgs .imgshow img:hover{transform:scale(1.1,1.1);transition:transform 2s linear 0}
.video_box2 .pro_imgs .imgshow video {
    width: 100%;
    height: 100%;
}
.add_box_in .tit_tops {
    position: relative;
    overflow: hidden;
    height: 42px;
    padding-bottom: 27px;
}

.add_box_in .tit_tops h1 {
    color: #333;
    font-size: 26px;
    line-height: 30px;
    background: url(../img/about/a19.png) no-repeat left center;
    padding-left: 38px;
    position: relative;
    z-index: 2;
}
.add_box_in .left{ float:left; width:600px; height:420px; overflow:hidden}
.add_box_in .right{ font-size:14px; color:#666; line-height:30px; margin-left:600px; padding:0 12% 0 5%}
.add_box_in .right h1{ font-size:28px; color:#333; line-height:30px; font-weight:700}

.add_box_in .right span{ background:#7f7f7f; height:1px; display:block; width:30px;  margin:30px 0;}
.add_box_in .right strong{ color:#2192e1; font-weight:700}
.add_box_in .right b{ color:#38a7f6; font-weight:700; font-size:20px; }
.about-fuli{width: 100%;
    background: url(../img/about/a02.jpg) no-repeat center;
    padding: 66px 0 58px;
    background-size: cover;}

.more_link {
    margin-top: 195px;
    margin-left: 0;
}

.more_link span{ width:20px; height:2px; background:#d8262c; margin-bottom:22px; display:block; margin-left:4px}
.more_link p{ color:#fff; font-size:20px; line-height:30px; margin-bottom:62px; text-transform:capitalize}
.more_link h1{ color:#fff; font-size:80px;  line-height:80px;text-transform: uppercase; margin-bottom:28px;font-family:'NOTOSANSHANS'}
.section2 .bigimg{ width:100%; height:100%}
.section2 .bigimg{ width:100%; height:100%}

.about-ban .cont-wrap {
    position: absolute;
    top: 16.5%;
    left: 10%;
    color: #fff; width:80%;
    font-size: 0.2rem;
}
.about-ban .top-tit h4 {
    font-size: 50px;
    line-height:80px; font-weight:normal; font-family:'黑体';letter-spacing: 6px;
}
.about-ban .top-tit .date {
    font-size: 19px;
    line-height:24px;
    margin-top:52px; color:#bbbdc2
}
.about-ban .top-tit .tit {
   font-size: 19px;
    line-height:24px; color:#bbbdc2;opacity: 0.5;
    filter: alpha(opacity=50);
}
.about-ban .num-top { float:right;height:160px; margin-bottom:30px;
}
.about-ban .num-top li:nth-of-type(1) {
    
}
.about-ban .num-top li { float:left;
    padding-left: 80px;
    margin-left:70px;
    text-align: center;
    color: #fff;
    position: relative;
}
.about-ban .num-top .cn-tt {
    font-size:16px;
    line-height: 30px;
}
.about-ban .num-top .num {
    font-size: 60px;
    font-family: "BEBAS";
    line-height: 60px;
    margin-top: 8px;
}
.about-ban .num-top .line {
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    opacity: 0.15;
    filter: alpha(opacity=15);
}
.about-ban .num-top .en-tt {
    line-height: 32px;
    font-size: 16px;
    color: #fff;
    opacity: 0.25;
    filter: alpha(opacity=25);
    font-family: "Arial"; 
}
.about-ban .num-top li:nth-of-type(2) {
}
.about-ban .num-top li:nth-of-type(3) {
}
.about-ban .cent-cont {
    margin-top:42px;
    border-top: 1px solid #6d757f;
    padding-top: 20px; clear:both; position:relative
}
.about-ban .list-cont li { float:left;
    width: 270px;
    border-right: 1px solid #6d7680;
    text-align: center;
    color: #fff;
    background: url(../img/home/bg_06.png) no-repeat center bottom;
    height: 330px;
    position: relative;
    background-size: 80% auto;
}
.about-ban .list-cont li .tit {
    font-size:20px;
    line-height:42px;
}
.about-ban .list-cont li .ico1 {
    background: url(../img/home/ico_18.png) no-repeat center;
}
.about-ban .list-cont li .ico {
    display: block;
    height: 55px;
    margin-top: 8px; margin-bottom:20px;
    background-size: auto 100% !important;
}
.about-ban .list-cont li .size {
    line-height: 82px;height: 82px;
}
.about-ban .list-cont li .size {
    font-size:60px;
    color: #fff;
    font-family: "Base-font";
    font-style: normal;
}
.about-ban .list-cont li .size .num {
    font-size:60px;
    font-family: "BEBAS";
}
.about-ban .list-cont li .size .unit {
    font-size:16px;
    font-family: "Arial";
}
.about-ban .list-cont li .size .unit sup{ font-size:12px;}
.about-ban .list-cont .num-sign {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    height: 150px
}
.about-ban .list-cont .num-sign .box1 {
    left: 150px
}
.about-ban .list-cont .num-sign .boxs {
    display: inline-block;
    width: 32px;
    position: absolute;
    bottom: 0;
}

.about-ban dt.one .active .num-sign .boxs i {
    height: 100%;
}
.about-ban dt.two .active .num-sign .boxs i {
    height: 100%;
}
.about-ban dt.three .active .num-sign .boxs i {
    height: 100%;
}
.about-ban .list-cont .num-sign .box1 i {
    background: url(../img/home/bg_07.png) no-repeat center bottom;
}
.about-ban .list-cont .num-sign .boxs i {
    display: block;
    width: 100%;
    height: 0;
    transition: height 1s ease 0s;
    position: absolute;
    bottom: 0;
    left: 0;
}


.about-ban .list-cont .num-sign .box2 {
    left:92px
}

.about-ban .list-cont li .ico3 {
    background: url(../img/home/ico_20.png) no-repeat center;
}
.about-ban .list-cont li .ico2 {
    background: url(../img/home/ico_19.png) no-repeat center;
}
.about-ban.active .list-cont .num-sign .boxs i {
    height: 100%;
}
.about-ban .list-cont .num-sign .box2 i {
    background: #fff;
}
.about-ban .cent-cont .map-sign {
    display: inline-block;
    margin-top: 35px;
    width: 27.4%; position:relative
}
.about-ban .cent-cont .map-sign img {
    width: 100%;
}
.data_li{ float:left;width:820px; height:330px; overflow:hidden}
.data_btn{     position: absolute;
    top: 50%;
    left: 840px;
    width:8px;
    height: 100px;}
.data_btn span{ background:#fff; border-radius:360px; display:block; height:8px; margin:10px 0}
.data_btn span.on{ background:#bbbbbb}
.about-ban .cent-cont .map-sign .map_ico{ position:absolute; top:0; left:0; font-size:18px; color:#fff; line-height:30px;}
.about-ban .cent-cont .map-sign .map_ico span{display: block;
    font-size:30px; text-align:center;
    line-height: 40px;}
.about-ban .cent-cont .map-sign .map_ico i{ width:30px; height:30px; position:absolute; bottom:-30px; display:block; background:url(../img/home/loc.png) no-repeat center center; background-size:100%; left:50%; margin-left:-15px;-webkit-animation: fadeIn 1s linear 1 backwards;
    animation: fadeIn 1s linear 1 backwards; opacity:1;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite; -webkit-animation-direction: alternate;animation-direction: alternate;}
.about-ban .cent-cont .map-sign .top1{ left:24%; top:36%;}
.about-ban .cent-cont .map-sign .top2{     left: 54%;
    top: 24%;}
.about-ban .cent-cont .map-sign .top3{  top: 51%;
    left: 56%;
}
.swiper-slide .bg{ position:absolute; height:100%; overflow:hidden;
 opacity:0
}
.img_banner{ height:100%}
.swiper-container{overflow:hidden;}
.swiper-slide .bgt-1{  top:0; left:0; width:1700px; 
 opacity:0
}
.swiper-slide .bgt-2{  top:0; left:0; width:1700px; 
 opacity:0
}
.swiper-slide .bgt-3{  top:0; left:0; width:1700px; 
 opacity:0
}
.swiper-slide .bgt-4{  top:0; left:0; width:1700px; 
 opacity:0
}.swiper-slide .bgt-5{  top:0; left:0; width:1700px; 
 opacity:0
}
.swiper-slide .bgt-1 span{background:rgba(255,255,255,0.9);  height:100%; display:block;
-webkit-animation: width_b 0.5s linear 1 backwards;
    animation: width_b 0.5s linear 1 backwards; 
}
.swiper-slide .bgt-2 span{background:rgba(0,0,0,0.8); height:100%; display:block;
-webkit-animation: width_b 0.5s linear 0.3s 1 backwards;
    animation: width_b 0.5s linear 0.3s 1 backwards; 
}
.swiper-slide .bgt-3 span{background:rgba(255,255,255,0.7);  height:100%; display:block;
-webkit-animation: width_b 0.5s linear 0.6s 1 backwards;
    animation: width_b 0.5s linear 0.6s 1 backwards; 
}

.swiper-slide .bgt-4 span{background:rgba(0,0,0,0.6);  height:100%; display:block;
-webkit-animation: width_b 0.5s linear 0.9s 1 backwards;
    animation: width_b 0.5s linear 0.9s 1 backwards; 
}
.swiper-slide .bgt-5 span{background:rgba(255,255,255,0.5); height:100%; display:block;
-webkit-animation: width_b 0.5s linear 1.2s 1 backwards;
    animation: width_b 0.5s linear 1.2s 1 backwards; 
}


.swiper-slide .bgt-1{ 
-webkit-animation: fadeInLeft 0.5s linear 1 backwards;
    animation: fadeInLeft 0.5s linear 1 backwards; 
}
.swiper-slide .bgt-2{ 
-webkit-animation: fadeInLeft 0.5s linear 0.3s 1 backwards;
    animation: fadeInLeft 0.5s linear 0.3s 1 backwards; 
}
.swiper-slide .bgt-3{ 
-webkit-animation: fadeInLeft 0.5s linear 0.6s 1 backwards;
    animation: fadeInLeft 0.5s linear 0.6s 1 backwards; 
}
.swiper-slide .bgt-4{ 
-webkit-animation: fadeInLeft 0.35s linear 0.9s 1 backwards;
    animation: fadeInLeft 0.5s linear 0.9s 1 backwards; 
}
.swiper-slide .bgt-5{ 
-webkit-animation: fadeInLeft 0.5s linear 1.2s 1 backwards;
    animation: fadeInLeft 0.5s linear 1.2s 1 backwards; 
}
.about-fuli .research-title{ margin-bottom:60px}
.about-fuli .flexslider{ border:none; background:none; padding:0; box-shadow:none}
.about-fuli .flexslider li{ width:150px; color:#fff; text-align:center; padding:0 10px;}
.about-fuli .flexslider li span{ width:84px; height:84px; display:block; margin:0 auto 20px auto; border:1px solid #73b5e9; border-radius:360px;}
.about-fuli .flexslider li h1{ font-weight:700; font-size:18px; line-height:20px; margin-bottom:18px; height:20px; overflow:hidden}
.about-fuli .flexslider li p{ line-height:24px; font-size:14px; height:48px; overflow:hidden}

.about-fuli .flex-direction-nav{ display:none}
.about-fuli .flex-direction-nav .flex-prev{ position:absolute; top:34%; left:0; width:32px; height:32px; display:block; background:url(../img/product/left.png) no-repeat; text-indent:-999px;}
.about-fuli .flex-direction-nav .flex-next{ position:absolute; top:34%; right:0;width:32px; height:32px; display:block;background:url(../img/product/right.png) no-repeat; text-indent:9999px;}
.about-fuli .flex-direction-nav .flex-prev:hover{ background:url(../img/product/lefth.png) no-repeat}
.about-fuli .flex-direction-nav .flex-next:hover{ background:url(../img/product/righth.png) no-repeat}
.about-fuli .flex-control-nav{ position:relative; bottom:0;}
.about-fuli .flex-viewport{ margin-bottom:74px}
.about-about-fuli .flex-control-paging{ text-align:center}
.about-fuli .flex-control-paging li{ width:13px; height:13px; float:none; margin:0 8px; padding:0}
.about-fuli .flex-control-paging li a{ border:1px solid #71b7ea; border-radius:360px; background:#71b8e9; width:11px; height:11px; display:block;}
.about-fuli .flex-control-paging li a.flex-active{ background:#fff; border:1px solid #fff}





.about-job{ background:#f5f5f5; position:relative;padding-bottom:60px;}
.job_tab{ position:relative; z-index:1; top:-30px;}
.job_tab ul{ text-align:center; width:640px; margin:-30px auto 64px auto; height:60px;}
.job_tab li{ background:#fff; line-height:60px; height:60px; text-align:center; margin:0; float:left; zoom:1; width:320px; color:#666; font-size:18px;*display:inline; display:inline-block; cursor:pointer; box-shadow:0 0 10px #ccc; }
.job_tab li:nth-of-type(1){ border-radius:30px 0 0 30px}
.job_tab li:nth-of-type(2){  border-radius:0 30px 30px 0}

.job_tab li.on,.job_tab li:hover{ color:#fff;background:-webkit-gradient(linear, left center, right center, color-stop(0%,#fb8302), color-stop(100%,#fda904)); 
  background: -moz-linear-gradient(left,  #fb8302 0%, #fda904 100%);
  background: -webkit-linear-gradient(left,  #fb8302 0%,#fda904 100%);
    background: -o-linear-gradient(left,  #fb8302 0%,#fda904 100%);
    background: -ms-linear-gradient(left,  #fb8302 0%,#fda904 100%);
    background: linear-gradient(to right,  #fb8302 0%,#fda904 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb8302', endColorstr='#fda904',GradientType=0 );}
.job_box .swiper-container {
 width: 100%;
  height:400px;
  color: #fff;
  text-align: center; margin-bottom:80px;
}
.job_box .swiper-slide {
width:348px;
  height: 100%;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -ms-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
   text-align:left; margin:0 0; 
}
.job_box .swiper-slide h1{ color:#333; font-size:24px; font-style:normal; padding:38px 30px 26px 30px; line-height:26px; background:#f9f9f9; border-bottom:1px solid #ededed;border-radius:5px 5px 0 0;}
.job_box .swiper-slide .title div{ padding:30px; line-height:28px; color:#666;font-size:14px}
.job_box .swiper-slide p{ font-style:normal; margin-bottom:16px; height:56px; overflow:hidden;}
.job_box .swiper-slide b{ font-weight:700; font-style:normal; margin-bottom:16px; display:block; overflow:hidden; height:28px;}
.job_box .swiper-slide .title {background:#fff; box-shadow:0 0 10px #ccc;  margin:0 18px;border-radius:5px;
}
.job_box .swiper-slide-active .title{ background:#309fee; box-shadow:none;}
.job_box .swiper-slide-active h1{ background:#2f99e4; border-bottom:1px solid #6cb6ea;border-radius:5px 5px 0 0;}
.job_box .swiper-slide-active .title div,.job_box .swiper-slide-active h1 { color:#fff}

.job_box .job51{ width:674px; margin:0 auto 0 auto; color:#fff;background:-webkit-gradient(linear, left center, right center, color-stop(0%,#fb8302), color-stop(100%,#fda904)); 
  background: -moz-linear-gradient(left,  #fb8302 0%, #fda904 100%);
  background: -webkit-linear-gradient(left,  #fb8302 0%,#fda904 100%);
    background: -o-linear-gradient(left,  #fb8302 0%,#fda904 100%);
    background: -ms-linear-gradient(left,  #fb8302 0%,#fda904 100%);
    background: linear-gradient(to right,  #fb8302 0%,#fda904 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb8302', endColorstr='#fda904',GradientType=0 ); font-size:16px; height:50px; line-height:50px; text-align:center; padding:0 10px;     box-sizing: border-box;overflow:hidden; display:block;  border-radius:30px;}
.job_box .job51:hover{ color:#fff;box-shadow:0 0 10px #ccc;background: -webkit-gradient(linear, left center, right center, color-stop(0%,#16abf7), color-stop(100%,#347ad4));
    background: -moz-linear-gradient(left, #16abf7 0%, #fd347ad4a704 100%);
    background: -webkit-linear-gradient(left, #16abf7 0%,#347ad4 100%);
    background: -o-linear-gradient(left, #16abf7 0%,#347ad4 100%);
    background: -ms-linear-gradient(left, #16abf7 0%,#347ad4 100%);
    background: linear-gradient(to right, #16abf7 0%,#347ad4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16abf7', endColorstr='#347ad4',GradientType=0 );}
.job_box .pagination {
  position: absolute;
  z-index: 20;
  left: 10px;
  bottom: 10px; display:none;
}
.job_box .swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #222;
  margin-right: 8px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}
.job_box .swiper-visible-switch {
  background: #aaa;
}
.job_box .swiper-active-switch {
  background: #fff;
}
.video_box2 .phone_pro_imgs .productshow {
    position: relative;border: 10px solid #fff;float: none;
    width: 100%;
    box-sizing: border-box;    box-shadow: 0 0 10px #ccc;
}
.video_box2 .phone_pro_imgs .productshow video{ width:100%}
.video_box2 .phone_pro_imgs .productshow span {
    position: absolute;
    cursor: pointer;
    top: 50%;
    left: 50%;
    margin-left: -22px;
    margin-top: -22px;
    width: 44px;
    height: 44px;
    background: url(../img/support/play.png) no-repeat;
    background-size: 100% 100%;
    z-index: 2;
}
.video_box2 .phone_pro_imgs .ins-nav2{
	position: relative; background:#fff; padding:20px 0}
.video_box2 .phone_pro_imgs  li div.img_t span {
    height: 44px;
    line-height: 44px;
    overflow: hidden;
    text-align: center;
    padding: 0 10px;
    box-sizing: border-box;
    display: block;
    font-size: 14px;
    width: 100%;
}
.video_box2 .phone_pro_imgs .ins-nav2 .bd{
		width: 88%;
		margin: 0 auto;
		position: relative;
		overflow: hidden; background:#fff}
.video_box2 .phone_pro_imgs .ins-nav2 .bd ul{
			width: 100%;
		}
.video_box2 .phone_pro_imgs .ins-nav2 .bd ul li{
			width: 50%; 
			text-align: center; position:relative;
}
.video_box2 .phone_pro_imgs .ins-nav2 .bd ul li .img_t{margin:0 5px;}
.video_box2 .phone_pro_imgs .ins-nav2 .bd ul li a{
				display: block;
				font-size: 14px;
    color: #333;
			}
.video_box2 .phone_pro_imgs .ins-nav2 .bd ul li.hover{
			background-color: #fff;}
.phone_top_nav .ins-nav2 .bd ul li.hover a{
				color: #006cb8;
			}
.video_box2 .phone_pro_imgs .ins-nav2 .butn{
		display: block;
		position: absolute;
		top: 0;
		width: Rem(50px);
		height: Rem(80px);
	}
.video_box2 .phone_pro_imgs .ins-nav2 .prev{
		position: absolute;
    top: 38%;
    left: 2%;
    cursor: pointer;
    background: url(../img/support/left.png) no-repeat;transform: rotate(0deg);
    background-size: cover;
    width: 13px;
    height: 22px;
    text-indent: -9999px;
    margin-top: -11px;
	}
.video_box2 .phone_pro_imgs .ins-nav2 .next{
		cursor: pointer;
    background: url(../img/support/right.png) no-repeat;transform: rotate(0deg);
    background-size: cover;
    width: 13px;
    height: 22px;
    position: absolute;
    top: 38%;
    right: 2%;
    text-indent: 9999px;
    margin-top: -11px;
	}

.video_box2 .phone_pro_imgs .ins-nav2 .next:hover{background: url(../img/support/righth.png) no-repeat;}
.video_box2 .phone_pro_imgs .ins-nav2 .prev:hover{background: url(../img/support/lefth.png) no-repeat;}

.video_box2 .phone_pro_imgs li div.img_t div {
    position: relative;
}




.video_box2 .imglist{width:290px;margin:51px auto;overflow:hidden;position:relative;overflow:hidden;position:relative; height:537px;}
.video_box2 .imglist ul.wx{ width:290px!important; margin-left:0!important;}
.video_box2 .imglist ul.wx li{width:290px;position:relative;cursor:pointer;height:auto;margin-bottom:24px }
.video_box2 .pro_im{position:relative; padding:16px; float:right; background:#fff; box-shadow:0 0 10px #ccc}
.video_box2 .imglist ul.wx li div.img_t{}
.video_box2 .imglist ul li div.img_t span{ background:rgba(0,0,0,0.6); height:44px; line-height:44px; overflow:hidden; text-align:center; color:#fff; padding:0 10px;    box-sizing: border-box; display:block; position:absolute; bottom:0; left:0; font-size:14px; width:100%}
.video_box2 .imglist ul.wx li div.img_t div{width:290px;height:163px;position:relative;overflow:hidden; }
.video_box2 .imglist ul li div.img_t div{ position:relative}
div.img_t img{-webkit-transition:all .6s;transition:all .6s}
.video_box2 .imglist ul.wx li:hover div.img_t img{transform:scale(1.2,1.2);transition:transform 1.5s linear 0}
.video_box2 .imglist ul.wx{ margin-left:18px;}
.video_box2 .pro_imgs .imgshow{border:18px solid #fff; border-left:16px solid #fff; border-right:16px solid #fff;  box-shadow:0 0 10px #ccc; width:1126px; float:left; height:635px; overflow:hidden;}
.video_box2 .product_detail_r{width:330px}
.video_box2 .product_detail_r li{border-bottom:1px solid #e4e4e4;color:#666;padding:20px 0}
.video_box2 .product_detail_r li:nth-child(1){padding:0}
.video_box2 .product_detail_r li h1{font-size:24px;color:#fcb155}
.video_box2 .product_detail_r li strong{color:#333}
.video_box2 .product_detail_r li:last-child{border-bottom:0}
.video_box2 .prev{width:290px;height:50px;font-family:'sans-serif';font-size:30px;color:#494949;line-height:132px;text-align:center;position:absolute;left:18px; top:0;margin-top:0;transition:all .3s; text-indent:-9999px; background:url(../img/about/up1.png) no-repeat center center; border-bottom:1px solid #eaeaea;}
.video_box2 .next{width:290px;height:50px;font-family:'sans-serif';font-size:30px;color:#494949;line-height:132px;text-align:center;position:absolute;right:18px;bottom:0;margin-top:0;transition:all .3s; text-indent:9999px; background:url(../img/about/down1.png) no-repeat center center; border-top:1px solid #eaeaea}
.video_box2 .next:hover{ background:url(../img/about/down1h.png) no-repeat center center}
.video_box2 .prev:hover{ background:url(../img/about/up1h.png) no-repeat center center}

.jijin_width{ }
.jinjin_in{ background:#fff; padding:70px 50px 64px 74px; width:60%; float:left;box-shadow:0 0 10px #ccc}
.box_in_jijin{ line-height:30px; font-size:14px; color:#666; height:370px; overflow:hidden; margin-bottom:83px}
.box_in_jijin img{box-shadow:0 0 10px #ccc; border:1px solid #e5e5e5; margin-right:38px; margin-bottom:38px}
.box_in_jijin h1{ background:url(../img/about/a28.png) no-repeat left center; line-height:20px; height:20px; padding-left:46px; display:inline; font-weight:700; font-size:24px; color:#ff8500; margin-bottom:20px;}
.box_in_jijin p{ padding-top:20px; }

.box_in_jijin .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#f8b62a; width:5px; height:14px; border-radius:3px;}
.box_in_jijin .mCSB_scrollTools .mCSB_draggerRail{ background:#dbdbdb; height:100%; width:1px;}
.box_in_jijin .mCSB_scrollTools .mCSB_dragger{ height:14px;}

.box_in_jijin .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#f8b62a}
.login_inf{ line-height:28px; font-size:14px; color:#888; text-align:left}
.in_center .box_in_jijin{ border-bottom:1px solid #ededed; height:auto; margin-bottom:42px; padding-bottom:4px}
.video_box_bottom ul{ text-align:center; width:906px;}
.video_box_bottom li{ float:left; width:32.67%; height:auto; margin-right:6px; text-align:center; position:relative 
}
.video_box_bottom li:hover span:after{-webkit-animation: cicle_l 4s linear 1 backwards;
    animation: cicle_l 4s linear 1 backwards;
    opacity: 1;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.video_box_bottom li span{ position:absolute; top:0; width:100%;height:100%; left:0; background:rgba(0,0,0,0.6) ; background-size:38px}
.video_box_bottom li span:after{ background:url(../img/support/play.png) no-repeat center center; background-size:90%; width:38px; height:38px; position:absolute; top:50%; margin-top:-19px; margin-left:-19px; left:50%; content:"";}
.video_box_bottom li div{width:284px;border:6px solid #e3e3e3; position:relative; overflow:hidden; cursor:pointer}
.video_box_bottom li div img{transition: transform 1s;}
.video_box_bottom li div:hover img{transform:scale(1.2,1.2);transition:transform 1.5s linear 0}
.video_box_bottom li h1{ padding:0 10px; font-size:16px; line-height:34px; color:#000; height:34px; display:block;}
.center_video{background:rgba(0,0,0,0.8); position:fixed; width:100%; height:100%; left:0; top:0; z-index:111}
.center_video .box_in{ position:relative; width:40%; margin:14% auto}
.center_video video{ margin:0% auto; display:block; width:100%;}
.center_video .close{ position:absolute; top:-16%; right:-6%; background:url(../img/support/s02.png) no-repeat; width:30px; height:30px; cursor:pointer;}
.feature_top_navs{ line-height:60px; height:60px; margin-bottom:38px;}
.feature_top_navs li{width:33.333%; float:left; background:#fff; height:100%;text-align:center; cursor:pointer; position:relative}
.feature_top_navs li:first-child{ border-radius:5px 0 0 5px;}
.feature_top_navs li:nth-of-type(3){ border-radius:0 5px 5px 0;}
.feature_top_navs li span{ background:#ededed; width:1px; left:0; top:0; height:100%; display:block; position:absolute}
.feature_top_navs li:first-child span{ background:none}
.feature_top_navs { border-radius:10px;box-shadow:0 0 10px #ccc; height:60px;}
.feature_top_navs li:hover,.feature_top_navs li.on{ background:-webkit-gradient(linear, left center, right center, color-stop(0%,#15adf9), color-stop(100%,#347ad4)); 
  background: -moz-linear-gradient(left,  #15adf9 0%, #347ad4 100%);
  background: -webkit-linear-gradient(left,  #15adf9 0%,#347ad4 100%);
    background: -o-linear-gradient(left,  #15adf9 0%,#347ad4 100%);
    background: -ms-linear-gradient(left,  #15adf9 0%,#347ad4 100%);
    background: linear-gradient(to right,  #15adf9 0%,#347ad4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15adf9', endColorstr='#347ad4',GradientType=0 );
color:#fff}
.feature_top_navs li a{ display:block; font-size:18px}
.feature_top_navs li:hover a,.feature_top_navs li.on a{ color:#fff}


.phone_about_2_c{ display:none}
.video_box2 .phone_pro_imgs{ display:none}

.phone_about_2_c .imgshow .left {
    position: relative;
    z-index: 2;
    margin: 0; border:20px solid #ff8b19; width:100%;    box-sizing: border-box;
}
.phone_about_2_c .fu_right {
    width: 100%;
    padding: 0 4%;
    box-sizing: border-box;
}
.phone_about_2_c .fu_right,.phone_about_2_c .fu_right .right{ height:auto;}
.phone_about_2_c .siji {
    width: 35%;
    height: auto;
    position: relative;
    right: 0;
    bottom: 0;
    text-align: right;
    float: right;
}



.phone_about_2_c .bd li {
    float: left;
    _display: inline;
    text-align: center;
    position: relative;
    width: 170px;
    z-index: 1;
}
.phone_about_2_c .bd li .pic {
    text-align: center;
    width: 8px;
    height: 8px;
    margin: 20px auto;
    position: relative;
}
.phone_about_2_c .bd li .title {
    font-size: 18px;
    color: #fff;
}
.phone_about_2_c .bd li:hover .pic span, .phone_about_2_c .bd li.cur .pic span {
    background: #ff8b19;
}
.phone_about_2_c .bd li .pic span {
    width: 8px;
    font-size: 18px;
    height: 8px;
    display: block;
    line-height: 8px;
    background: #fff;
    border-radius: 360px;
    position: absolute;
    top: 12px;
    left: 0;
}
.phone_about_2_c .bd li:hover .title p, .phone_about_2_c .bd li.cur .title p {
    color: #fff;
}


.phone_about_2_c .ins-nav2 { position:relative; margin-bottom:20px}
.phone_about_2_c .ins-nav2 .bd{
		width: 88%;
		margin: 0 auto;
		position: relative;
		overflow: hidden;}
.phone_about_2_c .ins-nav2 .bd ul{
			width: 100%;
		}
.phone_about_2_c .ins-nav2 .bd ul li{
			width: 33.33333%; 
			text-align: center; position:relative;
}
.phone_about_2_c .ins-nav2 .bd ul li .img_t{margin:0 5px;}
.phone_about_2_c .ins-nav2 .bd ul li a{
				display: block;
				font-size: 14px;
    color: #333;
			}
.phone_about_2_c .ins-nav2 .bd ul li.hover{
			background-color: #fff;}
.phone_top_nav .ins-nav2 .bd ul li.hover a{
				color: #fff;
			}
.phone_about_2_c .ins-nav2 .butn{
		display: block;
		position: absolute;
		top: 0;
		width: Rem(50px);
		height: Rem(80px);
	}
.phone_about_2_c .ins-nav2 .prev{
		width: 41px;
    height: 41px;
    display: block;
    position: absolute;
    left: 0;
    top: 14px;
    cursor: pointer;
    background: url(../pic/img07.png) no-repeat center;
    z-index: 1;
    transition: background 0.3s;
	}
.phone_about_2_c .ins-nav2 .next{
	 width: 41px;
    height: 41px;
    position: absolute;
    right: 0;
    top: 14px;
    cursor: pointer;
    background: url(../pic/img08.png) no-repeat center;
    z-index: 1;
    transition: background 0.3s;
	}

.phone_about_2_c .ins-nav2 .next:hover{background: url(../pic/img08_h.png) no-repeat center;}
.phone_about_2_c .ins-nav2 .prev:hover{ background: url(../pic/img07_h.png) no-repeat center;}

.phone_about_2_c .line_mid {
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #61afdc;
    position: absolute;
    top: 34px;
    left: 0;
}


.phone_about_2_c .phone_show{ background:#fff; overflow:hidden; margin-bottom:20px;}
























.fu_right .right {
    height: 200px;
}
.fu_right h1 {
    font-size: 24px;
    color: #333;
    position: relative;
    margin-bottom: 30px;
    text-align: left;
    line-height: 30px;
}
.fu_right span {
    background: #dbdbdb;
    width: 27px;
    height: 3px;
    display: block;
    margin-bottom: 54px;
}
.fu_right .right .over_h {
    height: 210px;
}
.fu_right .right .mCSB_scrollTools .mCSB_dragger {
    height: 14px;
}
.fu_right .right .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #f8b62a;
    width: 5px;
    height: 14px;
    border-radius: 3px;
}
.fu_right .right .mCSB_scrollTools .mCSB_draggerRail {
    background: #dbdbdb;
    height: 100%;
    width: 1px;
}
.siji {
    width: 35%;
    height: auto;
}
.siji {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 267px;
    height: 137px;
}


















.mission_bj{    position:relative}
.mission_bj:after{ content:""; left:0; bottom:0; width:100%; height:21px; background: url(../img/feature/fbj.png) repeat-x center; position:absolute}
.mission_con{ text-align:center; padding:0 10px; color:#fff}
.mission_con h1{ font-size:48px; line-height:52px; margin-bottom:60px; font-weight:700}
.mission_con p{ font-size:18px; line-height:20px;}
.feature-title {
    margin-bottom: 78px; text-align:center
}
.feature-title .box{ background:url(../img/feature/f03.png) no-repeat center;width:259px;
    height: 30px;
    position: relative;
    margin: 0 auto;}

.feature-title .box a{
	width: 12px;
	height: 12px;
	display: block;
	position: absolute;
	background:#d3d3d3; border-radius:360px;
	transition:background 0.3s; cursor:default
}
.feature-baby .feature-title .box a{ background:#fff}
.feature-title .box a.on{
	background: url(../pic/img03_h.png) no-repeat center;
}
.feature-title .box a.btn01{
	top: 14px;
    left: -1px
}
.feature-title .box a.btn02{
	top: 13px;
    left:55px;
}
.feature-title .box a.btn03{
	top: 8px;
    left:109px;
}
.feature-title .box a.btn04{
	    top: 8px;
    left: 186px;
}
.section2{}
.feature-title .box a.btn05{
	top: 8px;
    right: -1px;
}
.feature-title h2{
	font-size: 28px;
	color: #fff;
	line-height: 48px;
	padding-top: 16px;
	font-weight: bold;
}
.feature-title p{
	font-size: 16px;
	line-height: 26px;
	color: #fff;
	opacity: 0.8;
	font-family: 'Vani';
}
.feature-title i{
	width: 36px;
	height: 1px;
	display: block;
	background: #fff;
	opacity: 0.5;
	margin: 20px auto 0;
}


.feature-vision{    width: 100%;
    background: #fafafa;
    padding: 88px 0 88px 0;
    background-size: cover; overflow:hidden}
.feature-vision .feature-title{ margin-bottom:62px;}
.feature-vision .feature-title h2{ color:#333}
.feature-vision .feature-title p{ color:#333; opacity:0.8}
.feature-vision .feature-title i{ background:#304ba4; margin-bottom:16px;}
.feature-vision .feature-title span{color:#333; font-size:20px; line-height:22px; display:block}
.vision_list{text-align:center}
.vision_list ul{ text-align:center; zoom:1}
.vision_list li:hover h2, .vision_list li:hover p {
    color: #fff;
}
.vision_list li:hover i {
    background: #ffd79f;
}
.vision_list h2 {
    font-size: 26px;
    color: #333;
    line-height: 46px; height:46px; overflow:hidden;
    transition: color 0.3s;
}
.vision_list p {
    font-size: 14px;
    color: #666;
    line-height: 28px;
    transition: color 0.3s; overflow:hidden; 
}
.vision_list .more {
    width: 185px;
    height: 44px;
    margin: 0 auto;
    display: block;
    background: #ebebeb;
    font-size: 16px;
    color: #666;
    line-height: 44px;
    text-align: center;
    border-radius: 25px;
    transition: background 0.3s,color 0.3s;
}
.vision_list .mCSB_scrollTools .mCSB_dragger {
    height: 14px;
}
.vision_list .mCSB_scrollTools .mCSB_draggerRail {
    background: #dbdbdb;
    height: 100%;
    width: 1px;
}
.vision_list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #f8b62a;
    width: 5px;
    height: 14px;
    border-radius: 3px;
}
.vision_list .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.vision_list li:hover .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	 background: #fff;
	filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */
}
.vision_list .mCSB_scrollTools .mCSB_dragger {
    height: 14px;
}


.vision_list i {
    width: 29px;
    height: 1px;
    background: #dcdcdc;
    display: block;
    margin: 16px auto 28px auto;
    transition: background 0.3s;
}
.vision_list li:first-child {
    margin-left: 0;
}
.vision_list li{ float: left;
    width: 20.5%;
    padding: 68px 1.5% 68px;
    margin-left: 2%;
    background: #fff;
    cursor: pointer;
    box-shadow: 0 0 5px rgba(6,0,1,.09);
    transition: background 0.3s;}
.vision_list .box {
    min-height: 112px;height:112px; overflow:hidden; margin-bottom:54px
}
.vision_list li:hover {
    background: #ff9c0f;
}

/*day*/
.add_box_in .left_day{ width:700px; float:left}
.add_box_in .right_day{ width:750px; float:right; position:relative}
.add_box_in .right_day span{ position:absolute; bottom:40px; right:0; width:143px; display:block;}
.add_box_in .left_day{ color:#666; font-size:14px; line-height:28px;}
.add_box_in .left_day .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#f8b62a; width:5px; height:14px; border-radius:3px;}
.add_box_in .left_day .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover{ background:#f8b62a;}

.add_box_in .left_day .mCSB_scrollTools .mCSB_draggerRail{ background:#dbdbdb; height:100%; width:1px;}
.add_box_in .left_day .mCSB_scrollTools .mCSB_dragger{ height:14px;}

.day-lc .research-title p{ font-family:"微软雅黑"}
.lc_time{ position:relative}
.about_2_c .picScroll-left{width:1200px;position:relative}
.about_2_c .picScroll-left .hd{position:absolute;top:15px;left:0;color:#fff;width:100%;z-index:2}
.about_2_c .picScroll-left .hd ul{display:none}
.about_2_c .picScroll-left .hd .prev{position:absolute;top:20px;left:-10px;width:23px;height:23px;background: url(../img/sl.png) no-repeat;cursor:pointer}
.about_2_c .picScroll-left .hd .next{position:absolute;top:20px;right:-10px;width:23px;height:23px;cursor:pointer;background: url(../img/right.png) no-repeat}
.about_2_c .picScroll-left .hd .prevStop{background: url(../img/left.png) no-repeat}
.about_2_c .picScroll-left .hd img{width:100%}
.about_2_c .picScroll-left .hd .nextStop{background: url(../img/sr.png) no-repeat}
.about_2_c .picScroll-left .bd{padding:10px}
.about_2_c .picScroll-left .bd ul{overflow:hidden;zoom:1}
.huodong-lc .listul li{float:left;_display:inline;text-align:center;position:relative;width:170px; z-index:1}
.huodong-lc .listul li .pic{text-align:center;width:18px;height:18px;margin:26px auto; position:relative;}
.huodong-lc .listul li .pic span{width:18px;font-size:18px;height:18px;display:block;line-height:18px;position:absolute;top:0;left:0}
.huodong-lc .listul li.top_c .pic .yuan_box{width:9px;height:50px;position:absolute;top:-50px;left:129px}
.huodong-lc .listul li .pic a:hover img{border-color:#999}
.huodong-lc .listul li .title{font-size:24px;line-height:24px;width:100%;margin:0 auto;text-align:center;color:#777777;position:relative;z-index:2;}
.huodong-lc .listul li .title p{height:auto; margin-top:15px;overflow:hidden;}
.huodong-lc .listul li.top_c .title p{position:absolute;top:-140px;left:0;width:100%;height:69px;overflow:hidden}
.tempWrap{position:relative;z-index:1}
.imgshow .left{ float:left;position:relative;z-index:2; margin:30px;}

.lc_time {
    position: relative;
}
.yang_box1 {
    background: #fff; overflow:hidden;box-shadow:0 0 10px #ccc;
}
.fu_right .right .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#f8b62a; width:5px; height:14px; border-radius:3px;}
.fu_right .right .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover{ background:#f8b62a;}

.fu_right .right .mCSB_scrollTools .mCSB_draggerRail{ background:#dbdbdb; height:100%; width:1px;}
.fu_right .right .mCSB_scrollTools .mCSB_dragger{ height:14px;}




.imgshow .left{ width:667px;}
.fu_right {    margin:0% 0% 0 2%;
    width: 49%;
    float: right;
}
.fu_right .right {
    position: relative;
    margin-bottom: 20px; margin-top:8%; padding-right:16%; z-index:1
}
.fu_right .right .over_h{overflow:hidden}
.fu_right .right p{  overflow: hidden;}

.siji{ position:absolute; bottom:0; right:0; width:267px; height:137px;}
.yang_box1{ margin-bottom:96px;}
#scrollObj{width:430px;position:relative;}
#scrollBar{width:2px;height:260px;background:#d9d9d9;cursor:pointer;position:relative;right:1px}
#scrollBtn{width:4px;height:124px;background:#00928c;cursor:pointer;position:absolute;top:0;right:-1px}
#scrollBox{height: 260px;
    width: 500px;
    overflow: hidden;
    position: relative;}
.fu_right h1 {
   font-size: 24px;
    color: #333;
    position: relative;
    margin-bottom: 30px;
    text-align: left;
    line-height: 30px;
}

.yg_right .slideBox {
    width: 336px; height:336px; top:50%; left:50%; margin-top:-168px; margin-left:-68px; position:absolute;
}
.yg_right .slideBox .bd li{ width:336px; height:336px;background:url(../img/about/bor.png) no-repeat; position:relative}
.yg_right .slideBox .bd div{width: 290px;
    height:290px; position:absolute;
    display: block; top:50%; left:50%; margin-left:-145px; margin-top:-145px; }
.yg_right .slideBox .bd img {
    width: 290px;
    height:290px;
    display: block;
}
.yg_right .slideBox .hd {
        position: absolute;
    width: 140px;
    right: -196px;
    top: 340px;
}
.yg_right .slideBox .hd ul li {
    float: left;
    margin: 0 10px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-family: 'sans-serif';
    text-align: center;
    background: #cecece;
    cursor: pointer;
}

.yg_right .slideBox .hd ul li.on{background:#4e7efd;}



.fu_rjight{ text-align:right; color:#999; font-size:13px; line-height:24px}

.lc_time .imglist{
	position: relative;
	height: 133px;
	margin: 0 auto;
}
.lc_time .listul{ overflow:hidden; height:94px;
}
.lc_time{ overflow:hidden}
.lc_time .listul li{
	cursor: pointer;
}
.lc_time .listul li.cur{
}
.lc_time .imglist .prev{
	width: 41px;
    height: 41px;
    display: block;
	position: absolute;
	left: 0;
	top:14px;
	cursor: pointer;
	background: url(../pic/img07.png) no-repeat center; z-index:1;  transition: background 0.3s;
}
.lc_time .imglist .prev:hover{
	background: url(../pic/img07_h.png) no-repeat center;
}

.lc_time .imglist .next{
	width: 41px;
    height: 41px;
	position: absolute;
	right: 0;
	top:14px;
	cursor: pointer;
	background: url(../pic/img08.png) no-repeat center; z-index:1; transition: background 0.3s;
}
.lc_time .imglist .next:hover{
	background: url(../pic/img08_h.png) no-repeat center;
}



.lc_time .listul {
    overflow: hidden;
}

.logo_show .left_show{ width:620px; height:454px; float:left; border:10px solid #fff; box-shadow:0 0 10px #ccc; position:relative}
.logo_show .left_show a{ background:url(../img/feature/down.png) no-repeat left center; padding-left:36px; color:#fff; font-size:18px; font-weight:700; position:absolute; right:37px; bottom:32px;}
.logo_show .logo_right{ width:810px; float:right; }
.logo_show .logo_right h1{color:#19a8f5; font-size:24px; font-weight:700; margin-bottom:20px;}
.logo_show .logo_right ul{ text-align:center; width:906px;}
.logo_show .logo_right li{ float:left; width:258px; height:auto; margin-right:18px; text-align:center; position:relative ; margin-bottom:18px;box-shadow:0 0 5px #ccc}
.logo_show dl{ }
.logo_show dl dt{ cursor:pointer; margin-bottom:30px}
.logo_show .logo_right li span{ position:absolute; top:0; width:100%;height:100%; left:0; background:#3180d8 url(../img/about/a02h.png) no-repeat center center; display:none}
.logo_show .logo_right li:hover span{ display:block}
.logo_show .logo_right li div{width:252px;border:3px solid #fff; position:relative; overflow:hidden; cursor:pointer}
.logo_show .logo_right li div img{transition: transform 1s;}
.logo_show .logo_right li div:hover img{transform:scale(1.2,1.2);transition:transform 1.5s linear 0}
.logo_show .logo_right li h1{ padding:0 10px; font-size:16px; line-height:34px; color:#000; height:34px; display:block;}



.gw_show .left_show{ width:335px; height:478px; float:left; border:10px solid #fff; box-shadow:0 0 10px #ccc; position:relative}
.gw_show .left_show a{ background:url(../img/feature/down.png) no-repeat left center; padding-left:36px; color:#fff; font-size:18px; font-weight:700; position:absolute; right:37px; bottom:32px;}
.gw_show .logo_right{ width:1116px; float:right; }
.gw_show .logo_right h1{color:#19a8f5; font-size:24px; font-weight:700; margin-bottom:20px}
.gw_show .logo_right ul{ text-align:center; width:1120px;}
.gw_show .logo_right li{ float:left; width:154px; height:auto; margin-right:6px; text-align:center; position:relative ; background:#fff; margin-bottom:10px;}
.gw_show .logo_right li h1{ font-size:16px; font-weight:700; color:#19a8f5}
.gw_show .logo_right li p{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666}
.gw_show a.more{    width: 100%;
    height: 55px;
    line-height: 55px;
    background: #e1e1e1 url(../img/about/a02.png) no-repeat center center;
    display: block;
    margin: 27px auto 0;
    position: relative;
    top: 0;
    transition: top 0.3s; }
.gw_show a.more:hover{
	background:#38a7f6 url(../img/about/a02h.png) no-repeat center center;
}
.gw_show dl dt{ cursor:pointer; margin-bottom:30px}
.gw_show .logo_right li span{ position:absolute; top:0; width:100%;height:100%; left:0; background:#3180d8 url(../img/about/a02h.png) no-repeat center center; display:none}
.gw_show .logo_right li:hover span{ display:block}
.gw_show .logo_right li div{border:1px solid #eee; position:relative; overflow:hidden; cursor:pointer; padding:20px 5px 20px 5px}
.gw_show .logo_right li div img{transition: transform 1s;}
.gw_show .logo_right li div:hover img{transform:scale(1.2,1.2);transition:transform 1.5s linear 0}
.gw_show .logo_right li h1{ padding:0 10px; font-size:16px; line-height:24px; color:#000; height:24px; display:block; margin-bottom:0; color:#19a8f5; font-weight:700}


.service_banner_quanjing_map{ height:924px; padding:0}


.img_box_fix {
    background: rgba(0,0,0,0.8);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 111;
}
.img_box_fix .box_in {
    position: relative;
    width: 620px;
    margin: 14% auto;
}
.img_box_fix .close{ position:absolute; top:0%; right:-10%; background:url(../img/feature/s03.png) no-repeat; width:30px; height:30px; cursor:pointer;}
.img_box_fix .box_in .left_show{ position:relative}
.img_box_fix .box_in .left_show a {
    background: url(../img/feature/down.png) no-repeat left center;
    padding-left: 36px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    right: 37px;
    bottom: 32px;
}

.about_detail_4 .listul li{float:left;_display:inline;text-align:center;position:relative;width:170px; z-index:1}
.about_detail_4 .listul li .pic{text-align:center;width:18px;height:18px;margin:26px auto; position:relative;}
.about_detail_4 .listul li .pic span{width:18px;font-size:18px;height:18px;display:block;line-height:18px;background:url(../img/yuan1.png) no-repeat;position:absolute;top:0;left:0}
.about_detail_4 .listul li.top_c .pic .yuan_box{width:9px;height:50px;position:absolute;top:-50px;left:129px}
.about_detail_4 .listul li .pic a:hover img{border-color:#999}
.about_detail_4 .listul li .title{font-size:24px;line-height:24px;width:100%;margin:0 auto;text-align:center;color:#777777;position:relative;z-index:2;}
.about_detail_4 .listul li .title p{height:auto; margin-top:15px;overflow:hidden;}
.about_detail_4 .listul li.top_c .title p{position:absolute;top:-140px;left:0;width:100%;height:69px;overflow:hidden}
.tempWrap{position:relative;z-index:1}
.about_detail_4 .listul li .pic .yuan_box{    width: 9px;
    height: 50px;
    position: absolute;
    top: 18px;
    left:4px;}



.about_detail_4 .listul li .pic .yuan_box p.line_fz{width:1px;height:10px;background:#aeadaa;margin:0 auto;text-align:center}
.about_detail_4 .line_mid{width:100%;height:1px; border-bottom:1px dashed #a4a4a3;position:absolute;top:34px;left:0}
.about_detail_4 .listul li:hover .pic .yuan_box p.line_fz,.about_detail_4 .listul li.cur .pic .yuan_box p.line_fz{width:1px;height:10px;background:#4e7efd;margin:0 auto;text-align:center}
.about_detail_4 .listul li:hover .pic span,.about_detail_4 .listul li.cur .pic span{background:url(../img/yuan2.png) no-repeat;color:#fff}
.about_detail_4 .listul li:hover .title p,.about_detail_4 .listul li.cur .title p{color:#4e7efd}




.huodong-lc .listul li .pic .yuan_box{    width: 9px;
    height: 50px;
    position: absolute;
    top: 18px;
    left: 5px;}

.lc_time .imglist .right_b_box p.next{background:#ccc}
.party-feature{    width: 100%;
    background: #fff url(../img/feature/f31.png) no-repeat top center;
    padding-top: 79px;
    position: relative;
    overflow: hidden; background-size:cover}
.party-feature .research-title i{ margin: 20px auto;}
.party-feature .research-title{ margin-bottom:30px}
.party-feature .listul li {
    float: left;
    _display: inline;
    text-align: center;
    position: relative;
    width: 170px;
    z-index: 1;
}
.party-feature .listul li .pic {
    text-align: center;
    width: 8px;
    height:8px;
    margin: 20px auto;
    position: relative;
}
.party-feature .listul li .pic .yuan_box {
    width: 9px;
    height: 50px;
    position: absolute;
    top: 18px;
    left: 5px;
}
.party-feature .listul li .title{ font-size:18px; color:#fff}
.party-feature .listul li .pic span {
    width: 8px;
    font-size: 18px;
    height:8px;
    display: block;
    line-height: 8px; background:#fff; border-radius:360px;
    position: absolute;
    top: 12px;
    left: 0;
}
.party-feature .listul li:hover .pic span, .party-feature .listul li.cur .pic span {
   background:#ff8b19;
}
.party-feature .listul li .pic .yuan_box p.line_fz{width:1px;height:10px;background:#aeadaa;margin:0 auto;text-align:center}
.party-feature .line_mid{width:100%;height:1px; border-bottom:1px solid #61afdc;position:absolute;top:34px;left:0}
.party-feature .listul li:hover .pic .yuan_box p.line_fz,.party-feature .listul li.cur .pic .yuan_box p.line_fz{width:1px;height:10px;background:#00938d;margin:0 auto;text-align:center}
.party-feature .listul li:hover .title p,.party-feature .listul li.cur .title p{color:#fff}
.product_show{ text-align:center; }
.fu_right{ position:relative}

.fu_right span{ background:#dbdbdb; width:27px; height:3px; display:block; margin-bottom:54px}
.fu_right p {
    font-size: 14px;
    color: #666; text-align:left; line-height:26px
} 

.fetu_right {
    width: 552px;
    position: relative;
}
.yg_right .slideBox {
    width: 473px;
    position: relative;
    padding-top: 40px; padding-left:46px;
    float: right;
}
.yg_right .slideBox .bd img {
    width: 473px;
    height:383px;
    display: block;
}
.yg_right .slideBox .hd {
        position: absolute;
    width: 140px;
    right: -196px;
    top: 340px;
}
.yg_right .slideBox .hd ul li {
    float: left;
    margin: 0 10px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-family: 'sans-serif';
    text-align: center;
    background: #cecece;
    cursor: pointer;
}

.yg_right .slideBox .hd ul li.on{background:#00938d;}


.line_4{ background:#ff8b19;
    width: 522px;
    height: 549px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.fu_rjight{ text-align:right; color:#999; font-size:13px; line-height:24px}


.lc_time .listul{ overflow:hidden
}
.lc_time .listul li{
	cursor: pointer;
}




.day-lc{width: 100%;
    background:#fff url(../img/feature/f21.png) no-repeat top center;
    padding-top: 79px;
    position: relative;overflow:hidden}
.day-lc .research-title i{ margin:20px auto}

.day-lc .research-title{ padding-bottom:54px;}
.day_lc_box{ position:relative; z-index:1}
.lc_box_tab{ margin-bottom:40px; position:relative; margin-top:-30px}
.lc_box_tab .flexslider{ background:#fff; border:none; padding:0; box-shadow:none; margin-bottom:0; height:60px; line-height:60px; text-align:center; cursor:pointer;box-shadow:0 0 10px #ccc; border-radius:30px;}
.lc_box_tab .flex-viewport{ width:92%; margin:0 auto}
.lc_box_tab .flexslider .flex-viewport li{ width:515px;
    position: relative;
    font-size:16px; color:#666;
    line-height: 60px;
    height: 60px; position:relative}
.lc_box_tab .flexslider .flex-viewport li:after{ background:#ededed; width:1px; height:100%; content:""; left:0; top:0; position:absolute}
.lc_box_tab .flexslider .flex-viewport li:first-child:after{ background:none}
.lc_box_tab .flexslider li a{ font-size:16px; color:#666; height:100%}
.lc_box_tab .flexslider .flex-viewport li:hover, .lc_box_tab .flexslider .flex-viewport li.on {
        background: -webkit-gradient(linear, left center, right center, color-stop(0%,#fb8302), color-stop(100%,#fda804));
    background: -moz-linear-gradient(left, #fb8302 0%, #fda804 100%);
    background: -webkit-linear-gradient(left, #fb8302 0%,#fda804 100%);
    background: -o-linear-gradient(left, #fb8302 0%,#fda804 100%);
    background: -ms-linear-gradient(left, #fb8302 0%,#fda804 100%);
    background: linear-gradient(to right, #fb8302 0%,#fda804 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb8302', endColorstr='#fda804',GradientType=0 );
    color: #fff;
}
.lc_box_tab .flex-direction-nav{ width:100%; }
.lc_box_tab .flex-control-nav{ display:none;}
.lc_box_tab .flex-direction-nav li{ width:4%; height:100%}
.lc_box_tab .flex-direction-nav .flex-nav-prev{  position: absolute;
    cursor: pointer;
    background: url(../img/support/left.png) no-repeat center center;
    position: absolute;
    top:0;
    left: 0;
    text-indent: -9999px;  
	
	}
.lc_box_tab .flex-direction-nav .flex-nav-next{ cursor: pointer;
    background: url(../img/support/right.png) no-repeat center center;
    position: absolute;
    top:0;
    right: 0;
    text-indent: 9999px;   }
.lc_box_tab .flex-direction-nav .flex-nav-prev:hover{ background:url(../img/support/lefth.png) no-repeat center center;}
.lc_box_tab .flex-direction-nav .flex-nav-next:hover{ background:url(../img/support/righth.png) no-repeat center center;}

.lc_box_tab .flex-direction-nav .flex-nav-prev a, .lc_box_tab .flex-direction-nav .flex-nav-next a {
    display: block;
    width: 100%;
    height: 100%;
}

.lc_box_tab .flexslider .flex-direction-nav .flex-nav-prev a.flex-disabled{ display:none;}
.lc_box_tab .flexslider .flex-direction-nav .flex-nav-next a.flex-disabled{ display:none;}



.huodong-lc{ margin-bottom:74px;}
.add_box_in .left_day strong{ font-size:20px; display:block; color:#38a7f6; font-weight:700;}
.day_list ul{ text-align:center; width:1536px;}
.day_list li{ float:left; width:350px; margin-right:34px; box-shadow:0 0 10px #ccc; margin-bottom:50px; overflow:hidden;color:#666; }
.day_list li p{ line-height:68px; height:68px; overflow:hidden;text-align:center; font-size:16px; padding:0 10px;}
.day_list li span{ display:block; width:350px; height:208px; overflow:hidden}
.day_list li span img{ height:100%; width:100%}
.day_list li:hover{background: -webkit-gradient(linear, left center, right center, color-stop(0%,#fb8302), color-stop(100%,#fda804));
    background: -moz-linear-gradient(left, #fb8302 0%, #fda804 100%);
    background: -webkit-linear-gradient(left, #fb8302 0%,#fda804 100%);
    background: -o-linear-gradient(left, #fb8302 0%,#fda804 100%);
    background: -ms-linear-gradient(left, #fb8302 0%,#fda804 100%);
    background: linear-gradient(to right, #fb8302 0%,#fda804 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb8302', endColorstr='#fda804',GradientType=0 );
    color: #fff;}
.day_list li img{transition: transform 1s;}
.day_list li:hover img{transform:scale(1.2,1.2);transition:transform 1.5s linear 0}
.day_list a.more:hover {
    background: #38a7f6 url(../img/about/a02h.png) no-repeat center center;
}
.day_list a.more {
    width: 100%;
    height: 55px;
    line-height: 55px;
    background: #e1e1e1 url(../img/about/a02.png) no-repeat center center;
    display: block; clear:both; margin-bottom:20px;
}
.header_nav_2{ z-index:1111}
.contact_box_phone li{  margin-bottom:93px; color:#999; font-size:16px; line-height:20px;}
.contact_box_phone li h1{ position:relative; font-size:18px; color:#444;font-weight:700;font-family:"Vonnes-BoldCondensed";}
.contact_box_phone li.left{ float:left}
.contact_box_phone li.right{ float:right; padding-right:15%}
.contact_box_phone li.right>div{
    margin-bottom: 18px;
}
.contact_box_phone li.right h1{
    line-height: 38px;
}
.contact_box_phone li.right p{
    font-size: 16px;
    color: #999;
    line-height: 26px;
}
.contact_box_phone li .list p{
    width: 48%;
}
.contact_box_phone li .list p:nth-child(odd){
    float: left;
}
.contact_box_phone li .list p:nth-child(even){
    float: right;
}
.feature-values{ width: 100%;
    background:#d4edff ;
    padding: 88px 0 88px 0;
    background-size:auto; position:relative; overflow:hidden}
.feature-values:before{ background:url(../img/feature/f05.png) repeat-x top center; width:100%; height:46px; position:absolute; content:""; left:0; top:0}
.feature-values:after{ background:url(../img/feature/f06.png) repeat-x top center; width:100%; height:46px; position:absolute; content:""; left:0; bottom:0}
.feature-values .feature-title i {
    background: #304ba4;
    margin-bottom: 16px;
}
.feature-values .feature-title span {
    color: #333;
    font-size: 20px;
    line-height: 22px;
    display: block;
}
.feature-values .feature-title h2,.feature-values .feature-title p {
    color: #333;
}



.values_list ul{ text-align:center; zoom:1}

.values_list li:hover i {
    background: #ffd79f;
}
.values_list p {
    font-size: 18px;
    color: #666;
    line-height: 28px;
    transition: color 0.3s;
}
.values_list li:first-child {
    margin-left: 0;
}
.values_list li{ float: left;
    width: 20.5%;
    padding: 52px 1.5% 52px;
    margin-left: 2%;
    background: #fff;
    cursor: pointer;
    box-shadow: 0 0 5px rgba(6,0,1,.09);
    transition: background 0.3s;border-radius:5px}
.values_list span { width:52px; height:52px; display:block; margin:0 auto 30px auto;
}
.values_list li:hover {box-shadow:0 0 15px #ccc;
}


.feature-jingshen .feature-title h2 {
    font-size: 28px;
    color: #333;
    line-height: 48px;
    transition: color 0.3s;
}
.feature-jingshen .feature-title h2 strong{display:inline-block;  width:8px; height:8px; position:relative; margin:5px 10px}
.feature-jingshen .feature-title h2 strong:after{ position:absolute; content:""; left:0%;top:0%; border-radius:360px; width:8px; height:8px;background:#38a7f6; display:block}
.feature-jingshen .feature-title p {
    font-size: 20px;
    color: #38a7f6;
    line-height: 30px;
    transition: color 0.3s;
}


.feature-jingshen{width: 100%; background:url(../img/feature/f12.png) no-repeat bottom center;
   
    padding: 88px 0 88px 0; min-height:478px; position:relative}
.feature-jingshen:before{ position:absolute; width:1920px; background:url(../img/feature/line.png); height:526px; left:0; bottom:0; content:"";}
.feature-jingshen:after{ position:absolute; width:1920px; background:url(../img/feature/f13.png); height:21px; left:0; bottom:0; content:"";}

.jingshen_list .left{ width:640px; float:left}
.jingshen_list .right{ line-height:30px; color:#666; font-size:14px; margin-left:640px;box-shadow:0 0 15px #ccc;}
.jingshen_list .right div.con{ padding:60px 48px; background:#fff}
.jingshen_list .right div.con div p{height:357px; }
.feature-jingshen .w1500{ position:relative; z-index:4}
.jingshen_list .mCSB_scrollTools .mCSB_dragger {
    height: 14px;
}
.jingshen_list .mCSB_scrollTools .mCSB_draggerRail {
    background: #dbdbdb;
    height: 100%;
    width: 1px;
}
.jingshen_list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #f8b62a;
    width: 5px;
    height: 14px;
    border-radius: 3px;
}
.jingshen_list .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	 background: #f8b62a;
	filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */
}
.jingshen_list .mCSB_scrollTools .mCSB_dragger {
    height: 14px;
}
.jingshen_list .mCSB_scrollTools .mCSB_draggerRail {
    background: #dbdbdb;
    height: 100%;
    width: 1px;
}
.jingshen_list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #f8b62a;
    width: 5px;
    height: 14px;
    border-radius: 3px;
}
.jingshen_list .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	 background: #f8b62a;
	filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */
}
.zhuanjia_con_pro .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.zhuanjia_con_pro .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	 background: #f8b62a;
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}


.zhuanjia_con_pro .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.zhuanjia_con_pro .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	 background: #f8b62a;
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}



.feature-baby{width: 100%; background:#d4edff;
    padding: 88px 0 118px 0; position:relative; overflow:hidden}
.feature-baby .w1500{ position:relative; z-index:4}
.feature-baby:after{ position:absolute; width:1920px; background:#fff url(../img/feature/f06.png) repeat-x center top; height:224px; left:0; bottom:0; content:""; background-size:100% auto}
.feature-baby .feature-title h2, .feature-baby .feature-title p {
    color: #333;
}
.feature-baby .feature-title i {
    background: #304ba4;
    margin-bottom: 16px;
}
.baby_list ul{ text-align:center; width:1502px; }
.baby_list li{ width:274px; height:274px; display:block; float:left; margin-left:33px; position:relative; border-radius:360px;box-shadow:0 0 15px #ccc; color:#fff; font-size:14px; line-height:24px;
background:-webkit-gradient(linear, left center, right center, color-stop(0%,#fff7eb), color-stop(100%,#fff3e2)); 
  background: -moz-linear-gradient(left,  #fff7eb 0%, #fff3e2 100%);
  background: -webkit-linear-gradient(left,  #fff7eb 0%,#fff3e2 100%);
    background: -o-linear-gradient(left,  #fff7eb 0%,#fff3e2 100%);
    background: -ms-linear-gradient(left,  #fff7eb 0%,#fff3e2 100%);
    background: linear-gradient(to right,  #fff7eb 0%,#fff3e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff7eb', endColorstr='#fff3e2',GradientType=0 );

}

.home_banner_phone .swiper-container {
        width: 100%;
        height: 100%;
    }
.home_banner_phone .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }


.party-feature .research-title p{ font-family:"微软雅黑"}
.w_90 a:hover{ color:#2e96e0}
.baby_list li.on{ display:block}
.baby_list li:first-child{ margin-left:0}
.baby_list li .con{ position:absolute; top:0; background:rgba(255,151,2,0.9); left:0; width:100%; height:100%; border-radius:360px; display:none}
.baby_list li:hover .con{ display:block}
.baby_list li .con div{ padding:68px 58px}
.baby_list li h1{ font-size:30px; line-height:32px; }
.baby_list li b{ width:25px; height:1px; background:rgba(255,255,255,0.5); margin:22px auto; display:block;}   


.right_btn_box li{ cursor:pointer; line-height:36px; height:36px; font-size:14px;}
.right_btn_box li p{ float:left; text-align:left; }
.right_btn_box li span{ width:16px; height:20px; line-height:20px; border-bottom:none; margin-top:8px; float:right; color:#444; font-size:12px; }   
.right_btn_box li.on span{ border-bottom:1px solid #304ba4; color:#304ba4}

.rb1{ position:fixed; right:20px; color:#fff; top:45%; z-index:5} 
.rb1 ul{ position:relative;}
.rb1 ul li{ position:relative; z-index:2; margin-right:0; padding-top:8px;font-family:"Vonnes-BoldCondensed";}
/*.rb1 ul:after{ position:absolute; top:0; width:37px; height:100%; border-radius:30px; background:#fff; right:0; content:"";box-shadow:0 0 10px #ccc; }
*/
.rb1 ul li p{font-family:"Vonnes-BoldCondensed"; color:#32469d; opacity:0; height:36px; line-height:36px; text-align:right;font-size:16px; padding:0 10px 0 0; position:relative; width:148px;}
.rb1 ul li:hover p{ opacity:1}
.right_btn_box li:hover span{border-bottom: 1px solid #304ba4;
    color: #304ba4;}
.rb1 ul li p:after{width: 0;
    }
.rb1 li.on p{opacity:1}
.con_loc1{       width: 137px;
    height: 137px;
    left: 14%;
    top: 20%;}
.con_loc2{     width: 200px;
    height: 200px;
    left: 44%;
    top: 14%;}
.con_loc3{       width: 165px;
    height: 165px;
    right: 14%;
    top: 25%;}
.con_loc4{      width: 114px;
    height: 114px;
    right: 23%;
    top: 28%; display:none}
.con_loc5{      width: 115px;
    height: 115px;
    left: 28%;
    top: 56%;}
.con_loc6{       width: 120px;
    height: 120px;
    right: 41%;
    top: 47%;
}
.con_loc7{     width: auto;
    right: 10%;
    top: 77%;}
.con_loc p {
    font-family: 'Vonnes-BoldCondensed';
    font-size: 24px;
    color: #666;
    width: 150px;
}
.con_loc1 p{ margin-top:54%}
.con_loc2 p{ margin-top:53%}
.con_loc3 p{ margin-top:6%}
.con_loc4 p{ margin-top:54%}
.con_loc5 p{ margin-top:54%}
.con_loc6 p{ margin-top:20%}
.address_map{ position:absolute;right: 5%;   top: 71%;}
.address_map p{ width:282px; text-align:center; color:#32469d; font-size:12px; padding:4% 2%; position:relative}
.address_map p:after{     width: 0;
    height: 0;
    border-bottom: 8px solid transparent;
    border-left: 16px solid white;
    /* border-bottom: 6px solid transparent; */
    position: absolute;
    right: 50%;
    bottom: -7px;
    margin-top: -6px;
    content: "";
}
.con_loc7 span{    position: absolute;
    width: 20px;
    height: 17px;
    display: block;
    left: 50%;
    margin-left: -5px;
    top: -18px;}
.con_loc8{        width: auto;
    right: 9%;
    top: 44%;}
.con_loc8 span{    position: absolute;
    width: 20px;
    height: 17px;
    display: block;
    left: 0%;
    margin-left: -25px;
    top: -8px; }
.con_loc8 p{font-size:12px; color:#32469d;font-family: 'Vonnes-BoldCondensed';}
.anime .con_loc1 span:nth-child(1) {
    -webkit-animation: pulse 1s linear 1 backwards;
    animation: pulse 1s linear 1 backwards;
    opacity: 1;
}
.anime .con_loc1 span:nth-child(2) {
    -webkit-animation: fadeIn 1s linear 1 backwards;
    animation: fadeIn 1s linear 1 backwards;
    opacity: 1;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite; -webkit-animation-direction: alternate;animation-direction: alternate;
}

.anime .con_loc1 span:nth-child(3) {
    -webkit-animation: fadeIn 1s linear 0.3s 1 backwards;
    animation: fadeIn 1s linear 0.3s 1 backwards;
    opacity: 1;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite; -webkit-animation-direction: alternate;animation-direction: alternate;
}

.anime .con_loc2 span:nth-child(1) {
    -webkit-animation: pulse 1s linear 1 backwards;
    animation: pulse 1s linear 1 backwards;
    opacity: 1;
}
.anime .con_loc2 span:nth-child(2) {
    -webkit-animation: fadeIn 0.8s linear 1 backwards;
    animation: fadeIn 0.8s linear 1 backwards;
    opacity: 1;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite; -webkit-animation-direction: alternate;animation-direction: alternate;
}

.anime .con_loc2 span:nth-child(3) {
    -webkit-animation: fadeIn 0.8s linear 0.5s 1 backwards;
    animation: fadeIn 0.8s linear 0.5s 1 backwards;
    opacity: 1;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite; -webkit-animation-direction: alternate;animation-direction: alternate;
}


.anime .con_loc3 span:nth-child(1) {
    -webkit-animation: pulse 1s linear 1 backwards;
    animation: pulse 1s linear 1 backwards;
    opacity: 1;
}
.anime .con_loc3 span:nth-child(2) {
    -webkit-animation: fadeIn 0.6s linear 1 backwards;
    animation: fadeIn 0.6s linear 1 backwards;
    opacity: 1;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite; -webkit-animation-direction: alternate;animation-direction: alternate;
}

.anime .con_loc3 span:nth-child(3) {
    -webkit-animation: fadeIn 0.6s linear 0.5s 1 backwards;
    animation: fadeIn 0.6s linear 0.5s 1 backwards;
    opacity: 1;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite; -webkit-animation-direction: alternate;animation-direction: alternate;
}


.anime .con_loc4 span:nth-child(1) {
    -webkit-animation: pulse 1s linear 1 backwards;
    animation: pulse 1s linear 1 backwards;
    opacity: 1;
}
.anime .con_loc4 span:nth-child(2) {
    -webkit-animation: fadeIn 1s linear 1 backwards;
    animation: fadeIn 1s linear 1 backwards;
    opacity: 1;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite; -webkit-animation-direction: alternate;animation-direction: alternate;
}

.anime .con_loc4 span:nth-child(3) {
    -webkit-animation: fadeIn 1s linear 0.3s 1 backwards;
    animation: fadeIn 1s linear 0.3s 1 backwards;
    opacity: 1;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite; -webkit-animation-direction: alternate;animation-direction: alternate;
}


.anime .con_loc5 span:nth-child(1) {
    -webkit-animation: pulse 1s linear 1 backwards;
    animation: pulse 1s linear 1 backwards;
    opacity: 1;
}
.anime .con_loc5 span:nth-child(2) {
    -webkit-animation: fadeIn 1s linear 1 backwards;
    animation: fadeIn 1s linear 1 backwards;
    opacity: 1;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite; -webkit-animation-direction: alternate;animation-direction: alternate;
}

.anime .con_loc5 span:nth-child(3) {
    -webkit-animation: fadeIn 1s linear 0.3s 1 backwards;
    animation: fadeIn 1s linear 0.3s 1 backwards;
    opacity: 1;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite; -webkit-animation-direction: alternate;animation-direction: alternate;
}


.anime .con_loc6 span:nth-child(1) {
    -webkit-animation: pulse 1s linear 1 backwards;
    animation: pulse 1s linear 1 backwards;
    opacity: 1;
}
.anime .con_loc6 span:nth-child(2) {
    -webkit-animation: fadeIn 1s linear 1 backwards;
    animation: fadeIn 1s linear 1 backwards;
    opacity: 1;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite; -webkit-animation-direction: alternate;animation-direction: alternate;
}

.anime .con_loc6 span:nth-child(3) {
    -webkit-animation: fadeIn 1s linear 0.3s 1 backwards;
    animation: fadeIn 1s linear 0.3s 1 backwards;
    opacity: 1;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite; -webkit-animation-direction: alternate;animation-direction: alternate;
}


.anime .con_loc7 span {
    -webkit-animation: up1 1s linear 1 backwards;
    animation: up1 1s linear 1 backwards;
    opacity: 1;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite; -webkit-animation-direction: alternate;animation-direction: alternate;
}


.anime .con_loc8 span {
    -webkit-animation: up1 0.8s linear 1 backwards;
    animation: up1 0.8s linear 1 backwards;
    opacity: 1;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite; -webkit-animation-direction: alternate;animation-direction: alternate;
}




	
	
.wrap_3_map{ background:url(../img/home/mapbj.png)  no-repeat top center}
.con_loc{ position:absolute}
.con_loc span.img{ width:100%; height:100%; position:absolute; top:0; left:0}
.map_home{ position:relative}
.phone_top_nav .flexslider .flex-viewport li{ position:relative;  overflow: hidden;}
.phone_top_nav{background: #fdfdfd;  box-shadow: 0 0 10px #ccc;}
.phone_top_nav .flexslider{ padding:0; margin:0; box-shadow:none; border:none; line-height:70px; height:70px;    
  
  }
 
 .map_home{ width:1200px; margin:0 auto}
.phone_top_nav .flexslider .flex-viewport {
    margin: 0 auto; width:88%
}
.phone_top_nav .flexslider li a {
    font-size: 14px;
    color: #333;
    float: none; text-align:center; display:block
}
.phone_top_nav .flexslider .flex-viewport li:hover, .phone_top_nav .flexslider .flex-viewport li.on {
    color: #38a7f6;
}
.phone_top_nav .flexslider .flex-viewport li:hover:after, .phone_top_nav .flexslider .flex-viewport li.on:after{ width:100%; height:2px; background:#38a7f6;left:0; position:absolute; content:""; bottom:0}
.phone_top_nav .flexslider .flex-viewport li:hover a, .phone_top_nav .flexslider .flex-viewport li.on a{ color:#38a7f6}
.phone_top_nav .flex-direction-nav{ width:100%; }
.phone_top_nav .flex-control-nav{ display:none;}
.phone_top_nav .flex-direction-nav .flex-nav-prev{  position: absolute;
    top: 50%;
    left: 2%;
    cursor: pointer;
    background: url(../img/support/left.png) no-repeat;
    background-size: cover;
    width: 13px;
    height: 22px;
    text-indent: -9999px;    margin-top: -11px;
	
	}
.phone_top_nav .flex-direction-nav .flex-nav-next{ background:url(../img/support/right.png) no-repeat; cursor: pointer;
    background: url(../img/support/right.png) no-repeat;
    background-size: cover;
    width: 13px;
    height: 22px;
    position: absolute;
    top: 50%;
    right: 2%;
    text-indent: 9999px;    margin-top: -11px;}
.phone_top_nav .flex-direction-nav .flex-nav-prev:hover{ background:url(../img/support/lefth.png) no-repeat;}
.phone_top_nav .flex-direction-nav .flex-nav-next:hover{ background:url(../img/support/righth.png) no-repeat;}

.phone_top_nav .flex-direction-nav .flex-nav-prev a, .phone_top_nav .flex-direction-nav .flex-nav-next a {
    display: block;
    width: 100%;
    height: 100%;
}




/*foot*/
.right_con  .copyright {display:inline; position:absolute; top:20px; right:0}
.right_con  .copyright a{margin-left:10px; margin-right:0;padding:0;text-align:center;width:17px;height:17px;cursor:pointer;display:inline-block; float:none;}
.copyright a.news_qq{background:url(../img/qq.png) no-repeat;height:17px; display:inline-block;}

.copyright a.news_wx{background:url(../img/weixin.png) no-repeat;height:17px;display: inline-block;}
.copyright a.news_sina{background:url(../img/sina.png) no-repeat;height:17px;}
.copyright a.news_qzeo:hover{background:url(../img/kj.png) no-repeat;}
.copyright a.news_qq:hover{background:url(../img/qq.png) no-repeat;}

.copyright a.news_wx:hover{background:url(../img/weixin.png) no-repeat}
.copyright a.news_sina:hover{background:url(../img/sina.png) no-repeat}

.pagebox a.up_p{ line-height:30px; height:30px;background:url(../img/feature/left.png) no-repeat left center; padding-left:3%; color:#888; position:absolute; top:23%; left:3%; font-size:14px; }
.pagebox a.down_p{line-height:30px; height:30px;background:url(../img/feature/right.png) no-repeat right center; padding-right:3%; color:#888;position:absolute; top:23%; right:3%;font-size:14px;}
.pagebox a.up_p:hover{ background:url(../img/feature/lefth.png) no-repeat left center;  color:#19a7f4; }
.pagebox a.down_p:hover{background:url(../img/feature/righth.png) no-repeat right center; color:#19a7f4;}

.pagebox{ position:relative; padding:13px 0; line-height:30px; height:30px;}
.about_in{  overflow:hidden; background:#fff; padding:34px 30px 30px 30px
}

.about_in h1{ text-align:center; color:#333; line-height:28px; font-size:16px; padding:40px 0; background:#fff url(../img/about/a07.png) no-repeat; background-size:100% 100%; width:1061px; margin:0 auto 70px auto; height:auto; 
 }
 .about_in h1 p{  overflow:hidden; text-align:center; padding:0 4%}
 .about_in_img{ text-align:center}
 
.other_banner .top_banner{ position:relative; height:486px;}

.top_banner .bg{ position:absolute; height:100%;opacity:0; right:0

}
.top_banner .bg span{    background: rgba(255,255,255,0.8);
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%; opacity:0}
.top_banner .bgt-1{  top:0; right:0; width:100%; 

}
.top_banner .bgt-2{  top:0; right:0; width:100%; 

}
.top_banner .bgt-3{  top:0; right:0%; width:100%; 

}
.top_banner .bgt-4{ top:0; right:0; width:100%; 

}
.top_banner .bgt-5{  top:0; right:0; width:100%; 

}


.anime_t1 .top_banner .bg{ opacity:1}
.anime_t1 .top_banner .bgt-1{-webkit-animation: fadeInLeft 0.5s linear 1 backwards;
    animation: fadeInLeft 0.5s linear 1 backwards}
.anime_t1 .top_banner .bgt-2{-webkit-animation: fadeInLeft 0.5s linear 0.3s  1 backwards;
    animation: fadeInLeft 0.5s linear 0.3s 1 backwards}
.anime_t1 .top_banner .bgt-3{-webkit-animation: fadeInLeft 0.5s linear 0.6s  1 backwards;
    animation: fadeInLeft 0.5s linear 0.6s 1 backwards}
.anime_t1 .top_banner .bgt-4{-webkit-animation: fadeInLeft 0.5s linear 0.9s  1 backwards;
    animation: fadeInLeft 0.5s linear 0.9s 1 backwards}
.anime_t1 .top_banner .bgt-5{-webkit-animation: fadeInLeft 0.5s linear 1.2s 1 backwards;
    animation: fadeInLeft 0.5s linear 1.2s 1 backwards}
	
	
.anime_t1 .top_banner .bgt-1 span{ 
opacity:0; -webkit-animation: width_b 0.5s linear 1 backwards;
    animation: width_b 0.5s linear 1 backwards
}
.anime_t1 .top_banner .bgt-2 span{ 
opacity:0; -webkit-animation: width_b 0.5s linear 0.3s 1 backwards;
    animation: width_b 0.5s linear 0.3s 1 backwards
}
.anime_t1 .top_banner .bgt-3 span{ 
 opacity:0; -webkit-animation: width_b 0.5s linear 0.6s 1 backwards;
    animation: width_b 0.5s linear 0.6s 1 backwards}
.anime_t1 .top_banner .bgt-4 span{ 
opacity:0; width:0;-webkit-animation: width_b 0.5s linear 0.9s 1 backwards;
    animation: width_b 0.5s linear 0.9s 1 backwards}
.anime_t1 .top_banner .bgt-5 span{ 
 opacity:0; -webkit-animation: width_b 0.5s linear 1.2s 1 backwards;
    animation: width_b 0.5s linear 1.2s 1 backwards}
.device .more_link{-webkit-animation: up 0.5s linear 1 backwards;
    animation: up 0.5s linear 1 backwards; opacity:1}


.wrap_nav{ width:1200px; margin-bottom:102px; z-index:1; position:relative; line-height:22px; height:22px;}
.wrap_nav ul li{ float:left; font-weight:700; font-size:20px; margin-right:22px; line-height:22px;}
.wrap_nav ul li,.wrap_nav ul li a{ color:#555}
.wrap_nav ul li.on,.wrap_nav ul li.on a,.wrap_nav ul li:hover a,.wrap_nav ul li:hover{ color:#d8262c;}
.center_service{ box-shadow:0 0 10px #ccc; height:70px; margin-bottom:18px; border-bottom:1px solid #e3e2e3}
.center_service li{ float:left; width:398px; height:70px; line-height:70px; text-align:center; background:rgba(255,255,255,0.5); font-size:16px; cursor:pointer; border-left:1px solid #f1f1f1;　}
.center_service li:hover,.center_service li.on{ background:#d8262c; color:#fff;border-right:1px solid #d8262c}
.center_service li:first-child{ border-left:none}
.tab_list dl{ padding:0 38px; display:block; background:#fff; }
.tab_list dl dt{ line-height:62px; height:62px;border-bottom:1px solid #f5f5f5}
.tab_list dl dt p{  color:#666; font-size:14px; text-align:left}
.tab_list dl dt i{ color:#999; font-size:12px; text-align:right}
.tab_list dl dt:hover p,.tab_list dl dt:hover i{color:#d8262c; }


.anime-1 .wrap-in-1 .w596 span{
    -webkit-animation: shu1 0.5s linear 0.7s 1 backwards;
    animation: shu1 0.5s linear 0.7s 1 backwards;
    opacity: 1;
}
.anime-1 .wrap-in-1 p.p2{
    -webkit-animation: shu1 0.5s linear 0.9s 1 backwards;
    animation: shu1 0.5s linear 0.9s 1 backwards;
    opacity: 1;
}
.wrap-in-1 h2{ margin-bottom: 6px;
    color: #0099d0;
    text-align: left;
    opacity: 0;
    font-size: 30px;
    line-height: 30px;}
.wrap-in-1 h1,.wrap-in-1 .line,.wrap-in-1 p{ opacity:0}
.anime-1 .wrap-in-1 h1{-webkit-animation: fadeInDown 0.5s linear 1 backwards;
    animation: fadeInDown 0.5s linear 1 backwards;
    opacity: 1;}
.anime-1 .wrap-in-1 .line{    -webkit-animation: cicle_r 0.5s linear 1 backwards;
    animation: cicle_r 0.5s linear 1 backwards;
    opacity: 1;}
.anime-1 .wrap-in-1 .line span {
    width: 1210px;
    opacity: 1;
    -webkit-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
    -moz-transition: all 2s ease-in;
}
.anime-1 .wrap-in-1 p{-webkit-animation: shu1 0.5s linear 0.3s 1 backwards;
    animation: shu1 0.5s linear 0.3s 1 backwards;
    opacity: 1;}
.anime-1 .wrap-in-1 h2{-webkit-animation: shu1 0.5s linear 0.5s 1 backwards;
    animation: shu1 0.5s linear 0.5s 1 backwards;
    opacity: 1;}


.location-box { line-height:22px;color:#666; font-size:14px; background:url(../img/about/loc.png) no-repeat left center; padding-left:15px}
.img_bj_wrap1{ position:absolute; top:114px; left:-202px; width:855px; height:441px; overflow:hidden}
.wrap-in-2 .left {
    width: 353px;
    float: left;
    position: relative;
}
.wrap-in-2 .left .img{ margin-bottom:24px}
.wrap-in-2 .img_bj_wrap1 .bj_l{ position:absolute; width:100%; height:100%; left:0; top:0; opacity:1;width:100%; background: rgba(149,149,149,1); z-index:1}
.wrap-in-2 .img_bj_wrap1 .bj_r{ position:absolute; width:100%; height:100%; left:0; top:0; opacity:1;width:100%; background: rgba(51,51,51,1);}
.wrap-in-3 .img_bj_wrap1 .bj_l{ position:absolute; width:100%; height:100%; left:0; top:0; opacity:1;width:100%; background: rgba(149,149,149,1); z-index:1}
.wrap-in-3 .img_bj_wrap1 .bj_r{ position:absolute; width:100%; height:100%; left:0; top:0; opacity:1;width:100%; background: rgba(51,51,51,1);}
.wrap-in-4 .img_bj_wrap1 .bj_l{ position:absolute; width:100%; height:100%; left:0; top:0; opacity:1;width:100%; background: rgba(149,149,149,1); z-index:1}
.wrap-in-4 .img_bj_wrap1 .bj_r{ position:absolute; width:100%; height:100%; left:0; top:0; opacity:1;width:100%; background: rgba(51,51,51,1);}
.wrap-in-2 .img_bj_wrap1 img{ left:-15px;    position: relative;}
.anime-1 .img_bj_wrap1 .bj_l{
    -webkit-animation: width 0.3s linear 1 forwards;
    animation: width 0.3s linear 1 forwards;
}
.anime-1 .img_bj_wrap1 .bj_r{
    -webkit-animation: width 0.3s linear 0.3s 1 forwards;
    animation: width 0.3s linear 0.3s 1 forwards;
}
.anime-1 .img_bj_wrap1 img.img_move{ -webkit-transition: all 1.3s ease-in;
    -o-transition: all 1.3s ease-in;
    -moz-transition: all 1.3s ease-in; left:0;}
.anime-1 .wrap-in-2 .left .img{
    -webkit-animation: shu1 0.5s linear 0.5s 1 backwards;
    animation: shu1 0.5s linear 0.5s 1 backwards;opacity:1;
}
.anime-0 .wrap-in-2 h1{
    -webkit-animation: up 0.5s linear 1 backwards;
    animation: up 0.5s linear 1 backwards;opacity:1;
}
.anime-1 .wrap-in-2 .line{
    -webkit-animation: fadeInDown 0.5s linear 0.9s 1 backwards;
    animation: fadeInDown 0.5s linear 0.9s 1 backwards;opacity:1;
}
.anime-1 .wrap-in-2 h2{
    -webkit-animation: fadeInDown 0.5s linear 1.3s 1 backwards;
    animation: fadeInDown 0.5s linear 1.3s 1 backwards;opacity:1;
}
.anime-1 .wrap-in-2 p{
    -webkit-animation: up 0.5s linear 1.2s 1 backwards;
    animation: up 0.5s linear 1.2s 1 backwards;opacity:1;
}

.anime-1 .wrap-in-2 .more{
    -webkit-animation: up 0.5s linear 1.5s 1 backwards;
    animation: up 0.5s linear 1.5s 1 backwards;opacity:1;
}
.wrap-in-3 .news_home ul{ width:1158px; overflow:hidden; padding-bottom:10px;}
.wrap-in-3 .news_home li{ float:left;opacity:0; margin-right:18px}
.wrap-in-3 .news_home li:hover{ box-shadow:0 0 10px #ccc;}
.wrap-in-3 .news_home li:hover .home_bottom_bg h2{ color:#0099d0}
.wrap-in-3 .news_home li img{-webkit-transition: all 400ms ease-in;
    -o-transition: all 400ms ease-in;
    -moz-transition: all 400ms ease-in;}
.wrap-in-3 .news_home li:hover img{-webkit-transform:scale(1.1,1.1);-webkit-transition:transform 1.5s linear 0;-moz-transform:scale(1.1,1.1);-moz-transition:transform 1.5s linear 0;-o-transform:scale(1.1,1.1);-o-transition:transform 1.5s linear 0
}
.anime-1 .wrap-in-3 .news_home li:nth-child(1){-webkit-animation: up1 1s linear 1 backwards;
    animation: up1 1s linear 1 backwards;opacity:1;}
.anime-1 .wrap-in-3 .news_home li:nth-child(2){-webkit-animation: up 1s linear 1 backwards;
    animation: up 1s linear 1 backwards;opacity:1;}
.anime-1 .wrap-in-3 .news_home li:nth-child(3){-webkit-animation: up1 1s linear 1 backwards;animation: up1 1s linear 1 backwards;opacity:1;}
.wrap-in-2 .right{ opacity:0}
.anime-1 .wrap-in-2 .right{-webkit-animation: fadeIn 0.3s linear 1.2s 1 backwards;
    animation: fadeIn 0.3s linear 1.2s 1 backwards;
   opacity:1;
}
.wrap-in-2 .img_bj .bj_l{ position:absolute; width:100%; height:100%; left:0; top:0; opacity:1;width:100%; background: rgba(149,149,149,1); z-index:1}
.wrap-in-2 .img_bj .bj_r{ position:absolute; width:100%; height:100%; left:0; top:0; opacity:1;width:100%; background: rgba(51,51,51,1);}
.wrap-in-3 .img_bj .bj_l{ position:absolute; width:100%; height:100%; left:0; top:0; opacity:1;width:100%; background: rgba(149,149,149,1); z-index:1}
.wrap-in-3 .img_bj .bj_r{ position:absolute; width:100%; height:100%; left:0; top:0; opacity:1;width:100%; background: rgba(51,51,51,1);}
.wrap-in-4 .img_bj .bj_l{ position:absolute; width:100%; height:100%; left:0; top:0; opacity:1;width:100%; background: rgba(149,149,149,1); z-index:1}
.wrap-in-4 .img_bj .bj_r{ position:absolute; width:100%; height:100%; left:0; top:0; opacity:1;width:100%; background: rgba(51,51,51,1);}


.wrap-in-2 .left .img,.wrap-in-2 h1,.wrap-in-2 .line,.wrap-in-2 p,.wrap-in-2 .right,.wrap-in-2 .more{ opacity:0}
.wrap-in-2 .img_bj_wrap1{ opacity:0}
.anime-1 .wrap-in-2 .img_bj_wrap1{    opacity: 1;}
.wrap-in-2 h1{ font-size: 20px;
    color: #fff;
    margin-bottom: 29px;
    height: 46px;
    text-align: left;
    padding-left: 34px;
    background: url(../img/about/cicle.png) no-repeat left center;
    line-height: 46px;
    border-bottom: 1px solid #b2e0f1;}
.wrap-in-2 .line{ width:20px; height:2px; background:#d8262c; margin:0 0 37px 0; position:relative}
.wrap-in-2 .line span{ width:880px; height:1px;  position:absolute; right:-520px; bottom:-1px}
.wrap-in-2 p{ font-size:14px; line-height:28px; color:#444; margin-bottom:76px}
.wrap-in-2 .right {
    position: relative;
    width: 678px;
    float: right;
    height: 589px;
}
.anime-1 .wrap-in-3 h1 {
    -webkit-animation: up 0.5s linear 1 backwards;
    animation: up 0.5s linear 1 backwards;
    opacity: 1;
}
.wrap-in-3 h1 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 36px;
    height: 46px;
    text-align: left;
    padding-left: 34px;
    background: url(../img/about/cicle.png) no-repeat left center;
    line-height: 46px;
    border-bottom: 1px solid #b2e0f1; opacity:0
}
.wrap-in-2 .img_bj {
    position: absolute; width:906px; height:538px; overflow:hidden;
    top: 0;
    right: -358px;
}
.wrap-in-2 .logo_bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 244px;
    height: 88px; color:#fff;
    background: #d8262c; line-height:88px; font-size:14px; text-align:center; overflow:hidden
}
.wrap-in-2 .logo_bottom span{ opacity:0; position:absolute; top:0; left:0; width:100%}
.wrap-in-2 .logo_bottom span{
    -webkit-animation: fadeInDown 0.8s linear 1 backwards;
    animation: fadeInDown 0.8s linear 1 backwards; opacity:1
}


.wrap-in-2 .zhuan .logo_bottom em.em_t {
    -webkit-animation: fadeInLeft 0.5s linear 1 backwards;
    animation: fadeInLeft 0.5s linear 1 backwards;
}
.wrap-in-2 .logo_bottom em.em_t {
    background: #ec9396;
    width: 20px;
    height: 1px;
    position: absolute;
    top: 44px;
    left: 0
}
.wrap-in-2 .zhuan .logo_bottom em.em_b {
    -webkit-animation: fadeInRight 0.5s linear 1 backwards;
    animation: fadeInRight 0.5s linear 1 backwards;
}
.wrap-in-2 .logo_bottom em.em_b {
    background: #ec9396;
    width: 20px;
    height: 1px;
    position: absolute;
    top: 44px;
    right: 0;
}
.anime-1 .logo_bottom em {
    -webkit-animation: cicle_r 0.5s linear 1 backwards;
    animation: cicle_r 0.5s linear 1 backwards;
}
.wrap-in-3 .news_home li { text-align:center; width:366px; border:1px solid #eeeeee; height:411px; background:#fff}
.wrap-in-3 .news_home li .home_top_img{ position:relative; width:367px; height:207px; overflow:hidden; margin:0 auto 0 auto}
.wrap-in-3 .news_home li .home_top_img div{ width:366px; height:207px;}
.wrap-in-3 .news_home li:hover .home_top_img span.biankuang{ display:block}
.wrap-in-3 .news_home li .home_bottom_bg h2{ font-size:20px; color:#2c424b; line-height:28px; margin-bottom:18px; text-align:center; margin-top:7px;}
.wrap-in-3 .news_home li .home_bottom_bg p{ color:#444; font-size:12px; line-height:24px;}
.wrap-in-3 .news_home li .home_bottom_bg div{ height:72px; overflow:hidden}
.wrap-in-3 .news_home li .home_bottom_bg span{ background:#d8262c; width:20px; height:2px; margin:0 auto 22px; display:block}

.wrap-in-3 .picScroll-left{overflow:hidden;position:relative}
.wrap-in-3 .picScroll-left .hd{overflow:hidden;height:30px;margin:20px auto;overflow:hidden;zoom:1;zoom:1;text-align:center;width:100%;*width:160px}
.wrap-in-3 .picScroll-left .hd ul{margin:10px auto;overflow:hidden;zoom:1;zoom:1;text-align:center}
.wrap-in-3 .picScroll-left .hd ul li{display:inline-block;overflow:hidden;margin:0 9px;text-indent:-999px;cursor:pointer;background:url(../img/home/c1.png) no-repeat;width:14px;height:14px;border-radius:360px; border:none;*display:block; *float:left}
.wrap-in-3 .picScroll-left .hd ul li.on{background:url(../img/home/c2.png) no-repeat}
.wrap-in-3 .home_imgs{ margin-bottom:23px}
.wrap-in-4 .left{ width:100%; height:590px;}
.wrap-in-4 .img_bj { width:1585px; overflow:hidden;
    height: 590px;
    display: block;
    position: relative;
}

.wrap_contact .w_1200{ position:relative; background:#fff; height:490px}
.map_padding{ padding:136px 0 0 75px; width:366px;}
.map_padding h1{border-bottom: 2px solid #e5e5e5;
    color: #000;
    font-size: 24px;
    line-height: 26px;
    padding-bottom: 14px; margin-bottom:15px}
.wrap_contact .map{
    position: absolute;
    top: 0;
    right: 0;
    width:510px;
    height:481px;
    cursor: pointer;
}
.map_padding li{ line-height:28px; font-size:14px; color:#444; padding-left:26px}
.map_padding li.l_800{ padding-left:0}
.map_padding li.one{ background:url(../img/t.png) no-repeat left center}
.map_padding li.two{background:url(../img/l.png) no-repeat left center}
.map_padding li.three{background:url(../img/e.png) no-repeat left center}
.map_padding li strong{ font-weight:normal; font-size:30px; color:#0099d0; display:block; margin:14px 0}
.wrap-in-4 .other_banner .top_banner {
    position: relative;
    height: 590px;
}
.wrap-in-4 .more_link h1{color: #fff;
    font-size: 40px;
    font-family: "Noto Sans S Chinese Regular";
    line-height: 38px;
    margin-bottom: 24px;
    text-transform: uppercase;}
.wrap-in-4 .img{ position:absolute; top:0; left:0; width:1585px; height:590px; overflow:hidden}
.wrap-in-4 .bannertxt{ width:1200px; margin:0 auto; z-index:1}
.wrap-in-4 .bannertxt .marg_215{ opacity:0}
.anime-1 .wrap-in-4 .bannertxt .marg_215{-webkit-animation: fadeInDown 0.5s linear 1.2s 1 backwards;
    animation: fadeInDown 0.5s linear 1.2s 1 backwards; opacity:1}
.wrap-in-5 .right{ opacity:0}
.wrap-in-5 .right span{ width:100%; top:0; left:0; height:100%; background:rgba(255,255,255,1); position:absolute;}
.anime-1 .wrap-in-5 .right{opacity:1;-webkit-animation: up1 0.5s linear 1 backwards;
    animation: up1 0.5s linear 1 backwards;}
.anime-1 .wrap-in-5 .right .img{opacity:1;-webkit-animation: up 0.5s linear 0.5s 1 backwards;
    animation: up 0.5s linear 0.5s 1 backwards;}
.anime-1 .wrap-in-5 .right h1{opacity:1;-webkit-animation: up1 0.5s linear 0.5s 1 backwards;
    animation: up1 0.5s linear 0.5s 1 backwards;}
	
.anime-1 .wrap-in-5 .jiagou_img{-webkit-animation: up1 1.5s linear 1s 1 backwards;
    animation: up1 1.5s linear 1s 1 backwards; opacity:1 }
.wrap-in-5 .jiagou_img{ opacity:0}
.wrap-in-5,.wrap_5{ position:relative;}
.wrap-right-img{ position:absolute; right:0; width:1920px; background:#fff; height:591px; top:0}
.wrap-in-5 .right { position:absolute; top:-202px; right:36px; width:493px; height:325px; background:#fff; padding:50px}
.wrap-in-5 .right .img{ margin-bottom:44px;}
.wrap-in-5 .jiagou_img{ margin-bottom:120px}
.wrap-in-5 .right h1{ font-size:28px; color:#333; line-height:30px}
.anime-1 .top_banner .bg{ opacity:1}
.anime-1 .top_banner .bgt-1{-webkit-animation: fadeInLeft 0.5s linear 1 backwards;
    animation: fadeInLeft 0.5s linear 1 backwards}
.anime-1 .top_banner .bgt-2{-webkit-animation: fadeInLeft 0.5s linear 0.3s  1 backwards;
    animation: fadeInLeft 0.5s linear 0.3s 1 backwards}
.anime-1 .top_banner .bgt-3{-webkit-animation: fadeInLeft 0.5s linear 0.6s  1 backwards;
    animation: fadeInLeft 0.5s linear 0.6s 1 backwards}
.anime-1 .top_banner .bgt-4{-webkit-animation: fadeInLeft 0.5s linear 0.9s  1 backwards;
    animation: fadeInLeft 0.5s linear 0.9s 1 backwards}
.anime-1 .top_banner .bgt-5{-webkit-animation: fadeInLeft 0.5s linear 1.2s 1 backwards;
    animation: fadeInLeft 0.5s linear 1.2s 1 backwards}
.anime-1 .top_banner .bgt-1 span{ 
opacity:0; -webkit-animation: width_b 0.5s linear 1 backwards;
    animation: width_b 0.5s linear 1 backwards
}
.anime-1 .top_banner .bgt-2 span{ 
opacity:0; -webkit-animation: width_b 0.5s linear 0.3s 1 backwards;
    animation: width_b 0.5s linear 0.3s 1 backwards
}
.anime-1 .top_banner .bgt-3 span{ 
 opacity:0; -webkit-animation: width_b 0.5s linear 0.6s 1 backwards;
    animation: width_b 0.5s linear 0.6s 1 backwards}


.zijin_list table th,.zijin_list table td{text-align:center; font-weight:normal; line-height:70px; padding:0 10px}
.zijin_list table th{ border:1px solid rgba(242,242,242,0.2); border-bottom:1px solid #fbfbfb; border-right:none}
.zijin_list table td{ font-size:16px; border:1px solid #f2f2f2;border-bottom:none; border-right:none }
.zijin_list table th:first-child {
    padding-left: 46px; text-align:left
}
.m54{ margin-bottom:54px}


#four img{-webkit-transition: all 400ms ease-in;
    -o-transition: all 400ms ease-in;
    -moz-transition: all 400ms ease-in; }
#four:hover img{-webkit-transform:scale(1.1,1.1);-webkit-transition:transform 1.5s linear 0;-moz-transform:scale(1.1,1.1);-moz-transition:transform 1.5s linear 0;-o-transform:scale(1.1,1.1);-o-transition:transform 1.5s linear 0}
#five img{-webkit-transition: all 400ms ease-in;
    -o-transition: all 400ms ease-in;
    -moz-transition: all 400ms ease-in; }
#five:hover img{-webkit-transform:scale(1.1,1.1);-webkit-transition:transform 1.5s linear 0;-moz-transform:scale(1.1,1.1);-moz-transition:transform 1.5s linear 0;-o-transform:scale(1.1,1.1);-o-transition:transform 1.5s linear 0}
#six img{-webkit-transition: all 400ms ease-in;
    -o-transition: all 400ms ease-in;
    -moz-transition: all 400ms ease-in; }
#six:hover img{-webkit-transform:scale(1.1,1.1);-webkit-transition:transform 1.5s linear 0;-moz-transform:scale(1.1,1.1);-moz-transition:transform 1.5s linear 0;-o-transform:scale(1.1,1.1);-o-transition:transform 1.5s linear 0}
#seven img{-webkit-transition: all 400ms ease-in;
    -o-transition: all 400ms ease-in;
    -moz-transition: all 400ms ease-in; }
#seven:hover img{-webkit-transform:scale(1.1,1.1);-webkit-transition:transform 1.5s linear 0;-moz-transform:scale(1.1,1.1);-moz-transition:transform 1.5s linear 0;-o-transform:scale(1.1,1.1);-o-transition:transform 1.5s linear 0}
.fd{ z-index:12}

#weixin_share{position: fixed; z-index: 2147483647;}
#jiathis_modal_header{border-bottom: 1px solid #EEEEEE; padding: 9px 15px;}
#jiathis_weixin_close{text-decoration:none;  margin-top: 2px; color: #000000; float: right;  font-size: 20px;  font-weight: bold; cursor:pointer;line-height: 20px; opacity: 0.2; text-shadow: 0 1px 0 #FFFFFF;}
.ewm_box{
background-clip: padding-box;background-color: #FFFFFF;border: 1px solid #999;  border-radius: 6px 6px 6px 6px;  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); left: 50%; margin: -180px 0 0 -180px;overflow: hidden; position: fixed; top: 50%; width:360px;height:360px; overflow:hidden;
}
#jiathis_weixin_h3{line-height: 30px; margin: 0; font-weight:normal; font-family:" 微软雅黑";
}
#jiathis_modal_body{text-align:center;height:251px;}
#jiathis_modal_footer{border-radius: 0 0 6px 6px; border-top: 1px solid #DDDDDD; box-shadow: 0 1px 0 #FFFFFF inset; height:100%;padding:0 10px;padding-top:11px;text-align: right; font-size:12px;
}#jiathis_weixin_tip{text-align:left;margin:0; padding:0;font-size:12px;
}
.wrap-in-con{ position:relative; z-index:1}


.case_list .picScroll-left{ overflow:hidden; position:relative;  }
.case_list .picScroll-left .hd{ overflow:hidden;  height:51px; position:absolute; top:58px; width:100%; left:0}
.case_list .picScroll-left .hd .prev{ display:block;  width:42px; height:51px;  overflow:hidden;cursor:pointer; background:url(../img/home/left.png) no-repeat; float:left}
.case_list .picScroll-left .hd .next{ display:block;  width:42px; height:51px;  overflow:hidden;cursor:pointer; background:url(../img/home/right.png) no-repeat; float:right}
.case_list .picScroll-left .hd .next{   }
.case_list .picScroll-left .hd .prevStop{ }
.case_list .picScroll-left .hd .nextStop{ }
.case_list .picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.case_list .picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;  }
.case_list .picScroll-left .hd ul li.on{ background-position:0 0; }
.case_list .picScroll-left .bd{ width:1048px; margin:0 auto  }
.case_list .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.case_list .picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; width:244px; height:217px;}
.case_list .picScroll-left .bd ul li .pic{ text-align:center; margin:2px auto 12px auto; background:#fff; width:239px; }
.case_list .picScroll-left .bd ul li .pic img{ width:231px; height:155px; display:block;  padding:2px; border:2px solid #d4d4d5; }
.case_list .picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.case_list .picScroll-left .bd ul li .title{ line-height:18px;   }
.case_list .picScroll-left .bd ul li .title a{ color:#fff; font-size:16px; text-align:center;}
.case_list .picScroll-left .bd ul li:hover{ background:#fff; color:#fff}
.case_list .picScroll-left .bd ul li:hover a{ color:#fff}
.wrap_3 h3 {
    text-align: center;
    font-size: 12px;
    word-spacing: 20px;
    letter-spacing: 14px;
    line-height: 24px;
    height: 24px;
    margin-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 10px; position:relative; z-index:12
}
.product_ty_box{position:relative; margin-left:73px; float:left; width:862px; margin-top:35px;}
.product_ty_box .ty3{    position: absolute;
    bottom: -60px;
    left: 0;
    width: 864px;
    height: 119px;}
.pro_list{     width: 860px;
    height: 279px;
    background: #f7f7f7;
    border: 1px solid #a3a3a4;
    position: relative;
    z-index: 1; }
.product_home_nav{ float:left; margin-left:36px; width:157px}
.product_home_nav li{ display: block;
    text-align: center;
    color: #fff;
    font-size: 16px;
    margin-bottom: 6px;
    height: 41px;
    line-height: 41px;
    background: url(../img/home/li.png) no-repeat;
    cursor: pointer;
    text-shadow: white;
    text-shadow: white 0 1px 0;filter:shadow(Color=#fff,Direction=255,Strength=255)}
.product_home_nav li.on,.product_home_nav li:hover{ background:url(../img/home/lidq.png) no-repeat}
.pro_list .picScroll-left{ overflow:hidden; position:relative; padding:35px 42px;  }
.pro_list .picScroll-left .hd{ overflow:hidden;  height:51px; position:absolute; top:58px; width:100%;}
.pro_list .picScroll-left .hd .prev{ display:block;  width:42px; height:51px;  overflow:hidden;cursor:pointer; background:url(../img/home/left.png) no-repeat; float:left}
.pro_list .picScroll-left .hd .next{ display:block;  width:42px; height:51px;  overflow:hidden;cursor:pointer; background:url(../img/home/right.png) no-repeat; float:right}
.pro_list .picScroll-left .hd .next{   }
.pro_list .picScroll-left .hd .prevStop{ }
.pro_list .picScroll-left .hd .nextStop{ }
.pro_list .picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.pro_list .picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; }
.pro_list .picScroll-left .hd ul li.on{ background-position:0 0; }
.pro_list .picScroll-left .bd{ width:1048px; margin:0 auto  }
.pro_list .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.pro_list .picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; width:244px; height:217px;}
.pro_list .picScroll-left .bd ul li .pic{ text-align:center; margin:2px auto 12px auto; background:#fff; width:239px; }
.pro_list .picScroll-left .bd ul li .pic img{ width:231px; height:155px; display:block;  padding:2px; border:2px solid #d4d4d5; }
.pro_list .picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.pro_list .picScroll-left .bd ul li .title{ line-height:18px;   }
.pro_list .picScroll-left .bd ul li .title a{ color:#fff; font-size:16px; text-align:center;}
.pro_list .picScroll-left .bd ul li:hover{ background:#fff; color:#fff}
.pro_list .picScroll-left .bd ul li:hover a{ color:#fff}
.share_box .jiathis_style_24x24{     position: absolute;
    left: 0;
    bottom: 0;
    width: 272px;
    height: 37px; text-align:left}
.foote .share_box .jiathis_style_24x24{ width:166px; background:url(../img/home/left.png) no-repeat right center; }
.fuwu_right{    position: absolute;
    left: 188px;
    bottom: 0;
    width: 140px;
    height: 38px;
    text-align: left; color:#fff; line-height:38px;}
.fuwu_right span{ float:left}
.fuwu_right a{  width:38px; height:38px; float:right;}
.share_box .jiathis_style_24x24 span{ float:left; font-size:12px; font-weight:700; line-height:37px; height:37px; color:#fff; font-family:"Verdana"; padding-left:0}
.anime .share_box .jiathis_style_24x24 span{ color:#999999}
.anime .fuwu_right{ color:#999;}
.anime .share_box{-webkit-animation: fadeIn 1s linear 1 backwards;
    animation: fadeIn 1s linear 1 backwards;
    opacity: 1;}
.share_box  .jiathis_style_24x24  .jtico{ padding-left:0!important}
.share_box .jiathis_style_24x24 a{ margin-bottom:8px; height:37px; display:block; width:37px; float:left;margin-left:15px }
.share_box .jiathis_style_24x24 .jtico_weixin{background:url(../img/weixin.png) no-repeat;}
.anime .share_box .jiathis_style_24x24 .jtico_weixin{background:url(../img/w121.png) no-repeat;}
.anime .share_box .jiathis_style_24x24 .jtico_tsina{background:url(../img/w124.png) no-repeat;}
.anime .fuwu_right a{ background:url(../img/home/fwo.png) no-repeat}
.share_box .jiathis_style_24x24  .jtico_qzone{background:url(../img/qq.png) no-repeat}
.share_box .jiathis_style_24x24 .jtico_tsina{background:url(../img/sina.png) no-repeat;}
.share_box .jiathis_style_24x24  .jtico_tqq{background:url(../img/weibo.png) no-repeat}
.share_box .jiathis_style_24x24 .jtico_tieba { background:url(../img/tie.png) no-repeat}
.share_box .jiathis_style_24x24 .jiathis_txt {
    float: left;
    text-decoration: none;
    line-height: 38px!important;height: 38px!important; width:38px;
}
.foote{ padding:15px}
.foote p{ color:#605e5e; font-size:12px; float:none; display:block}
.foote p a{ color:#605e5e}
.hua_btns{ position:absolute; bottom:0; width:20px; height:60px; left:50%; margin-left:-10px;}
.hua_btns span{ position:absolute; top:0; width:20px; height:60px;-webkit-transition:all .6s;transition:all .6s}
.hua_btns span.hua_b{-webkit-animation: up1 1s linear 1 backwards;
    animation: up1 1s linear 1 backwards; opacity:1;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite; -webkit-animation-direction: alternate;animation-direction: alternate;}
.hua_btns span img{ vertical-align:top}
.i-ban a.next {
    width: 41px;
    height: 77px;
    background: url(../img/next.png) no-repeat center;
    background-size: cover;
    position: absolute;
    top: 300px;
    right:160px;
}

.i-ban a.prev {
    width: 41px;
    height: 77px;
    background: url(../img/prev.png) no-repeat center;
    background-size: cover;
    position: absolute;
    top: 300px;
    left:160px;
}






.phone_top_nav .ins-nav2{
	position: relative; background:#fff}
.phone_top_nav .ins-nav2 .bd{
		width: 80%;
		margin: 0 auto;
		position: relative;
		overflow: hidden; background:#fff}
.phone_top_nav .ins-nav2 .bd ul{
			width: 100%;
		}
.phone_top_nav .ins-nav2 .bd ul li{
			width: 25%; 
			text-align: center; position:relative;padding:18px 0;
}
.phone_top_nav .ins-nav2 .bd ul li.hover:after{width: 100%;
    height: 2px;
    background: #38a7f6;
    left: 0;
    position: absolute;
    content: "";
    bottom: 0;}
.phone_top_nav .ins-nav2 .bd ul li a{
				display: block;
				font-size: 14px;
    color: #333;
			}
.phone_top_nav .ins-nav2 .bd ul li.hover{
			background-color: #fff;}
.phone_top_nav .ins-nav2 .bd ul li.hover a{
				color: #006cb8;
			}
.phone_top_nav .ins-nav2 .butn{
		display: block;
		position: absolute;
		top: 0;
		width: Rem(50px);
		height: Rem(80px);
	}
.phone_top_nav .ins-nav2 .prev{
		position: absolute;
    top: 50%;
    left: 2%;
    cursor: pointer;
    background: url(../img/support/left.png) no-repeat;
    background-size: cover;
    width: 13px;
    height: 22px;
    text-indent: -9999px;
    margin-top: -11px;
	}
.phone_top_nav .ins-nav2 .next{
		cursor: pointer;
    background: url(../img/support/right.png) no-repeat;
    background-size: cover;
    width: 13px;
    height: 22px;
    position: absolute;
    top: 50%;
    right: 2%;
    text-indent: 9999px;
    margin-top: -11px;
	}

.phone_top_nav .ins-nav2 .next:hover{background: url(../img/support/righth.png) no-repeat;}
.phone_top_nav .ins-nav2 .prev:hover{background: url(../img/support/lefth.png) no-repeat;}


















/*2017-7-5*/
.lc_time .listul{ height:94px; overflow:hidden}
.party-feature .listul li{ width:16%}
.lc_time .device .swiper-container .swiper-slide{ float:left; width:16%;text-align: center;
    position: relative;}
.lc_time .device .swiper-container .swiper-slide .pic {
    text-align: center;
    width: 8px;
    height: 8px;
    margin: 20px auto;
    position: relative;
}
.lc_time .device .swiper-container .swiper-slide .pic span {
    width: 8px;
    font-size: 18px;
    height: 8px;
    display: block;
    line-height: 8px;
    background: #fff;
    border-radius: 360px;
    position: absolute;
    top: 12px;
    left: 0;
}
.lc_time .device{ position:relative}
.lc_time .device .swiper-container .swiper-slide .title {
    font-size: 18px;
    color: #fff;
}
.lc_time .device .arrow-left {
   background: url(../pic/img07.png) no-repeat center;
    position: absolute;
    left: 0;
    top: 16px;
    width: 41px;
    height: 41px;
    z-index: 12;
    cursor: pointer;
}
.lc_time .device .arrow-right {
   background: url(../pic/img08.png) no-repeat center;
    position: absolute;
    right: 0;
    top: 16px;
    width: 41px;
    height: 41px;
    z-index: 12;
    cursor: pointer;
}

.lc_time .device .line_mid {
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #61afdc;
    position: absolute;
    top: 34px;
    left: 0;
}
.yang_box1{ height:549px;}
.lc_time .device .swiper-container .swiper-slide-active .pic span{background:#ff8b19;}

.special-nav li h1{ font-size:44px; color:#fff; line-height:82px; font-family:Arial, Helvetica, sans-serif}
.special-left .title H1{ font-size:51px; color:#38a7f6; line-height:68px; font-family:Arial, Helvetica, sans-serif}
.top_tt h1{ color:#444;font-size: 28px;line-height: 38px; margin:0 0 24px 0}


.other_links{ position:absolute; top:80px;  background:#1d8fe0; box-shadow:0 0 10px #ccc; width:1050px; height:0;
-webkit-transition:all .6s;transition:all .6s; overflow:hidden}	
.other_links dl{ clear:both;}
.height_top_sub{ position:relative; height:100%;}
nav ul li:hover .other_links a, nav ul li.on .other_links a{ color:#fff}
nav li:hover .other_links{ /*height:72px; 
-webkit-transition:all .6s;transition:all .6s*/}
.other_links dl dt{    float: left;
    padding: 0 2%;
    line-height: 72px;
    box-sizing: border-box;}
.other_links dl a{ font-size:16px; color:#fff; display:block; padding-bottom:2px}
nav ul{ overflow:visible}
nav li:nth-child(1) .other_links{ left:0}
nav li:nth-child(2) .other_links{ left:-103px}
nav li:nth-child(4) .other_links{ left:-333px}
nav li:nth-child(5) .other_links{ left:-333px}
nav li:nth-child(6) .other_links{ left:-400px}

nav li .other_links{ left:0}
.top_t .top_nav_tit{ padding:10px 0}
.header_nav_1{ position:r}








.about_wel_bj {
    padding-top: 165px;
}
.about_wel_bj .ab_1{
    padding:0 0 200px 0;  width:1200px; margin:0 auto; position:relative; overflow:hidden
}

.about_wel_left{ float:left; width:410px}
.about_wel_right{
    width: 630px; position:absolute; right:0; top:-230px;
    color: #555;
    font-size: 16px;
    line-height: 26px;
}
.about_wel_right .tit {
    color: #444;
    font-size: 52px;
    line-height: 56px;
    margin-bottom: 50px;font-family:"Vonnes-BoldCondensed";
}
.about_wel_right .tit span{ color:#32469d; }
.about_wel_bj .top_tit_number{ }
.about_wel_bj .bj{ padding-top:136px; position:relative;background: #fff url(../img/about/a.png) no-repeat center 210px;}

.right_b_box{
    position: absolute;
    height: 40px;
    width: 78px;
    left: 740px;
    top: -220px;
    z-index: 1;
}
.lc_time .imglist .right_b_box p.next {
    background: url(../img/support/down.png) no-repeat;
    width: 33px;
    height: 33px;
    display: block;
    float: left;
}
.right_b_box p {
    width: 33px;
    height: 33px;
}
.lc_time .imglist .right_b_box p.prev {
    background: url(../img/support/up.png) no-repeat;
    width: 33px;
    height: 33px;
    display: block;
    float: left;
    margin-right: 8px;
}
.lc_time .imglist .right_b_box p.prev:hover {
  background: url(../img/support/uph.png) no-repeat;}

.lc_time .imglist .right_b_box p.next:hover {
  background: url(../img/support/downh.png) no-repeat;
  }
  
  
  
  
header .qunti{ position:relative; font-size:14px; cursor:pointer; text-align:left}
header .qunti:after{width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-left: 6px solid #2e96e0;
    border-bottom: 6px solid transparent;
    position: absolute;
    right: 4px;
    top: 50%;
    margin-top: -6px;
    content: "";
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);    transition: all 0.5s;-webkit-transition: all 0.5s;
}
header .qunti span{ position:absolute; top:20px; right:0; width:100%; display:none; border:1px solid #ccc; background:#fff}
header .qunti span a{ text-align:center; line-height:20px; display:block; padding:4px 15px; border-bottom:1px dashed #ccc }
header .qunti span a:last-child{ border-bottom:none}
header .qunti:hover span{ display:block}
header .qunti:hover:after{
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);transition: all 0.5s;-webkit-transition: all 0.5s;
}

.mission_bj{ position:relative; z-index:0}
.feature-mission .w1500{ position:absolute; width:100%; left:50%; margin-left:-50%;top:50%; z-index:0; margin-top:-10%}
.mission_bj img{ height:100%; width:100%}







.job_box .flexslider{ background:none; padding:0; margin:0; background:none}
.job_box .flexslider li {
    width: 348px;
    color: #fff;
    text-align: center; margin:0 18px; background:#fff;
}

.job_box .flex-control-nav{ position:relative; bottom:0;}
.job_box .flex-viewport{ margin-bottom:74px}
.about-about-fuli .flex-control-paging{ text-align:center}
.job_box .flex-control-paging li{ width:13px; height:13px; float:none; margin:0 8px; padding:0}
.job_box .flex-control-paging li a{ border:1px solid #71b7ea; border-radius:360px; width:11px; height:11px; display:block;}
.job_box .flex-control-paging li a.flex-active{ background:#fff; border:1px solid #fff}





/*menu*/
.menu_box {
    background: #32469d url(../img/map.png) no-repeat center center;
    color: #b8bfd1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1234;
}
.menu_box .nav ul li {
    float: left;
    text-align: left;
    line-height: 30px;
    font-size: 14px;
    margin-right:114px; 
}
.menu_box .nav ul li h1 {
    font-size:30px;
    line-height: 24px; color:#fff; margin-bottom:30px; margin-top:0;font-family:"Vonnes-BoldCondensed"
}
.menu_box .nav ul li h1 a{
    font-family:"Vonnes-BoldCondensed";
}
.menu_box .nav ul li a {
    color: #fff;
    display: block;
    font-family: "微软雅黑";
}
.menu_box .nav ul li .menu_in_con{ margin-bottom:70px;min-height:200px;height:200px}
.menu_box .nav ul li.last{ margin-right:0; width:360px}
.menu_box .nav ul li.last p{ margin-bottom:30px;}
.menu_box .nav ul li.last p.add{ background:url(../img/loc.png) no-repeat left 8px; padding-left:24px;}
.menu_box .nav ul li.last p.email{ background:url(../img/email.png) no-repeat left 8px; padding-left:24px;}
.menu_box .nav ul li.last p.tel{ background:url(../img/tel.png) no-repeat left 8px; padding-left:24px;}
.menu_box .nav ul li.last p.fax{ background:url(../img/fax.png) no-repeat left 8px; padding-left:24px;}

.menu_box .nav ul li.last p a{}
.menu_box .padding_box .nav{ width:1390px; margin:150px auto 0 auto}
.menu_box .padding_box .close{-webkit-transition: all 1s;transition: all 1s;}
.menu_box .padding_box .close span{position: relative;
			display: block;

			width: 30px;
			height: 5px;

			margin: 10px auto;
			background-color: #fff;

			border-radius: 10px;

			-webkit-transition: .3s;
			transition: .3s;}
.menu_box .padding_box .close span:nth-of-type(1) {
			margin-top: 0px;
			-webkit-transform: translateY(8.5px) rotate(-45deg);
    -ms-transform: translateY(8.5px) rotate(-45deg);
    transform: translateY(8.5px) rotate(-45deg);
		}
.menu_box .padding_box .close span:nth-of-type(2) {
			margin-bottom: 0px;
			-webkit-transform: translateY(-6.5px) rotate(45deg);
    -ms-transform: translateY(-6.5px) rotate(45deg);
    transform: translateY(-6.5px) rotate(45deg);
		}
.menu_box .padding_box .close:hover span:nth-of-type(1) {
-webkit-transform:translateY(1.5px) rotate(-1.4deg);
-ms-transform:translateY(1.5px) rotate(-1.4deg);
transform: translateY(1.5px) rotate(-1.4deg);
}
.menu_box .padding_box .close:hover span:nth-of-type(2) {
-webkit-transform: translateY(-4.5px) rotate(-1.4deg);
-ms-transform: translateY(-4.5px) rotate(-1.4deg);
transform: translateY(-4.5px) rotate(-1.4deg);
}
.pc_nav{ display:none}
.menu_box .padding_box .close:hover{ -webkit-animation: pulse 1s linear 1 backwards;
    animation: pulse 1s linear 1 backwards;
    opacity: 1;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite; }
	
.copy_link{ background:url(../img/link.png) no-repeat left center; padding-left:18px}
.copyright_f a{ position:relative; padding:0 11px}
.copyright_f a:first-child:after{ background:none}
.copyright_f a:after{ position:absolute; content:""; width:1px; height:10px; background:#484848; left:0; top:5px;}

.capacity_bj .products_slide{ padding-bottom:40px}
.capacity_bj .bj{background:#fff url(../img/about/r.png) no-repeat top center; }
.capacity_bj .about_top{ padding:0; margin-bottom:130px;}
.top_tit_number{ line-height:36px; font-size:30px; color:#32469d; margin-bottom:46px; text-align:left; text-transform:capitalize;font-family: "Vonnes-BoldCondensed";}
.about_detail_bj .product_show .top_tit_number{ padding-top:50px; margin-bottom:45px;}
.about_detail_bj .product_show .right{ width:44%; float:right; text-align:left; margin-top:6%}
.about_detail_bj .product_show .left{ width:35%;float:left; text-align:left}
.capa_left{ width:345px; float:left; color:#555; font-size:16px; line-height:26px;}
.capa_right{ width:385px; float:right;color:#555; font-size:16px; line-height:26px; margin-top:70px}
.about_detail_bj{ padding-top:136px}
.about_detail_bj .about_top{ padding:0 0 0 0 ; margin-bottom:130px; margin-top:0;background: #fff url(../img/about/s.png) no-repeat top center;}
.about_detail_bj .w1200{ position:relative; padding-top:136px}
.about_de_right{ position:absolute; top:88px; right:0}
.about_detail_bj .top_tit_number{ margin-bottom:140px;}
.about_de_right{ float:right}
.about_de_left {
    width: 630px;
    float: left;
    color: #555;
    font-size: 16px;
    line-height: 26px; padding-bottom:150px
}
.about_de_left a.more{ color:#32469d; font-size:16px; text-align:center; width:170px; height:48px; line-height:48px; border:1px solid #d6daeb; border-radius:30px; margin-top:50px}
.about_de_left a.more:hover{ background:#32469d; color:#fff; }
.ab_4 .about_detail_bj .about_top{ margin-bottom:0}
.visson{ position:relative}
.visson .left{ width:460px; float:left}

.visson .right{ float: right;
    width: 408px;
    position: relative;
    top: -136px;}
.visson .left li{ border-bottom:1px solid #f4f4f4; margin-bottom:15px; padding-bottom:18px; line-height:20px; color:#999; font-size:16px;}
.visson .left li .tit{ color:#444; font-size:18px;font-family: 'Vonnes-BoldCondensed'; margin-bottom:15px}
.visson .left li:last-child{ border-bottom:none}
.ab1{ padding-bottom:136px}
.ab2{ background:#f7f7f7; padding-top:120px}
.research-pc .w1200{ position:relative}
.research-pc .list{
	margin: 0 auto;
	position: relative;
	overflow: hidden; 
}
.research-pc .list ul{
	position: relative; height:670px; padding:140px 0
}
.research-pc .list li{
	width: 400px;
	float: left;
}
.research-pc li h2{
	font-size: 34px;
	color: #304ba4;
	line-height: 56px;
	text-align: center;
	padding-top: 145px; margin:0;
}
.research-pc li.odd h2{ padding:0 0 145px 0
}
.research-pc li .box{
    height: 100px; margin-left:48px; margin-top:104px;
    position: relative;
}
.research-pc li .content{
	height: 125px;
	overflow: hidden;
}
.research-pc li h2 span:after{
	content: "";
	width:14px; height:104px; background:url(../img/about/up.png) no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -7px;
    top:44px;
}
.research-pc li.odd .box{
	margin:0 0 96px 0;
}
.research-pc li.odd h2 span:after{
	width:14px; height:104px; background:url(../img/about/down.png) no-repeat;
    top:auto;
    bottom:44px;
}
.research-pc li h2 span{ font-family:"Vonnes-BoldCondensed";font-size:24px; position:relative
}
.research-pc .list li:first-child{
	margin-left: 0;
}
.research-pc .mCSB_scrollTools .mCSB_buttonDown,.research-pc .mCSB_scrollTools .mCSB_buttonLeft,.research-pc .mCSB_scrollTools .mCSB_buttonRight, .research-pc .mCSB_scrollTools .mCSB_buttonUp{
	display: none;
}
.research-pc .mCSB_scrollTools .mCSB_draggerContainer{
	height: 125px;
	margin: 0;
}
.research-pc  .mCSB_scrollTools .mCSB_draggerRail{
	background: #dcdcdc;
	width: 1px;
}
.research-pc  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background: #304ba4 !important;
}
.research-pc a.btn{
	width: 37px;
	height: 37px;
	position: absolute;
	top:50%;
	margin-top: -20px;
	display: block;
	transition:background 0.3s; border-radius:360px;
}
.research-pc a.prev{
	background:#eee url(../img/about/a03.png) no-repeat center;
	left: 0;
}
.research-pc a.prev:hover{
	background:#304ba4 url(../img/about/a03h.png) no-repeat center;
}
.research-pc a.next{
	background:#eee url(../img/about/a04.png) no-repeat center;
	right: 0;
}
.research-pc a.next:hover{
	background:#304ba4 url(../img/about/a04h.png) no-repeat center;
}
.research-pc p{
	font-size: 16px;
	color: #666;
	line-height: 26px;
}

.research-mobile{ display:none}
.research-mobile .slides li .content .mCSB_scrollTools .mCSB_dragger{ height:20px}
.mobile_w100{ width:92%; margin:0 auto}
.logo_show .left_show span{ display:block}
.research-mobile .flex-direction-nav{ position:relative; height:80px; margin-top:-72px; padding-bottom:86px}
.research-mobile .flex-direction-nav:before{ position:absolute; top:18%; left:0; height:9px; width:100%; background:url(../img/about/line.png) repeat; content:""; background-size:100% 100%}
.research-mobile{
	height: 0;
	position: relative;
overflow: hidden;
}
.mobile_w100 .flex-viewport{ width:92%; margin:0 auto; z-index:1}
.research-mobile .slides li{
	width:290px;
	float: left;
}
.research-mobile .slides h2{
	font-size: 20px;
	color: #304ba4;
	font-weight: bold;
	line-height: 30px; height:30px; text-align:center; position:relative

}
.research-mobile .slides h2:after{ content:""; width:10px; height:10px; left:50%; margin-left:-5px; top:-23px; background:#304ba4; border-radius:360px; position:absolute}
.research-mobile .slides p{
	font-size: 13px;
	color: #666;
	line-height: 26px; 
}
.research-mobile .flex-control-nav{
	display: none;
}
.research-mobile .flex-direction-nav li{
	width: 41px;
	height: 41px;
	display: block; position:absolute;
	opacity: 1;
	text-indent: -99999px;
	overflow: hidden;
	font-size: 0;
	transition:left 0.3s,right 0.3s; border-radius:360px; z-index:111
}
.research-mobile .flex-direction-nav .flex-nav-prev{
	background:#eee url(../img/about/a03.png) no-repeat center; top:0; left:0;    transition: background 0.3s;
}
.research-mobile .flex-direction-nav a{ display:block; width:41px; height:41px; right:0; left:0; position:relative}
.research-mobile .flex-direction-nav .flex-nav-prev a.flex-disabled{ display:none;}
.research-mobile .flex-direction-nav .flex-nav-next a.flex-disabled{ display:none;}
.research-mobile .flex-direction-nav .flex-nav-prev:hover{
	left: 0;background:#304ba4 url(../img/about/a03h.png) no-repeat center;
}
.research-mobile .flex-direction-nav .flex-nav-next:hover{
	right: 0;background:#304ba4 url(../img/about/a04h.png) no-repeat center;
}

.research-mobile .flex-direction-nav .flex-nav-next{
	background:#eee url(../img/about/a04.png) no-repeat center; top:0; right:0;    transition: background 0.3s;
}
.research-mobile .mCSB_scrollTools .mCSB_buttonDown,.research-mobile .mCSB_scrollTools .mCSB_buttonLeft,.research-mobile .mCSB_scrollTools .mCSB_buttonRight, .research-mobile .mCSB_scrollTools .mCSB_buttonUp{
	display: none;
}
.research-mobile .mCSB_scrollTools .mCSB_draggerContainer{
	height: 200px;
	margin: 0;
}
.research-mobile  .mCSB_scrollTools .mCSB_draggerRail{
	background: #dcdcdc;
	width: 1px;
}
.research-mobile  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background: #304ba4 !important;
}
.research-mobile .slides li .content{
    padding:30px 30px;
    background: url(../pic/img06.png) no-repeat center;
    margin-bottom:90px;
    background-size: 100% 100%;
    height: 200px;
    overflow: hidden;
}
.ab_3 { padding-top:160px}

.about_wel_bj .ab_5{ padding-top:136px;}
.about_wel_bj .ab_5 .top_tit_number{ padding:0}
.ab_5{ background:#f7f7f7}
.ab_5 .w1200{ background:url(../img/about/p.png) no-repeat top center;}
.about_de_left .tit{ color:#444; font-size:52px; line-height:56px; margin-bottom:50px;font-family:"Vonnes-BoldCondensed";}
.list_slide{    text-align: center;
    height:80px;box-shadow:0 10px 25px #ccc;}
.list_slide li{ width:200px; float:left; background:#293f82; line-height:36px; font-size:24px; color:#fff; text-align:center; padding:27px 10px; position:relative; cursor:pointer;}
.list_slide li:before{ background:#3f538e; height:100%; width:1px;content:""; position:absolute; left:0;top:0}
.list_slide li:first-child:before{ background:none}
.list_slide li:after{ background:url(../img/about/a02.png) no-repeat; width:36px; height:16px; left:50%; margin-left:-18px; bottom:-16px; content:""; position:absolute; opacity:0}
.list_slide li.on,.list_slide li:hover{ background:#3a5098}
.list_slide li.on:after,.list_slide li:hover:after{opacity:1}
.list_slide li p{ color:#fff}

.capacity_down table td{ border:1px solid #f7f7f7; padding:10px; line-height:30px; width:96%;}
.capacity_down table td a{ color:#555; font-size:16px; float:right;}
.capacity_down table tr:hover a{ color:#32469d; text-decoration:none}
a.down_load{ background:url(../img/about/down1.png) no-repeat; width:25px; height:16px; margin:0 auto}
.capacity_down table tr:hover a.down_load{ background:url(../img/about/down1h.png) no-repeat}
.capacity_down table td p{ padding-left:30px}
.products_slide{ padding-top:166px; padding-bottom:140px}
.other_banner .banner { position:relative;}
.other_banner .banner .title{ width:1200px; position:absolute; top:0%; left:50%; margin-left:-600px; color:#f1f1f1; font-size:20px; height:100%}
.other_banner .banner .title .p1{ font-size:48px; margin-bottom:20px; line-height:48px; padding-top:15%; font-family:'Vonnes-BoldCondensed'}
.other_banner .banner .title .p2{ font-family:'Vonnes-BoldCondensed'}
.products_slide .flex-control-nav {
    display: none;
}
.img3{   height:648px; overflow:hidden; position:relative}
.img5 img,.img3 img{ position:relative;}
.img5{   height:648px; overflow:hidden; position:relative}

.ab4 .about_detail_bj .about_top{ padding-bottom:90px}
.products_slide .flex-direction-nav .flex-nav-prev {
    position: absolute;
    cursor: pointer;
    background: url(../img/about/left.png) no-repeat center center;
    position: absolute;
    top: 44%;
    left: -60px;
    text-indent: -9999px;margin:0;background-size: 100% auto;
}
.products_slide .flexslider .flex-direction-nav li {
width:13px;  height:23px; border-radius:360px; padding-bottom:0
}

.products_slide .flex-direction-nav .flex-nav-next {
    cursor: pointer;
    background: url(../img/about/right.png) no-repeat center center;
    position: absolute;
    top: 44%;
    right: -60px;
    text-indent: 9999px;margin:0;background-size: 100% auto;
}
.products_slide .flex-direction-nav .flex-nav-next:hover{background: url(../img/about/right.png) no-repeat center center;}
.products_slide .flex-direction-nav .flex-nav-prev:hover{background: url(../img/about/left.png) no-repeat center center;}
.products_slide .flex-direction-nav .flex-next {
    right: -60px;
    text-align: right;
}
.products_slide .flexslider .flex-direction-nav .flex-nav-prev a.flex-disabled {
    display: none;
}

.products_slide .flexslider .flex-direction-nav .flex-nav-next a.flex-disabled {
    display: none;
}
.products_slide .flex-direction-nav .flex-nav-prev a, .products_slide .flex-direction-nav .flex-nav-next a {
    display: block;
    width: 100%;
    height: 100%;
}
.products_slide .flexslider li{ padding-bottom:30px}
.products_slide .flexslider li a {
    font-size: 16px;
    color: #666;
    height: 100%;
}
.products_slide .flex-direction-nav .flex-prev {
    left: -50px;
}

.products_slide .flexslider { background:none; border:none; padding:0; margin:0}
.products_slide .flexslider li{ margin-right:30px; cursor:pointer}
.products_slide .flexslider li:hover .bottom{opacity:1; -webkit-animation: up 0.3s linear 1 backwards;
    animation: up 0.3s linear 1 backwards;}
.products_slide .flexslider li .top{ background:none; }
.products_slide .flexslider li .top img{-webkit-transition:all .6s;transition:all .6s}
.products_slide .flexslider li:hover .top img{    -webkit-transform: scale(1.1,1.1);
    -webkit-transition: transform 1.5s linear 0;
    -moz-transform: scale(1.1,1.1);
    -moz-transition: transform 1.5s linear 0;
    -o-transform: scale(1.1,1.1);
    -o-transition: transform 1.5s linear 0;}
.products_slide .flexslider li .bottom{opacity:0;background:#fff;line-height: 42px;
   box-shadow:0 0 10px #ccc; width:90%; margin:-20px auto; position:relative;}
.products_slide .flexslider li .bottom p {
    font-size: 17px;
    color: #32469d;
    position: relative; padding:12px 5px; text-align:center; line-height:26px; 
    min-height: 52px;
}
.products_slide .flexslider li .bottom a:after {
    position: absolute;
    width: 34px;
    background: #e40000;
    height: 3px;
    left: 50%;
    bottom: -16px;
    margin-left: -17px;
    -webkit-transition: all .6s;
    transition: all .6s;
    content: "";
}
.products_slide .flexslider li:hover .bottom a {
    color: #e60012;
}
.products_slide .flexslider li:hover .bottom a:after {
    width: 100%;
    left: 0;
    -webkit-transition: all .6s;
    transition: all .6s;
    margin-left: 0;
}


.capacity_fixed{ position:fixed; background:rgba(0,0,0,0.8); top:0; left:0; width:100%; height:100%; z-index:1111; display:none}
.capacity_fixed h1{ line-height:36px; font-size:24px; color:#32469d; margin:0; padding:20px}
.capacity_fixed .box_in{ background:#fff; color:#555; line-height:30px; font-size:16px; width:62.5%; margin:2% auto; text-align:left; position:relative}
.capacity_fixed .box_in .con{
    width: 100%;
    padding: 0 2%;
    height: 70px;
    overflow: auto;
    position: relative;
}
.capacity_fixed .box_in .con p{
    font-size: 13px;
    line-height: 23px;
}
.capacity_fixed .box_in .close{ position:absolute; width:23px; height:23px; right:26px; top:23px; cursor:pointer;transition: all 0.8s;-webkit-transition: all 0.8s;-o-transition: all 0.3s;-moz-transition: all 0.3s; display:block;-webkit-transform-origin:center center; opacity:1}
.capacity_fixed .box_in .close img{ vertical-align:middle}
.capacity_fixed .box_in .close span{ width:23px; height:6px; border-radius:3px; display:inline-block; background:#666666;-webkit-transform: rotate(-45deg); position:relative; left:0; top:0;-webkit-transition: all 0.3s;-o-transition: all 0.3s; margin:0}
.capacity_fixed .box_in .close span:last-child{-webkit-transform: rotate(45deg); left:0;top: -21px;}
.capacity_fixed .box_in .close:hover span{-webkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.8s;-webkit-transform: rotate(-25deg);transform: rotate(-25deg); -webkit-transform-origin:center center;transform-origin:center center;}
.capacity_fixed .box_in .close:hover span:last-child{-webkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.8s;-webkit-transform: rotate(25deg);transform: rotate(25deg); -webkit-transform-origin:center center;transform-origin:center center;}



.hornor_slide{ padding-top:100px; margin-bottom:60px; position:relative; z-index:111}
.products_slide{position:relative; z-index:111}
.research-pc .list{ position:relative; z-index:111}
.research-pc a.btn{ z-index:111}
.hornor_slide .flexslider .flex-viewport { padding-bottom:68px; width:90%; margin:0 auto
}
.hornor_slide .flexslider .flex-control-paging li{ padding:0; }
.hornor_slide .flexslider .flex-control-paging li a{ width:8px; height:8px; background:#e7e7e7; border:1px solid #fff; border-radius:360px;}
.hornor_slide .flexslider .flex-control-paging li a.flex-active{ background:#32469d; border:1px solid #32469d}
.hornor_slide .flexslider .flex-direction-nav .flex-nav-prev {
    position: absolute;
    cursor: pointer;
    background:#eee url(../img/about/a05.png) no-repeat center center;
    position: absolute;
    top: 44%;
    left: 0;
    text-indent: -9999px;margin:0;
}
.hornor_slide .flexslider .flex-direction-nav li {
width:38px;  height:38px; border-radius:360px; padding-bottom:0
}

.hornor_slide .flex-direction-nav .flex-nav-next {
    cursor: pointer;
    background:#eee url(../img/about/a06.png) no-repeat center center;
    position: absolute;
    top: 44%;
    right: 0;
    text-indent: 9999px;margin:0;
}
.hornor_slide .flex-direction-nav .flex-nav-next:hover{background:#32469d url(../img/about/a06h.png) no-repeat center center;}
.hornor_slide .flex-direction-nav .flex-nav-prev:hover{background:#32469d url(../img/about/a05h.png) no-repeat center center;}
.hornor_slide .flex-direction-nav .flex-next {
    right: -60px;
    text-align: right;
}
.hornor_slide .flexslider .flex-direction-nav .flex-nav-prev a.flex-disabled {
    display: none;
}

.hornor_slide .flexslider .flex-direction-nav .flex-nav-next a.flex-disabled {
    display: none;
}
.hornor_slide .flex-direction-nav .flex-nav-prev a, .hornor_slide .flex-direction-nav .flex-nav-next a {
    display: block;
    width: 100%;
    height: 100%;
}
.hornor_slide .flexslider li a {
    font-size: 16px;
    color: #666;
    height: 100%;
}
.hornor_slide .flex-direction-nav .flex-prev {
    left: -50px;
}

.hornor_slide .flexslider { background:none; border:none; padding:0; margin:0}
.hornor_slide .flexslider .flex-viewport li{ margin-right:12px; cursor:pointer; overflow:hidden;  height:466px;}
.hornor_slide .flexslider li:hover .bottom{opacity:1; -webkit-animation: up 0.3s linear 1 backwards;
    animation: up 0.3s linear 1 backwards;}
.hornor_slide .flexslider li .top{ background:none; height:100%; width:100%; display:table}
.hornor_slide .flexslider li .top p{ display:table-cell; vertical-align:middle;}
.hornor_slide .flexslider li .bottom{opacity:0;background:#fff;line-height: 42px;
   box-shadow:0 0 10px #ccc; width:90%; margin:-20px auto; position:relative;}
.hornor_slide .flexslider li .bottom p {
    font-size: 17px;
    color: #32469d;
    position: relative; padding:12px 5px; text-align:center; line-height:26px; 
}
.hornor_slide .flexslider li .bottom a:after {
    position: absolute;
    width: 34px;
    background: #e40000;
    height: 3px;
    left: 50%;
    bottom: -16px;
    margin-left: -17px;
    -webkit-transition: all .6s;
    transition: all .6s;
    content: "";
}
.hornor_slide .flexslider li:hover .bottom a {
    color: #e60012;
}
.hornor_slide .flexslider li:hover .bottom a:after {
    width: 100%;
    left: 0;
    -webkit-transition: all .6s;
    transition: all .6s;
    margin-left: 0;
}
.footer .top .list-last li.two .group_btns .stButton .pinterest{   
	width: 35px;
    height: 35px;
    display: inline-block;
    margin-right: 14px;
    margin-top: 18px;
    background: url(../img/qq.png) no-repeat;
    border: 1px solid #444;
    border-radius: 360px;text-indent:-99999px}
	
.footer .top .list-last li.two .group_btns .stButton .facebook {
   width: 35px;
    height: 35px;
    display: inline-block;
    margin-right: 14px;
    margin-top: 18px;
    background: url(../img/f.png) no-repeat;
    border: 1px solid #444;
    border-radius: 360px;text-indent:-99999px
}
.footer .top .list-last li.two .group_btns .stButton .twitter {
   width: 35px;
    height: 35px;
    display: inline-block;
    margin-right: 14px;
    margin-top: 18px;
    background: url(../img/fei.png) no-repeat;
    border: 1px solid #444;
    border-radius: 360px;text-indent:-99999px
}
.footer .top .list-last li.two .group_btns .stButton .linkedin {
   width: 35px;
    height: 35px;
    display: inline-block;
    margin-right: 14px;
    margin-top: 18px;
    background: url(../img/fei2.png) no-repeat;
    border: 1px solid #444;
    border-radius: 360px;text-indent:-99999px
}





.ewm_left{ width:50%; float:left; width:38%;color: #d6d6d6;text-align: center;font-size: 16px;}
.ewm_right{ width:50%; float:right; width:38%;color: #d6d6d6;text-align: center;font-size: 16px;}
.ewm_left h3,.ewm_right h3{ font-size:16px}
.w-case-ul{ overflow:hidden}
.case-cap {
    font-size: 24px;
    line-height: 24px;
    color: #333;
    margin-bottom: 30px;
}
.case-li {
    margin-bottom: 170px;
    width: 31.6%;
    margin-right: 2.6%;
}
.case-li .case-a {
    display: block;
}
.case-li .case-a .img {
    overflow: hidden;
}
.case-li .case-a .img img {
    display: block;
    width: 100%;
    transition: all .3s linear;
}
.case-li .case-a .txts {
    position: relative;
    padding: 22px 45px 22px 20px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}


.case-li .case-a .txts .h2 {
    font-size: 18px;
    line-height: 28px;
    color: #000;
    margin-bottom: 46px;
    transition: all .3s linear;
}
.case-li .case-a .txts .times1 {
    line-height: 40px;
    color: #b7b7b7;
    font-size: 14px;
}
.case-li .case-a .txts .ico1 {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../img/png1.png) no-repeat center;
    transition: all .3s linear;
}
.case-li .case-a .txts .line1 {
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: 0;
    background: #2c419c;
    display: block;
    height: 0;
    width: 0;
    transition: all .3s linear;
}

.w-case-ul .btns{position: absolute;
    right: 0;
    top: 0;
    z-index: 111; width:100px;}
.w-case-ul .btns span{    width: 40px;
    height: 40px;
    display: block;
    float: left;
    margin-left: 10px; cursor:pointer;}
.w-case-ul{ position:relative}
.w-case-ul .btns span.prev{background: url(../img/dl.png) no-repeat center;}
.w-case-ul .btns span.next{background: url(../img/dr.png) no-repeat center;}

.w-case-ul .btns span.prev:hover{background: url(../img/drlh.png) no-repeat center;}
.w-case-ul .btns span.next:hover{background: url(../img/drh.png) no-repeat center;}
.w-case-ul .hd-1{ display:none}
.phone_dh .site{    margin-top: 17px;}

nav ul li .menu_down{ position:absolute; top:30px; left:-68px; width:180px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); display:none}
nav ul li:hover .menu_down{ display:block}
.menu_down:before{    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom-color: #fff;
    position: absolute;
    left: 50%;
    top: -12px;
    content: "";
    margin-left: -3px;}
.menu_down a{ color:#aaa; font-size:14px; line-height:22px; padding:12px 20px; }
.menu_down p{border-top:1px solid #f2f2f2}
.menu_down p:first-child{ border-top:none}
.menu_down a:hover{ color:#3a5098}