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

*{ margin:0px; padding:0px; border:none; color:#333; font-size:14px; font-family:"Microsoft YaHei"; list-style-type:none;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#1F69B3; text-decoration:none;}
body{}
body.grey{ background:#F3F3F3;}

/*
*html{ background-image:url(about:blank); background-attachment:fixed;}
*/




/* HEAD 
-------------------- */
.Head{ width:100%; float:left; position:fixed; top:0px; left:0px; z-index:9;}
.Head .Head_main{ width:1100px; height:68px; margin:0 auto;}
.Head .Head_main a.menu{ display:none;}
.Head .Head_main .logo{ height:38px; float:left; padding:15px 0; background:url(../Images/logo@white.png) left no-repeat; background-size:83px auto;}
.Head .Head_main .logo a{ height:38px; float:left; overflow:hidden; line-height:38px; color:#FFF; padding:0 10px 0 103px;}
.Head .Head_main .logo a em{ height:38px; float:left; padding:0 0 0 20px; font-size:14px; font-style:normal; color:#FFF; border-left:1px solid rgba(255,255,255,0.10);}
.Head .Head_main ul.nav{ height:68px; float:right;}
.Head .Head_main ul.nav li{ height:18px; float:left; line-height:17px; margin:0 30px; padding:25px 0; position:relative;}
.Head .Head_main ul.nav li a{ height:18px; float:left; font-size:15px; color:#FFF;}
.Head .Head_main ul.nav li.yes{ border-bottom:1px solid #1F69B3;}
/*
.Head .Head_main ul.nav li.hover{ background:#2075CB; padding:25px 30px; margin:0 0px;}
*/
.Head .Head_main ul.nav li .saas{ width:380px; height:376px; float:left; display: none; position:absolute; top:68px; left:0; border-radius:4px; background:#FFF; box-shadow:0 0 20px rgba(0,0,0,0.20);}
.Head .Head_main ul.nav li .saas.hover{ display:block;}
.Head .Head_main ul.nav li .saas em{ width: 18px; height: 10px; float: left; position: absolute; top: -10px; left: 24px; background:url(../Images/jiao.png) center top no-repeat;}
.Head .Head_main ul.nav li .saas .lamu{ width:180px; height:100%; float:left;}
.Head .Head_main ul.nav li .saas .lamu-nav{ width:180px; float:left;}
.Head .Head_main ul.nav li .saas .lamu-nav dt{ width:140px; height: 50px; float: left; font-size: 15px; margin: 15px 20px 0 20px; font-weight:bold; line-height: 50px; border-bottom: 1px dashed #E7E7E7;}
.Head .Head_main ul.nav li .saas .lamu-nav dd{ width:120px; height:50px; float:left; padding:0 0 0 20px; margin:0 20px; cursor:pointer; line-height:50px; font-size:15px; background:url(../Images/xz.png) left center no-repeat;}
.Head .Head_main ul.nav li .saas .lamu-nav dd.show{ width: 140px; margin: 0; padding: 0 0 0 40px; color:#2075CB; background: url(../Images/xz-show.png) 20px center no-repeat;}
.Head .Head_main ul.nav li .saas .saas-main{ width:200px; height: 100%; float: left; box-sizing: border-box; padding:20px; border-radius:4px; background: #F8F8F8;}
.Head .Head_main ul.nav li .saas .saas-main .lamu-main a{ width: 100%; height:50px; float: left; line-height: 50px; color:#333;}
.Head .Head_main ul.nav li .saas .saas-main .lamu-main a:hover{ color:#2075CB;}

/*
.Head .Head_main ul.nav li.hover dl{ width:100%; float:left; display:block; position:absolute; top:68px; left:0; background:#2075CB;}
.Head .Head_main ul.nav li.hover dl dd{ width:100%; height:50px; float:left;}
.Head .Head_main ul.nav li.hover dl dd a{ width:100%; height:50px; float:left; line-height:50px; font-size:14px; text-align:center;}
.Head .Head_main ul.nav li.hover dl dd a:hover{ background:#1F69B3;}
*/


.float{ background:#1D2B40;}
/*
.inner{ width:100%; float:left; background:#FFF; border-bottom:1px solid #EAEAEA;}
.inner .inner_main{ width:1100px; height:68px; margin:0 auto;}
.inner .inner_main .logo{ height:38px; float:left; padding:15px 0; background:url(../Images/logo.png) left no-repeat; background-size:83px auto;}
.inner .inner_main .logo a{ height:38px; float:left; overflow:hidden; line-height:38px; color:#FFF; padding:0 10px 0 103px;}
.inner .inner_main .logo a em{ height:38px; float:left; padding:0 0 0 20px; font-size:14px; font-style:normal; color:#1F69B3; border-left:1px solid rgba(0,0,0,0.10);}

.inner .inner_main ul.nav{ height:68px; float:right;}
.inner .inner_main ul.nav li{ height:18px; float:left; line-height:17px; margin:0 30px; padding:25px 0; position:relative; z-index:9;}
.inner .inner_main ul.nav li a{ height:18px; float:left; font-size:15px;}
.inner .inner_main ul.nav li.yes{ border-bottom:1px solid #1F69B3;}
.inner .inner_main ul.nav li.yes a{ color:#1F69B3;}

.inner .inner_main ul.nav li.display dl{ display:none;}
.inner .inner_main ul.nav li.hover{ background:#2075CB; padding:25px 30px; margin:0 0px;}
.inner .inner_main ul.nav li.hover a{ color:#FFF;}
.inner .inner_main ul.nav li.hover dl{ width:100%; float:left; display:block; position:absolute; top:68px; left:0; background:#2075CB;}
.inner .inner_main ul.nav li.hover dl dd{ width:100%; height:50px; float:left;}
.inner .inner_main ul.nav li.hover dl dd a{ width:100%; height:50px; float:left; line-height:50px; color:#FFF; font-size:14px; text-align:center;}
.inner .inner_main ul.nav li.hover dl dd a:hover{ background:#1F69B3;}
*/

.inner{ width:100%; float:left; background:#1D2B40;}
.inner .inner_main{ width:1100px; height:68px; margin:0 auto;}
.inner .inner_main a.menu{ display:none;}
.inner .inner_main .logo{ height:38px; float:left; padding:15px 0; background:url(../Images/logo@white.png) left no-repeat; background-size:83px auto;}
.inner .inner_main .logo a{ height:38px; float:left; overflow:hidden; line-height:38px; color:#FFF; padding:0 10px 0 103px;}
.inner .inner_main .logo a em{ height:38px; float:left; padding:0 0 0 20px; font-size:14px; font-style:normal; color:#FFF; border-left:1px solid rgba(255,255,255,0.10);}
.inner .inner_main ul.nav{ height:68px; float:right;}
.inner .inner_main ul.nav li{ height:18px; float:left; line-height:17px; margin:0 30px; padding:25px 0; position:relative;}
.inner .inner_main ul.nav li a{ height:18px; float:left; font-size:15px; color:#FFF;}
.inner .inner_main ul.nav li.yes{ border-bottom:1px solid #1F69B3;}


.inner .inner_main ul.nav li .saas{ width:380px; height:376px; float:left; display: none; position:absolute; top:68px; left:0; z-index:9; border-radius:4px; background:#FFF; box-shadow:0 0 20px rgba(0,0,0,0.20);}
.inner .inner_main ul.nav li .saas.hover{ display:block;}
.inner .inner_main ul.nav li .saas em{ width: 18px; height: 10px; float: left; position: absolute; top: -10px; left: 24px; background:url(../Images/jiao.png) center top no-repeat;}
.inner .inner_main ul.nav li .saas .lamu{ width:180px; height:100%; float:left;}
.inner .inner_main ul.nav li .saas .lamu-nav{ width:180px; float:left;}
.inner .inner_main ul.nav li .saas .lamu-nav dt{ width:140px; height: 50px; float: left; font-size: 15px; margin: 15px 20px 0 20px; font-weight:bold; line-height: 50px; border-bottom: 1px dashed #E7E7E7;}
.inner .inner_main ul.nav li .saas .lamu-nav dd{ width:120px; height:50px; float:left; padding:0 0 0 20px; margin:0 20px; cursor:pointer; line-height:50px; font-size:15px; background:url(../Images/xz.png) left center no-repeat;}
.inner .inner_main ul.nav li .saas .lamu-nav dd.show{ width: 140px; margin: 0; padding: 0 0 0 40px; color:#2075CB; background: url(../Images/xz-show.png) 20px center no-repeat;}
.inner .inner_main ul.nav li .saas .saas-main{ width:200px; height: 100%; float: left; box-sizing: border-box; padding:20px; border-radius:4px; background: #F8F8F8;}
.inner .inner_main ul.nav li .saas .saas-main .lamu-main a{ width: 100%; height:50px; float: left; line-height: 50px; color:#333;}
.inner .inner_main ul.nav li .saas .saas-main .lamu-main a:hover{ color:#2075CB;}


/*
.inner .inner_main ul.nav li.display dl{ display:none;}
.inner .inner_main ul.nav li.hover{ background:#2075CB; padding:25px 30px; margin:0 0px;}
.inner .inner_main ul.nav li.hover dl{ width:100%; float:left; display:block; position:absolute; top:68px; left:0; z-index:9; background:#2075CB;}
.inner .inner_main ul.nav li.hover dl dd{ width:100%; height:50px; float:left;}
.inner .inner_main ul.nav li.hover dl dd a{ width:100%; height:50px; float:left; line-height:50px; font-size:14px; text-align:center;}
.inner .inner_main ul.nav li.hover dl dd a:hover{ background:#1F69B3;}
*/

/* FOOTER 
-------------------- */
.footer{ width:100%; float:left; background:#34383B;}
.footer .footer_title{ width:100%; float:left; border-bottom:1px solid #3D4145;}
.footer .footer_title span{ width:1100px; height:90px; display:block; overflow:hidden; margin:0 auto; padding:25px 0 22px 0;}
.footer .footer_title span a{ width:33.333%; height:90px; float:left; cursor:auto; margin:0 0 0 -1px; color:#FFF; text-align:center;}
/*.footer .footer_title span a:nth-child(even){ background:#C00;}*/
.footer .footer_title span a i{ width:50px; height:50px; display:block; margin:0 auto 15px auto;}
.footer .footer_title span a u{ width:100%; height:25px; float:left; line-height:25px; color:#FFF; font-size:16px; text-decoration:none;}
.footer .footer_title span a i.wh01{ background:url(../Images/sy_icon.png) -506px -110px no-repeat;}
.footer .footer_title span a i.wh02{ background:url(../Images/sy_icon.png) -506px -170px no-repeat;}
.footer .footer_title span a i.wh03{ background:url(../Images/sy_icon.png) -566px -110px no-repeat;}
.footer .footer_main{ width:1100px; margin:0 auto; overflow:hidden; padding:33px 0 36px 0;}
.footer .footer_main span.title{ width:100%; height:34px; float:left; color:#FFF; line-height:34px; font-size:16px; padding:0 0 9px 0;}

.footer .code{ width:200px; float:right;}
.footer .code .mao{ width:100%; height:119px; float:left;}
.footer .code .mao span{ width:119px; height:119px; float:right; padding:0 40px 5px 40px;}
.footer .code .mao span img{ width:100%; height:100%; float:left;}
.footer .code .mao em{ width:200px; height:22px; float:left; line-height:22px; color:#FFF; font-style:normal; text-align:center;}

.footer .affairs{ width:40%;/* height:162px;*/ float:left;}
.footer .affairs ul{ width:100%; float:left;}
.footer .affairs ul li{ width:100%; height:29px; float:left; line-height:29px; color:#FFF;}
.footer .affairs ul li i{ height:29px; float:left; font-style:normal; color:#FFF;}
.footer .affairs ul li em{ height:29px; float:left; font-style:normal; color:#FFF;}

.footer .contact{ width:33.333%; height:162px; float:right;}
.footer .contact ul{ width:100%; float:left; padding:2px 0 0 0;}
.footer .contact ul li{ width:100%; float:left; line-height:23px; color:#FFF;}
.footer .contact ul li a{ height:23px; float:left; padding:0 10px 0 0;}
.footer .contact ul li i{ height:29px; float:left; font-style:normal; color:#FFF;}
.footer .contact ul li em{ height:29px; float:left; font-style:normal; color:#FFF;}

.footer .bottom{ width:100%; height:50px; float:left; background:#2D3135;}
.footer .bottom div{ width:1100px; height:50px; margin:0 auto;}
.footer .bottom div span{ height:50px; float:left; line-height:50px; color:#FFF;}
.footer .bottom div p{ height:50px; float:right; line-height:50px; color:#FFF;}

  
.consultation{ width:88px; float:left; padding:0 5px 5px 5px; position:fixed; bottom:51px; right:0px; border:1px solid #D8D8D8; background:#FFF;}
.consultation a.icons{ width:22px; height:22px; float:left; position:absolute; top:-11px; right:-11px;}
.consultation a.icons img{ width:100%; float:left;}
.consultation ul{ width:100%; float:left;}
.consultation ul li{ width:100%; float:left; border-bottom:1px dashed #DDD;}
.consultation ul li a{ width:100%; float:left; padding:5px 0;} 
.consultation ul li a img{ width:40px; float:left; margin:10px 22px 0 22px;}
.consultation ul li a h3{ width:100%; height:30px; float:left; line-height:30px; text-align:center; font-weight:normal;}
.consultation ul li a p{ width:100%; height:25px; float:left; text-align:center; font-size:12px;}
.consultation ul li.code{ border:0;}
.consultation ul li.code img{ width:100%; float:left; margin:10px 0 0 0;}
.consultation ul li.code span{ width:100%; float:left; text-align:center; padding:0 0 10px 0;} 




/* INDEX 
-------------------- */
.banner{ width:100%; height:540px; float:left; position:relative; overflow:hidden;}
.banner ul.slides{ height:540px; overflow:hidden;
	-webkit-backface-visibility:hidden;
	-webkit-transform-style:preserve-3d;
	-webkit-transition:all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-moz-transition:all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-ms-transition:all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-o-transition:all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	transition:all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.banner ul.slides li.slide{ width:100%; height:540px; float:left; clear:none; background-size:auto 100%; background-position:center; background-repeat:no-repeat;}
.banner .switch{ width:62px; height:62px; float:left; position:absolute; top:50%; margin:-31px 0 0 0; overflow:hidden; text-indent:-999px;}
.banner .switch.next{ right:0; opacity:0.3; background:url(../Images/sy_icon.png) -424px -172px no-repeat;}
.banner .switch.prev{ left:0; opacity:0.3; background:url(../Images/sy_icon.png) -424px -110px no-repeat;}
.banner .switch.next:hover{ opacity:1; right:0; background:url(../Images/sy_icon.png) -424px -172px no-repeat;}
.banner .switch.prev:hover{ opacity:1; left:0; background:url(../Images/sy_icon.png) -424px -110px no-repeat;}
.banner .slider_nav{ position:absolute; bottom:10px;}
.banner .slider_nav a{ width:30px; height:6px; float:left; clear:none; margin:0 5px; background:#FFF; opacity:0.8;}
.banner .slider_nav a.item{ background:#2D8AE6;}

.banner ul.slides li.xcx{ text-align:center;}
.banner ul.slides li.xcx h1{ width:100%; font-size:45px; color:#FFF;font-weight:normal; margin:190px 0 0 0; letter-spacing:2px; text-align:center; text-shadow:0 0 5px rgba(0,0,0,0.60);}
.banner ul.slides li.xcx p{ width:100%; font-size:24px; color:#FFF; font-weight:lighter; margin:18px 0 42px 0; text-shadow:0 0 5px rgba(0,0,0,0.60);}
.banner ul.slides li.xcx a{ height:40px; display:inline-block; color:#FFF; padding:0 30px; line-height:40px; background:rgba(255,255,255,0.10); border:1px solid rgba(255,255,255,0.80);}
.banner ul.slides li.xcx a:hover{ color:#6E6E6E; background:#FFF; border:1px solid #FFF;}

.banner ul.slides li.app .b_app { width:1100px; height:540px; margin:0 auto;}
.banner ul.slides li.app h1{ width:100%; font-size:45px; color:#FFF; font-weight:normal; margin:190px 0 0 0; letter-spacing:2px; text-shadow:0 0 5px rgba(0,0,0,0.60);}
.banner ul.slides li.app p{ width:100%; font-size:24px; color:#FFF; font-weight:lighter; margin:18px 0 42px 0; text-shadow:0 0 5px rgba(0,0,0,0.60);}
.banner ul.slides li.app a{ height:40px; display:inline-block; color:#FFF; padding:0 30px; line-height:40px; background:rgba(255,255,255,0.10); border:1px solid rgba(255,255,255,0.80);}
.banner ul.slides li.app a:hover{ color:#6E6E6E; background:#FFF; border:1px solid #FFF;}





/* 我们可以开发的项目 --------------- */
.exploit{ width:100%; float:left; padding:0 0 50px 0; background:#EFF4F7;}
.exploit h2{ width:1100px; line-height:34px; margin:0 auto; padding:60px 0; text-align:center; font-size:34px; font-style:normal; font-weight:lighter;}
.exploit ul{ width:1150px; margin:0 auto; padding:0 0 0 50px; overflow:hidden;}
.exploit ul li{ width:346px; height:258px; float:left; margin:0 28px 25px 0; background:#FFF; border:1px solid rgba(0,0,0,0.10);}
.exploit ul li a{ width:100%; overflow:hidden; float:left; cursor:auto;}
.exploit ul li span.func_img{ width:80px; height:80px; display:block; margin:50px auto 20px auto; background-image:url(../Images/sy_icon.png);}
.exploit ul li strong{ display:block; overflow:hidden; line-height:16px; font-size:16px; padding:0 10px; text-align:center; font-weight:normal;}
.exploit ul li p{ display:block; overflow:hidden; line-height:20px; color:#8E8E8E; padding:10px 10px; text-align:center; font-weight:normal;}
.exploit ul li span.ios{ background-position:0 0;}
.exploit ul li span.anz{ background-position:-110px 0;}
.exploit ul li span.xcx{ background-position:-220px 0;}
.exploit ul li span.gzh{ background-position:-330px 0;}
.exploit ul li span.web{ background-position:-440px 0;}
.exploit ul li span.tml{ background-position:-550px 0;}


/* 开发流程 --------------- */
.step{ width:100%; float:left; padding:0 0 50px 0;}
.step h2{ width:1100px; line-height:34px; margin:0 auto; padding:60px 0; text-align:center; font-size:34px; font-style:normal; font-weight:lighter;}
.step ul{ width:1150px; margin:0 auto; overflow:hidden; padding:0 0 50px 50px;}
.step ul li{ width:100px; float:left; margin:0 11px 0 0; position:relative; background:#EFF4F7;}
.step ul li span.func_img{ width:46px; height:46px; float:left; margin:20px 27px 0 27px; background-image:url(../Images/sy_icon.png);}
.step ul li i{ width:100%; height:50px; float:left; line-height:50px; text-align:center; padding:0 0 25px 0; font-style:normal;}
.step ul li em{ width:46px; height:46px; float:left; line-height:46px; position:absolute; bottom:-25px; left:25px; text-align:center; color:#6E6E6E; font-style:normal; font-size:16px; border-radius:46px; background:#FFF; border:2px solid #EFF4F7;}

.step ul li span.lc_a{ background-repeat:no-repeat; background-position:0 -249px;}
.step ul li span.lc_b{ background-repeat:no-repeat; background-position:-61px -249px;}
.step ul li span.lc_c{ background-repeat:no-repeat; background-position:-122px -249px;}
.step ul li span.lc_d{ background-repeat:no-repeat; background-position:-183px -249px;}
.step ul li span.lc_e{ background-repeat:no-repeat; background-position:-244px -249px;}
.step ul li span.lc_f{ background-repeat:no-repeat; background-position:-305px -249px;}
.step ul li span.lc_g{ background-repeat:no-repeat; background-position:-366px -249px;}
.step ul li span.lc_h{ background-repeat:no-repeat; background-position:-427px -249px;}
.step ul li span.lc_i{ background-repeat:no-repeat; background-position:-488px -249px;}
.step ul li span.lc_j{ background-repeat:no-repeat; background-position:-549px -249px;}



/* 我们确保每个项目有足够的人力投入 --------------- */
.devotion{ width:100%; float:left; padding:0 0 50px 0; background:#EFF4F7;}
.devotion h2{ width:1100px; line-height:34px; margin:0 auto; padding:60px 0; text-align:center; font-size:34px; font-style:normal; font-weight:lighter;}
.devotion .devotion_main{ width:1100px; margin:0 auto; overflow:hidden;}
.devotion .devotion_main img{ width:100%; float:left;}


/* 我们为您负责到底 --------------- */
.pact{ width:100%; float:left; padding:0 0 50px 0;}
.pact h2{ width:1100px; line-height:34px; margin:0 auto; padding:60px 0 40px 0; text-align:center; font-size:34px; font-style:normal; font-weight:lighter;}
.pact ul.pact_main{ width:1100px; height:296px; margin:0 auto; overflow:hidden;}
.pact ul.pact_main li{ width:366px; height:100px; float:left; margin:83px 0 0 -1px; position:relative; text-align:center; border-left:1px solid rgba(0,0,0,0.10);}
.pact ul.pact_main li span{ width:100%; height:276px; float:left; position:absolute; left:0; top:-63px;}
.pact ul.pact_main li span img{ width:160px; height:226px; display:block; margin:0 auto; box-shadow:0 0 5px rgba(0,0,0,0.20);}
.pact ul.pact_main li span em{ width:100%; height:40px; float:left; line-height:40px; text-align:center; padding:10px 0 0 0; font-style:normal;}


/* 案例 --------------- */
.cases{ width:100%; float:left; padding:0 0 70px 0; background:#EFF4F7;}
.cases h2{ width:1100px; line-height:34px; margin:0 auto; padding:60px 0; text-align:center; font-size:34px; font-style:normal; font-weight:lighter;}
.cases .case{ width:1100px; margin:0 auto; position:relative; overflow:hidden;}
.cases .case ul.case_main{ width:900px; height:490px; float:left; margin:0 100px; position:relative;}
.cases .case ul.case_main li{ width:100%; height:480px; float:left; padding:10px 0 0 0; font-size:0; text-align:center; position:absolute; top:0; left:0;}
.cases .case ul.case_main li span{ width:270px; height:480px; display:inline-block; margin:0 20px; background:#FFF; box-shadow:0 0 10px rgba(0,0,0,0.30);}
.cases .case ul.case_main li span img{ width:270px; height:480px; float:left;}
.cases .case ul.case_main li span.web{ width:660px; height:480px; margin:0 auto;}
.cases .case ul.case_main li span.web img{ width:100%; height:auto; float:left;}

.cases .case ul.casebox{ width:1100px; height:68px; float:left; padding:0 0 20px 0; font-size:0; text-align:center;}
.cases .case ul.casebox li{ width:66px; height:67px; margin:0 15px; display:inline-block; vertical-align:top; cursor:pointer;}
.cases .case ul.casebox li i{ width:30px; height:30px; float:left; margin:0 18px 10px 18px; background-image:url(../Images/sy_icon.png);}
.cases .case ul.casebox li p{ width:66px; height:17px; float:left; font-size:12px;}
.cases .case ul.casebox li i.app{ background-position:0 -110px;}
.cases .case ul.casebox li i.xcx{ background-position:-60px -110px;}
.cases .case ul.casebox li i.gzh{ background-position:-120px -110px;}
.cases .case ul.casebox li i.web{ background-position:-180px -110px;}
.cases .case ul.casebox li i.tml{ background-position:-240px -110px;}
.cases .case ul.casebox li.current{ border-bottom:1px solid #1F69B3;}
.cases .case ul.casebox li.current p{ color:#1F69B3;}
.cases .case ul.casebox li.current i.app{ background-position:0 -160px;}
.cases .case ul.casebox li.current i.xcx{ background-position:-60px -160px;}
.cases .case ul.casebox li.current i.gzh{ background-position:-120px -160px;}
.cases .case ul.casebox li.current i.web{ background-position:-180px -160px;}
.cases .case ul.casebox li.current i.tml{ background-position:-240px -160px;}
.cases .case a{ width:50px; height:54px; display:block; position:absolute; bottom:213px;}
.cases .case a.prev{ left:0; margin:-27px 0 0 0; background:url(../Images/sy_icon.png) -300px -110px no-repeat;}
.cases .case a.next{ right:0; margin:-27px 0 0 0; background:url(../Images/sy_icon.png) -334px -110px no-repeat;}
.cases .case a.prev:hover{ background:url(../Images/sy_icon.png) -300px -190px no-repeat;}
.cases .case a.next:hover{ background:url(../Images/sy_icon.png) -334px -190px no-repeat;}


/* 合作伙伴 --------------- */
.cooperation{ width:100%; height:423px; float:left; background:#4B80F1 url(../Images/banner/cooperation@bg.jpg) bottom no-repeat;}
.cooperation h2{ width:1100px; line-height:34px; margin:0 auto; padding:60px 0; color:#FFF; text-align:center; font-size:34px; font-style:normal; font-weight:lighter;}
.cooperation .partner{ width:1100px; margin:0 auto; overflow:hidden;}
.cooperation .partner ul{ width:1300px; float:left; padding:0 0 0 1px;}
.cooperation .partner ul li{ width:158px; height:88px; float:left; margin:0 30px 0 0; overflow:hidden; border-radius:5px; background:#FFF;}
.cooperation .partner ul li img{ width:88px; height:88px; display:block; margin:0 auto;}


/* 当前位置 
-------------------- */
.position{ width:100%; height:50px; float:left; padding:5px 0;}
.position ul{ height:20px; float:left; padding:15px 0;}
.position ul li{ height:20px; float:left; line-height:20px; padding:0 12px 0 0; color:#1F69B3;}
.position ul li a{ height:20px; float:left; font-size:14px; padding:0 16px 0 0; background:url(../Images/sy_icon.png) right -87px no-repeat;}


.main{ width:1100px; margin:0 auto; overflow:hidden;}


/* 案例中心 
-------------------- */
.anli{ width:100%; float:left; overflow:hidden; padding:0 0 66px 0;}
.anli .anli_title{ width:100%; float:left; padding:66px 0; background:url(../Images/background.jpg) top no-repeat;}
.anli .anli_title h1{ width:100%; float:left; line-height:45px; text-align:center; font-size:45px; color:#FFF; padding:10px 0; font-weight:normal;}
.anli .anli_title span{ width:100%; float:left; line-height:18px; text-align:center; font-size:18px; color:#FFF; font-family:simyou;}

.anli_main{ width:1100px; margin:0 auto; overflow:hidden;}
.anli ul.ul_anli{ width:1150px; float:left; padding:0 0 10px 0;}
.anli ul.ul_anli li{ width:244px; float:left; padding:5px; overflow:hidden; margin:0 25px 25px 0; border:1px solid #E7E7E7; background:#FFF;}
.anli ul.ul_anli li span.anli_img{ width:100%; height:152px; float:left; overflow:hidden;}
.anli ul.ul_anli li span.anli_img img{ width:100%; float:left;}
.anli ul.ul_anli li h2{ width:100%; height:40px; float:left; line-height:40px; font-size:16px; color:#1F69B3; padding:5px 0 0 0;}
.anli ul.ul_anli li p{ width:100%; float:left; line-height:22px; overflow:hidden; color:#6E6E6E; margin:4px 0 14px 0;}

.details{ width:1098px; float:left; margin:0 0 60px 0; position:relative; border:1px solid #EAEAEA; background:#FFF;}
.details .details_main{ width:300px; height:100%; float:left; padding:0 20px; position:absolute; top:0; left:0; border-right:1px solid #EAEAEA; background:#FCFCFC;}
.details .details_main h2{ width:100%; height:50px; float:left; line-height:50px; font-size:18px; padding:20px 0 10px 0;}
.details .details_main .jiesao{ width:100%; float:left; padding:0 0 30px 0; border-top:1px dashed #EAEAEA;}
.details .details_main .jiesao span{ width:100%; height:40px; float:left; line-height:40px; font-size:15px; font-weight:bold; color:#1F69B3; padding:15px 0 0 0;}
.details .details_main .jiesao p{ width:100%; float:left; line-height:2em; text-align:justify; color:#6E6E6E;}  
.details .details_list{ width:717px; float:right; margin:0 0 0 -1px; overflow:hidden; padding:20px 20px 0 20px; border-left:1px solid #EAEAEA;}
.details .details_list ul{ width:750px; float:left;}
.details .details_list ul li{ width:348px; float:left; margin:0 20px 20px 0; background:#F8F8F8;}
.details .details_list ul li.web{ width:717px; margin:0 0 20px 0;}
.details .details_list ul li img{ width:100%; float:left;}



/* 关于我们 
-------------------- */
.aboutPic{ width:100%; height:328px; float:left; border-bottom:1px solid rgba(0,0,0,0.10); background:#F3F4F6;}
.guanyu{ width:1100px; float:left; margin-bottom:66px;}
.guoyuLeft{ width:1040px; /*width:700px;*/ float:left; padding:0 30px; border:1px solid #EAEAEA; background:#FFF;}
.guoyuLeft h1{ width:100%; height:36px; float:left; padding:26px 0 0 0; line-height:36px; font-size:28px; color:#1F69B3; font-family:simyou;}
.guoyuLeft span{ width:100%; height:30px; float:left; line-height:30px; font-size:18px; padding:0 0 10px 0; margin:0 0 30px 0; color:#555; font-family:simyou; border-bottom:1px dashed #EAEAEA;}
.guoyuLeft h3{ width:100%; float:left; line-height:25px; font-weight:normal; color:#000;}
.guoyuLeft h3 b{ font-size:15px;}
.guoyuLeft p{ width:100%; float:left; line-height:25px; color:#333; text-align:justify; padding:0 0 25px 0;}
.gymao{ width:100%; float:left; padding:20px 0 0 0;}
.gymao h2{ height:35px; float:left; line-height:35px; font-size:24px; font-family:simyou; color:#1F69B3;}
.about{ width:100%; float:right; margin:12px 0; padding:8px 0 30px 0; border-left:3px solid #EAEAEA;}
.about em{ width:17px; height:16px; float:left; position:absolute; bottom:-15px; left:55px; background:url(../Images/about-top.png) no-repeat;}
.about div{ width:1010px; /*width:670px;*/ float:left; line-height:25px; padding:15px; position:relative; text-align:justify; background:#F8F8F8 url(../Images/about-bottom.png) right bottom no-repeat;}
.about dl{ width:100%; height:66px; float:left; padding:20px 0 0 0;}
.about dl dt{ width:60px; height:60px; float:left; border-radius:66px; margin:0 15px 0 0; background:#FFF; border:3px solid #E7E7E7;}
.about dl dt img{ width:48px; float:left; padding:19px 6px;}
.about dl dd{ width:500px; height:50px; float:left; line-height:33px; padding:8px 0 0 0;}
.about dl dd abbr{ width:100%; height:25px; float:left; line-height:25px; font-size:16px; color:#0954A4;}
.about dl dd i{ width:100%; height:25px; float:left; font-style:normal; line-height:25px;}

.guanyuRight{ width:337px; float:right; border:1px solid #EAEAEA; border-left:0px; background:#FFF;}
.guanyuRight .roll{ width:317px; float:left; padding:10px; position:relative; /*border-bottom:1px solid #EAEAEA;*/}
.guanyuRight .roll img{ width:100%; float:left;}
.guanyuRight .roll h2{ width:317px; height:40px; float:left; line-height:40px; color:#FFF; text-indent:10px; font-weight:normal; position:absolute; bottom:10px; background:rgba(0,0,0,0.50);}
.guanyuRight dl{ width:337px; float:left; padding:0 0 20px 0;}
.guanyuRight dl dt{ width:317px; height:50px; float:left; padding:0 10px 0 10px; font-size:18px; color:#1F69B3; line-height:50px; /*border-bottom:1px solid #EAEAEA; */}
.guanyuRight dl dd{ width:297px; float:left; padding:3px 10px;}
.guanyuRight dl dd em{ width:72px; height:24px; float:left; padding:0 8px 0 0; color:#666; font-style:normal; line-height:24px;}
.guanyuRight dl dd p{ width:217px; float:left; line-height:24px; color:#555; text-align:justify;}



@media (max-width:999px) {

/* HEAD -------------------- */
.Head{ width:100%; height:60px; float:left; position:fixed; top:0px; left:0px; z-index:9;}
.Head .Head_main{ width:auto; height:60px; margin:0 auto; padding:0 10px;}
.Head .Head_main .logo{ height:30px; float:left; padding:15px 0; background:url(../Images/logo@white.png) left no-repeat; background-size:auto 30px;}
.Head .Head_main .logo a{ height:30px; float:left; overflow:hidden; line-height:30px; color:#FFF; padding:0 10px 0 81px;}
.Head .Head_main .logo a em{ height:30px; float:left; padding:0 0 0 15px; font-size:14px; font-style:normal; color:#FFF; border-left:1px solid rgba(255,255,255,0.10);}
.Head .Head_main a.menu{ width:24px; height:24px; float:right; display:block; margin:18px 0; background:url(../Images/sy_icon.png) 0 -304px no-repeat;}
.Head .Head_main ul.nav{ width:100%; height:100%; float:right; display:none; position:fixed; top:60px; right:0; background:rgba(0,0,0,0.88);}
.Head .Head_main ul.show{ display:block;}
.Head .Head_main ul.nav li{ width:auto; height:auto; float:none; display:block; overflow:hidden; line-height:17px; margin:0; padding:15px 20px; position:relative;}
.Head .Head_main ul.nav li a{ width:100%; height:30px; float:left; line-height:30px; font-size:15px; color:#FFF;}
.Head .Head_main ul.nav li.display dl{ display:none;}
.Head .Head_main ul.nav li.hover{ background:#1F69B3; padding:15px 20px; margin:0;}
.Head .Head_main ul.nav li.hover dl{ width:100%; float:left; padding:15px 0 0 0; display:block; position:relative; top:0; left:0; background:none;}
.Head .Head_main ul.nav li.hover dl dd{ width:100%; height:50px; float:left;}
.Head .Head_main ul.nav li.hover dl dd a{ width:100%; height:50px; float:left; line-height:50px; font-size:14px; text-align:left;}
.Head .Head_main ul.nav li.hover dl dd a:hover{ background:#1F69B3;}
.float{ background:#1D2B40;}
.inner{ width:100%; height:60px; float:left; position:fixed; top:0px; left:0px; z-index:9;}
.inner .inner_main{ width:auto; height:60px; margin:0 auto; padding:0 10px;}
.inner .inner_main .logo{ height:30px; float:left; padding:15px 0; background:url(../Images/logo@white.png) left no-repeat; background-size:auto 30px;}
.inner .inner_main .logo a{ height:30px; float:left; overflow:hidden; line-height:30px; color:#FFF; padding:0 10px 0 81px;}
.inner .inner_main .logo a em{ height:30px; float:left; padding:0 0 0 15px; font-size:14px; font-style:normal; color:#FFF; border-left:1px solid rgba(255,255,255,0.10);}
.inner .inner_main a.menu{ width:24px; height:24px; float:right; display:block; margin:18px 0; background:url(../Images/sy_icon.png) 0 -304px no-repeat;}
.inner .inner_main ul.nav{ width:100%; height:100%; float:right; display:none; position:fixed; top:60px; right:0; background:rgba(0,0,0,0.88);}
.inner .inner_main ul.show{ display:block;}
.inner .inner_main ul.nav li{ width:auto; height:auto; float:none; display:block; overflow:hidden; line-height:17px; margin:0; padding:15px 20px; position:relative;}
.inner .inner_main ul.nav li a{ width:100%; height:30px; float:left; line-height:30px; font-size:15px; color:#FFF;}
.inner .inner_main ul.nav li.display dl{ display:none;}
.inner .inner_main ul.nav li.hover{ background:#1F69B3; padding:15px 20px; margin:0;}
.inner .inner_main ul.nav li.hover dl{ width:100%; float:left; padding:15px 0 0 0; display:block; position:relative; top:0; left:0; background:none;}
.inner .inner_main ul.nav li.hover dl dd{ width:100%; height:50px; float:left;}
.inner .inner_main ul.nav li.hover dl dd a{ width:100%; height:50px; float:left; line-height:50px; font-size:14px; text-align:left;}
.inner .inner_main ul.nav li.hover dl dd a:hover{ background:#1F69B3;}


/* FOOTER 
-------------------- */
.footer{ width:100%; float:left; overflow:hidden; background:#34383B;}
.footer .footer_title{ display:none;}

.footer .footer_main{ width:90%; margin:0 auto; overflow:hidden; padding:10px 5% 36px 5%;}
.footer .footer_main span.title{ width:100%; height:34px; float:left; color:#FFF; text-align:center; line-height:34px; font-size:16px; padding:10px 0 9px 0;}
.footer .code{ width:100%; height:162px; float:left; padding:0 0 20px 0; border-bottom:1px solid #3D4145;}
.footer .code .mao{ width:100%; height:119px; float:left;}
.footer .code .mao span{ width:100%; height:119px; float:left; text-align:center; margin:0 15px 0 0;}
.footer .code .mao span img{ width:119px; height:100%; float:none; margin:auto; display:block;}
.footer .affairs{ width:100%;/* height:162px;*/ float:left; padding:0 0 20px 0; border-bottom:1px solid #3D4145;}
.footer .affairs ul{ width:100%; float:left;}
.footer .affairs ul li{ width:100%; height:29px; float:left; line-height:29px; color:#FFF;}
.footer .affairs ul li i{ height:29px; float:left; font-style:normal; color:#FFF;}
.footer .affairs ul li em{ height:29px; float:left; font-style:normal; color:#FFF;}
.footer .contact{ width:100%; height:162px; float:right;}
.footer .contact ul{ width:100%; float:left; padding:2px 0 0 0;}
.footer .contact ul li{ width:100%; float:left; line-height:23px; color:#FFF;}
.footer .contact ul li a{ height:23px; float:left; padding:0 10px 0 0;}
.footer .contact ul li i{ height:29px; float:left; font-style:normal; color:#FFF;}
.footer .contact ul li em{ height:29px; float:left; font-style:normal; color:#FFF;}
.footer .bottom{ width:100%; height:auto; float:left; padding:10px 0 0 0; background:#2D3135;}
.footer .bottom div{ width:100%; height:auto; float:left; text-align:center; margin:0 auto;}
.footer .bottom div span{ width:100%; height:25px; float:left; line-height:25px; color:#FFF;}
.footer .bottom div p{ width:100%; height:25px; float:right; line-height:25px; color:#FFF;}

.footer .code{ width:100%; height:auto; float:right; padding:20px 0;}
.footer .code .mao{ width:100%; height:auto; float:left;}
.footer .code .mao span{ width:119px; height:119px; display:block; float:none; margin:0 auto; padding:0 40px 5px 40px;}
.footer .code .mao span img{ width:100%; height:100%; float:left;}
.footer .code .mao em{ width:100%; height:22px; float:none; display:block; line-height:22px; color:#FFF; font-style:normal; text-align:center;}


.consultation{ display:none;}


/* INDEX 
-------------------- */
.banner{ width:100%; height:430px; float:left; position:relative; overflow:hidden;}
.banner ul.slides{ height:430px;}
.banner ul.slides li.slide{ width:100%; height:540px; float:left; clear:none; background-size:auto 100%; background-position:center; background-repeat:no-repeat;}
.banner .switch{ display:none;}
.banner ul.slides li.xcx{ text-align:center;}
.banner ul.slides li.xcx h1{ width:90%; font-size:35px; color:#FFF; font-weight:normal; margin:105px 5% 0 5%; letter-spacing:2px; text-align:center;}
.banner ul.slides li.xcx p{ width:90%; font-size:16px; color:#FFF; font-weight:lighter; margin:18px 5% 42px 5%;}
.banner ul.slides li.xcx a{ background:#FFF; color:#333;}
.banner ul.slides li.app .b_app{ width:100%; margin:0 auto; text-align:center;}
.banner ul.slides li.app .b_app h1{ width:90%; font-size:35px; color:#FFF; font-weight:normal; margin:110px 5% 0 5%; letter-spacing:2px; text-align:center;}
.banner ul.slides li.app .b_app p{ width:90%; font-size:16px; color:#FFF; font-weight:lighter; margin:18px 5% 42px 5%;}
.banner ul.slides li.app .b_app a{ background:#FFF; color:#333;}


/* 我们可以开发的项目 --------------- */
.exploit{ width:100%; float:left; padding:0 0 50px 0; background:#EFF4F7;}
.exploit h2{ width:94%; line-height:26px; margin:0 auto; padding:60px 3% 30px 3%; text-align:center; font-size:26px; font-style:normal; font-weight:lighter;}
.exploit ul{ width:94%; margin:0 3%; padding:1px 0 0 0; overflow:hidden;}
.exploit ul li{ width:auto; height:258px; float:none; margin:-1px 0 0 0; background:#FFF; border:1px solid rgba(0,0,0,0.10);}
.exploit ul li a{ width:100%; overflow:hidden; float:left;}



/* 开发流程 --------------- */
.step{ width:100%; float:left; padding:0 0 50px 0;}
.step h2{ width:94%; line-height:40px; margin:0 auto; padding:60px 3% 30px 3%; text-align:center; font-size:26px; font-style:normal; font-weight:lighter;}
.step ul{ width:auto; display:block; margin:0 auto; overflow:hidden; padding:0 3% 0 0;}
.step ul li{ width:50%; float:left; margin:0 0 35px 0; position:relative; background:none;}
.step ul li section{ display:block; padding:20px 0 0 0; margin:0 0 0 6%; position:relative; background:#EFF4F7;}
.step ul li span.func_img{ width:46px; height:46px; display:block; float:none; margin:0 auto; background-image:url(../Images/sy_icon.png);}
.step ul li i{ width:100%; height:50px; display:block; float:none; line-height:50px; text-align:center; padding:0 0 25px 0; font-style:normal;}
.step ul li em{ width:46px; height:46px; float:left; line-height:46px; position:absolute; bottom:-25px; left:50%; margin:0 0 0 -24px;}



/* 我们确保每个项目有足够的人力投入 --------------- */
.devotion{ width:100%; float:left; padding:0 0 50px 0; background:#EFF4F7;}
.devotion h2{ width:94%; line-height:40px; margin:0 auto; padding:60px 3% 30px 3%; text-align:center; font-size:26px; font-style:normal; font-weight:lighter;}
.devotion .devotion_main{ width:100%; float:left; margin:0 auto; overflow:hidden;}
.devotion .devotion_main img{ width:100%; float:left;}


/* 我们为您负责到底 --------------- */
.pact{ width:100%; float:left; padding:0 0 20px 0;}
.pact h2{ width:94%; line-height:40px; margin:0 auto; padding:30px 3% 30px 3%; text-align:center; font-size:26px; font-style:normal; font-weight:lighter;}
.pact ul.pact_main{ width:94%; height:auto; float:left; margin:0 3%; overflow:hidden;}
.pact ul.pact_main li{ width:100%; height:auto; float:left; margin:0; padding:20px 0 0 0; position:relative; text-align:center; border-left:0; border-top:1px solid rgba(0,0,0,0.10);}
.pact ul.pact_main li span{ width:100%; height:auto; float:left; position:relative; left:0; top:0;}
.pact ul.pact_main li span img{ width:160px; height:226px; display:block; margin:0 auto;}
.pact ul.pact_main li span em{ width:100%; height:40px; float:left; font-size:16px; line-height:40px; text-align:center; padding:10px 0; font-style:normal;}


/* 案例 --------------- */
.cases{ width:100%; float:left; padding:0 0 40px 0; background:#EFF4F7;}
.cases h2{ width:94%; line-height:40px; margin:0 auto; padding:30px 3% 30px 3%; text-align:center; font-size:26px; font-style:normal; font-weight:lighter;}
.cases .case{ width:100%; float:left; margin:0 auto; position:relative; overflow:hidden;}
.cases .case ul.case_main{ width:100%; height:366px; float:left; margin:0; position:relative;}
.cases .case ul.case_main li{ width:100%; height:auto; float:left; padding:10px 0 0 0; font-size:0; text-align:center; position:absolute; top:0; left:0;}
.cases .case ul.case_main li span{ width:200px; height:356px; float:none; overflow:hidden; margin:0 auto; background:#FFF; box-shadow:0 0 10px rgba(0,0,0,0.30);}
.cases .case ul.case_main li span img{ width:200px; height:356px; float:left;}
.cases .case ul.case_main li span:nth-child(2){ display:none;}
.cases .case ul.case_main li span.web{ width:260px; height:356px; margin:0 auto;}
.cases .case ul.case_main li span.web img{ width:100%; height:auto; float:left;}
.cases .case ul.casebox{ width:100%; height:68px; float:left; padding:0 0 20px 0; font-size:0; text-align:center;}
.cases .case ul.casebox li{ width:20%; height:67px; margin:0; text-align:center; display:inline-block; vertical-align:top; cursor:pointer;}
.cases .case ul.casebox li i{ width:30px; height:30px; float:none; display:inline-block; margin:0 0 10px 0; background-image:url(../Images/sy_icon.png);}
.cases .case ul.casebox li p{ width:100%; height:17px; float:none; font-size:12px; text-align:center;}


/* 合作伙伴 --------------- */
.cooperation{ width:100%; height:auto; float:left; padding:0 0 30px 0; background:#4B80F1 url(../Images/banner/cooperation@bg.jpg) bottom no-repeat;}
.cooperation h2{ width:94%; line-height:40px; margin:0 auto; padding:30px 3% 30px 3%; text-align:center; font-size:26px; font-style:normal; font-weight:lighter;}
.cooperation .partner{ width:94%; margin:0 auto; padding:0 3%; overflow:hidden;}
.cooperation .partner ul{ width:auto; float:none; padding:0 10px 0 15px; overflow:hidden;}
.cooperation .partner ul li{ width:50%; height:auto; float:left; padding:0; text-align:center; overflow:hidden; background:#FFF; border:0;}
.cooperation .partner ul li img{ width:auto; height:60px; float:none;}
.cooperation .partner ul li:nth-of-type(odd){ margin:0 0 5px -5px;}
.cooperation .partner ul li:nth-of-type(even){ margin:0 0 5px 5px;}


/* 当前位置 
-------------------- */
.position{ width:100%; height:50px; float:left; padding:5px 0;}
.position ul{ height:20px; float:none; display:block; padding:15px 10px;}
.position ul li{ height:20px; float:left; line-height:20px; padding:0 12px 0 0; color:#1F69B3;}
.position ul li a{ height:20px; float:left; font-size:14px; padding:0 16px 0 0; background:url(../Images/sy_icon.png) right -87px no-repeat;}


.main{ width:100%; margin:0 auto; padding:60px 0 0 0; overflow:hidden;}


/* 案例中心 
-------------------- */
.anli{ width:100%; float:left; overflow:hidden; padding:60px 0 20px 0;}
.anli .anli_title{ width:100%; float:left; padding:66px 0; background:url(../Images/background.jpg) top no-repeat;}
.anli .anli_title h1{ width:100%; float:left; line-height:45px; text-align:center; font-size:45px; color:#FFF; padding:10px 0; font-weight:normal;}
.anli .anli_title span{ width:100%; float:left; line-height:18px; text-align:center; font-size:18px; color:#FFF; font-family:simyou;}

.anli_main{ width:100%; margin:0 auto; overflow:hidden;}
.anli ul.ul_anli{ width:auto; float:none; overflow:hidden; padding:0 10px 10px 10px;}
.anli ul.ul_anli li{ width:auto; float:nonel; display:block; overflow:hidden; padding:5px; margin:0 0 10px 0; border:1px solid #E7E7E7; background:#FFF;}
.anli ul.ul_anli li span.anli_img{ width:100%; float:left; overflow:hidden;}
.anli ul.ul_anli li span.anli_img img{ width:100%; float:left;}
.anli ul.ul_anli li h2{ width:100%; height:40px; float:left; line-height:40px; font-size:16px; color:#1F69B3; padding:5px 0 0 0;}
.anli ul.ul_anli li p{ width:100%; height:auto; float:left; line-height:30px; color:#6E6E6E; padding:0 0 10px 0;}

.details{ width:100%; float:left; margin:0 0 0 0; position:relative; border-top:1px solid #EAEAEA; background:#FFF;}
.details .details_main{ width:auto; height:auto; float:none; overflow:hidden; display:block; padding:0 20px; position:relative; top:0; left:0; border-right:0; border-bottom:1px solid #EAEAEA;}
.details .details_main h2{ width:100%; height:50px; float:left; line-height:50px; font-size:18px; padding:20px 0 10px 0;}
.details .details_main .jiesao{ width:100%; float:left; padding:0 0 30px 0; border-top:1px dashed #EAEAEA;}
.details .details_main .jiesao span{ width:100%; height:40px; float:left; line-height:40px; font-size:15px; font-weight:bold; color:#1F69B3; padding:15px 0 0 0;}
.details .details_main .jiesao p{ width:100%; float:left; line-height:2em; text-align:justify; color:#6E6E6E;}  

.details .details_list{ width:80%; float:right; margin:0 0 0 0; overflow:hidden; padding:20px 10% 0 10%; border-left:0;}
.details .details_list ul{ width:100%; float:left;}
.details .details_list ul li{ width:100%; float:left; margin:0 0 20px 0; background:#F8F8F8;}
.details .details_list ul li.web{ width:100%; margin:0 0 20px 0;}
.details .details_list ul li img{ width:100%; float:left;}



/* 关于我们 
-------------------- */
.aboutPic{ width:100%; height:328px; float:left; border-bottom:1px solid rgba(0,0,0,0.10); background:#F3F4F6;}
.guanyu{ width:100%; float:left; margin-bottom:0;}
.guoyuLeft{ width:auto; float:none; padding:0 10px; overflow:hidden; border:0px solid #EAEAEA; border-top:1px solid #EAEAEA; background:#FFF;}
.guoyuLeft h1{ width:100%; height:36px; float:left; padding:26px 0 0 0; line-height:36px; font-size:28px; color:#1F69B3; font-family:"Microsoft YaHei"; font-weight:lighter;}
.guoyuLeft span{ width:100%; height:30px; float:left; line-height:30px; font-size:18px; padding:0 0 10px 0; margin:0 0 30px 0; color:#555; font-family:"Microsoft YaHei"; font-weight:lighter; border-bottom:1px solid #EAEAEA;}
.guoyuLeft h3{ width:100%; float:left; line-height:25px; font-weight:normal; color:#000;}
.guoyuLeft h3 b{ font-size:15px;}
.guoyuLeft p{ width:100%; float:left; line-height:25px; color:#666; text-align:justify; padding:0 0 25px 0;}
.gymao{ width:100%; float:left; padding:20px 0 0 0;}
.gymao h2{ height:35px; float:left; line-height:35px; font-size:24px; font-family:simyou; color:#1F69B3;}
.about{ width:100%; float:right; margin:12px 0; padding:8px 0 30px 0; border-left:3px solid #EAEAEA;}
.about em{ width:17px; height:16px; float:left; position:absolute; bottom:-15px; left:55px; background:url(../Images/about-top.png) no-repeat;}
.about div{ width:auto; float:none; line-height:25px; padding:15px; overflow:hidden; position:relative; text-align:justify; color:#666; background:#F8F8F8 url(../Images/about-bottom.png) right bottom no-repeat;}
.about dl{ width:100%; height:66px; float:left; padding:20px 0 0 0;}
.about dl dt{ width:60px; height:60px; float:left; border-radius:66px; margin:0 15px 0 0; background:#FFF; border:3px solid #E7E7E7;}
.about dl dt img{ width:48px; float:left; padding:19px 6px;}
.about dl dd{ width:auto; height:50px; float:none; line-height:33px; display:block; overflow:hidden; padding:8px 0 0 0;}
.about dl dd abbr{ width:100%; height:25px; float:left; line-height:25px; font-size:16px; color:#0954A4;}
.about dl dd i{ width:100%; height:25px; float:left; font-style:normal; line-height:25px; color:#888;}


.guanyuRight{ width:auto; float:none; display:block; overflow:hidden; border:0px; padding:10px 10px 20px 10px; border-top:1px solid #EAEAEA; background:#FFF;}
.guanyuRight .roll{ width:100%; float:left; padding:0; position:relative; /*border-bottom:1px solid #EAEAEA;*/}
.guanyuRight .roll img{ width:100%; float:left;}
.guanyuRight .roll h2{ width:100%; height:40px; float:left; line-height:40px; color:#FFF; text-indent:10px; font-weight:normal; position:absolute; bottom:0; background:rgba(0,0,0,0.50);}
.guanyuRight dl{ width:100%; float:left; padding:0 0 20px 0;}
.guanyuRight dl dt{ width:100%; height:50px; float:left; padding:0; font-size:18px; color:#1F69B3; line-height:50px; /*border-bottom:1px solid #EAEAEA; */}
.guanyuRight dl dd{ width:100%; float:left; padding:3px 0;}
.guanyuRight dl dd em{ width:72px; height:24px; float:left; padding:0 8px 0 0; color:#666; font-style:normal; line-height:24px;}
.guanyuRight dl dd p{ width:auto; float:none; display:block; overflow:hidden; line-height:24px; color:#555; text-align:justify;}






	
}