@charset "utf-8";
body{font-family:"Microsoft Yahei",Verdana, Geneva, sans-serif; font-size:14px; color:#000; background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,button,textarea{ margin:0; padding:0;}
fieldset,img{ border:0;}
img{ vertical-align:bottom;}
ul,ol,li{ list-style:none;}
.fix:after{content:"."; display:block; clear:both; visibility:hidden; height:0px;}
.fix{zoom:1;}
a{ color:#000; text-decoration:none;}
a:hover{ color:#006cc7; text-decoration:none;}
.clear{ width:0; height:0; line-height:0; font-size:0; overflow:hidden; clear:both;}

header{ width:100%; height:72px; background-image:-moz-linear-gradient( 90deg, rgb(249,249,249) 0%, rgb(255,255,255) 100%); background-image:-webkit-linear-gradient( 90deg, rgb(249,249,249) 0%, rgb(255,255,255) 100%); background-image:-ms-linear-gradient( 90deg, rgb(249,249,249) 0%, rgb(255,255,255) 100%); position:fixed; left:0; top:0; z-index:9999;}
.logo{ width:274px; height:48px; margin:0 0 0 -500px; position:absolute; left:50%; top:12px; background:url(../images/logo1.svg) no-repeat;}
.logo a{ display:block; height:48px; text-indent:-9999px;}
nav{ width:624px; height:32px; margin:0 0 0 -80px; position:absolute; left:50%; top:20px; font-size:16px;}
nav ul li{ width:104px; height:32px; line-height:32px; float:left;}
nav ul li a{ display:block; height:32px; color:#777;}
nav ul li a span{ display:block; width:32px; height:32px; margin:0 5px 0 0; border-radius:100%; background:#e9f9ff url(../images/icon.png) no-repeat; float:left;}
nav ul li a:hover span{ background-color:#cef2ff;}
nav ul li.nav_index a span{ background-position:center top;}
nav ul li.nav_service a span{ background-position:-2px -32px;}
nav ul li.nav_cases a span{ background-position:center -64px;}
nav ul li.nav_client a span{ background-position:center -96px;}
nav ul li.nav_about a span{ background-position:center -128px;}
nav ul li.nav_join a span{ background-position:center -160px;}

.banner{ width:100%; height:360px; overflow:hidden; margin:72px 0 -72px; position:relative; z-index:9;}
.banner .hd ul{ width:100%; height:12px; position:absolute; left:0; bottom:20px; z-index:2; text-align:center;}

.banner .hd ul li{ width:12px; height:12px; margin:0 10px; border-radius:100%; background:#FFF; text-indent:-9999px; cursor:pointer; display:inline-block;}
.banner .hd ul li.on{ background:#1a92d4;}
.banner .hd a{ display:block; width:40px; height:66px; position:absolute; left:50%; bottom:165px; background:url(../images/arrow.png) no-repeat; z-index:999; cursor:pointer;}
.banner .hd a.prev{ margin:0 0 0 -560px; background-position:left top;}
.banner .hd a.next{ margin:0 0 0 520px; background-position:-40px top;}
.banner .hd a.prev:hover{ margin:0 0 0 -560px; background-position:left -66px;}
.banner .hd a.next:hover{ margin:0 0 0 520px; background-position:-40px -66px;}
.banner .hd .banner_hd_bg{ width:200px; height:24px; margin:0 0 0 -100px; border-radius:12px; position:absolute; left:50%; bottom:14px; background:#FFF; opacity:.5; z-index:1;}
.banner .bd ul li{ height:360px; text-align:center;}
.banner .bd ul li a{ display:block; height:360px;}

.service{ width:1000px; margin:0 auto; padding:112px 0 40px;}
.service .bhead{ height:22px; text-align:center;}
.service .bhead strong{ display:block; height:36px; line-height:36px; margin:0 0 10px; font-size:36px; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#0088C3), to(#035297)); color:#035297; -webkit-text-fill-color: transparent; -webkit-background-clip:text;}
.service .bhead span{ display:block; height:36px; line-height:36px; font-weight:bold; color:#999; font-size:16px;}
.service .bhead span em{ font-style:normal; color:#035297;}
.service .bbody{ padding:40px 0;}
.service .bbody dl{ width:195px; height:480px; margin:0 20px 0 0; padding:20px; border-radius:20px; transition:background-color .3s ease-in-out; float:left;}
.service .bbody dl:hover{ background:#EEE; cursor:default;}
.service .bbody dl.service_4{ margin:0;}
.service .bbody dl dd.service_icon{ width:100px; height:100px; margin:0 auto; border-radius:100%; background:#0082BB url(../images/icon1.png) no-repeat;}
.service .bbody dl.service_1 dd.service_icon{ background-position:center top;}
.service .bbody dl.service_2 dd.service_icon{ background-position:center -100px;}
.service .bbody dl.service_3 dd.service_icon{ background-position:center -200px;}
.service .bbody dl.service_4 dd.service_icon{ background-position:center -300px;}
.service .bbody dl dt{ height:44px; line-height:22px; margin:15px 0 0; font-size:18px; text-align:center;}
.service .bbody dl dd.service_txt{ line-height:1.6em; padding:15px 0 0; color:#777;text-align:center;}
.service .bbody dl dd.service_txt p{ margin:0 0 8px;}


.cases{ margin:0 auto; padding:80px 0 40px; background:#0082BB;}
.cases .bhead{ height:36px; line-height:36px; text-align:center;}
.cases .bhead strong{ font-size:36px; color:#FFF;}
.cases .bbody{ width:1000px; margin:0 auto;}
.cases .bbody ul li{ width:300px; margin:25px 50px 0 0; float:left;}
.cases .bbody ul li:hover{ box-shadow:1px 1px 10px #999;}
.cases .bbody ul li:nth-child(3n){ margin-right:0;}
.cases .bbody ul li span{ display:block; height:68px; line-height:68px; text-align:center; font-size:14px; background:#fbfbfb; font-weight:bold;}

.client{ height:560px; padding:80px 0 0; background:url(../images/bg_client.png) repeat;}
.client .bhead{ height:36px; line-height:36px; text-align:center;}
.client .bhead strong{ font-size:36px; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#0088C3), to(#035297)); color:#035297; -webkit-text-fill-color: transparent; -webkit-background-clip:text;}
.client .bbody{ width:1000px; margin:0 auto; padding:40px 0 80px; position:relative;}
.client .bbody .hd ul{ width:100%; height:12px; position:absolute; left:0; bottom:20px; z-index:2; text-align:center;}
.client .bbody .hd ul li{ width:12px; height:12px; margin:0 10px; border-radius:100%; background:#1a92d4; text-indent:-9999px; cursor:pointer; display:inline-block;}
.client .bbody .hd ul li.on{ background:#FFF;}
.client .bbody .hd a{ display:block; width:40px; height:66px; position:absolute; left:50%; top:190px; background:url(../images/arrow.png) no-repeat; z-index:999; cursor:pointer;}
.client .bbody .hd a.prev{ margin:0 0 0 -560px; background-position:left top;}
.client .bbody .hd a.next{ margin:0 0 0 520px; background-position:-40px top;}
.client .bbody .hd a.prev:hover{ margin:0 0 0 -560px; background-position:left -66px;}
.client .bbody .hd a.next:hover{ margin:0 0 0 520px; background-position:-40px -66px;}
.client .bbody .hd .banner_hd_bg{ width:100px; height:24px; margin:0 0 0 -50px; border-radius:12px; position:absolute; left:50%; bottom:14px; background:#FFF; opacity:.5; z-index:1;}
.client .bbody .bd ul li{ width:198px; height:120px; border-right:2px solid #ebebeb; border-bottom:2px solid #ebebeb; float:left;}
.client .bbody .bd ul li:nth-child(5n){ border-right:none;}
.client .bbody .bd ul li:nth-child(11),.client .bbody .bd ul li:nth-child(12),.client .bbody .bd ul li:nth-child(13),.client .bbody .bd ul li:nth-child(14),.client .bbody .bd ul li:nth-child(15){ border-bottom:none;}
.client .bbody .bd ul li img{ background:none;}
.client .bbody .bd ul li:hover img{ background:#FFF; transition:background-color .3s ease-in-out;}

.about{ padding:80px 0 50px; background:#0082BB;}
.about .bhead{ height:36px; line-height:36px; text-align:center;}
.about .bhead strong{ font-size:36px; color:#FFF;}
.about .bbody{ width:880px; margin:0 auto; padding:112px 17px 60px; background:url(../images/bg_about.png) center 40px no-repeat;}
.about .bbody dl{    transition: all 0.6s; width:260px; margin:0 50px 0 0; background:#FFF; float:left; position:relative;}
.about .bbody dl:hover{    transform: translateY(-30px);  box-shadow: 0px 0px 4px 5px #fff;}
.about .bbody dl.resources{ margin:0;}
.about .bbody dl dt{ width:144px; height:54px; line-height:28px; margin:0 0 0 -75px; padding:45px 0; border:3px solid #FFF; border-radius:100%; text-align:center; font-size:20px; position:absolute; left:50%; top:-75px; color:#FFF;}
.about .bbody dl dd{ height:290px; line-height:30px; padding:90px 20px 20px; color:#444;}
.about .bbody dl.team dt{ background:#3a9fd7;}
.about .bbody dl.visions dt{ background:#78d06c;}
.about .bbody dl.resources dt{ background:#f99b3b;}

.partner{ width:1000px; margin:0 auto; padding:80px 0 40px;}
.partner .bhead{ height:24px; text-align:center;}
.partner .bhead strong{ font-size:36px; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#0088C3), to(#035297)); color:#035297; -webkit-text-fill-color: transparent; -webkit-background-clip:text;}
.partner .bhead span{ display:block; height:36px; line-height:36px; font-weight:bold; color:#999; font-size:16px;}
.partner .bbody{ padding:50px 0 0;}
.partner .bbody .hd{ width:920px; margin:0 auto; height:100px;}
.partner .bbody .hd ul li{ width:96px; height:96px; margin:0 173px 0 0; border:2px solid #0082BB; border-radius:100%; text-indent:-9999px; background:url(../images/icon1.png) no-repeat; cursor:pointer; float:left;}
.partner .bbody .hd ul li.partner_1{ background-position:center -402px;}
.partner .bbody .hd ul li.partner_2{ background-position:center -502px;}
.partner .bbody .hd ul li.partner_3{ background-position:center -602px;}
.partner .bbody .hd ul li.partner_4{ margin:0; background-position:center -702px;}
.partner .bbody .hd ul li.partner_1.on{ background-position:center -802px;}
.partner .bbody .hd ul li.partner_2.on{ background-position:center -902px;}
.partner .bbody .hd ul li.partner_3.on{ background-position:center -1002px;}
.partner .bbody .hd ul li.partner_4.on{ margin:0; background-position:center -1102px;}
.partner .bbody .hd ul li.on{ border-color:#0082BB; background-color:#0082BB;}
.partner .bbody .bd div{ padding:40px; color:#999; line-height:26px;}

footer{ width:100%; height:200px; background:#f5f5f5; position:relative;}
.logo_footer{ width:274px; height:48px; /*margin:0 0 0 -500px;*/ position:absolute; margin-left: -137px;left:50%; top:22px; background:url(../images/logo1.svg) no-repeat;}
.logo_footer a{ display:block; height:48px; text-indent:-9999px;}
.contact{margin-left: -150px;margin-left: -150px; width:300px; height:60px; line-height:20px;/* margin:0 0 0 -500px;*/ position:absolute; left:50%; top:90px;}
.weibo{    display: none; width:250px; height:100px; margin:0 0 0 -160px; position:absolute; left:50%; top:44px;}
.weibo_img{ width:100px; height:100px; float:left;}
.weibo_title{ width:86px; height:24px; line-height:24px; margin:38px 0 0; padding:0 0 0 34px; font-size:18px; background:url(../images/icon.png) left -196px no-repeat; float:right;}
.weibo_title a{ color:#666;}
.weibo_btn{ width:132px; height:28px; margin:10px 0 0; float:right;}
.weibo_btn a{ display:block; height:28px; line-height:28px; border-radius:14px; background:#f99b3b; color:#FFF; text-align:center;}
.wechat{    display: none; width:250px; height:98px; margin:0 0 0 200px; position:absolute; left:50%; top:44px;}
.wechat_img{ width:98px; height:98px; float:left;}
.wechat_title{ width:86px; height:22px; line-height:22px; margin:38px 0 0; padding:0 0 0 34px; font-size:18px; background:url(../images/icon.png) left -228px no-repeat; float:right;}
.wechat_title a{ color:#666;}
.wechat_btn{ width:132px; height:28px; margin:10px 0 0; float:right;}
.wechat_btn a{ display:block; height:28px; line-height:28px; border-radius:14px; background:#f99b3b; color:#FFF; text-align:center;}


.article_article{ width:900px; margin:72px auto 0; padding:40px 0;}
.article_article h1{ line-height:36px; padding:20px 0; text-align:center; font-size:28px; font-weight:normal;}
.article_body{ line-height:1.8em; padding:40px;}
.article_body p{ line-height:1.8em; margin:0 0 10px; text-indent:2em;}
.article_body .gallery{ width:825px;}
.article_body .gallery li{ width:270px; height:270px; margin:0 5px 5px 0; float:left;}