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

.banner{}
.banner .banner-inner{ height:553px; margin:0 auto;}
.banner-inner .bannerImg{ height:553px; margin:0 auto;}
.banner-inner .bannerImg li{ display:none; position:absolute; width:100%; height:553px;}
.banner-inner .bannerImg .ban-img01{ background:url(../images/banner01.png) no-repeat center top;}
.banner-inner .bannerImg .ban-img02{ background:url(../images/banner02.png) no-repeat center top;}
.banner-inner .lrBtn{ height:54px; left:50%; top:50%; margin:-27px 0 0 -510px;}
.banner-inner .lrBtn .lBtn,.banner-inner .lrBtn .rBtn{ display:none; width:53px; height:54px;}
.banner-inner .lrBtn .lBtn{ background:url(../images/lBtn.png) no-repeat;}
.banner-inner .lrBtn .rBtn{ background:url(../images/rBtn.png) no-repeat;}
.banner-inner .dots{ left:50%; margin-left:-29px; bottom:2%;}
.banner-inner .dots li{ float:left; width:15px; height:15px; line-height:15px; margin:0 7px; background:url(../images/dot.png) no-repeat; cursor:pointer;}
.banner-inner .dots .current{ background-image:url(../images/dot_hover.png);}

.develop{}
.develop .develop-inner{ margin:0 auto;}
.develop-inner .devs{ margin:0 auto;}
.develop-inner .devs li{ float:left; width:150px; padding:0 25px;}
.develop-inner .devs li .pic{ width:106px; height:105px; margin:0 auto;}
.develop-inner .devs li .pic a{ width:100%; height:100%; background:url(../images/devs.png) no-repeat; display:block;
	transition:all 0.5s;
}
.develop-inner .devs li .pic a:hover{ background-image:url(../images/devs_hover.png);}
.develop-inner .devs li .pic01 a{ background-position:left 0;}
.develop-inner .devs li .pic02 a{ background-position:-214px 0;}
.develop-inner .devs li .pic03 a{ background-position:-429px 0;}
.develop-inner .devs li .pic04 a{ background-position:-643px 0;}
.develop-inner .devs li .pic05 a{ background-position:right 0;}
.develop-inner .devs li .text{ width:140px; padding:5px; text-align:center;}
.develop-inner .devs li .text .hd{  font-size:14px;  margin-bottom:10px;color: #000}
.develop-inner .devs li .text .hd a:hover,.develop-inner .devs li .text .hd a.current{color:#0061b2;}
.develop-inner .devs li .text p{ line-height:1.75em;font-size:12px;color:# 666; }

.information{}
.information .info-inner{ margin:0 auto;}
.info-inner .info{ float:left; width:480px; padding-bottom:30px;}
.info-inner .prInfo{ padding-right:30px;}
.info-inner .plInfo{ padding-left:30px;}
.info-inner .info .hd{}
.info-inner .info .hd h2{ display:inline-block; height:42px; line-height:42px; padding-left:48px; background:url(../images/info.png) no-repeat; font-size:18px;}
.info-inner .info .hd h2 a{ display:block;}
.info-inner .info .hd span a{ display:block; width:19px; height:42px; background:url(../images/more.png) no-repeat left center;}
.info-inner .info .hd span a:hover{ background-image:url(../images/more_hover.png);}
.info-inner .info .bd{ height:227px;}
.info-inner .info .bd .newsShow{ overflow:hidden; height:227px;}
.info-inner .info .bd .newsShow .txt{ padding-top:12px;}
.info-inner .info .bd .newsShow dl{ display:none; overflow:hidden; padding:10px 0;}
.info-inner .info .bd .newsShow dt{ float:left; overflow:hidden; width:212px; height:123px;}
.info-inner .info .bd .newsShow dd{ overflow:hidden; width:50%; padding-left:20px; margin:0;}
.info-inner .info .bd .newsShow dd em{ display:inline-block; padding-bottom:10px;}
.info-inner .info .bd .newsShow dd em a{ font-size:14px; color:#323232;}
.info-inner .info .bd .newsShow dd em a:hover{ color:#0061b2;}
.info-inner .info .bd .newsShow dd p{ line-height:2em;}
.info-inner .info.i2 .hd h2{ background-position:-540px 0;}
.info-inner .info.i3 .hd h2{ background-position:0 -340px;}
.info-inner .info.i4 .hd h2{ background-position:-540px -340px;}

.service{ background:#e8f0f7 url() no-repeat center top;}
.service .service-inner{ height:484px; margin:0 auto;}
.service-inner .hd{ padding-top:40px;}
.service-inner .hd h2{ padding-top:50px; background:url(../images/serviceh2.png) no-repeat center top; text-align:center; font-size:18px;}
.service-inner .bd{ padding-top:40px;}
.service-inner .bd .ser{ float:left;}
.service-inner .bd .ser .serPic{ overflow:hidden; width:280px; height:111px;}
.service-inner .bd .ser .serTxt{ width:260px; padding:10px;}
.service-inner .bd .ser .serTxt h3{ padding:10px 0;}
.service-inner .bd .ser .serTxt p{ line-height:2em;}
.ser.plr90{ padding-left:90px; padding-right:90px;}

.examples{ _padding-bottom:0;}
.examples .exp-inner{ position:relative; margin:0 auto;}
.exp-inner .hd{ padding-top:40px;}
.exp-inner .hd h2{ padding:50px 0; background:url(../images/exph2.png) no-repeat center top; text-align:center; font-size:18px;}
.exp-inner .expNav{}
.exp-inner .expNav ul li{ float:left; margin:0 5px;}
.exp-inner .expNav ul li a{ display:inline-block; height:30px; line-height:30px; text-align:center; padding:0 5px; background:#d1d1d1;
	transition:all 0.5s;
}
.exp-inner .expNav ul li a:hover,.exp-inner .expNav ul a.current{ background:#3780c5; color:#fff;}
.exp-inner .bd{ position:relative; overflow:hidden; width:100%; height:334px; /*padding:20px 0;*/ /*margin:20px 0;*/}
	/*.letsPlay 相当于大ul .exp-wrap相当于大li小ul exp-wrap相当于小li*/
.exp-inner .bd .letsPlay{ position:absolute; left:0; top:0; width:6120px;}
.exp-inner .bd .letsPlay .anExpClass{ overflow:hidden; float:left; width:1020px;}
.exp-inner .bd .exp-wrap{ float:left; width:25%; margin-bottom:5px;}
.exp-inner .bd .exp-wrap .anExp{ overflow:hidden; width:244px; height:324px; border:3px solid #e5e5e5; margin:0 auto;
	transition:all 0.5s;
}
.exp-inner .bd .exp-wrap .anExp:hover{ border-color:#3780c5; background:#e6f0fc;}
.exp-inner .bd .exp-wrap .anExp .pic{ overflow:hidden; width:247px; height:186px; margin:0 auto;}
.exp-inner .bd .exp-wrap .anExp .des{ padding:10px 10px 10px 20px;}
.exp-inner .bd .exp-wrap .anExp .des p{ line-height:2em;}
.exp-inner .bd .exp-wrap .anExp .des p strong{ font-size:14px;}
.exp-inner .lrBtn{ position:absolute; left:50%; top:315px; margin-left:-552px; width:1104px; height:32px; /*padding:50px 0 30px 0; margin:0 auto;*/}
.exp-inner .lrBtn .lBtn,.exp-inner .lrBtn .rBtn{ display:block; width:32px; height:32px; background-color:#888;}
.exp-inner .lrBtn .lBtn{ float:left; background-image:url(../images/scroll_left.png);}
.exp-inner .lrBtn .rBtn{ float:right; background-image:url(../images/scroll_right.png);}
.exp-inner .lrBtn .lBtn:hover,.exp-inner .lrBtn .rBtn:hover{ background-color:#3780c5;}


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

/*reset*/
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{ margin:0; padding:0;}
body{ background:#fff; color:#464646; -webkit-text-size-adjust:100%;}
textarea{ resize:none}
a{ color:#464646; text-decoration:none;}
em{ font-style:normal;}
li{ list-style:none;}
img{ display:block; _display:inline; border:0; vertical-align:middle;}
table{ border-collapse:collapse; border-spacing:0;}
p{ word-wrap:break-word;}

/*clearfix*/
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-table;}
*html .clearfix { height: 1%;}
.clearfix { display: block;}
*+html .clearfix { min-height: 1%;}

.fl{ float:left;}
.fr{ float:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.pr{position:relative;}
.pa{position:absolute;}
.block{display:block;}
.none{display:none;}
.ovhid{overflow:hidden;}

/******长度 高度*******/ 
.w10{width:10px;} 
.w20{width:20px;} 
.w30{width:30px;} 
.w40{width:40px;} 
.w50{width:50px;} 
.w60{width:60px;} 
.w70{width:70px;} 
.w80{width:80px;} 
.w90{width:90px;} 
.w100{width:100px;} 
.w200{width:200px;} 
.w300{width:300px;} 
.w400{width:400px;} 
.w500{width:500px;} 
.w600{width:600px;} 
.w700{width:700px;} 
.w800{width:800px;}
.w1020{ width:1020px;} 
.w{width:100%}
.h10{height:10px;} 
.h20{height:20px;} 
.h30{height:30px;} 
.h40{height:40px;} 
.h50{height:50px;} 
.h60{height:60px;} 
.h70{height:70px;} 
.h80{height:80px;} 
.h90{height:90px;} 
.h100{height:100px;} 
.h200{height:200px;} 
.h300{height:300px;} 
.h400{height:400px;} 
.h500{height:500px;} 
.h600{height:600px;} 
.h700{height:700px;} 
.h800{height:800px;}
.h{height:100%} 
/******边距*******/ 
.m0{ margin:0;}
.m10{margin:10px;} 
.m15{margin:15px;} 
.m30{margin:30px;} 
.mt0{ margin-top:0;}
.mt5{margin-top:5px;} 
.mt10{margin-top:10px;} 
.mt15{margin-top:15px;} 
.mt20{margin-top:20px;} 
.mt30{margin-top:30px;} 
.mt50{margin-top:50px;} 
.mt100{margin-top:100px;} 
.mb0{ margin-bottom:0;}
.mb5{margin-bottom:5px;} 
.mb10{margin-bottom:10px;} 
.mb15{margin-bottom:15px;} 
.mb20{margin-bottom:20px;} 
.mb30{margin-bottom:30px;} 
.mb50{margin-bottom:50px;} 
.mb100{margin-bottom:100px;} 
.ml0{ margin-left:0;}
.ml5{margin-left:5px;} 
.ml10{margin-left:10px;} 
.ml15{margin-left:15px;} 
.ml20{margin-left:20px;} 
.ml30{margin-left:30px;} 
.ml50{margin-left:50px;} 
.ml100{margin-left:100px;} 
.mr0{ margin-right:0;}
.mr5{margin-right:5px;} 
.mr10{margin-right:10px;} 
.mr15{margin-right:15px;} 
.mr20{margin-right:20px;} 
.mr30{margin-right:30px;} 
.mr50{margin-right:50px;} 
.mr100{margin-right:100px;}
.p0{ padding:0;} 
.p10{padding:10px;} 
.p15{padding:15px;} 
.p30{padding:30px;} 
.pt0{ padding-top:0;}
.pt5{padding-top:5px;} 
.pt10{padding-top:10px;} 
.pt15{padding-top:15px;} 
.pt20{padding-top:20px;} 
.pt30{padding-top:30px;} 
.pt50{padding-top:50px;} 
.pt100{padding-top:100px;} 
.pb0{ padding-bottom:0;} 
.pb5{padding-bottom:5px;} 
.pb10{padding-bottom:10px;} 
.pb15{padding-bottom:15px;} 
.pb20{padding-bottom:20px;} 
.pb30{padding-bottom:30px;} 
.pb50{padding-bottom:50px;} 
.pb100{padding-bottom:100px;} 
.pl0{ padding-left:0;}
.pl5{padding-left:5px;} 
.pl10{padding-left:10px;} 
.pl15{padding-left:15px;} 
.pl20{padding-left:20px;} 
.pl30{padding-left:30px;} 
.pl50{padding-left:50px;} 
.pl100{padding-left:100px;} 
.pr0{ padding-right:0;}
.pr5{padding-right:5px;} 
.pr10{padding-right:10px;} 
.pr15{padding-right:15px;} 
.pr20{padding-right:20px;} 
.pr30{padding-right:30px;} 
.pr50{padding-right:50px;} 
.pr100{padding-right:100px;}