﻿/*public*/
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dt,li,tbody,td,th,thead,tr,button,object,a,abbr,b,em,i,img,samp,span,strong,sub,sup,tt,var,input,select{margin:0;padding:0}
input,button,img,fieldset{border:0;outline:none}
input,select{outline:none}
/* set image max width to 100% */
img,video{max-width:100%;height:auto;width:auto\9;/* ie8 */}
/* set html5 elements to block */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{width:100%;height:100%;font:12px/1.5 '微软雅黑',Arial,Helvetica,sans-serif;color:#2d2d2d;word-wrap:break-word;word-break:break-all;}
body div,body p{margin:0 auto;word-break:normal;}
address,cite,dfn,em,var{font-style:normal}
var{font-family:Verdana,Arial}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
a{color:#333;text-decoration:none;outline:none}
p{color:#333;font-size: 16px;}
a:hover{text-decoration:none}
body{background-color: #efeef4;}
/* list */
ul,ol{list-style:none}

/*Align*/
.alg_r{text-align:right}
.alg_c{text-align:center}
img{width: 100%;}

/*Border*/

/*float*/
.fl{float:left}
.fr{float:right}
.clear{clear:both}
.oFlow{overflow:hidden;zoom:1}

/*top*/
.top_bg{
	position: absolute;
	top: 0;left: 0;right: 0;
	width: 100%;height: auto;
	z-index: -1;
}
.top{
	width: 100%;height: auto;
	overflow: hidden;
	position: relative;
}
.top .til{
	float: left;
	width: 45%;
	margin-left: 10%;
}
.top .til .yf{
	position: relative;
	width: 100%;
}
.top .til .yf img{
	z-index: 99;
}
.top .til p{
	width: 400px;
	position: absolute;
	bottom: 12%;left: 22%;
	font-size: 18px;
	text-align: right;
	z-index: 9;
}
.top .til .yf .pot{
	position: absolute;
	top: 10%;
	left: 5%;
	width: 100px;
}
.top .light{
	position: absolute;
	top: 0;right: 0;
	width: 70%;
	z-index: -1;
}
.top .xjp_img{
	position: absolute;
	top: 7%;right: 17%;
	width: 24%;
	z-index: 99;
}


/*主打稿*/
.main{
	width: 1100px;
	margin:20px auto 40px;
}
.dy{
	width: 90%;
}
.dy p{
	text-indent: 2em;
	line-height: 30px;
	padding:3px 0;
}
.zdg{
	margin-top: 40px;
	position: relative;
	padding-top: 50px;
	height: 705px;
	overflow: hidden;
}
.zdg .txt{
	position: absolute;
	top: 0px;left: 0px;
}
.zdg .tab .tabs{
	width: 50px;
	float: left;
	margin-top: 100px;
}
.zdg .tab .tabs li{
	line-height: 40px;
	text-align: center;
	width: 54px;
}
.zdg .tab .tabs li a{
	font-size: 16px;
	padding:10px 15px;
}
.zdg .tab .tabs_item{display:none;width:1050px;margin-right:20px;overflow: hidden;}
.zdg .tab .tabs_item .fl{
	width: 770px;
    height: 705px;
	background: #fff;
}
.zdg .tab .tabs_item .fl .con{
	width: 100%;
	overflow-y:auto;
	margin: 30px 0;
	height: 644px;
}
.zdg .tab .tabs_item .fl .con p{
	width: 80%;
	line-height: 30px;
	padding:3px auto;
	text-indent: 2em;
}
.zdg .tab .tabs_item .fr{
	width: 280px;
}
.zdg .tab .tabs_item:first-child{display:block;}
.zdg .tab .current a{color:#4d81ee;background:#cedaf1;border:0px;line-height:30px;text-align:center;font-weight: bold;}
.lh_img{margin:0 auto;width: 70%;}


/*轻应用*/
.qyy{
	width: 100%;
	height: auto;
	background: url(../images/qyy_bg.jpg) center center no-repeat;
	background-size: 100% 68%;
	margin-top: 180px;
}
.qyy .con{
	width: 1000px;
	overflow: hidden;
}
.qyy .con .fl{
	width: 400px;
	padding-left: 60px;
	margin:280px 0;
}
.qyy .con .fl .txt{
	padding-top:10px;
}
.qyy .con .fl .ewm{
	margin-top: 20px;
	overflow: hidden;
}
.qyy .con .fl .ewmfl{
	float: left;
	width: 49%;
}
.qyy .con .fl .ewmfl p{
	line-height: 30px;
    padding-top: 35px;
    text-indent: 2em;
}
.qyy .con .fl .ewmfr{
	float: right;
	width: 40%;
}
.qyy .con .fr{
	background: url(../images/iphone.png) top right no-repeat;
	background-size: 100% auto;
	width: 50%;
	padding-bottom: 40px;
}
.qyy .con .fr iframe{
	padding:100px 0 140px 30px;
}


/*story*/
.dialog{position:absolute;top:0;left:-3%;right:0;display:none;width:106%;height:auto;z-index:10000;background-color:#fff;opacity: 0;padding-bottom: 40px;margin-bottom: 80px;}
.dialog #close{opacity: 0.8;position:absolute;top:-30px;right:0px;display:inline-block;cursor: pointer;z-index:999;width: 30px;}
.dialog .inner{width:100%;margin-top:30px}
.dialog .inner #main{width:1000px;}
.story{
	width: 1000px;
	margin-top: 100px;
	position: relative;
}
.story h2{
	text-align: center;
	font-size: 28px;
	font-weight: 300;
	color:#4d81ee;
}
.story .lunbo{
	width: 100%;
	margin-top: 20px;
}
.story .lunbo .bxslider li .link{
	width: 100%;overflow: hidden;
}
.story .lunbo .bxslider li .link .link_img{
	width: 24%;
	float: left;
	margin-right: 1.3%;
	cursor: pointer;
}
.story .lunbo .bxslider li .link .li_last{
	margin-right: 0;
}
.story .lunbo .bxslider li .link_last .link_img{
    margin-right: 7%;
}
.story .story_con{
	margin-top: 40px;
	width: 70%;
}
.story .story_con h3{
	color: #4c74d9;
	font-size: 30px;
	padding-bottom: 20px;
	border-bottom: 1px #e6e6e6 solid;
}
.story .story_con p{
	text-indent: 2em;
	line-height: 28px;padding:2px 0;
}
.lunbo_con{
	text-align: center;
}
.lunbo1{
	width: 100%;
}
.lunbo1 li{
	width: 100%;
}
.vid_src{
	width: 1000px;
	margin:30px 0 40px;
}


.lk{
	width: 100%;
	margin: 140px auto 0;
	background: #e1e6f0;
	text-align: center;
}
/* .lk img{
	width: 1115px;
	margin: 0 auto
} */
.lk .cp{
	width: 1000px;
	text-align: left;
	margin:0 auto;
	overflow: hidden;
	padding:30px 0;
}
.lk .cp p{
	color: #666;
}
.lk .cp .fl{
	width: 180px;
	border-right: 1px #666 solid;
}
.lk .cp .fl p{
	line-height: 52px;
	font-size: 20px;
	text-align: center;
}

.lk .cp .fr{
	width: 800px;
}

.lk .cp .fr p{
	line-height: 26px;
	font-size: 16px;
	letter-spacing: 1px;
}

.footer{
	text-align: center;
	width: 100%;
	padding: 10px 0;

}
.footer p{
	font-size: 14px;
	line-height: 22px;
}



@media screen and (max-width:1400px){}
@media screen and (max-width:1200px){}
@media screen and (max-width:1023px){}

