html,body { height:100%; overflow-x:hidden;}
body { min-height:100%; background:#eff2f4; line-height:0; font-size:0; font-family:"microsoft yahei"; color:#595757;}
* { margin:0; padding:0; list-style:none;}
img { border:0;}
input,select,textarea { float:left; background:none; border:0; font-family:"microsoft yahei"; font-size:12px;}
a,a:hover { text-decoration:none; color:#42b8f1;}
a { color:#595757; blr:expression(this.onFocus=this.blur());}
:focus { outline:none;}
div { line-height:18px; font-size:12px;}
p,input,textarea { text-align:justify; text-justify:inter-ideograph;}
i,em,cite { font-style:normal;}
ul,ol,li { float:left;}
h1,h2,h3,h4,h5,h6 { font-family:"microsoft yahei"; font-size:12px; font-weight:normal;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{ display:block;}
.m_fl { float:left;}
.m_fr { float:right;}
.m_auto { margin:auto; float:none !important;}
.overflow,li { overflow:hidden;}
.clearfix:after { clear:both; content:"."; display:block; line-height:0; font-size:0; visibility:hidden;}
.ffsong { font-family:"SimSun";}
.ffyahei { font-family:"microsoft yahei";}
.fs14 { font-size:14px;}
.fs16 { font-size:16px;}
.fs18 { font-size:18px;}
.fs20 { font-size:20px;}
.hidden { display:none;}
.display { display:block;}
.img,.loading { background:#f5f5f5 url(../images/img_loading.gif) no-repeat center center; background-size:40px; font:0/0 Arial;}

header,section { width:100%;}
header { height:70px; background:rgba(255,255,255,.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2ffffff,endColorstr=#b2ffffff); z-index:999; position:fixed; top:0; top:2px\9; left:0;}
header .nav { width:600px; height:100%; position:absolute; top:0; left:50%; margin-left:-300px;}
header .nav ul { float:none !important; text-align:center; font-family:"microsoft yahei"; font-size:18px;}
header .nav ul li { float:none !important; height:66px; line-height:60px; padding:0 5px; margin:0 15px; zoom:1; display:inline-block; border-top:solid 4px transparent; cursor:pointer;}
header .nav ul li:hover,header .nav ul li.active { border-color:#42b8f1;}
header .logo { position:absolute; top:0; left:5%;}
header .tel { width:190px; height:30px; font-size:0; background:url(../images/base.png) no-repeat -50px 0; position:absolute; top:23px; right:5%;}

section { height:100%; overflow:hidden; position:relative;}

.fullslide { width:100%; height:100%; line-height:0; font-size:0; z-index:10;}
.fullslide .img { width:2500px; height:960px; position:absolute; top:50%; left:50%; margin:-480px 0 0 -1250px; z-index:10;}
.fullslide .img ul { width:100% !important; height:100% !important;}
.fullslide .img ul li { width:100% !important; height:100% !important; text-align:center;}
.fullslide .img ul li img { height:100%;}
.fullslide .list { width:100%; position:absolute; left:0; bottom:5px; z-index:100;}
.fullslide .list ul { float:none !important; text-align:center;}
.fullslide .list ul li { float:none !important; width:17px; height:17px; line-height:999px; margin:0 7px; zoom:1; display:inline-block; cursor:pointer;}
.fullslide .list ul .active { background-position:0 0;}
.fullslide .slide_btn { width:36px; height:68px; display:none; z-index:20; position:absolute; top:50%; margin-top:-34px;}
.fullslide a.prev { background-position:0 -20px; left:50%; margin-left:-650px;}
.fullslide a.prev:hover { background-position:0 -90px;}
.fullslide a.next { background-position:-40px -20px; right:50%; margin-right:-650px;}
.fullslide a.next:hover { background-position:-40px -90px;}

.business { background:#e7ecf0 url(../images/bg_business.jpg) no-repeat center bottom;}
.business .title { width:100%; height:25px; padding-top:60px; text-align:center; font-family:"microsoft yahei"; font-size:24px; color:#3e3a39; position:absolute; top:17%; left:0;}
.business .title i { width:500px; height:35px; background:url(../images/title.png) no-repeat center 0; position:absolute; top:0; left:50%; margin-left:-250px;}
.business .list { width:1212px; height:260px; position:absolute; top:38%; left:50%; margin-left:-606px;}
.business .list ul { width:100%; height:100%;}
.business .list li { width:200px; height:100%; margin:0 1px; position:relative;}
.business .list li u { width:140px; height:140px; overflow:hidden; position:absolute; top:0; left:50%; margin-left:-70px; z-index:10;}
.business .list li del { width:70px; height:0; background:url(../images/yuan_w140.png) no-repeat; position:absolute;}
.business .list li del.l { background-position:0 0; top:0; left:0;}
.business .list li del.r { background-position:-70px bottom; bottom:0; right:0;}
.business .list li i,.business .list li em { width:80px; height:0px; background:url(../images/icons.png) no-repeat center 0; position:absolute; top:40px; left:50%; margin-left:-40px; z-index:30;}
.business .list li em { height:70px;}
.business .list li p { width:140px; text-align:center; position:absolute; left:50%; margin-left:-70px; z-index:30;}
.business .list li p.tit { font-family:"microsoft yahei"; font-size:16px; top:150px;}
.business .list li p.info { height:0; color:#fff; bottom:0;}
.business .list li p.active { color:#fff;}
.business .list li.pc em { background-position:center 0;}
.business .list li.pc i { background-position:center -70px;}
.business .list li.seo em { background-position:center -140px;}
.business .list li.seo i { background-position:center -210px;}
.business .list li.h5 em { background-position:center -280px;}
.business .list li.h5 i { background-position:center -350px;}
.business .list li.wx em { background-position:center -420px;}
.business .list li.wx i { background-position:center -490px;}
.business .list li.app em { background-position:center -560px;}
.business .list li.app i { background-position:center -630px;}
.business .list li.sys em { background-position:center -700px;}
.business .list li.sys i { background-position:center -770px;}
.business .list li .mask { width:100%; height:0; background:#42b8f1; overflow:hidden; z-index:20; position:absolute; bottom:0; left:0;}
.business #info { width:260px; height:20px; font-size:0; background:url(../images/title.png) no-repeat center -40px; position:absolute; bottom:22%; left:50%; margin-left:-130px;}
.business #list { width:1210px; height:75px; position:absolute; bottom:4%; left:50%; margin-left:-605px;}
.business #list ul { width:105%; height:100%;}
.business #list li { width:90px; height:100%; margin:0 22px; position:relative;}
.business #list li span.a { width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:0; z-index:20;}
.business #list li p { width:100%; text-align:center; font-size:14px; position:absolute; bottom:0; left:0; z-index:10;}
.business #list li:hover p { color:#42b8f1;}
.business #list li i,.business #list li em { width:100%; height:0; background:url(../images/icons.png) no-repeat center 0; position:absolute; top:0; left:0; z-index:12;}
.business #list li em { height:50px; z-index:11;}
.business #list li.rzc em { background-position:center -850px;}
.business #list li.rzc i { background-position:center -900px;}
.business #list li.app em { background-position:center -950px;}
.business #list li.app i { background-position:center -1000px;}
.business #list li.pc em { background-position:center -1050px;}
.business #list li.pc i { background-position:center -1100px;}
.business #list li.vis em { background-position:center -1150px;}
.business #list li.vis i { background-position:center -1200px;}
.business #list li.logo em { background-position:center -1250px;}
.business #list li.logo i { background-position:center -1300px;}
.business #list li.mobile em { background-position:center -1350px;}
.business #list li.mobile i { background-position:center -1400px;}
.business #list li.xian em { background-position:center -1450px;}
.business #list li.xian i { background-position:center -1500px;}
.business #list li.tel400 em { background-position:center -1550px;}
.business #list li.tel400 i { background-position:center -1600px;}
.business #list li.wx em { background-position:center -1650px;}
.business #list li.wx i { background-position:center -1700px;}

.news { background:#42b8f1;}
.news .title { width:100%; height:25px; padding-top:60px; text-align:center; font-family:"microsoft yahei"; font-size:24px; color:#fff; position:absolute; top:17%; left:0;}
.news .title i { width:500px; height:35px; background:url(../images/title.png) no-repeat center -60px; position:absolute; top:0; left:50%; margin-left:-250px;}
.news .list { width:1200px; height:420px; position:absolute; top:32%; left:50%; margin-left:-600px;}
.news .list .content { width:695px; height:100%; padding-left:505px; position:relative;}
.news .list .content li { width:100%; height:117px; margin-top:23px; overflow:visible; position:relative;}
.news .list .content li p { width:490px; line-height:20px; color:#fff; overflow:hidden; position:absolute; left:205px;}
.news .list .content li .img { width:190px; height:100%; top:0; left:0;}
.news .list .content li .img img { width:100%; min-height:100%;}
.news .list .content li .tit { height:20px; font-family:"microsoft yahei"; font-size:16px; top:10px;}
.news .list .content li .info { height:20px; top:35px;}
.news .list .content li .con { height:40px; top:65px;}
.news .list .content li .more { width:75px; height:28px; line-height:28px; background:url(../images/base.png) no-repeat -50px -30px; text-align:center; display:none;}
.news .list .content li:first-child { width:455px; height:400px; position:absolute; top:0; left:0;}
.news .list .content li:first-child p { width:100%; left:0;}
.news .list .content li:first-child .img { width:100%; height:280px;}
.news .list .content li:first-child .tit { top:298px;}
.news .list .content li:first-child .info { top:328px;}
.news .list .content li:first-child .con { top:360px;}
.news .list .content li:first-child .more { width:75px; color:#b9e8ff; display:block; bottom:-55px;}
.news .list .content li:hover .more { background-position:-50px -70px; color:#fff;}
.news .list .content li:hover .tit { color:#fff100;}
.news .list .content li:hover .img { background-image:none;}
.news .list .content li:hover .img img { filter:alpha(opacity=50); opacity:0.5;}
.news .list .newsPage { height:32px; position:absolute; top:446px; left:50%; margin-left:-75px;}
.news .list .newsPage a { float:left; width:35px; height:100%; margin:0 7.5px; background:url(../images/base.png) no-repeat; cursor:pointer;}
.news .list .newsPage .prev { background-position:-130px -30px;}
.news .list .newsPage .prev:hover { background-position:-235px -30px;}
.news .list .newsPage .more { background-position:-165px -30px;}
.news .list .newsPage .more:hover { background-position:-270px -30px;}
.news .list .newsPage .next { background-position:-200px -30px;}
.news .list .newsPage .next:hover { background-position:-305px -30px;}
.news .list .newsPage .prevEnd { background-position:-340px -30px; cursor:auto;}
.news .list .newsPage .nextEnd { background-position:-410px -30px; cursor:auto;}

.case { background:#f5f5f5;}
.case .title { width:100%; height:25px; padding-top:60px; text-align:center; font-family:"microsoft yahei"; font-size:24px; color:#3e3a39; position:absolute; top:17%; left:0;}
.case .title i { width:500px; height:35px; background:url(../images/title.png) no-repeat center -100px; position:absolute; top:0; left:50%; margin-left:-250px;}
.case .list { width:94%; margin-top:20%; position:relative;}
.case .list .content { width:100%;}
.case .list .content li { width:29.333%; margin:0 2%; line-height:0; font-size:0; position:relative;}
.case .list .content li img { width:100%;}
.case .list .content li .mask { width:100%; height:0; background:rgba(66,184,241,.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c842b8f1,endColorstr=#c842b8f1); position:absolute; top:0; left:0;}
.case .list .content li .info { width:100%; height:0; overflow:hidden; position:absolute; bottom:50%; left:0; margin-bottom:-50px;}
.case .list .content li .icon { width:34px; height:34px; background:url(../images/base.png) no-repeat 0 -30px; position:absolute; top:0; left:50%; margin-left:-17px;}
.case .list .content li .tit,.case .list .content li .site { width:100%; height:20px; text-align:center; font-family:"SimSun"; color:#fff; position:absolute; left:0;}
.case .list .content li .tit { font-size:14px; font-weight:bold; top:60px;}
.case .list .content li .site { font-size:12px; top:80px;}
.case .list .casePage { width:500px; height:32px; text-align:center; position:absolute; bottom:-80px; left:50%; margin-left:-250px;}
.case .list .casePage a { width:35px; height:100%; margin:0 7.5px; display:inline-block; background:url(../images/base.png) no-repeat; cursor:pointer;}
.case .list .casePage .prev { background-position:-130px -70px;}
.case .list .casePage .prev:hover { background-position:-235px -70px;}
.case .list .casePage .more { background-position:-165px -70px;}
.case .list .casePage .more:hover { background-position:-270px -70px;}
.case .list .casePage .next { background-position:-200px -70px;}
.case .list .casePage .next:hover { background-position:-305px -70px;}
.case .list .casePage .prevEnd { background-position:-340px -70px; cursor:auto;}
.case .list .casePage .nextEnd { background-position:-410px -70px; cursor:auto;}

.about { background:#ffaf34; color:#fff;}
.about .list { width:90%; height:100%; position:relative;}
.about .list .menu { width:145px; height:100%; overflow:hidden; position:absolute; top:0; left:0;}
.about .list .menu .bg,.about .list .menu .nav { width:90px; position:absolute; top:180px; left:0;}
.about .list .menu .bg { z-index:10;}
.about .list .menu .nav { z-index:20;}
.about .list .menu li { width:100%; height:40px; line-height:40px; margin-top:5px; text-align:center; font-size:14px; cursor:pointer;}
.about .list .menu .bg li { background:url(../images/base.png) no-repeat -50px -110px;}
.about .list .menu .bg .active { background-position:-140px -110px; position:absolute; left:0; top:0;}

.about .list .content { height:100%; margin:0 0 0 145px; position:relative;}

.about .list .best_content { width:450px; height:440px; position:absolute; top:50%; left:50%; margin:-220px 0 0 -225px;}
.about .list .best_content u { width:100%; height:100%; background:url(../images/best.png) no-repeat center -80px; position:absolute; top:0; left:0; z-index:10;}
.about .list .best_content i { width:100%; height:70px; background:url(../images/best.png) no-repeat center 0; position:absolute; bottom:-80px; left:0; z-index:10;}
.about .list .best_content b { width:410px; height:410px; background:url(../images/best.png) no-repeat center -520px; position:absolute; top:50%; left:50%; margin:-205px 0 0 -205px; z-index:15;}
.about .list .best_content p { position:absolute; z-index:20;}
.about .list .best_content .btit { width:160px; height:160px; line-height:160px; background:url(../images/best.png) no-repeat 0 -930px; text-align:center; font-family:"microsoft yahei"; font-size:24px; top:50%; left:50%; margin:-80px 0 0 -80px;}
.about .list .best_content .stit { width:145px; padding-top:45px; background:url(../images/best.png) no-repeat; text-align:center; font-family:"microsoft yahei"; font-size:16px;}
.about .list .best_content .stit1 { background-position:-160px -930px; top:100px; left:50px;}
.about .list .best_content .stit2 { background-position:-305px -930px; top:100px; right:50px;}
.about .list .best_content .stit3 { background-position:-160px -1010px; bottom:100px; left:50px;}
.about .list .best_content .stit4 { background-position:-305px -1010px; bottom:100px; right:50px;}
.about .list .best_content .con { min-height:20px; line-height:20px; background:url(../images/best.png) no-repeat;}
.about .list .best_content .con strong { font-family:"microsoft yahei"; font-size:16px; position:absolute;}
.about .list .best_content .con1 { width:340px; padding:50px 87px 0 0; background-position:right -1100px; top:-10px; left:-375px;}
.about .list .best_content .con1 strong { font-weight:normal; top:10px; left:120px;}
.about .list .best_content .con2 { width:340px; padding:50px 0 0 85px; background-position:0 -1250px; top:-10px; right:-375px;}
.about .list .best_content .con2 strong { font-weight:normal; top:10px; left:100px;}
.about .list .best_content .con3 { width:340px; padding:75px 87px 0 0; background-position:right -1400px; top:385px; left:-375px;}
.about .list .best_content .con3 strong { font-weight:normal; top:36px; left:120px;}
.about .list .best_content .con4 { width:340px; padding:75px 0 0 85px; background-position:0 -1550px; top:385px; right:-375px;}
.about .list .best_content .con4 strong { font-weight:normal; top:36px; left:100px;}

.about .list .about_content { width:540px; line-height:20px; margin:22% 0 0 45%; position:relative;}
.about .list .about_content p { margin-top:20px;}
.about .list .about_content p:first-child { margin-top:0; font-family:"microsoft yahei"; font-size:24px;}
.about .list .about_content span { width:90px; padding-top:65px; text-align:center; font-family:Arial; color:#c27a0c; font-size:14px; position:absolute; top:45px;}
.about .list .about_content span:hover { color:#d20000;}
.about .list .about_content span.computer { right:720px;}
.about .list .about_content span.mobile { right:600px;}
.about .list .about_content span i { width:60px; height:60px; background:url(../images/base.png) no-repeat -230px -110px; position:absolute; top:0; left:50%; margin-left:-30px;}
.about .list .about_content span.computer i { background-position:-230px -110px;}
.about .list .about_content span.computer:hover i { background-position:-290px -110px; color:#d20000;}
.about .list .about_content span.mobile i { background-position:-350px -110px;}
.about .list .about_content span.mobile:hover i { background-position:-410px -110px; color:#d20000;}

.about .list .history_content { width:80%; height:60px; line-height:20px; padding-top:120px; position:absolute; top:50%; left:50%; margin:-90px 0 0 -40%;}
.about .list .history_content .fixed { padding-top:50px; text-align:center; position:absolute; top:0;}
.about .list .history_content em { width:70px; height:30px; background:url(../images/base.png) no-repeat; position:absolute; top:0; left:50%; margin-left:-35px;}
.about .list .history_content .y2004 { width:110px; left:0;}
.about .list .history_content .y2004 em { background-position:-50px -170px;}
.about .list .history_content .y2009 { width:110px; left:20%;}
.about .list .history_content .y2009 em { background-position:-130px -170px;}
.about .list .history_content .y2012 { width:180px; left:38%;}
.about .list .history_content .y2012 em { background-position:-210px -170px;}
.about .list .history_content .y2013 { width:250px; left:60%;}
.about .list .history_content .y2013 em { background-position:-290px -170px;}
.about .list .history_content .ynow { width:110px; right:0;}
.about .list .history_content .ynow em { background-position:-370px -170px;}
.about .list .history_content .con { padding-top:25px; border-top:#e89b23 1px solid; text-align:center;}

.about .bottom { width:100%; height:54px; background:rgba(255,255,255,0.2); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff,endColorstr=#33ffffff); border-top:#ffe4b9 1px solid; position:absolute; bottom:0; left:0;}
.about .bottom ul { width:1200px; height:100%; position:absolute; top:0; left:50%; margin-left:-600px;}
.about .bottom ul p { line-height:26px; font-size:14px; position:absolute; top:15px;}
.about .bottom ul i { float:left; line-height:24px; padding-right:5px; font-family:Arial; font-size:24px; color:#d20000;}
.about .bottom ul .p1 { left:0;}
.about .bottom ul .p2 { left:30%;}
.about .bottom ul .p3 { left:60%;}
.about .bottom ul .p4 { right:0;}

.cooperation { background:#f5f5f5;}
.cooperation .title { width:100%; height:25px; padding-top:60px; text-align:center; font-family:"microsoft yahei"; font-size:24px; color:#3e3a39; position:absolute; top:25%; left:0;}
.cooperation .title i { width:500px; height:35px; background:url(../images/title.png) no-repeat center -140px; position:absolute; top:0; left:50%; margin-left:-250px;}
.cooperation .list { width:1220px; height:290px; position:absolute; top:45%; left:50%; margin-left:-610px;}
.cooperation .list .content { width:1220px; height:100%;}
.cooperation .list .content li { width:220px; height:72px; margin:22px 12px 0; position:relative;}
.cooperation .list .content li p { width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:0;}
.cooperation .list .content li .img { z-index:10; -webkit-filter:grayscale(100%); filter:Gray;}
.cooperation .list .content li .img img { width:100%; min-height:100%;}
.cooperation .list .content li:hover .img { -webkit-filter:none; filter:none;}
.cooperation .list .content li .mask { background:url(../images/cooperation.png) no-repeat 0 0; z-index:20;}
.cooperation .list .content li:hover .mask { background-position:0 -72px;}
.cooperation .list .coopPage { width:100%; height:20px; text-align:center; position:absolute; bottom:-45px; left:0;}
.cooperation .list .coopPage li { float:none !important; width:17px; height:17px; line-height:999px; background:url(../images/base.png) no-repeat; margin:0 8px; zoom:1; display:inline-block; cursor:pointer;}
.cooperation .list .coopPage li.active { background-position:-25px 0;}

.contact { background:#42b8f1; color:#fff;}
.contact a { color:#fff;}
.contact a:hover { color:#fff100;}
.contact .list { width:1200px; position:absolute; top:35%; left:50%; margin-left:-600px;}
.contact .list .con { width:650px; line-height:50px; font-family:"microsoft yahei"; font-size:34px; position:absolute; top:-500px; left:0;}
.contact .list .tel { width:350px; line-height:24px; padding-top:43px; font-size:14px; position:absolute; top:-500px; right:0;}
.contact .list .tel i { width:100%; height:25px; background:url(../images/base.png) no-repeat -50px -200px; position:absolute; top:0; left:0;}
.contact .list .tel img.code { width:132px; height:132px; position:absolute; top:0; left:-150px;}
.contact .list .tel em { font-family:Arial;}
.contact .list .qq { height:30px; line-height:30px; padding-left:40px; background:url(../images/base.png) no-repeat -470px 0; font-family:"microsoft yahei"; font-size:16px; position:absolute; top:180px; left:-1000px;}
.contact .list :hover.qq { background-position:-470px -30px;}
.contact .links { width:1200px; padding-top:10px; border-top:#6aceff 1px solid; position:absolute; bottom:-100px; left:50%; margin-left:-600px;}
.contact .links ul { width:1230px;}
.contact .links li { float:left; height:20px; margin:5px 30px 0 0;}
.contact .links li:first-child { padding-left:22px; background:url(../images/base.png) no-repeat -480px -67px;}

.wrapper { width:100%; height:100%;}
.wrap { width:0px; height:100%; position:relative; z-index:99;}
#wrap { width:0px; height:100%; background:#fff; position:fixed; top:0; left:0;}
#wrap .logo { position:absolute; top:20px; right:30px;}
#wrap .ewm { width:140px; position:absolute; top:100px; right:27px;}
#wrap .ewm .img { width:100%; height:140px; position:absolute; top:0; left:0;}
#wrap .ewm .img img { width:100%; height:100%;}
#wrap .ewm .tit { width:100%; height:20px; background:url(../images/base.png) no-repeat 122px -79px; position:absolute; top:145px; left:5px;}
#wrap .menu { width:130px; height:150px; position:absolute; top:50%; right:30px; margin-top:-75px;}
#wrap .menu li { width:100%; height:34px; line-height:34px; margin:8px 0; text-align:center; font-size:14px;}
#wrap .menu li a { width:100%; height:100%; display:block;}
#wrap .menu li a:hover,#wrap .menu li a.active { background:url(../images/base.png) no-repeat -210px -230px; color:#fff;}
#wrap .copyright { width:210px; padding-top:40px; position:absolute; bottom:35px; right:30px;}
#wrap .copyright i { width:130px; height:25px; background:url(../images/base.png) no-repeat -280px 0; position:absolute; top:0; right:0;}
#wrap .copyright p { line-height:20px; text-align:right;}
#wrap .copyright em { font-family:Arial;}

.container { padding:84px 100px 0 60px; position:relative; z-index:10;}

.header { width:100%; height:84px; background:#eff2f4; position:fixed; top:0; z-index:100;}
.header .button { width:33px; height:34px; background:#eff2f4 url(../images/base.png) no-repeat; cursor:pointer; position:absolute; top:25px; left:0;}
.header .open { background-position:-51px -231px; z-index:10;}
.header .open:hover { background-position:-91px -231px;}
.header .close { background-position:-131px -230px; z-index:20; display:none;}
.header .close:hover { background-position:-171px -230px;}
.header .menu { height:32px; line-height:32px; background:#fff; border:#42b8f1 1px solid; text-align:center; position:absolute; top:25px; left:75px;}
.header .menu i { width:4px; height:34px; background:url(../images/base.png) no-repeat; position:absolute; top:-1px;}
.header .menu .l { background-position:0 -135px; left:-1px;}
.header .menu .r { background-position:-5px -135px; right:-1px;}
.header .menu li { float:left; width:76px; height:100%; border-left:#42b8f1 1px solid;}
.header .menu li:first-child { border:0;}
.header .menu li a { width:100%; height:100%; display:block;}
.header .menu li a:hover { background:#14a1e5; color:#fff;}
.header .menu li a.active { background:#42b8f1; color:#fff;}
.header .top { height:34px; line-height:34px; font-size:0; text-align:center; position:absolute; top:25px; left:60px;}
.header .top a,.header .top p { float:left; width:80px; height:100%; margin-left:15px; background:url(../images/base.png) no-repeat -50px -300px;}
.header .top a.list { width:100px; margin-right:5px; background-position:-50px -300px; font-size:12px;}
.header .top a.list:hover { background-position:-50px -334px;}
.header .top a.prev { background-position:-150px -300px;}
.header .top a.prev:hover { background-position:-150px -334px;}
.header .top a.next { background-position:-230px -300px;}
.header .top a.next:hover { background-position:-230px -334px;}
.header .top p.prev { background-position:-310px -300px; cursor:no-drop;}
.header .top p.next { background-position:-310px -334px; cursor:no-drop;}
.header .tags { height:32px; line-height:32px; position:absolute; top:25px; left:75px;}
.header .tags i,.header .tags h1 { float:left; height:100%; font-family:"microsoft yahei"; font-size:24px;}
.header .tags i { padding-right:50px; background:url(../images/base.png) no-repeat 60px -172px;}
.header .tags h1 { color:#898989;}
.header .tags em { float:left; padding:6px 0 0 10px; color:#898989;}
.header .tags b { padding:0 2px; font-weight:normal; color:#42b8f1;}

.page { width:100%; margin:40px 0 40px 70px;}
.page a,.page span { float:left; width:36px; height:36px; line-height:36px; margin-left:5px; text-align:center; font-size:14px;}
.page a { border:#dbdfe1 1px solid; color:#485156;}
.page a:hover,.page span { background:#42b8f1; border:#42b8f1 1px solid; color:#fff;}
.page a.none { background:none; border:#dbdfe1 1px solid; color:#485156; cursor:no-drop;}

.newsList { width:100%; margin-top:-25px;}
.newsList ul.list {}
.newsList li { height:166px; padding-left:365px; margin-top:25px; position:relative;}
.newsList li span { background:url(../images/base.png) no-repeat 1000px 1000px; overflow:hidden; position:absolute;}
.newsList li .date { width:60px; height:72px; background-position:-350px -200px; top:0; left:0;}
.newsList li .date i,.newsList li .date u { width:100%; text-align:center; color:#fff; position:absolute; left:0;}
.newsList li .date i { font-family:"microsoft yahei"; font-size:36px; top:13px;}
.newsList li .date u { text-decoration:none; top:38px;}
.newsList li .img { width:270px; height:166px; top:0; left:75px;}
.newsList li .img img { width:100%; min-height:100%;}
.newsList li .img:hover img { filter:alpha(opacity=30); opacity:0.3;}
.newsList li .tag { height:20px; padding-left:8px; background:url(../images/base.png) no-repeat -492px -88px; bottom:-5px; left:365px;}
.newsList li .tag a { float:left; margin-left:15px; color:#42b8f1;}
.newsList li p { float:left; width:100%; line-height:24px; overflow:hidden;}
.newsList li .tit { height:24px; margin-top:-2px; font-family:"microsoft yahei"; font-size:16px;}
.newsList li .info { height:24px; margin-top:12px; color:#898989;}
.newsList li .con { height:70px; margin-top:10px; color:#595757;}
.newsList li em { padding:0 10px;}
.newsList li p b { font-weight:normal;}

.newsView { position:relative;}
.newsView .tit { width:100%; padding-bottom:20px; border-bottom:#dbe1e4 1px solid;}
.newsView .tit h1,.newsView .tit h2 { float:left; width:100%;}
.newsView .tit h1 { line-height:30px; margin-top:-2px; font-size:20px;}
.newsView .tit h2 { height:24px; margin-top:15px; font-family:"SimSun"; color:#898989;}
.newsView .tit em { padding:0 10px;}
.newsView .tit b { font-weight:normal;}
.newsView .tit a { color:#898989;}
.newsView .tit a:hover { color:#42b8f1;}
.newsView .detail { width:100%; line-height:24px; padding:10px 0 120px; border-top:#fff 1px solid; font-family:"microsoft yahei"; font-size:14px;}
.newsView .detail p { margin-top:10px;}
.newsView .detail img { max-width:100%; margin:4px 0 -4px;}
.newsView .detail .img { line-height:0; font-size:0;}
.newsView .detail .img img { margin-top:0 !important;}

.newsBottom { width:100%; background:#eff2f4; position:absolute; bottom:40px; left:0;}
.newsBottom .tag,.newsBottom .bdsharebuttonbox { float:left; width:100%;}
.newsBottom .tag b,.newsBottom .tag a { float:left; height:18px;}
.newsBottom .tag b { padding-right:18px; background:url(../images/base.png) no-repeat 55px -107px;}
.newsBottom .tag a { padding:0 8px; margin-left:10px; background:#42b8f1; border-radius:3px; color:#fff;}
.newsBottom .tag a:hover { background:#0492d6;}
.newsBottom .bdsharebuttonbox  { height:33px !important; padding:0; margin-top:3px;}
.newsBottom .bdsharebuttonbox a { float:left; width:30px !important; height:27px; padding:0 !important; background:url(../images/base.png) no-repeat -50px -270px;}
.newsBottom .bdsharebuttonbox .bds_weixin { background-position:-50px -270px;}
.newsBottom .bdsharebuttonbox .bds_weixin:hover { background-position:-170px -270px;}
.newsBottom .bdsharebuttonbox .bds_tsina { background-position:-80px -270px;}
.newsBottom .bdsharebuttonbox .bds_tsina:hover { background-position:-200px -270px;}
.newsBottom .bdsharebuttonbox .bds_tqq { background-position:-110px -270px;}
.newsBottom .bdsharebuttonbox .bds_tqq:hover { background-position:-230px -270px;}
.newsBottom .bdsharebuttonbox .bds_qzone { background-position:-140px -270px;}
.newsBottom .bdsharebuttonbox .bds_qzone:hover { background-position:-260px -270px;}

.newsFixed { width:280px; height:470px; padding:15px; background:#fff; position:fixed; top:50%; right:117px; margin-top:-250px;}
.newsFixed ul.img { width:100%; height:160px; overflow:hidden;}
.newsFixed ul.img img { width:100%; min-height:100%;}
.newsFixed ul.tit { width:100%; height:30px; margin-top:30px; border-bottom:#dbe1e4 1px solid; font-family:"microsoft yahei"; font-size:18px; color:#584a4f;}
.newsFixed ul.list { width:100%;}
.newsFixed ul.list li { width:100%; height:60px; margin-top:21px; position:relative;}
.newsFixed ul.list li p { line-height:20px; overflow:hidden; position:absolute;}
.newsFixed ul.list li .img { width:98px; height:100%; top:0; left:0;}
.newsFixed ul.list li .img img { width:100%; min-height:100%;}
.newsFixed ul.list li .img { width:98px; height:100%; top:0; left:0;}
.newsFixed ul.list li .tit { width:170px; height:40px; font-size:14px; top:-2px; left:110px;}
.newsFixed ul.list li .info { width:170px; height:20px; color:#898989; bottom:-4px; left:110px;}
.newsFixed ul.list li p b { font-weight:normal;}

.caseList { width:100%;}
.caseList .list { width:115%; margin-top:-25px;}
.caseList li { width:310px; height:250px; margin:25px 30px 0 0; position:relative;}
.caseList li p,.caseList li em,.caseList li h1,.caseList li h2 { width:100%; overflow:hidden; position:absolute; left:0;}
.caseList li .img { height:190px; top:0; z-index:10;}
.caseList li .img img { width:100%; min-height:100%;}
.caseList li .tit { height:60px; background:#dbe1e4; bottom:0; z-index:10;}
.caseList li h1 { height:20px; text-align:center; font-size:16px; bottom:28px; z-index:20;}
.caseList li h2 { text-align:center; font-family:Arial; bottom:8px; z-index:20;}
.caseList li .mask { height:0; background:rgba(0,0,0,.6) url(../images/case_mask.png) no-repeat center center; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); top:0; z-index:15;}
.caseList li i { width:42px; height:42px; background:url(../images/base.png) no-repeat -420px -200px; top:100px; left:50%; margin-left:-21px; z-index:20;}
.caseList li em { height:0; background:#42b8f1; bottom:0; z-index:15;}
.caseList li:hover h1,.caseList li:hover h2 { color:#fff;}
.caseList .page { margin-left:-5px;}

#header { width:100%; height:84px; position:absolute; top:0; z-index:100;}
#header .button { width:33px; height:34px; background:url(../images/base.png) no-repeat; cursor:pointer; position:absolute; top:25px; left:0;}
#header .open { background-position:-410px -300px; z-index:10;}
#header .open:hover { background-position:-410px -337px;}
#header .close { background-position:-455px -300px; z-index:20; display:none;}
#header .close:hover { background-position:-455px -337px;}
#header .top { height:34px; line-height:34px; text-align:center; position:absolute; top:25px; left:60px;}
#header .top a,#header .top p { float:left; width:80px; height:100%; margin-left:15px; background:url(../images/base.png) no-repeat -50px -300px;}
#header .top a.list { width:100px; margin-right:5px; background-position:-50px -370px; color:#fff;}
#header .top a.list:hover { background-position:-50px -404px; color:#42b8f1;}
#header .top a.prev { background-position:-150px -370px;}
#header .top a.prev:hover { background-position:-150px -404px;}
#header .top a.next { background-position:-230px -370px;}
#header .top a.next:hover { background-position:-230px -404px;}
#header .top p.prev { background-position:-310px -370px;}
#header .top p.next { background-position:-310px -404px;}

.caseViewTop { width:100%; line-height:0; position:relative;}
.caseViewTop img { width:100%;}

.caseView { width:100%; padding-bottom:40px;}
.caseView .tit { width:100%; line-height:30px; margin-top:40px;}
.caseView .tit h1 { float:left; font-size:24px; color:#584a4f;}
.caseView .tit h2 { float:left; margin:5px 0 0 20px; font-size:14px; color:#898989;}

.caseView .content { width:100%; line-height:24px; margin-top:10px; font-family:"microsoft yahei"; font-size:16px;}

.caseViewInfo { width:100%; margin:25px 0 35px;}
.caseViewInfo .tag,.caseViewInfo .bdsharebuttonbox { float:left;}
.caseViewInfo .tag { margin:15px 0 0 0px;}
.caseViewInfo .tag b,.caseViewInfo .tag a { float:left; height:18px;}
.caseViewInfo .tag b { padding-right:18px; background:url(../images/base.png) no-repeat 55px -107px;}
.caseViewInfo .tag a { padding:0 8px; margin-left:10px; background:#42b8f1; border-radius:3px; color:#fff;}
.caseViewInfo .tag a:hover { background:#0492d6;}
.caseViewInfo .bdsharebuttonbox  { height:33px !important; padding:0; margin-top:3px; margin-right:20px;}
.caseViewInfo .bdsharebuttonbox a { float:left; width:30px !important; height:27px; padding:0 !important; background:url(../images/base.png) no-repeat -50px -270px;}
.caseViewInfo .bdsharebuttonbox .bds_weixin { background-position:-50px -270px;}
.caseViewInfo .bdsharebuttonbox .bds_weixin:hover { background-position:-170px -270px;}
.caseViewInfo .bdsharebuttonbox .bds_tsina { background-position:-80px -270px;}
.caseViewInfo .bdsharebuttonbox .bds_tsina:hover { background-position:-200px -270px;}
.caseViewInfo .bdsharebuttonbox .bds_tqq { background-position:-110px -270px;}
.caseViewInfo .bdsharebuttonbox .bds_tqq:hover { background-position:-230px -270px;}
.caseViewInfo .bdsharebuttonbox .bds_qzone { background-position:-140px -270px;}
.caseViewInfo .bdsharebuttonbox .bds_qzone:hover { background-position:-260px -270px;}

.caseView .detail { width:90%; max-width:1000px; line-height:24px; padding:15px; background:#fff; border-radius:10px;}
.caseView .detail p { margin-top:10px;}
.caseView .detail img { width:100%;}
.caseView .detail .img { margin:0; line-height:0; font-size:0;}
.caseView .detail .loading { width:100%; height:50px;}

.toolbar { width:50px; position:fixed; top:50%; right:3px; z-index:999;}
.toolbar li { width:50px; height:50px; margin-top:5px; background:url(../images/base.png) no-repeat -50px -440px; overflow:visible; position:relative; cursor:pointer;}
.toolbar li.gotoTop { background-position:-50px -440px;}
.toolbar li.gotoTop:hover { background-position:-200px -440px;}
.toolbar li.tel { background-position:-100px -440px;}
.toolbar li.tel:hover { background-position:-250px -440px;}
.toolbar li.qq { background-position:-150px -440px;}
.toolbar li.qq:hover { background-position:-300px -440px;}
.toolbar li p { width:0; height:100%; line-height:46px; background:url(../images/toolbar.png) no-repeat; text-align:center; font-family:"microsoft yahei"; font-size:16px; color:#fff; overflow:hidden; position:absolute; top:0; right:50px;}
.toolbar li.tel p { line-height:18px; height:43px; padding-top:7px;}

.searchList { width:100%;}
.searchList .list { margin:-15px 0 -20px;}
.searchList li { height:85px; padding:0 0 20px 170px; margin-top:20px; border-bottom:#d3d3d3 1px dotted; position:relative;}
.searchList li span { background:url(../images/base.png) no-repeat 1000px 1000px; overflow:hidden; position:absolute;}
.searchList li .img { width:130px; height:80px; border:#fff 3px solid; top:0; left:0;}
.searchList li .img img { width:100%; min-height:100%;}
.searchList li .img:hover img { filter:alpha(opacity=30); opacity:0.3;}
.searchList li .tag { height:20px; padding-left:8px; background:url(../images/base.png) no-repeat -492px -88px; top:70px; left:170px;}
.searchList li .tag a { float:left; margin-left:15px;}
.searchList li p { float:left; width:100%; line-height:24px; overflow:hidden;}
.searchList li .tit { height:24px; margin-top:-2px; font-family:"microsoft yahei"; font-size:16px;}
.searchList li .info { height:24px; margin-top:12px; color:#898989;}
.searchList li em { padding:0 10px;}
.searchList li p b { font-weight:normal;}
.searchList li .info a { color:#898989;}
.searchList li .info a:hover { color:#42b8f1;}
.searchList .page { margin-left:-5px;}

@media (max-width:1400px){
.business .title { padding-top:50px; top:15%;}
.business .list { top:30%;}
.news .title { padding-top:50px; top:11%;}
.news .list { top:23%;}
.news .list .newsPage { top:430px;}
.case .list { margin-top:18%;}
.about .list .best_content { margin:-240px 0 0 -225px;}
.about .list .about_content { margin-top:18%;}
.about .bottom { height:49px;}
.about .bottom ul p { top:14px;}
.about .list .best_content .con3 { top:345px;}
.about .list .best_content .con4 { top:345px;}
.cooperation .list { top:45%;}
.contact .list { top:28%;}

#wrap .logo { top:8px;}
#wrap .ewm { top:70px;}
.caseList li { width:285px; height:240px;}
.caseList li .img { height:180px;}
.toolbar li p { line-height:48px;}
}
@media (min-width:1500px){
.newsList li .tit { font-size:18px;}
.caseList li { width:350px; height:280px;}
.caseList li .img { height:220px;}
}
@media (min-width:1900px){
.about .bottom { height:69px;}
.about .bottom ul p { top:24px;}
.newsList li .tit { font-size:20px;}
.newsList li .con { font-size:14px;}
.caseList li { width:430px; height:330px;}
.caseList li .img { height:270px;}
}
@media (max-width:1000px){
.wrap { width:100%; height:50px; background:#fff; position:fixed;}
#wrap { width:90%; height:100%; margin:0 5%; position:absolute;}
#wrap .logo { height:100%; position:absolute; top:0; left:0;}
#wrap .logo img { height:100%;}
#wrap .ewm,#wrap .menu,#wrap .copyright { display:none;}

.header { width:100% !important; background:none; left:0 !important;}
.header .button { display:none;}
.header .top { height:26px; line-height:26px; font-size:12px; top:11px; left:auto; right:5%;}
.header .top a,.header .top p { width:50px; height:100%; background:none; border:#898989 1px solid; border-radius:5px; text-align:center;}
.header .top a.list { display:none;}
.header .top a:hover { border-color:#42b8f1;}
.header .top p { border-color:#ccc; color:#898989; cursor:no-drop;}

.header .tags { height:32px; line-height:32px; position:absolute; top:25px; left:75px;}
.header .tags i,.header .tags h1 { float:left; height:100%; font-family:"microsoft yahei"; font-size:24px;}
.header .tags i { padding-right:50px; background:url(../images/base.png) no-repeat 60px -172px;}
.header .tags h1 { color:#898989;}
.header .tags em { float:left; padding:6px 0 0 10px; color:#898989;}
.header .tags b { padding:0 2px; font-weight:normal; color:#42b8f1;}

.container { padding:84px 5% 0;}
.newsView { width:100% !important;}
.newsView .tit { padding-bottom:15px; text-align:center;}
.newsView .tit h1 { margin-top:-20px;}
.newsView .tit h2 { height:24px; margin-top:10px;}
.newsView .detail { padding-bottom:70px;}
.newsBottom { padding-top:15px; bottom:20px; border-top:#fff 1px solid;}
.newsBottom .bdsharebuttonbox  { display:none;}

.newsFixed { display:none;}
}

/**弹出留言**/
#pop_msg { width:240px; position:fixed; bottom:1px; right:17px; display:none;}
#pop_msg .title { width:100%; height:34px; background:#00aef3; border-radius:5px 5px 0 0; position:relative;}
#pop_msg .title em,#pop_msg .title i { position:absolute; top:50%;}
#pop_msg .title em { height:20px; font:14px/20px "microsoft yahei"; color:#fff; left:10px; margin-top:-10px;}
#pop_msg .title i { width:15px; height:12px; background:url(../images/msg.png) no-repeat -15px 0; right:10px; margin-top:-6px; cursor:pointer;}
#pop_msg .title i.open { background-position:0 0;}
#pop_msg .list { width:220px; padding:0 10px; background:#dbe1e4;}
#pop_msg .list li { width:100%; margin-top:10px; background:#fff; position:relative;}
#pop_msg .list li i { width:14px; height:14px; background:url(../images/msg.png) no-repeat 0 15px; position:absolute; top:50%; left:10px; margin-top:-7px;}
#pop_msg .list li.user i { background-position:-30px 0;}
#pop_msg .list li.tel i { background-position:-45px 0;}
#pop_msg .list li.submit { background:none;}
#pop_msg .list li em { height:18px; padding-left:22px; background:url(../images/ajax-loader.gif) no-repeat; font:12px/18px "SimSun"; position:absolute; top:50%; left:100px; margin-top:-9px; display:none;}
#pop_msg .list li input[type="text"],#pop_msg .list li textarea { border:#d5d5d5 1px solid; font:12px/18px "SimSun"; color:#ababab; position:relative; z-index:20;}
#pop_msg .list li input[type="text"]:focus,#pop_msg .list li textarea:focus { border-color:#00aef3;}
#pop_msg .list li input[type="text"] { width:218px; height:30px; text-indent:35px; font:12px/30px "SimSun";}
#pop_msg .list li textarea { width:200px; height:54px; padding:9px;}
#pop_msg .list li input[type="submit"] { width:90px; height:30px; background:#00aef3; border-radius:5px; text-align:center; font:14px/30px "microsoft yahei"; color:#fff; cursor:pointer;}

#pop_ad { width:300px; height:230px; position:fixed; bottom:-230px; right:1px;}
#pop_ad ul { position:absolute; top:0;}
#pop_ad .img { width:100%; height:100%; top:0; left:0; z-index:1000;}
#pop_ad .img img { width:100%; min-height:100%;}
#pop_ad .close { padding:3px 5px; background:#f5f5f5; font:12px/12px "SimSun"; top:0; right:0; z-index:1001; cursor:pointer;}