@charset "utf-8";
/* CSS Document */

 html, body, p, div, a, section, footer, header, ul, li, h1, dl, dd, dt, h1, h2, h3, h4, h5, h6, img{ margin:0; padding:0; list-style-type:none; font-family:Microsoft Yahei;}
 article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,form, input, button{display:block;margin:0; padding:0;}
 a:hover{
	 cursor:pointer;
 }
.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}

.clearfix:after {
    clear: both;
}
.header{
	height:100px;
}
.logo{
	float:left;
	width:140px;
	margin-top:10px;
}
.logofont{
	width:270px;
	float:left;
	margin-top:45px;
}

.logofont p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#29a4db;
}
.logofont h3{
	font-family:Microsoft Yahei;
	font-size:24px;
	color:#29a4db;
}
.eng-china{
	width:185px;
	float:right;
	margin-top:55px;
	text-align:right;
	line-height:24px;
}
.eng-china span{
	font-size:14px;
	line-height:24px;
	display:inline-block;
}
.eng-china a{
    font-size:14px;
	color:#000;
	text-decoration:none; 
	line-height:24px;
	display:inline-block;
}
.eng-china a.curbb{
	color:#29a4db;
}
.eng-china a:hover{
	text-decoration:underline;
	color:#29a4db;
}
.wrapper{
	width:1180px;
	margin:0 auto;
}
.wrapper2{
	width: 100%;

    BACKGROUND: #2cb8f0;
    HEIGHT: 50PX;
    margin-top: 20px;
}
.menu{
    width:1180px;
	 margin: 0 auto;
}

.menu ul.nav {
	margin:0 auto;
}

.menu ul li.navitem {
    line-height: 50px;
    float: left;
	background:#2cb8f0;
	margin-left:3px;
	margin-right:4px;

}
.menu ul li.navitem>a{
	color: #fff;
	display: block;
    padding-left:37px;
	padding-right:37px;
	font-size:18px;
	font-family:Microsoft Yahei;
	text-decoration:none;
}
.menu ul li.navitemicon>a{
	background:url(../images/homewhite.svg) no-repeat center center;
	background-size:30px 30px;
	text-indent:-9999px;
	 padding-left:18px;
	padding-right:18px;
}

#index .menu ul li.navitemicon>a#tag1{
	background:#8cdbfa url(../images/homewhite.svg) no-repeat center center;
	background-size:30px 30px;
	text-indent:-9999px;
	 padding-left:18px;
	padding-right:18px;
}
#about .menu ul li.navitem a#tag2,#aboutteam .menu ul li.navitem a#tag2,#aboutintro .menu ul li.navitem a#tag2,#productb .menu ul li.navitem a#tag3,#productc .menu ul li.navitem a#tag3,
#research .menu ul li.navitem a#tag4, #researchteam .menu ul li.navitem a#tag4, #socity .menu ul li.navitem a#tag5, #health .menu ul li.navitem a#tag5, #news .menu ul li.navitem a#tag6, 
#video .menu ul li.navitem a#tag6, #devoice .menu ul li.navitem a#tag6, #jobs .menu ul li.navitem a#tag7, #contact .menu ul li.navitem a#tag8{
	color:FFF;	
	background:#8cdbfa;
}

.menu ul li.navitem:hover a {
	color:#fff;	
	background:#8cdbfa;
}
.menu ul li.navitem>a:hover{
	color:#fff;
	background:#8cdbfa;
}
.menu ul li.navitemicon>a:hover{
	background:#8cdbfa url(../images/homewhite.svg) no-repeat center center;
	background-size:30px 30px;
	text-indent:-9999px;
	 padding-left:18px;
	padding-right:18px;
}
.swiper-container {
      width: 100%;
      height: 100%;
    }
.swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
	  height:667px;
      width:100%;
	  overflow:hidden;
      /* 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;
    }


.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 98px;
    margin-top: -49px;
    z-index: 10;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin:0 9px;
}
.swiper-button-prev {
	background:url(../images/swiperjt.png) no-repeat left;
	left:20px;
	opacity:0;
	transition:all 0.5s;
}
.swiper-button-next{
	background:url(../images/swiperjt.png) no-repeat right;
	right:20px;
	opacity:0;
	transition:all 0.5s;
}
.swiper-container:hover .swiper-button-prev, .swiper-container:hover .swiper-button-next{
	opacity:1;
	transition:all 0.5s;
}
.swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    display: inline-block;
    border-radius: 100%;
    background: #eee;
    opacity: 1;
	margin-top:-3px;
	border:3px solid #eee;
}
.swiper-pagination-bullet-active{
	border:3px solid #fff;
	background: #29a4db;	
}

@keyframes lefteaseinAnimate{
    0%{ transform: translateX(-2000px); opacity: 0;}   
    100%{ transform: translateX(0px); opacity: 1;}       
}
@-webkit-keyframes lefteaseinAnimate{
    0%{ -webkit-transform: translateX(-2000px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}    
}
@-o-keyframes lefteaseinAnimate{
    0%{ -webkit-transform: translateX(-2000px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}    
}
@-ms-keyframes lefteaseinAnimate{
    0%{ -webkit-transform: translateX(-2000px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}    
}
@-moz-keyframes lefteaseinAnimate{
    0%{ -webkit-transform: translateX(-2000px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}    
}
.swiper-slide-active .font-ani{
	width:1180px;
	margin:0 auto;
	 animation: lefteaseinAnimate 1s ease 1;   
    -webkit-animation: lefteaseinAnimate 1s ease 1;
    -ms-animation: lefteaseinAnimate 1s ease 1;
    -o-animation: lefteaseinAnimate 1s ease 1;
    -moz-animation: lefteaseinAnimate 1s ease 1;
    
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
      -o-animation-fill-mode: forwards; 
      -ms-animation-fill-mode: forwards;   
      -moz-animation-fill-mode: forwards; 
}
.swiper-slide-active .font-ani>h4{
	font-size:60px;
	font-family:"苹方";
	line-height:86px;
	text-align:left;
	padding-left:77px;
	color:#fff;
	font-weight:600;
	 
}
.swiper-slide-active .font-ani>p{
	font-size:34px;
	font-family:"苹方";
	line-height:50px;
	text-align:left;
	padding-left:77px;
	color:#fff;
	
	 
}
.swiper-slide-active .font-ani p{
	width:1180px;
	margin:0 auto;
	 animation: lefteaseinAnimate 2s ease 1;   
    -webkit-animation: lefteaseinAnimate 3s ease 1;
    -ms-animation: lefteaseinAnimate 2s ease 1;
    -o-animation: lefteaseinAnimate 2s ease 1;
    -moz-animation: lefteaseinAnimate 2s ease 1;
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
      -o-animation-fill-mode: forwards; 
      -ms-animation-fill-mode: forwards;   
      -moz-animation-fill-mode: forwards; 
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom:45px;
	}

.headtitle{
	text-align:center;
	width:100%;
	margin-top:60px;
	margin-bottom:60px;
}
.headtitle>h5{
	color:#0071b5;
	font-size:24px;
	font-weight:normal;
	line-height:46px;
}
.headtitle>p{
	font-size:14px;
	color:#999;
	font-weight:100px;
	line-height:24px;
}
.zjlist{
	width:880px;
	margin:0 auto
}
.zjlist li{
	float:left;
	width:400px;
	margin-left:20px;
	margin-right:20px;
	overflow:hidden;
}
.zjlist li .zjimg{
	width:400px;
	height:267px;
}
.zjlist li .zjimg img{
	width:100%;
}
.zjlist li a{
	text-decoration:none;
	position:relative;
}
.zjlist li .zjfonts>h5{
	line-height:55px;
	font-size:18px;
	color:#333;
	font-weight:300;
}
.zjlist li a img{
	cursor: pointer;
    transition: all 1s; 
}
.zjlist li a:hover img{
	transform: scale(1.1); 
	transition:ease-out all 1s;
	opacity: 0.7;
}
		
.zjlist li .zjfonts>p{
	 color:#929292;
	 font-size:14px;
	 line-height:28px;
 }
.zjlist li .zjfonts .sline{
	height:50px;
	background:#ccc;
	width:100%;
	display:block;
	position:relative;
}
.zjlist li .zjfonts .sline span{
	position:absolute;
	width:400px;
	height:50px;
	background:#929292;
	text-align:center;
	line-height:50px;
	color:#fff;
	
}
.zjlist li a .hfont{
	position:absolute;
    top: -35px;
    left: 0px;
    color: #fff;
    text-align: center;
    width: 400px;
}
.zjlist li a:hover .zjfonts .sline span:after {
    width: 100%;
    opacity: 1;
}
.zjlist li a .zjfonts .sline span:after{
	content: "";
    position: absolute;
    width: 0;
    height:50px;
    background: #29a4db;
    top: 0;
    transform: translateX(0%);
    transition: all 0.6s cubic-bezier(.075, .82, .165, 1);
    left: 0%;
    opacity: 0;
	color:#fff;
}

.bottomnav{
	font-size:18px;
	color:#29a4db;
	text-align:center;
	margin-top:100px;
	margin-bottom:30px;
}
.bottomnav a{
	color:#29a4db;
	text-decoration:none;
}
.bottomnav a:hover{
	text-decoration:underline;
}

.icons{
	text-align:center;
	width:140px;
	margin:0 auto;
	margin-bottom:60px;
}
.icons a{
	display:inline-block;
	width:40px;
	height:40px;
	float:left;
	margin-right:15px;
	margin-left:15px;
}
.icons a:hover{
	cursor:pointer;
}
.icons .weixin a{
	width:40px;
	height:40px;
	background:#29a4db url(../images/weixin.svg) no-repeat center center;
	background-size:30px 30px;
	display:inline-block;
	border-radius:20px;

	text-indent:-9999px;
}

.icons .weixin a .weixincode img{
	 display:none;
	 transition:all 1s;
}
.icons .weixin a:hover .weixincode img{
	 display:block;
	 position:absolute;
	 top:-130px;
	 left:480px;
	 width:150px;
	 height:173px;
	 z-index:100;
	 border:1px solid #ccc;
	 transition:all 1s;
}
.icons .baidu a{
	width:40px;
	height:40px;
	background:#29a4db url(../images/baidu.svg) no-repeat center center;
	background-size:30px 30px;
	display:inline-block;
	border-radius:20px;
	text-indent:-9999px;
}

.bluemore{
	margin:0 auto;
	margin-top:51px;
	margin-bottom:108px;
	width:192px;
	height:45px;
	display:block; 
}
.bluemore a{
	display:block;
	background:#5881c2;
	width:192px;
	height:45px;
	text-align:center;
	line-height:45px;
	font-size:14px;
	color:#fff;
	text-decoration:none;
}
.bluemore a:hover{
	  transition: all 1s;
	  background:#396cbe;
}

.inpagebg{
	width:100%;
	height:390px;
}
.inpagebg .inpagegtitle {
  
    margin-left:0px;
    margin-top:40px;
    color: #29a4db;
}
.inpagebg .inpagegtitle h5{
	font-size:36px;
	font-family:"苹方";
	font-weight:500;
	line-height:50px;
}
.inpagebg .inpagegtitle p{
	font-size:24px;
	font-family:"苹方";
	
	line-height:36px;
}

.about{
	background:url(../images/about.png) no-repeat top center;
}
.pro{
	background:url(../images/pro.png) no-repeat top center;
}
.research{
	background:url(../images/research.png) no-repeat top center;
}
.socity{
	background:url(../images/socity.png) no-repeat top center;
}
.news{
	background:url(../images/news.png) no-repeat top center;
}
.jobs{
	background:url(../images/jobs.png) no-repeat top center;
}
.contact{
	background:url(../images/contact.png) no-repeat top center;
}
.inpage-ani{
	width:1180px;
	margin:0 auto;
	 animation: lefteaseinAnimate 1s ease 1;   
    -webkit-animation: lefteaseinAnimate 1s ease 1;
    -ms-animation: lefteaseinAnimate 1s ease 1;
    -o-animation: lefteaseinAnimate 1s ease 1;
    -moz-animation: lefteaseinAnimate 1s ease 1;
    
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
      -o-animation-fill-mode: forwards; 
      -ms-animation-fill-mode: forwards;   
      -moz-animation-fill-mode: forwards; 
}

.bluefont{
	color:#29a7de;
	line-height:48px;
}
.inpage-ani p{
	width:1180px;
	margin:0 auto;
	 animation: lefteaseinAnimate 2s ease 1;   
    -webkit-animation: lefteaseinAnimate 3s ease 1;
    -ms-animation: lefteaseinAnimate 2s ease 1;
    -o-animation: lefteaseinAnimate 2s ease 1;
    -moz-animation: lefteaseinAnimate 2s ease 1;
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
      -o-animation-fill-mode: forwards; 
      -ms-animation-fill-mode: forwards;   
      -moz-animation-fill-mode: forwards; 
}
.inwrapper{
	width:1180px;
	margin:0 auto;
	margin-top:40px;
}
.leftmenu{
	width:190px;
	float:left;
}
.leftmenu dl{
	margin-bottom:25px;
}
.leftmenu dt{
	line-height:46px;
	border-bottom:4px solid #0071b5;
	font-size:20px;
	color:#0071b5;
}
.leftmenu dd{
	line-height:46px;
	
	background:url(../images/greyjt.svg) no-repeat 170px center;
	background-size:12px;
}
.leftmenu dd a{
	font-size:18px;
	color:#333333;
	text-decoration:none;
}
.leftmenu dd.cur{
	background:url(../images/bluejt.svg) no-repeat 170px center;
	background-size:12px;
}
.leftmenu dd.cur a, .leftmenu dd a:hover{
	color:#29a4db;
}

.newtline{
	height:1px;
	background:#ccc;
	width:100%;
	display:block;
	position:relative;
}
.newtline span{
	position:absolute;
	width:190px;
	height:1px;
	background:#ccc;
	
}
.codewx{
	width:160px;
	margin:0 auto;
	margin-top:40px;
}
.codewx img{
	width:100%;
}
.leftmenu dd:hover .newtline span:after {
    width: 100%;
    opacity: 1;
}
.leftmenu dd .newtline span:after{
	content: "";
    position: absolute;
    width: 0;
    height: 1px;
    background: #5881c2;
    top: 0;
    transform: translateX(0%);
    transition: all 0.6s cubic-bezier(.075, .82, .165, 1);
    left: 0%;
    opacity: 0;
} 

.inbox{
	width:680px;
	margin-left:55px;
	float:left;
}
.intitle{
	line-height:46px;
	color:#29a4db;
	font-size:20px;
	font-weight:600;
	border-bottom:1px solid #808080;
}
.intitle>span{
	    color: #666;
    font-size: 16px;
    font-weight: normal;
    margin-left: 20px;
}
.boxcontent{
	margin-top:20px;
	margin-bottom:20px;
	color:#1a1a1a;
	line-height:28px;
	font-size:16px;
}
.boxcontent img{
	width:680px;
}
.boxcontent p{
	text-indent:32px;
}
.rightcontact{
	width:198px;
	border:2px solid #808080;
	float:right;
}
.inrightbox{
	padding:12px 18px;
	color:#1a1a1a;
	line-height:28px;
	font-size:16px;
}
.teltitle h5{
	background:url(../images/tel.svg) no-repeat left center;
	line-height:36px;
	padding-left:24px;
	background-size:20px;
	font-size:20px;
	font-weight:normal;
}
.telcon h4{
	font-weight:normal;
	color:#0071b5;
}
.newslist li{
	margin-bottom:20px;
}
.newslist li .times{
	color:#333;
	line-height:24px;
	font-size:14px;
}
.newslist li a{
	font-size:16px;
	color:#29a7de;
	text-decoration:none;
	line-height:28px;
	background:url(../images/news.svg) no-repeat right center;
	background-size:14px;
	padding-right:28px;
}