@charset "utf-8";
	* {
	margin:0;
	padding:0
}
html,body {
	position:relative;
	height:auto;
	font-size:14px;
	width:100%;
	background: #fff; 
}
body {
	font-family:"Microsoft YaHei";
	background:#f8f8f8
}
a {
	color:#666;
	text-decoration:none
}
ul,dl,li,i {
	list-style:none
}
em {
	font-style:normal
}
img {
	border:0;
	display:inline-block
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
	line-height:auto
}
.uhide {
	display:none!important
}
.fl {
	float:left
}
.fr {
	float:right
}
.w100 {
	width:100%
}
.backi {
	background-color:#00a0e8
}
.bor {
	border:1px solid #ccc
}
.iejanrong {
	display:inline-block;
	_zoom:1
}
.cp {
	cursor:pointer
}
input {
	outline:0
}
.oh {
	overflow:hidden
}
.bcf {
	background-color:#fff
}
.ts {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	.-o-text-overflow:ellipsis
}
.applyinput input,.applyinput #contact .fiea textarea {
	font-family:"微软雅黑"
}
input::-webkit-input-placeholder {
	color:#999;
	font-family:"微软雅黑"
}
input::-webkit-input-placeholder {
	font-family:"微软雅黑"
}
input:-moz-placeholder {
	font-family:"微软雅黑"
}
input::-moz-placeholder {
	font-family:"微软雅黑"
}
input:-ms-input-placeholder {
	font-family:"微软雅黑"
}
textarea:focus {
	outline:0
}
.gif {
	margin-top:20px
}
#radio {
	width:16px;
	float:left
}
#radio li {
	width:12px;
	height:12px;
	margin:0 auto 12px;
	cursor:pointer;
	background:url(../images/right-leftfixed.png) no-repeat center center
}
#radioOn {
	position:absolute;
	top:0;
	left:2px;
	width:12px;
	height:12px;
	margin-bottom:12px;
	margin:0 auto 12px;
	background:url(../images/fixed-red.png) no-repeat center center
}
.topone .title {
	color:#111;
	font-size:16px;
	font-weight:bold;
	line-height:60px;
	text-indent:6px
}
.toptwoda .toptwo {
	width:1000px;
	margin:0 auto;
	height:auto;
	position:relative;
	overflow:hidden
}
.top-telephoto {
	background:url(../images/telephoto.png) no-repeat center center;
	float:left;
	width:20px;
	height:20px;
	margin:7px 0 0 15px
}
.naver {
	width:918px;
	position:relative
}
.qiehuan {
	color:#fff;
	height:41px;
	padding:0 12px;
	line-height:41px;
	position:absolute;
	right:-80px;
	top:0
} 
.qiehuan:hover{
	background-color:#fff;
	color:#333;
	transition:color .2s linear,background-color .1s linear
} 
.naver .tab {
	overflow:hidden;
	background:#00a0e8; float:left;
}
.naver .tab a {
	display:block;
	float:left;
	color:#fff;
	height:41px;
	padding:0 22.5px;
	line-height:41px;font-size:14px;
}
.naver-tab-cur {
	background-color:#fff;
	color:#00a0e8!important;
	transition:color .2s linear,background-color .1s linear
}
.naver .tab a .on {
	background:#fff;
	color:#00a0e8
}
.naver .tab a .ona {
	background:#fff;
	color:#00a0e8
}
.naver .content {
	overflow:hidden;
	width:820px;
	min-height:199px;
	position:relative;
	z-index:99;
	font-size:14px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	height:auto
}
.naver .content .navcont-ul {
	position:absolute;
	left:0;
	top:0;
	height:100%
}
.naver .content .navcont-li {
	width:820px;
	height:100%;
	float:left;
	background-color:#fff;
	padding:7px 0;
	overflow:hidden;
	z-index:99
}
.naver .content .navcont-li p {
	padding:10px
}
.content .navcont-ul .navcont-li dl {
	float:left;
	width:100%;
	line-height:26px
}
.content .navcont-ul .navcont-li dl dt {
	float:left
}
.content .navcont-ul .navcont-li dl .navertitle {
	width:100%;
	height:62px;
	line-height:62px
}
.content .navcont-ul .navcont-li dl .navertitle a {
	color:#00a0e8;
	cursor:pointer;
	font-size:16px
}
.content .navertitle a:hover {
	transition:color .2s linear;
	color:#00a0e8
}
.content .navcont-ul .navcont-li dl dt a:hover {
	cursor:pointer;
	transition:color .2s linear;
	color:#00a0e8
}
.naver-one {
	height:150px;
	overflow:hidden
}
.naver-titleda {
	height:auto;
	overflow:hidden;
	width:auto;
	float:left;
	padding:26px 16px 0 22px
}
.naver-titleda .nav-title-one {
	height:auto;
	overflow:hidden
}
.nav-title-two {
	height:130px;
	width:145px;
	border-right:1px solid #ccc;
	margin-top:27px
}
.nav-title-two .oneli {
	text-align:center;
	padding-left:10px
}
.navaaa{width:360px;}
.navaaa .nav-aboutimg {
	background:url(../images/nav-img.png) no-repeat center center;
	height:160px;
	width:416px;
	margin:15px 21px
} 
.navaaa .nav-serviceimg {
	background:url(../images/nav-serviceimg.jpg) no-repeat center center;
	height:160px;
	width:330px;
	margin:15px 21px
}
.navaaa .nav-collegeimg {
	background:url(../images/nav-collegeimg.jpg) no-repeat center center;
	height:160px;
	width:330px;
	margin:15px 21px
}

.nav-title-twoli {
	height:30px;
	line-height:39px;
	width:140px;display: block;
}
.navcont-manyli {
	float:left;
	line-height:24px;
	margin-top:5px;
	height:auto;
	overflow:hidden
}
.navcont-manyli a:hover,.nav-title-two a:hover {
	color:#00a1e9
}
.navcont-manyli li {
	height:auto;
	overflow:hidden
}
.naver-titlechild {
	width:50%;
	float:left;
	height:100px;
	overflow:hidden
}
.naver-titlechild dl {
	width:50%
}
.naver-title .content-bor-div {
	border-right:0
}
.naver-title {
	padding:26px 16px 0 0px
}
#scrollDiv {
	height:100%;
	overflow:hidden
}
.index1-Carousel {
	height:400px;
	background:url(../images/indexlb.png) no-repeat center center
} 
.flash {
	width:100%;
	position:relative;
	overflow:hidden;
	height:28.875em;
	min-height:300px
}
.flashimg {
	width:100%;
	height:100%;min-height:320px;
}
.flashimg1 {
	background:url(../images/indexa.jpg) no-repeat center center
}
.flashimg2 {
	background:url(../images/pcbanner/6.png) no-repeat center center
}
.flashimg3 {
	background:url(../images/indexc.jpg) no-repeat center center
}
.flashimg4 {
	background:url(../images/pcbanner/12174.png) no-repeat center center
}
.flashimg5 {
	background:url(../images/pcbanner/gt.jpg) no-repeat center center
}
.flashimg7 {
	background:url(../images/513.jpg) no-repeat center center
}
.flashimg8 {
	background:url(../images/pcbanner/9r.png) no-repeat center center
}
.flashimg9 {
	background:url(../images/pcbanner/9r_6.png) no-repeat center center
}
.flashimg10 {
	background:url(../images/pcbanner/e.png) no-repeat center center
}
.flash ul {
	list-style-type:none;
	/* width:96px; */
	height:12px;
	background:#000;
	padding:5px 10px 5px 15px;
	border-radius:14px;
	position:absolute;
	top:92%;
	left:46%;
	background-color:rgba(0,0,0,0.5)
}
.flash ul li {
	width:10px;
	height:10px;
	border:1px solid #fff;
	float:left;
	color:#fff;
	margin-right:3px;
	border-radius:5px
}
.flash ul li.hover {
	background:#fff;
	cursor:pointer
} 
.indexb .content {
	width:1000px;
	margin:0 auto;
	height:auto;overflow:hidden;
}
.leftcont .p {
	color:#3b3630;
	font-size: 1.4em;
	font-weight:bold;
	text-align:center;
	height: 1.875em;
	line-height: 1.875em;
}
.leftcont .p2 {
	color:#3b3630;
	font-size: 1em;
	height: 2.5em;
	padding-top: 0.5em;
	text-align:center;
	width:100%;
	overflow:hidden;;white-space: nowrap;text-overflow: ellipsis;
}
.leftcont .right {
	width:48%;
	height:198px;
	padding:16px 0 20px 1%;
}
.indexb .right ul li img{float:left;}
.indexb .right ul li a {
	float:left;
	color:#fff;
	line-height:30px;
	margin:3px 0 0 7px;
	padding:0 10px;
	border-radius:30px;
	height:30px;
	width:150px;
	margin-left:5px;
	font-size:13px;
	display:block;
	_zoom:1;
	*display:inline;overflow:hidden;
}
.indexb .right ul li:hover a {
	transition:background-color .1s linear,font-size .2s linear;
	background-color:#fff;
	color:#00a0e8;
	font-size:13px
}
.indexb .right ul li {
	height:56px;
	cursor:pointer;padding-left:12px;
} 
.index3-back { 
	width:100%; 
	position:relative; 
}
.indexc .content {
	width:1000px;
	margin:0 auto;
	height:auto;padding-bottom: 55px;
}
.indexc .content .title {
	color:#fff
}
.index3Middle {
	background-color:#fff;
	height:2em;
	width:59%;
	text-align:center;
	line-height:2em;
	color:#666;
	border:1px solid #ddd
}
.index3ul {
	height:42px;
	padding:0 10px 1.8% 10px
}
.industry-ul {
	width:100%;
	height:auto;
	overflow:hidden;
}
.index3ul li {
	padding:0 15px;
	margin-left:108px;
	width:153px;
	height:42px;
	float:left;
	color:#fff;
	font-size:16px;
	text-align:center;
	line-height:42px;
	border-radius:21px;
	background:url(../images/index3title.png) no-repeat center center;
	background-color:#009ae0
}
.industry {
	float:left; 
}
.industry ul li {
	cursor:pointer;
	height:25px;
	padding:4px 0;
	text-align:center
}
.industry ul li a {
	color:#444;
	height:26px;
	line-height:26px;
	width:120px;
	font-size:13px;
	display:block;
	_zoom:1;
	*display:inline
}
.industry ul li a:hover {
	transition:background-color .1s linear,font-size .2s linear;
	background-color:#fff;
	color:#009ae0;
	border-radius:5px;
	font-size:13px;
	border:1px solid #ccc
}
.industrya {
	width:360px;
	position:relative
}
.industry div {
	background:url(../images/index3.png);
	width:1px;
	height:186px;
	position:absolute;
	left:356px;
	top:10px;
	overflow:hidden
}
.industryb div {
	left:300px
}
.industrya ul li {
	margin-left:140px
}
.industryb {
	width:228px;
	padding-left:76px;
	position:relative
}
.industryc {
	width:190px;
	padding-left:66px
}
.content .title3 {
	color:#009ae0;
	font-size:1.7em;
	text-align:center;
	padding:55px 0 0 0;
}
.index4 {
	background-color:#575454
}
.index4 .title2 .index3Middle {
	background-color:#d8c7c7;
	color:#383636
}
.content .title4 {
	color:#fff;
	font-size:23.23px;
	text-align:center;
	height:50px;
	padding-top:40px
}
.Mapul {
	color:#dfdbdb;
	width:400px;
	height:18px;
	margin:0 auto;
	padding-top:14px;
	line-height:18px
}
.Mapul li {
	float:left;
	margin-left:7px;
	color:#fff
}
.index3-back .Mapul li a {
	color:#fff
}
.statement {
	text-align:center;
	font-size:12px;
	padding-top:6px;
	color:#fff;
}
.codediv li p {
	height:30px;
	line-height:30px;
	font-size:14px
}
.codediv li .codea {
	background:url(../images/code.png) no-repeat center center;
	background-size:cover
}
.codediv li .codeb {
	background:url(../images/code2.png) no-repeat center center;
	background-size:cover
}
.codediv li div {
	width:237px;
	height:236px
}
.nav-contda {
	width:100%;
	height:100%;
	overflow:hidden
}
.nav-one-title {
	color:#00a1e9;
	font-size:16px!important;
	margin-right:50px
}
.indexb .content a, .indexc .content a  {
	white-space:nowrap;
	font-size:14px;
	display:block; 
	_zoom:1; 
}
.content-bor {
	border-right:1px solid #ddd
}
.content-bor-div {
	width:auto;
	overflow:hidden;
	height:120px
}
.content .navcont-ul .navcont-li .nav-one-cont {
	float:left;
	width:176px;
	overflow:hidden
}
.intro {
	padding:2% 0!important
}
.introa {
	padding:2px 0!important
}
.qiao-invite-wrap,.qiao-icon-head {
	display:none!important
}
.industry-lititle{display:none;}

.second{ position:  relative;}

/*4.2 官网2期新增样式*/
 .haoh{height: auto;overflow: hidden;}
 /*4.2 官网2期新增样式*/
.indexbottom-back{background-size:100% 100%;height:auto;overflow:hidden;}
.ofh{word-break:break-all;display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2; /** 显示的行数 **/
    overflow: hidden; text-overflow:ellipsis;}
.of{overflow: hidden; text-overflow:ellipsis;white-space: nowrap;}   
.ie7{display:block;_display:inline; _zoom:1;}
.new{height: auto;width:100%;padding-bottom:55px;}
.new .top{padding:55px 0;margin: 0 auto;width: 1000px;}
.new .contianer{margin: 0 auto;width: 1000px;}
.new .contianer .but{height:341px;}
.new .table{width:100%;display:none;height:100%;}
.new .table-title{width:auto;height:3.25em;}
.new .table-title li{line-height:2.125em;height:2.125em;width:100px;color:#333333;text-align:center;cursor:pointer; }
.new .table-title li.sel{background:#00a0e8; color: #fff;}
.new .table-title li p{line-height:2.125em;height:2.125em;}
.new .table-title li .img{background:url(../images/icon-triangle.png) no-repeat;height: 12px;width: 12px;display: none;margin: 0 auto;}
.new .morevideo{margin-right: 60px;border:1px solid #ccc;border-radius: 5px;line-height: 2em;height: 2em;width: 92px;color:#333333;text-align:center;}
.new .morevideo:hover{background:#00a0e8; color: #fff;transition:background-color .3s linear;}
.new .dis-on{display:block;}
.new .dis-block{display:block !important;}
.new .table .left{width: 47%;height:100%;overflow:hidden;}

   /* 本例子css */
.slideBox{ width:100%; height:100%;position:relative; }
.slideBox .hd{ height:19px; overflow:hidden; position:absolute;left:81%;top:239px;z-index:1; display:none}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{float:left;margin-right:2px;width: 12px;height: 12px;line-height: 12px;
text-align:center;cursor:pointer;border-radius: 50%; border: 2px solid #fff;}
 .slideBox .hd ul li.on{color:#00a0e8; background:url(../images/icon-yuan.png) no-repeat center center;}
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd .bdimg{ width:450px; height:267px; display:block;}
.slideBox .bd .newindex-bg{ position: absolute;left: 0;top: 0;width:450px;height:267px;}
.table .left .bottom{position: relative;}
.new-lefttitle{color:#555;font-size:1.125em;font-weight:bold;width:100%;line-height:2em;padding-top:7px;}
.new-leftcontent{font-size: 0.875em;color: #666666;width: 100%;line-height:1.6em;height:39px;}
.newright{margin-left:20px;height: 100%;}
.newright .list{height:auto;overflow:hidden;margin-bottom:20px;}
.newright .list:hover .day{transition:background-color .3s linear ;background-color:#00a0e8;}
.newright .list:hover .details .details-title{color:#00a0e8;} 
.newright .list .day div{font-size:1.75em;padding-top:0.3em;height: 50%;
animation-iteration-count: 1; /*动作循环的次数：infinite 无限循环*/
   animation-duration: 1s; /*动画时间*/
  animation-fill-mode: both; /*播放后的状态*/
}
.newright .list:hover .day div{
 animation-name:containerb; /*动画的名称*/
  transform-origin: center bottom; /*设置动画旋转元素的基点为：居中靠下*/ 
  }
  @keyframes containerb{ 
  43%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-9px,0);
  } 
} 
.list .day{width: 5.25em;height: 5em;background-color:#2d3e4c;color: #fff;text-align: center;} 
.list .day p{font-size:0.875em;} 
.list .details{padding-left:22px;width: 26em;height: 5em;position: relative;float:left;}
.list .details .details-title{color: #555555;font-size: 1.125em;font-weight: bold;line-height: 1.5em;width:95%;}
.list .details div{color: #666666;font-size: 0.875em;line-height: 22px;width: 95%;height: 41px; }

/*右边固定*/
.indexfixed{width: 230px;background:rgba(41, 37, 43,.7);position: absolute;right: 0;top:3.2em;filter:alpha(opacity=70); }
.indexfixed .topclose{height:2em;width: 100%;}
.indexfixed .topclose div{width:2em;height: 2em;background:url(../images/icon-close.png) no-repeat center center;margin: 5px 5px 0 0;}
.fixed-content{width: 80%;height: 66%;border: 1px solid #fff;margin:0.8em auto 0;}
.fixed-content .list{color: #fff;height: 20.33%;width:85%;padding: 8% 0 5% 15%;}
.fixed-content .list .left-icon{width: 2.5em;height: 2.5em;margin-top: 0.15em;}
.fixed-content .list .right-cont{height:100%;padding-left: 3.5em;}
.fixed-content .list:hover{background-color: #fff;color: #333;transition:background-color .2s linear;}
.fixed-content .list:hover .trial{background:url(../images/icon-triala.png) no-repeat center center;}
.fixed-content .list:hover .icon-watcha{background:url(../images/icon-watcha.png) no-repeat center center;}
.fixed-content .list:hover .icon-consulta{background:url(../images/icon-consulta.png) no-repeat center center;}
.fixed-content .list .trial{background:url(../images/icon-trial.png) no-repeat center center;}
.fixed-content .list .icon-watcha{background:url(../images/icon-watch.png) no-repeat center center;}
.fixed-content .list .icon-consulta{background:url(../images/icon-consult.png) no-repeat center center;}
.fixed-bottom{height: 7em;padding-top:1em;width:80%;margin:0 auto;line-height: 2.2em;}
.fixed-bottom div{height: 2.25em;width: 33%;float:left;position:relative;}
.fixed-bottom div a{height: 100%;width:100%;}
.fixed-bottom .weixin a{background:url(../images/icon-weixin.png) no-repeat center center;}
.fixed-bottom .weibo a{background:url(../images/icon-weibo.png) no-repeat center center; }
.fixed-bottom .men{white-space:nowrap;color:#fff;}
.fixed-bottom .weixin img{position:absolute;top: 31px;left:-20px;width: 90px;height:90px;display:none;}
.fixed-bottom .weibo img{position:absolute;top:31px;left:-14px;;width:90px;height:90px;display:none;}
.fixed-bottom .weixin:hover img{display:block;}
.fixed-bottom .weibo:hover img{display:block;}
.fixed-bottom span{display:block;height: 34px;border-radius: 5px;color: #fff;font-size: 13px;text-align: center;line-height: 34px;background: #00a0e8;padding: 0px 12px;}
.fixed-bottom span:nth-last-child(1){margin-top: 10px;}
.investiga{ position:absolute;right:24px;top:106%;}
.investiga-res{ position: relative;}
.investiga-close{position:absolute;right:10px;top:6px;width:16px;height: 16px;}
.investiga-res a img{}