/* CSS Document */
body{ background:#fff;}
.area{width:980px;margin:0 auto;position:relative; overflow:hidden;}
#nav{ clear: both;
    overflow: hidden;}
#head{ clear: both;
    overflow: hidden;}
	#content{ clear: both;
    overflow: hidden;}
	foot{ clear: both;
    overflow: hidden;}
/*头部*/
ul,li{list-style: none;margin:0; padding:0;}
#demo {width:100%; float:left; overflow:hidden;height:400px;  line-height:25px; border:none;position:absolute;left:0; top:0px; z-index:1;}
#indemo {float: left;width: 800%;height:400px;}
#demo1,#demo2{height:400px;float:left;}
#head{width:100%;height:400px;position:relative;}
.headcon{width:100%;height:400px; position:absolute;top:0px; background:rgba(0, 174, 255, 0.83); z-index:100;left:0;*background:#1bacf8; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=86); }
.headcon .area{ height:400px; z-index:100;}
.headcon .area img{width:233px;height:104px; margin: 80px auto 44px; display:block;}
.headcon .area h1{color:#fff; font:500 40px/40px '微软雅黑'; margin: 0 auto; width:492px;height:50px; }
.headcon .bottombg{width:100%;background:url(../img/bottombg.png) repeat-x;height:50px; position:absolute; bottom:0;left:0; opacity:0.7; z-index:50;}
.headcon .area  ul li{ float:left; font:500 15px/50px '微软雅黑';width:83px; position:absolute;left:0;bottom:0px;}
.headcon .area  ul .il8{width:220px;}
.headcon .area  ul .il1{left:0; width:92px;}
.headcon .area  ul .il2{left:92px;width:92px;}
.headcon .area  ul .il3{left:183px;width:102px;}
.headcon .area  ul .il4{left:284px;width:100px;}
.headcon .area  ul .il5{left:384px;width:102px; }
.headcon .area  ul .il6{left:486px;}
.headcon .area  ul .il7{left:569px;}
.headcon .area  ul .il8{left:651px;}
.headcon .area  ul .il9{left:870px;}
.headcon .area  ul li a{color:#fff; display:block; text-align:center;}
.headcon .area  ul li a:hover{color:#9dd0eb;}
.headcon .area  ul li a:active{background:#fff url(../img/ilbg.png) no-repeat scroll  50% 46px;height:60px;color:#1bacf8;line-height:60px; } 

#page1 .headcon .area ul li .select{background:#fff url(../img/ilbg.png) no-repeat scroll  50% 46px;height:60px;color:#1bacf8;line-height:60px; }

#page1 .headcon .area ul li .i1,#page2 .headcon .area ul li .i2,#page3 .headcon .area ul li .i3,#page4 .headcon .area ul li .i4,#page5 .headcon .area ul li .i5,#page6 .headcon .area ul li .i6,#page7 .headcon .area ul li .i7,#page8 .headcon .area ul li .i8,#page9 .headcon .area ul li .i9{background:#fff url(../img/ilbg.png) no-repeat scroll  50% 46px;height:60px;color:#1bacf8;line-height:60px; }

.headcon .area  ul { position:absolute; bottom:0;left:0; height:60px; width:100%;_top:340px;}


/*尾部*/
#foot #modFootInfo{ margin:0 auto; padding-top:30px; line-height:25px;color:#9a9a9a;}
#foot {width:100%; background:#f2f2f2;height:155px;}

/*内容-关于我们*/
#content .video{ background:url(../img/videobg.png) no-repeat; width:722px;height:382px; margin:80px auto 60px; padding-top:10px;padding-left:36px;}
#content .pchome{ border-bottom:3px solid #f2f2f2;}
#content  .website{width:550px;height:70px; background:url(../img/l.png) no-repeat  164px 16px;}
#content  .website2{width:550px;height:70px; background:url(../img/l.png) no-repeat  188px 13px; margin-top:40px;}
#content  .website3{width:550px;height:70px; background:url(../img/l.png) no-repeat  219px 16px;margin-top:40px;	}
#content  .website img{  display:block; float:left;}
#content  .website span{ display:block; float:left;width:290px;margin-left:60px;}
#content  .website .span1{height:40px; color:#1bacf8;font:500 32px/40px '微软雅黑'; }
#content .website .span2{height:20px; color:#333333;font:500 14px/20px '微软雅黑'}
#content .pchome  p{ text-align:justify; text-indent:2em; color:#666666;font:500 15px/30px '微软雅黑'; margin-bottom:32px;}
#content .pchomeborder{ border:none; margin-bottom: 72px;}

/*内容-畅读指南*/
#content .context{height:auto; margin-bottom:69px;}
#content .context h2{font:500 36px/60px '微软雅黑'; color:#aaafb2;   margin-top: 65px;}
#content .context ul li h3{font:500 20px/55px '微软雅黑';color:#1bacf8; border-bottom:2px solid #f2f2f2; height:52px;}
#content .context ul li p{font:500 14px/28px '微软雅黑';color:#666666; text-align:justify;    padding-bottom: 5px;
    padding-top: 6px;}
#content .context1 ul li h3 a{ display:block; color:#1bacf8; padding-left:20px; background:url(../img/ilbg2.png) no-repeat scroll 1px 50%;}
#content .context1 ul li h3 a:hover{ font-weight:bold;padding-left:30px;}
#content .context ul li .about2a{ display:block; background:url(../img/about2a.png) no-repeat; width:102px;height:40px;margin-top:20px;}
#content .context ul li .about2a:hover{ background:url(../img/about2ahover.png) no-repeat;}

/*内容-版权/网络服务协议/隐私声明*/
#content .pchometext{margin-top:50px;margin-bottom:31px;}
#content .pchometext h2{color:#1bacf8;font:500 32px/91px '微软雅黑'; }
#content .pchometext p{color:#333333;font:500 15px/30px '微软雅黑'; text-align:justify; width:100%; }
#content .service { background:url(../img/libg3.jpg) repeat-y scroll 9px 6px; margin-bottom:80px;}
#content .service li{ margin-bottom:35px;}
#content .service .servicetop{ height:40px;}
#content .service .i1{ background:url(../img/us3bg.png) no-repeat scroll left 50%;width:37px;height:24px; display:block;float:left; color:#fff;font:600 13px/40px '微软雅黑';height:40px;padding-left:8px;}
#content .service span{ display:block;color:#fff; background:#51c3ff;float:left;font:500 19px/40px '微软雅黑'; padding:0px 15px  }
#content .service p{padding-left:45px;font:500 15px/30px '微软雅黑'; color:#666666;width:930px;}
#content .service .i2{padding-left:3px;width:42px;}


/*大事记*/
#content .bigevent{ background:url(../img/libg5.jpg) repeat-y scroll 136px;50%;padding-top:80px;padding-bottom:28px;}
#content .bigevent li{ padding-bottom:46px;_margin-bottom:31px;}
#content .bigevent .span1{ display:block; float:left;color:#fff;font:500 15px/26px '微软雅黑'; background:url(../img/libg4.png) no-repeat;width:175px;height:26px;padding-left:8px;}
#content .bigevent a{font:500 15px/29px '微软雅黑';font:500 15px/26px '微软雅黑';color:#1bacf8; float:left; width:775px; padding-left:5px; text-align:justify; display:block; }

/*移动客户端*/
#content .ulcode li h2{color:#1bacf8;font:500 32px/60px '微软雅黑';margin-left: -3px;display:block; margin-top:65px; }
#content .ulcode li h3{font:500 19px/30px '微软雅黑';color:#585858; padding-left:12px; border-left:3px solid #1bacf8;height:30px; margin-top:14px;width:100%; float:left;}
#content .ulcode li h2 i{width:50px; text-align:center; display:inline-block;color:#666666;}
#content .ulcode li .codeleft{width:323px;height:185px;}
#content .ulcode li .codeleft .codeimg{ border:1px solid #e6e6e6;width:168px;height:168px; background:#f1f4f4; float:left;}
#content .ulcode li .codeleft .codeimg img {margin:10px auto; display:block; width:150px;height:150px; }

#content .ulcode li .codeleft .iphone{ background:url(../img/iPhone.png) no-repeat #d9d9d9 scroll 16px 9px; border-radius:10px; padding:8px 12px;width:51px; display:block;font:500 14px/30px '微软雅黑';color:#fff; padding-left:40px; float:left;margin-left:20px;}
#content .ulcode li .codeleft .iphone:hover{ background:url(../img/iPhone.png) no-repeat #9cec8c scroll 16px 9px;}

#content .ulcode li .codeleft .android{background:url(../img/android.png) no-repeat #d9d9d9 scroll 16px 9px; border-radius:10px; padding:8px 12px;width:103px; display:block;font:500 14px/30px '微软雅黑';color:#fff; padding-left:40px; float:left;margin-left:20px;}
#content .ulcode li .codeleft .android:hover{ background:url(../img/android.png) no-repeat #9cec8c scroll 16px 9px;}
#content .ulcode li .codeleft1{width:355px;}

/* 图片列表 */
.dl-piclist{width:100%;overflow:hidden;}
.dl-piclist ul{width:115%;}
.dl-piclist li{width:200px;height:150px;float:left;overflow:hidden;margin-right:40px;position:relative;}
.dl-piclist li img{display:block;position:relative;-webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease;}
.dl-piclist li img:hover{transform:scale(1.04, 1.04);-ms-transform:scale(1.04, 1.04); -webkit-transform:scale(1.04, 1.04);}
.dl-piclist li span{display:block;position:absolute;width:100%;height:24px;bottom:0;left:0; background:url(../img/blackbg.png) 0 0 repeat;line-height:24px;text-align:center;color:#fff; z-index:100;overflow:hidden;}

.dl-piclist-scroll{_overflow-x:scroll;position:relative;}
.dl-piclist-scroll ul{height:300px; }
.dl-piclist-scroll li{width:180px;height:300px;margin-right:20px;}
.dl-piclist-scroll img{}
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{overflow:visible;}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft, .mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{ width:30px;height:30px; background:url(../img/icons.png) 0 -160px;position:absolute;bottom:180px; z-index:1000;}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{right:0;left:auto; background-position:-50px -160px;}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{height:8px; background:#9a9a9a;}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{height:8px;}
.mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer{margin:0px;}
.mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools{height:18px;}

.dl-piclist-scroll2 li{width:200px;}

/* 我们的团队 */
#content .ulcode li .codeleft2{width:252px;height:292px;}
#content .ulcode li .pchomewb,.pchomewx{font:500 15px/50px '微软雅黑';width:170px;height:50px; float:left; text-align:center;}
#content .ulcode li .pchomewb i{color:red;}
#content .ulcode li .pchomewx i{color:#00cb08;}
#content .team1{width:980px; float:left;}
#content .team1 h2{font:500 32px/49px '微软雅黑'; background:url(../img/aboutus5top.png) no-repeat;width:357px;height:70px;color:#fff; display:block; margin: 80px auto 40px; text-align:center; }
#content .ultema {width:984px; }
#content .ultema li{width:1078px;float:left; }
#content .ultema li .borderbottom{padding-right: 55px;width: 435px;  overflow:hidden;border-right: 1px solid #ccc;margin-bottom: 18px; padding-bottom: 13px; margin-top: 20px;}
#content .ultema li .borderbottom img{height:45px; max-width:410px;border:10px solid #f2f5f5; margin:20px auto; display:block;}
#content .ultema li .borderbottom a{display:block;}
#content .ultema li .borderbottom h3{ text-align:center;color:#1bacf8;font:500 19px/28px '微软雅黑';}
#content .ultema li .borderbottom p{ font:500 15px/32px '微软雅黑'; color:#676767; text-align:justify;}

#content .team2{margin-bottom:40px;}
#content .team2 .ultema li .borderbottom img{height:60px;}
#content .team2  h2{background:url(../img/aboutus5top1.png) no-repeat;width:257px; margin-top: 60px; }
#content .team2 .ultema{ }
#content .line{width:440px; height:1px; background:#ccc; margin-right:99px; margin-top:2px;_background:none; _border-bottom:1px solid #ccc;}
#content .mg-left{margin-left:55px;}

#content .serviceh2{display:none;}
#content .aboutservice h2{font:500 32px/28px '微软雅黑';color:#1cadf9; padding-bottom:18px; border-bottom:3px solid #1cadf9;padding-top:80px; }
#content .aboutservice p{padding-top:15px; color:#666666;font:500 17px/30px '微软雅黑';display:none;}

#content .aboutservice p img{height:15px;width:23px; margin-top:7px;}
#content .aboutservice .imgcon{margin-bottom:80px;}

/*联系我们*/
#content .contact .contactp{padding-top:80px; color:#666666;font:500 17px/30px '微软雅黑'; margin-bottom:75px; display:none;}
#content .contact .contactp img{height:15px;width:23px; margin-top:7px;}

#content  .contact .team3 .border{ /*background:url(../img/8bg.jpg)  repeat-y scroll -5px 0 ;margin-bottom: 20px;*/
    margin-top: 20px;}
#content  .contact .team3 .ultema li .borderbottom{width:280px;padding-right:29px;border-right:none;  margin-top: 15px; margin-bottom: 13px;padding-bottom: 0px;}

#content  .contact .team3 .line{width:260px;margin-right:98px;}
#content  .contact .team3 .mg-left{margin-left:49px;}
#content  .contact .team3 { margin-bottom:-20px;}
#content  .contact .team4 { margin-bottom:-60px;}
#content  .contact .team5 { margin-bottom:60px;}
#content  .contact .team3 .website .span1{color:#666666;}
#content  .contact .team3 .ultema li .borderbottom h3{ text-align:left;}
#content  .contact .team3{margin-top:80px;}


/*加入我们*/
#content .attend .attendh2{color:#1bacf8;font:500 32px/30px '微软雅黑';margin-top:80px;}
#content .attend .attendp{color:#666666;font:500 15px/30px '微软雅黑'; margin-bottom:70px;}

#content .attend .canvers{ width:980px;; height:auto; margin-bottom:80px; border-bottom:1px solid #ccc;}
#content .attend .box{ width:980px; }
#content .attend .title{ background:url(../img/titbg.png)scroll 20px 50% no-repeat;width:930px; height:53px; display:block;   cursor:pointer; float:left; text-align:left;padding-left:50px;font:400 15px/54px 'microsoft yahei';color:#7f7f7f; border-top:1px solid #ccc;}
#content .attend .title i{ display:block;width:100px; float:left; background:url(../img/9libg.png) no-repeat scroll 66px 50%; }
#content .attend .title .i1{width:630px;}
#content .attend .title i em{color:#73c6fb;width:47px; text-align:center; display:inline-block; font-weight:bold;}
#content .attend .title .inone{ background:none;}
#content .attend .canvers p{ float:left; width:930px; display:none;color:#666666;font:400 14px/30px '微软雅黑';margin-left: 50px; margin-top: 27px;margin-bottom:27px;text-align:justify;_margin-left: 25px;}
#content .attend .canvers .indent2{ }
#content .attend .title:hover{background:url(../img/titbg1.png) #fafafa scroll 20px 50%   no-repeat;color:#7f7f7f;}
#content .attend .canvers p .detail{ color: #33A1D2; font-size: 15px;}
#content .attend .st{  background:url(../img/htitbg.png) #f4f4f4 scroll 20px 50%   no-repeat;color:#333;border-bottom:1px solid #ccc; }
#content .attend .st:hover{  background:url(../img/htitbg.png) #f4f4f4 scroll 20px 50%   no-repeat;color:#333;border-bottom:1px solid #ccc; }


.fl{float:left;}