@charset "utf-8";
/* =s Reset (by wuyue) */
html {
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-overflow-scrolling: touch;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
textarea{overflow:auto;}
/* =e Reset */


html,body{height:100%;}
body{font-family:arial,'\5FAE\8F6F\96C5\9ED1';line-height:1.6;font-size:12px;color:#000;}
i{font-style:normal;}
a{
	color:#686868;
	text-decoration: none;
	vertical-align: baseline;
	-webkit-transition: color ease .3s,border-color ease .3s,background-color ease .3s,opacity ease .3s;
	-o-transition: color ease .3s,border-color ease .3s,background-color ease .3s,opacity ease .3s;
	transition: color ease .3s,border-color ease .3s,background-color ease .3s,opacity ease .3s;
}

.clr:after{clear: both;content:'\0020';display: block;visibility:hidden;height:0;}
.clr{zoom:1;}
.hide {display:none;}
.thide{ text-indent: -9999px; position: absolute; left: -9999px;}
.inner{width:1000px;margin:0 auto;position: relative;}
.inner9{width:900px;margin:0 auto;position: relative;}
.yahei {font-family: '\5FAE\8F6F\96C5\9ED1';}
.container{width:1000px; margin-left: auto; margin-right: auto;}
.fl{float:left;}
.fr{float:right;}
.pos_r{position: relative;}
.tc{text-align: center;}
/* =e base */

.container{width:1080px; margin-left: auto; margin-right:auto;}


body{background:#86dcff; }
.header{height: 60px; background:url(../images/header_01.jpg) no-repeat center top;}
.header .logo{padding-top:8px; display: inline-block; zoom:1;}
.banner{height: 870px; background:url(../images/banner_02.jpg) no-repeat center top;}
.intro{min-height:680px; background:url(../images/cloud_03.png) no-repeat center top;}
.articles{position: relative; top:-200px;}
.a-body{ background:#fff; box-shadow: 0px 0px 10px #333; padding:0 40px;}
.a-head{margin-left: -1px;}
.articles li{padding:50px 0; overflow: hidden; border-bottom: 1px solid #c0c0c0;}
.articles .pic{float:left;}
.articles .info{width:730px; float:right;}
.articles h2{font-size: 18px; color:#455d0b;}
.articles p{padding-top:20px; color:#999; font-size:14px; height: 65px;}
.articles .button{ width:115px; height: 33px; background:url(../images/arc_06.png) no-repeat; display: block; margin-top:10px;}

.jiang-shadow{position: relative; background:rgba(255,255,255,.8); position: relative; top:-300px; min-height: 800px; box-shadow: 0px 7px 10px rgba(0,0,0,0.3);}
.chuxiao{padding:20px 44px;}
.chuxiao li{float:left; margin-right: 25px; margin-bottom: 25px; position: relative;}
.chuxiao li.even{margin-right: 0px;}
.chuxiao .pop{position: absolute; width: 100%; height: 195px; border:1px solid; display: none; border-color: #fe7985; background:#fff; border-radius: 10px; left: 0px; top:25px; z-index:2; opacity:0; filter:alpha(opacity=0);}
.chuxiao .pop .in{ padding:20px 10px; color:#ec6c78; line-height: 25px; font-size: 14px;}
.chuxiao li.n1 .pop{ z-index: 10;}
.chuxiao li.n2 .pop{ z-index: 10;}
.chuxiao .pop i{display: block; position: absolute; width: 100%; height: 29px; top:-10px; left: 0px;}
.chuxiao li.n1 .pop i{ background:url(../images/t1_03.png) no-repeat center top;}
.chuxiao li.n2 .pop i{ background:url(../images/n3_03.png) no-repeat center top;}
.chuxiao li.n3 .pop i{ background:url(../images/n2_03.png) no-repeat center top;}
.chuxiao li.n4 .pop i{ background:url(../images/n4_03.png) no-repeat center top;}
.chuxiao li.n2 .pop{border-color: #7f5cfd; }
.chuxiao li.n2 .pop .in{color:#7f5cfd;}
.chuxiao li.n3 .pop{border-color: #77d527; }
.chuxiao li.n3 .pop .in{color:#77d527;}
.chuxiao li.n4 .pop{border-color: #ee4d5a; }
.chuxiao li.n4 .pop .in{color:#ee4d5a;}

.video-view{position: absolute;top: 164px;left: 78px;width: 740px;height: 448px;}
.video-btns{position: absolute;top: 168px; right: 22px;}
.video-btns .video-btnC{margin: 5px 0;border: 4px solid #F5F5F5;display: block;}
.video-btns .video-btnC.cur{ border: 4px solid #FF7101;}


.youli {padding:0 44px 40px 44px; position: relative;}
.youli .yl{position: absolute; left:50%; top:240px; margin-left:-128px; margin-top:-128px;}
.youli ul{overflow: hidden; border-radius: 10px; height: 487px;}
.youli li{float:left; width: 235px; height: 235px; margin-right: 17px; margin-bottom: 17px;}
.youli li.last{margin-right: 0px;}

.youli .yl-info{position: absolute; width:400px; background:#fff; padding:20px; left: 100px; top:237px; -webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s; opacity: 0; box-shadow: 0px 0px 10px #333;} 
.youli .yl:hover .yl-info{opacity: 1}
.youli .yl-info em{position: absolute; width: 0px; height: 0px; border:10px solid; border-color: transparent transparent #fff transparent; color:#5b5b5b; line-height: 24px; top:-20px; left:30px; display: block; }
.youli .y1{background:#f77386;}
.youli .y2{background:#fdca49;}
.youli .y3{background:#ad6be4;}
.youli .y4{background:#ad6be4 url(../images/sb.png) no-repeat;}
.youli .y5{background:#fdca49;}
.youli .y6{background:#28c0c6 url(../images/sb.png) no-repeat;;}
.youli .y7{background:#5cb755 url(../images/sb.png) no-repeat;;}
.youli .y8{background:#64a1f5;}

.rainbow{height: 1196px; background: url(../images/rainbow_02.png) no-repeat center top; margin-top:-250px;}

.fix-download{position: fixed; display: block; right:50px; bottom:100px; display: block;} 
.fix-download .close{display: block; width:20px; height: 20px; top:24px; right:30px; position: absolute; cursor: pointer;}
.fix-download img{display: block;}
.footer{height: 65px; line-height: 90px; background:#fee743; padding-top:25px; text-align: center;}

@media screen and (max-width: 1080px){
	body{width: 1080px;}
}