body {color: #2b2b2b;font:12px "Microsoft YaHei","微软雅黑","SimSun","宋体","Arial Narrow"}
a {color:#2b2b2b;}a:hover {color: #f60;}
h2,h3 { font-weight: normal;}
/*a:hover { text-decoration: underline;}*/
.w { width: 1000px; margin: 0 auto;}
.login { background: #333; height: 29px; line-height: 29px; color: #898989; font-family:"SimSun","宋体","Arial Narrow"; }
.login a { color: #898989; padding: 0 5px;}
.logo,.menu { margin-top:35px; line-height: 50px;}
.menu li {display: inline-block;font-size: 18px;margin-left: 30px;width: 100px;text-align: right;}
.menu li .current {color: #f60;}
.focus { background:url("../img/banner_api.jpg") #459ddd center no-repeat; width: 100%; height: 400px; border-top:1px solid #c2c2c2; margin-top:26px;}
.focusBar {margin: 0 auto;width: 1200px;}
.focusBar div {padding: 240px 0 0 810px;}
.focus a.login {display: block;width: 158px;height: 48px;font: 25px/46px "Microsoft YaHei","微软雅黑","SimSun","宋体","Arial Narrow";color: #fff;background: #ffa800;text-align: center;}
.focus a.login:hover {background: #e8930d;color: #fff;}
.focus a.login:active {background: #666;color: #333;}
.focus a.reg {display:inline-block;*zoom: 1;*display:inline;margin: 15px 0 0 55px;color: #333;}
.focus a.reg:hover {color: #333;}
.focus a.reg:active {color: #333;}
.about .focus {background: url("../img/abanner.jpg") top center no-repeat;height: 260px;}
.contact .focus {background: url("../img/cbanner.jpg") top center no-repeat;height: 260px;}
.breadcrumb {padding: 10px 0;}.innel {width: 1000px;margin: 0 auto;}.breadcrumb span, .breadcrumb a {margin: 0 5px;color: #666;}.breadcrumb a:hover {color: #f60;}
.fotter { background: #2b2b2b; width: 100%; height: 75px; color: #7e8181; padding: 25px 0; }
.fotter a {color: #7e8181; padding: 0 5px;}
.fotter p { color: #bfbfbf; font-size: 30px; font-weight: bolder; }
.fotter p i {background: url("../img/api_icon.png")0 -240px no-repeat;display:inline-block; width: 38px; height: 38px; position: relative;top:5px;}
.advantage { margin-top:53px; }
.iconBox i { background: url("../img/api_icon.png") no-repeat;display: block; width: 110px; height: 110px; margin: 0 auto; margin-bottom:36px;}
.iconBox i.ppd { background-position:0 0;}
.iconBox i.cpqq { background-position:-111px 0;}
.iconBox i.fwh { background-position:-222px 0;}
.iconBox i.ylk { background-position:-333px 0;}
.iconBox .hd li { width: 250px; text-align: center; float: left; height: 220px;position: relative;}
.iconBox .hd li a { font-size: 22px;}
.iconBox .hd li.current a {color: #ed6d00; }
.iconBox .bd { height: 444px; border-top: 1px solid #c4c4c4;border-bottom: 1px solid #c4c4c4; width: 100%; background: #f6f6f6;}
.iconBox .hd li.current s {background: url("../img/api_icon.png") 0 -215px no-repeat; width: 24px; height: 17px; display:block; position: absolute;bottom:-1px;left: 107px}
.advantage .bd li { height: 444px; width: 1000px; position:absolute; display: none;}
.advantage .bd li.current { display:block;}
.advantage .bd h3 { color: #101010; font-size: 32px; padding-top:119px; }
.advantage .bd p { color: #666; font-size: 18px; margin-top:29px; line-height: 1.6 }
.advantage .bd .ppd { background: url("../img/ppd.png") top right no-repeat;}
.advantage .bd .cpqq { background: url("../img/cpqq.png") top right no-repeat;}
.advantage .bd .fwh { background: url("../img/fwh.png") top right no-repeat;}
.advantage .bd .ylk { background: url("../img/ylk.png") top right no-repeat;}
.joining { margin-top:37px; }
.joining h2 { margin-bottom:70px; font-size: 22px}
.joining img { width: 962px; margin: 0 auto; display:block;}
.Cooperative { margin-top:100px; }
.Cooperative i { width: 103px; height: 103px; display:block; background:url("../img/api_icon.png") no-repeat; margin: 0 auto }
i.cpe_1 { background-position:0 -111px;}
i.cpe_2 { background-position:-104px -111px;}
i.cpe_3 { background-position:-208px -111px;}
i.cpe_4 { background-position:-312px -111px;}
.Cooperative li { float: left; text-align: center; width: 249px; border-right:1px dashed #a6a6a6; padding-bottom:60px;margin-bottom:50px;}
.Cooperative h3 { font-size: 22px; margin: 30px 0;}
.Cooperative p { font-size: 14px;}
.head {font-size: 25px;color: #2a2a2a;font-weight: normal;font-family: "Helvetica Neue","Helvetica","tahoma","arial","\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"}
.container .head {margin: 10px 0 20px;padding: 10px;border-bottom: 3px solid #252525;}
.container .head i {margin: -2px 12px 0 0;width: 32px;height: 32px;background: url("../img/bar.png") left -238px no-repeat;}
.head em {padding: 0 5px;color: #999;}
.head span {font-size: 12px;color: #999;}
.conpContent {margin: 0 0 0 189px;padding: 20px;font-size: 16px;line-height: 38px;}
.conpContent s {float: left;margin-left: -189px;height: 112px;width: 109px;background: url("../img/bar.png") left -279px no-repeat}
.conpContent p {padding-bottom: 10px;}.aboutList {margin: 0 0 40px 209px;}
.aboutList li {font-size: 16px;line-height: 38px;_padding:4px 0;_line-height:42px;}
.aboutList li i {margin: 0 12px 0 0;width: 32px;height: 32px;background: url("../img/bar.png") -37px -238px no-repeat}
.aboutPart {background: #f5f5f5;}
.aboutPart .innel div {padding:80px 720px 80px 20px;background: url("../img/aboutp.png") right 50px no-repeat;}
.aboutPart .innel div p {padding: 0 0 20px;line-height: 18px;}
.aboutEnd {padding-bottom: 60px;}
.aboutEnd .aobutIcon {float: left;_display:inline;margin: 60px 120px 0 164px;width: 265px;height: 266px;background: url("../img/bar.png") left -408px no-repeat}
.aboutEnd .aboutOF {float: left;font-size: 32px;_line-height:40px;color: #0082cd;}
.aboutEnd .aboutOF .OFlogo {margin: 140px 0 15px;background: url("../img/bar.png") top left no-repeat;width: 100px;height: 33px;text-indent: -9999em;overflow: hidden;}
.aboutEnd dd {margin-left: 60px;padding-top: 30px;line-height: 20px;}.aboutEnd q {font-size: 28px;color: #cbcbcb;float: left;margin-left: -60px;_padding:10px 0 0;}
.contactPage {padding-bottom: 80px;}
.contactPage h3 {margin: 25px 0 10px;padding: 8px 10px;font-size: 18px;font-weight: normal;background: #f5f5f5;}
.contactPage .contactList {margin-right: -20px;padding: 10px 20px;}
.contactPage .contactList h4 {margin: 8px 0 0;}
.contactPage .contactList h4 i {margin: -2px 5px 0 0;width: 18px;height: 18px;background: url("../img/bar.png") -115px -238px no-repeat;}
.contactPage .contactList .subCoList {padding-left: 23px;}
.contactPage .contactList dl {float: left;margin: 10px 10px 0 0;padding: 0 0 10px;background: #fdfdfd;border: 1px solid #ccc;border-radius: 5px;width: 240px;}
.contactPage .contactList dl dt {float: left;_display:inline;margin: 18px 0 0 10px;width: 58px;height: 58px;background: url("../img/bar.png") -172px -219px no-repeat}
.contactPage .contactList dl.w dt {background-position: -234px -219px;}
.contactPage .contactList dl dd {margin-left: 80px;}
.contactPage .contactList dl h6 {margin: 10px 0 10px;font-size: 12px;}
body#login_page #header #logo h1 a {display: inline-block;background: url("login_logo.png");background-size:100% 100%;}
body#login_page #header #logo h1 small {font-size: 12px;line-height: 30px;color: #f0f0f0;vertical-align: text-top;}
.contactPage .Add dt {float: right;margin-right: 10px;width: 613px;height: 240px;background: url("../img/map.png") left -10px no-repeat}
.contactPage h5 {font-size: 18px;margin: 25px 0 15px 5px;font-weight: normal;padding: 30px 0 0;}
.contactPage .Add p {padding: 5px;}
.contactPage .Add p strong {font-size: 18px;color: #f60;}
.contactPage .onlineSer {display: inline-block;*zoom: 1;* display: inline;vertical-align:middle;width: 76px;height: 22px;background: url(../img/online.png) 0 0 no-repeat;}
.contactPage .onlineSer:hover {background-position: 0 -22px;}
.contactPage .onlineSer:active {background-position: 0 -44px;}