﻿/*Reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}
body,button,input,textarea{font:12px/1.5 Tahoma,Helvetica,Arial,"宋体",sans-serif;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
fieldset,img{border:0;vertical-align:top;}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal;}
a{text-decoration:none;cursor:pointer;color:#006cb0; outline: none;}
a:hover{text-decoration:none;color:#ff6600;}
body{color:#343434; background:url(images/bg.png) repeat-x top #fafafa;}
/*css sprite*/
.head span a,.nav a,.tit h2,.box .tit,.boxb,.new li a,.contact li{ background:url(images/imgbg.png) no-repeat;}
.openc dt,.openc dd a strong,.mobc a{ background:url(images/imgbg1.jpg) no-repeat;}
.menur li a,.menur li span,.tlsit dt,.stepr,.stepr dd{ background:url(images/subpage.png) no-repeat;}
/*head*/
.head,.bnr{ clear:both; width:960px; margin:0 auto; height:70px; overflow:hidden;}
.head span{ float:right; font-size:14px; padding:28px 0 0 0;}
.head span a{ float:right; height:17px; line-height:17px; padding-left:21px; background-position:-535px -132px;}
.head span a:hover{ background-position:-535px -158px;}
.logo{ float:left; width:123px; height:46px; background:url(images/logo.png) no-repeat; margin:15px 0 0 0;}
.head h1 a{ display:block; height:46px;}
.pc-logo,.mob-logo{ float:left; width:342px; height:46px; background:url(images/pclogo.png) no-repeat; margin:15px 0 0 15px; display:inline;}
.mob-logo{ width:294px; background:url(images/moblogo.png) no-repeat;}
/*bnr*/
.bnr-bg{ clear:both; height:291px; background:url(images/bnr.jpg) no-repeat center top; margin-bottom:15px;}
.bnr{ height:290px;}
/*nav*/
.nav{ float:left; width:650px; height:40px;}
.nav li{ float:left; height:40px; overflow:hidden; line-height:500px; margin-right:1px;}
.nav a{ float:left; height:40px; width:96px;}
.nav .n-home a{ background-position:0 0; width:66px;}
.nav .n-resou a{ background-position:-67px 0;}
.nav .n-doc a{ background-position:-164px 0;}
.nav .n-case a{ background-position:-261px 0;}
.nav .n-bbs a{ background-position:-358px 0;}
.nav .n-app a{ background-position:-455px 0;}
.nav .n-home a:hover{ background-position:0 -41px; width:66px;}
.nav .n-resou a:hover{ background-position:-67px -41px;}
.nav .n-doc a:hover{ background-position:-164px -41px;}
.nav .n-case a:hover{ background-position:-261px -41px;}
.nav .n-bbs a:hover{ background-position:-358px -41px;}
.nav .n-app a:hover{ background-position:-455px -41px;}
.nav .n-home a.cur,.nav .n-home a.cur:hover{ background-position:0 -82px; width:66px;}
.nav .n-resou a.cur,.nav .n-resou a.cur:hover{ background-position:-67px -82px;}
.nav .n-doc a.cur,.nav .n-doc a.cur:hover{ background-position:-164px -82px;}
.nav .n-case a.cur,.nav .n-case a.cur:hover{ background-position:-261px -82px;}
.nav .n-bbs a.cur,.nav .n-bbs a.cur:hover{ background-position:-358px -82px;}
.nav .n-app a.cur,.nav .n-app a.cur:hover{ background-position:-455px -82px;}
/*tit*/
.tit{ height:39px; line-height:39px; padding:0 11px; overflow:hidden;}
.tit h2{ float:left; width:72px; height:18px; margin:11px 0 0 0; line-height:1000px; overflow:hidden;}
.tit span{ float:right; font-size:14px;}
/*box*/
.box{ width:310px;}
.box .tit{ background-position:0 -123px;}
.boxc{ border-left:1px solid #d0e8f6; border-right:1px solid #d0e8f6; background:#fff; min-height:230px; _height:230px;}
.boxb{ clear:both; overflow:hidden; height:4px; background-position:0 -298px;}
/*open*/
.open{ float:right; width:310px;}
.open .tit{ padding:0 20px;}
.open .tit h2{ background-position:0 -203px; margin-top:12px;}
.open .tit span{ padding:2px 0 0 0;}
.openc dl{ clear:both; margin:0 0 0 30px; cursor:pointer;}
.openc dt{ float:left; width:100px; height:104px; margin-right:19px;}
.openc dd{ zoom:1; overflow:hidden; width:135px; line-height:20px;}
.openc dd a strong{ display:block; width:115px; height:22px; background-position:0 -105px; overflow:hidden; line-height:500px;}
.openc dl.cur dd a strong,.openc dd a:hover strong{ background-position:0 -128px;}
.openc dl.cur dd a{color:#ff6600;}
.openc dd p{ padding:8px 0 0 0;}
.pc dl{ padding-top:70px;}
.mob dl{ padding-top:30px;}
.mobc{ clear:both; height:63px; padding:25px 0 0 0;}
.mobc a{ float:left; width:118px; height:63px; line-height:500px; overflow:hidden; margin:0 0 0 23px;}
.mobc .moba1{ background-position:0 -151px;}
.mobc .moba1:hover{ background-position:-119px -151px;}
.mobc .moba2{ background-position:0 -215px;}
.mobc .moba2:hover{ background-position:-119px -215px;}
/*wrap*/
.wrap{ clear:both; overflow:hidden; zoom:1; width:960px; margin:0 auto;}
/*intro*/
.intro{ float:left; }
.intro .tit h2{ background-position:0 -222px;}
.intro p{ padding:15px; line-height:28px; text-indent:2em;}
/*case*/
.case{ float:left; margin-left:15px;}
.case .tit h2{ background-position:0 -241px;}
.case ul{ clear:both; overflow:hidden; zoom:1;}
.case li{ float:left; text-align:center; width:90px; margin:15px 0 0 9px; height:95px; display:inline;}
.case li img{ display:block; margin:0 auto 6px;}
/*dynamic*/
.dynamic{ float:right;}
.dynamic .tit h2{ background-position:0 -260px;}
.new{ padding:13px 0;}
.new li{ height:24px; line-height:24px; padding:0 15px;}
.new li a{ padding-left:7px; background-position:-549px -224px;}
.new li a:hover{ background-position:-549px -246px;}
.new li span{ float:right;}
/*contact*/
.contact .tit{ background-position:0 -163px;}
.contact .tit h2{ background-position:0 -279px;}
.contact ul{ padding:13px 0 0 0;}
.contact li{ height:22px; line-height:22px; background-position:-527px -177px; padding-left:30px;}
.contact .e-mail{ background-position:-527px -195px;}
/*foot*/
.foot{ text-align:center; line-height:24px; color:#8a98a9; padding:30px 0;}
/*subpage*/
.subpage{ background:url(images/subbg.png) repeat-x top #fafafa;}
.subpage .bnr-bg,.subpage .bnr{ height:40px; background:none; overflow:hidden; margin-bottom:1px;}
/*arear*/
.arear{ overflow:hidden; zoom:1; border:1px solid #d1e8f6; width:958px; margin:0 auto; background:url(images/arear.png) repeat-y #ffffff;}
/*menur*/
.menur{ float:left; width:194px; font-family:"宋体";}
.menur ul{ border-bottom:1px solid #d1e8f6;}
.menur li{ clear:both; line-height:20px;}
.menur li a{ display:block; width:174px; height:140px; color:#999999; padding:30px 9px 0 11px;}
.menur li a:hover{ background-position:-195px 0; color:#999999;}
.menur li a.cur{ background:#fff;}
.menur li span{ width:50px; height:45px; display:block; margin:0 auto;}
.menur li strong{ display:block; text-align:center; padding:7px 0 0 0;}
.menur li a strong,.menur li a.cur:hover strong{ color:#006cb0;}
.menur li a:hover strong{ color:#ff6701;}
.menur .menur-1 span{ background-position:0 -171px;}
.menur .menur-2 span{ background-position:-51px -171px;}
.w760{ float:left; width:760px; overflow:hidden;}
/*contr*/
.contr{ line-height:26px; font-size:14px; padding:0 33px 60px 50px;}
.contr h2{ font-size:24px; font-family:"Microsoft YaHei";_font-family:"黑体"; font-weight:normal; padding:46px 0 0 0;}
.txtr p{ padding:25px 0 30px;}
.txtr span{ display:block;}
.tlsit dl{ overflow:hidden; zoom:1; background:url(images/liner.png) no-repeat center bottom; padding:27px 0;}
.tlsit dt{ float:left; width:72px; height:72px; overflow:hidden;}
.tlsit dd{ overflow:hidden; zoom:1; padding:0 0 0 20px;}
.tlsit dd h3{ font-size:24px; font-family:"Microsoft YaHei";_font-family:"黑体"; color:#2095e7; font-weight:normal; padding:7px 0 8px;}
.tlsit .iconr-1{ background-position:0 -217px;}
.tlsit .iconr-2{ background-position:-73px -217px;}
.tlsit .iconr-3{ background-position:-146px -217px;}
.tlsit .iconr-4{ background-position:-219px -217px;}
.stepr{ width:700px; height:149px; background-position:0 -290px; margin:30px 0 0 0;}
.stepr dl{ float:left; width:211px; padding-right:16px;}
.stepr dt{ height:77px; clear:both; overflow:hidden; line-height:1000px;}
.stepr dd{ padding-left:27px; background-position:-645px 11px; height:28px; line-height:28px;}
