body {font-size:16px;color:#353535;}
* {margin:0;padding:0;text-decoration: none;list-style-type: none;font-style: normal;font-family: "\5FAE\8F6F\96C5\9ED1"}
a {color:#353535}
a:hover {color:#ff9933}
input{outline:none} 
input::-webkit-input-placeholder {color: #aab2bd;font-size: 15px;}
.block {background: #f2f2f2;padding:25px 0}

.g-block {width:1200px;margin:auto; }
/****修改菜单***/
.g-menu {width:1200px;margin:auto; height: 110px;}

.top-bar {height:44px;background: #000;color:#fff;line-height:44px;}
.top-bar a {color:#fff;}
.top-bar .topbar-icon1 {display: block;float:left;width:44px;height:44px;background: url(../img/topbar-icon1.png) no-repeat center;}
.top-bar .topbar-icon2 {display: block;float:left;width:44px;height:44px;background: url(../img/topbar-icon2.png) no-repeat center;}
.top-bar .topbar-icon3 {display: block;float:left;width:44px;height:44px;background: url(../img/topbar-icon3.png) no-repeat center;}
.top-bar .topbar-icon4 {display: block;float:left;width:44px;height:44px;background: url(../img/topbar-icon4.png) no-repeat center;}
.top-bar .topbar-icon5 {display: block;float:left;width:44px;height:44px;background: url(../img/topbar-icon5.png) no-repeat center;}

.top-bar-r dl {float:left;padding-left:20px;position: relative}
.top-bar-r dd {float:left;}
.top-bar-r a:hover {color:#fff;}
.box-shadow {-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.5);-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.5);box-shadow: 0 3px 3px rgba(0,0,0,0.5);}

.swiper-container{height:auto;width:100%;text-align:center;margin:0 auto;position:relative;overflow:hidden;z-index:5;background:#f8f8f8}
.swiper-wrapper{position:relative;z-index:10}.swiper-slide{position:relative;text-align:center;float:left}
.swiper-slide a{position:relative;width:100%;height:100%;display:block;overflow:hidden}
.swiper-slide img{width:100%;height:auto;vertical-align:middle;position:relative}
.pagination{position:absolute;height:40px;width:100%;bottom:20px;z-index:100;line-height:40px;}
.pagination .swiper-pagination-switch{display:inline-block;height:30px;width:30px;background:rgba(255,255,255,0.5);border-radius:50%;margin-right:1em;}
.pagination .swiper-active-switch{background:#fff;width:33px;height:33px;}
.m-logo-nav {width:1200px;height:110px;top:10px;left:0;line-height:110px;z-index:10000;position: absolute}
.m-logo-nav .logo {display: block;float:left;width:190px;height:110px;text-indent: -9999px;background: url(../img/logo-red.png) no-repeat center;}
.m-logo-nav .navigation {float:right;height:110px;}
.m-logo-nav .navigation li {float:left;padding-left:35px;font-size:18px;}
.m-logo-nav .navigation li a {color:#000000;}
.m-logo-nav .navigation li a:hover {border-bottom: 1px solid #fff;padding-bottom:5px;}
.m-map {width:813px;height:750px;margin:70px 0 0 0;}
.m-map .hd {height:40px;line-height:40px;font-size:24px;font-weight: bold;}
.map-show {top:40px;left:0;width:813px;height:667px;background: url(../img/map_01.jpg) no-repeat center;}
.map-poiont {width:813px;height:667px;}
.map-poiont .site-point {width:27px;height:27px;display: block;background: url(../img/site.png) no-repeat center;text-indent: -9999px;}
.address-box {width:380px;height:117px;background: url(../img/address-box.png) no-repeat;text-align: center;line-height: 44px;}
.address-box .sub-content {padding:20px;}
.address-box .sub-content h1 {font-weight: normal;color:#ff4500;font-size:22px;}
.address-box .sub-content span {font-size:18px;display: block;padding:10px 0 0 0;line-height:28px;}
.m-map .content {bottom:30px;left:0;font-size:18px}
.m-map .content p {line-height:40px;}
.m-map .content p span {font-size:22px;color:#f00;}
.m-newslist {width:350px;margin:70px 0 0 0}
.m-newslist .hd {height:40px;line-height:40px;}
.m-newslist .hd a {display: block;height:40px;background: #9fa1a2;color:#fff;padding:0 20px;float:left;margin:0 25px 0 0;font-size:18px;}
.m-newslist .hd a.current {background: #0084ff;}
.community-news {padding-top:25px;}
.community-news dl {width:100%;border-bottom:1px solid #cecece;padding:10px 0 15px 0;}
.community-news dl dt {height:34px;line-height:34px;width:100%;}
.community-news dl dt i {display: block;float:left;width:25px;height:25px;background: #ff9933;color:#fff;line-height:25px;text-align: center;margin-top:5px;}
.community-news dl dt a {display: block;float: left;width:250px;margin-left:10px;}
.community-news dl dt span {float:right;}
.community-news dl dd {width:100%;}
.community-news dl dd p {line-height:34px;text-indent: 35px;}
.community-news-list {padding-top:15px;}
.community-news-list ul li {height:34px;line-height:34px;}
.community-news-list ul li i {display: block;float:left;width:25px;height:25px;background: #ff9933;color:#fff;line-height:25px;text-align: center;margin-top:5px;}
.community-news-list ul li a {display: block;float: left;margin-left:10px;}
.community-news-list ul li span {float:right;}
.m-banner {height:600px;background: url(../ad/ad_center.jpg) no-repeat center;margin-top:70px;}
.partners-list {height:820px;background:url(../img/partners-list-bg.jpg) no-repeat center;}
.partners-list .hd {text-align: center;padding-top:75px;}
.partners-list .hd h1 {font-weight: normal;color:#3e4b67;font-size:45px;padding-bottom:15px;}
.partners-list .hd h2 {font-weight: normal;color:#808080;font-size:25px;border-top:1px solid #dfdfdf;width:200px;margin: auto;padding-top:15px;}
.partners-list .bd {padding-top:70px}
.partners-list .bd ul {margin:-15px 0 0 -12px}
.partners-list .bd li {float:left;width:190px;height:106px;margin:15px 0 0 12px;}
.m-download {height:299px;background: url(../img/download-bg.jpg) no-repeat center;}
.m-download .bd {float:right;padding-top:45px;}
.m-download .bd .item {float:left;width:206px;height:206px;border:1px solid #eeeeee;color:#eee;font-size:14px;text-align: center;margin-left:80px;}
.m-download .bd .item img {margin-top:20px;}
.m-download .bd .item p {line-height:24px;padding:10px 10px 0 10px;}
.m-footer {height:240px;}
.f-nav {height:100px;background: #10141d;text-align: center;border-bottom: 2px solid #2a303c;font-size:0;}
.f-nav a {color:#fff;font-size:16px;display: inline-block;padding:0 20px;height:20px;border-right: 1px solid #fff;line-height:20px;margin-top:38px;text-align: center;}
.f-nav a:last-child {border:none;}
.copyright {background: #0a0d13;color:#fff;text-align: center;}
.copyright .icon-list {width:180px;margin:auto;padding:18px 0;}
.copyright .icon-list .item {width:60px;height:50px;float:left;}
.copyright .content {padding:15px 0 30px 0;}
.copyright .content a {color:#fff;}
.u-logo-nav {height:117px;}
.u-logo-nav .logo {float:left;display: block;width:230px;height:117px;background: url(../img/logo.jpg) no-repeat center;text-indent: -9999px;}
.u-logo-nav .navigation {float:right;}
.u-logo-nav .navigation li {float:left;padding-left:35px;font-size:18px;line-height:117px;}
.u-logo-nav .navigation li a:hover {border-bottom: 1px solid #ff9933;padding-bottom:5px;}
.u-logo-nav .navigation li a.current {border-bottom: 1px solid #ff9933;padding-bottom:5px;color:#ff9933}
.solution-banner {height:600px;background: url(../img/banner2.jpg) no-repeat center}
.m-solution {padding:90px 0;}
.m-solution-l {width:45%;}
.m-solution-r {width:45%;}
.solution-info i {display: block;width:36px;height:36px;margin-bottom:15px;}
.solution-info .title {font-size:25px;}
.solution-info .sub-title {font-size:20px;padding:15px 0;}
.solution-info .list li {float:left;width:33.3333%;height:44px;line-height:44px;}
.solution-info .list li::before {width:28px;height:44px;content: '';background: url(../img/solution-icon5.png) no-repeat left center;display: block;float:left;}
.tutorials-banner {height:400px;background: url(../img/tutorials-banner.jpg) no-repeat center;}
.m-btn {background: #f9f9f9;padding:80px 0}
.m-btn a {display: block;float:left;width:25%;text-align: center;}
.m-btn a p {font-size:20px;padding-top:5px;}
.m-faq {padding:20px 0 50px 0}
.m-faq .hd {height:45px;border-bottom: 1px solid #e8e8e8;font-size:30px;color:#485c72;font-weight: bold;padding:20px 0 0 0}
.m-faq .hd i {width:5px;height:28px;background: #2d82dc;display: block;float:left;margin:5px 8px 0 0;}
.m-faq .bd {padding:30px 0}
.m-faq .bd .list a {display: block;height:64px;line-height:64px;border-bottom: 1px solid #e8e8e8;padding:0 20px;font-size:20px;}
.m-detail {width:832px;background: #fff;}
.m-detail .title {padding:30px;color:#0e8ff3;font-size:30px;font-weight: bold;line-height:32px;}
.m-detail .info {height:44px;border-bottom: 1px solid #e5e4e4;padding:0 30px;line-height:30px;}
.m-detail .info .username {color:#797979;padding-right:30px;}
.m-detail .info .username i {display: block;float:left;width:30px;height:30px;margin-right:15px;}
.m-detail .info .classification {padding-right:30px;}
.m-detail .content {padding:30px;}
.m-detail .content p {line-height:44px;text-indent: 40px;font-size:18px;padding-bottom:15px;}
.m-detail .content p img {width:90%;}
.pgc-image img {width:90%;display:block;margin:auto;}
.m-communityheadline {width:350px;}
.prenext-btn {padding:0 20px 20px 20px;}
.prenext-btn a {display: block;width:370px;height:40px;line-height:40px;float:left;background: #c1c1c1;color:#fff;border-radius: 10px;}
.prenext-btn a:last-child {float:right;background: #c1c1c1;}
.prenext-btn a:hover {background: #109de6;}
.prenext-btn a span {padding:0 15px; }
.m-headline {padding:0 12px;}
.m-headline .hd {height:73px;line-height:73px;font-size:25px;}
.m-headline .hd i {width:5px;height:25px;background: #ff4500;display: block;float:left;margin:26px 8px 0 0;}
.topnews {width:326px;height:178px;overflow: hidden;margin-bottom: 20px;}
.topnews img {width:326px;height:178px;}
.topnews i {display: block;width:20px;height:20px;position: absolute;top:0;left:0;line-height:20px;font-size:14px;text-align: center;color:#fff;background: #ca151d}
.topnews .shadow {width:100%;height:38px;color:#fff;background: rgba(0, 0, 0, 0.6);line-height:38px;bottom:0;left:0;padding:0 10px;}
.news-item {width:326px;height:66px;margin-top:30px;}
.news-item .pic {width:66px;height:66px;}
.news-item .pic img {width:66px;height:66px;}
.news-item .pic i {display: block;width:20px;height:20px;position: absolute;top:0;left:0;line-height:20px;font-size:14px;text-align: center;color:#fff;background: #0096ff}
.news-item .text {width:250px;}
.news-item .text p {line-height:24px;}
.news-item .text span {display: block;font-size:14px;color:#797979;padding-top:20px;}
.checkmore {display: block;height:38px;line-height:38px;text-align: center;margin:20px 0}
.m-current {padding:15px 0;font-size:18px;}
.m-subbtn {padding:15px 0;font-size:22px;margin-bottom: 20px;}
.m-subbtn a {display: block;float:left;height:44px;line-height:44px;background: #c1c1c1;color:#fff;padding:0 15px;border-radius: 7px;margin-right:20px;}
.m-subbtn a:hover {background: #ff713d;}
.m-subbtn a.current {background: #ff713d;}

.m-konwledge-list {width:832px;background: #fff;padding:30px 0;}


#test1{margin: 10px; padding-top: 5px;}
.m-konwledge-list .div_top{width:832px;height:auto; background-color: #ffffff; }
.m-konwledge-list .div_top div{width: 830px; height: auto; }
.m-konwledge-list .div_top div .knowlegde-item1 {width:360px;height:auto;margin:0px 0px 30px 30px; padding-bottom: 0px; float: left; padding-bottom: 20px; border-bottom: 1px dashed #CCCCCC;}
.m-konwledge-list .div_top div .knowlegde-item1 .pic {width:140px;height:150px; text-align: center; vertical-align: middle; }
.m-konwledge-list .div_top div .knowlegde-item1 .pic img {width:140px;height:150px; }
.m-konwledge-list .div_top div .knowlegde-item1 .content {width:210px;height:150px; overflow: hidden;}
.m-konwledge-list .div_top div.knowlegde-item1 .content .title {line-height:30px;font-size:14px;padding-top:10px;}
.m-konwledge-list .div_top div .knowlegde-item1 .content .dec {font-size:14px;line-height: 25px;color:#797979;padding-top:20px;}
.m-konwledge-list .div_top div .knowlegde-item1 .content .info {margin-top:10px;height:30px;line-height:30px;color:#797979;font-size:14px;}
.m-konwledge-list .div_top div .knowlegde-item1.content .info .userid i {display: block;float:left;width:30px;height:30px;margin-right:15px;}



.knowlegde-item .pic {width:250px;height:150px;float: left;}
.knowlegde-item .pic img {width:250px;height:150px;}
.knowlegde-item .content {width:490px;float: left; margin-left: 20px;}
.knowlegde-item .content .title {line-height:30px;font-size:22px;padding-top:10px;}
.knowlegde-item .content .dec {font-size:14px;line-height: 25px;color:#797979;padding-top:20px;}
.knowlegde-item .content .info {margin-top:20px;height:30px;line-height:30px;color:#797979;font-size:14px;}
.knowlegde-item .content .info .userid i {display: block;float:left;width:30px;height:30px;margin-right:15px;}
.knowlegde-item {width:800px;height:180px;margin:0 0px 30px 30px; padding-bottom: 20px; border-bottom: 1px dashed #CCCCCC;float: left;margin-top: 20px;}

.m-smallbanner {width:770px;height:200px;margin:0 0 30px 30px; float: left;}
.paginations {text-align: center;padding-top:20px;font-size:0;width:770px;float: left;}
.paginations a {display: inline-block;font-size:22px;color:#8f8f8f;padding:5px 10px;margin:0 5px;}
.paginations a:hover {background: #ff4500;color:#fff;}
.paginations a.current {background: #ff4500;color:#fff;}


.sider-banner {margin:20px 0;}
.m-side-headline {background: #fff;}
.sider-download {background: #fff;text-align: center;padding:40px 0}
.sider-download p {padding:20px 0;font-size:18px;line-height:32px;}
.sider-download span {display: block;margin: auto;height:32px;line-height:32px;color:#fff;background: #ff6600;border-radius: 5px;width:120px;}
.helpcenter-banner {height:400px;background: url(../img/helpcenter-banner.jpg) no-repeat center;}
.m-helpcenter {background:url(../img/help-content-bg.jpg) repeat-y left #fff;}
.m-helpcenter .sidebar {width:270px;}
.m-helpcenter .sidebar .hd {height:70px;line-height:70px;font-size:25px;border-bottom: 1px solid #f2f2f2;}
.m-helpcenter .sidebar .hd i {display: block;width:70px;height:70px;background: url(../img/help-icon.jpg) no-repeat center;float:left;}
.m-helpcenter .sidebar .bd a {display: block;padding: 15px 0 25px 25px;font-size:20px;}
.m-helpcenter .sidebar .bd a:hover {color:#008aff}
.m-helpcenter .sidebar .bd a.current {color:#008aff}
.m-helpcenter .content {width:930px;}
.m-helpcenter .content .hd {height:70px;line-height:70px;font-size:25px;border-bottom: 1px solid #f2f2f2;padding-left:25px;}
.m-helpcenter .content .hd a {display: block;float:right;color:#fff;background: #108ee9;height:36px;line-height:36px;font-size:14px;padding:0 15px;margin:20px 20px 0 0;border-radius: 5px;}
.m-helpcenter .content .bd {padding:25px;}
.m-helpcenter .content .bd p {line-height:44px;font-size:18px;padding-bottom:15px;}
.m-helpcenter .content .bd p img {width:100%;}
.m-helpcenter .content .bd dl {width:100%;padding-bottom:25px;}
.m-helpcenter .content .bd dl dt {height:32px;line-height:32px;}
.m-helpcenter .content .bd dl dt i {display: block;width:3px;height:16px;background:#108ee9;float:left;margin:9px 5px 0 0;}
.m-helpcenter .content .bd dl dd {font-size:14px;color:#919090;padding:15px 0 0 8px;}
.download-btn {float:right;padding:0 25px 25px 0;}
.download-btn a {display: block;color:#fff;background: #108ee9;height:36px;line-height:36px;font-size:14px;padding:0 15px;margin:20px 20px 0 0;border-radius: 5px;width:30px;text-align: center;margin:auto;}
.download-btn span {display: block;font-size:14px;color:#919090;padding-top:10px;}
.aboutus-pic {height:550px;background: url(../img/aboutus-banner.jpg) no-repeat center;}
.ma1 {padding:45px 0;}
.ma1 .hd {height:44px;line-height:44px;font-size:35px;}
.ma1 .hd span {font-size:25px;color:#797979}
.ma1 .bd {padding-top:35px;}
.ma1 .bd p {font-size:20px;line-height:40px;text-indent: 45px;}
.ma2 {padding:45px 0;}
.ma2 .title {text-align: center;background: url(../img/ma2-title-bg.png) no-repeat center bottom;height:90px;}
.ma2 .title p {font-size:35px;}
.ma2 .title span {display: block;color:#797979;font-size:25px;padding-top:22px;}
.ma2 .content {padding-top:25px;}
.ma3 {background: #fafafa;padding:45px;}
.ma3 .title {text-align: center;background: url(../img/ma2-title-bg.png) no-repeat center bottom;height:90px;}
.ma3 .title p {font-size:35px;}
.ma3 .title span {display: block;color:#797979;font-size:25px;padding-top:22px;}
.ma3 .content {padding-top:25px;}
.ma3 .content h4 {text-align: center;color:#757575;font-weight: normal;padding:15px 0;}
.ma3 .contact-list {padding-top:25px;}
.ma3 .contact-item {float:left;width:16.66%;height:180px;text-align: center;}
.ma3 .contact-item p {color:#757575;padding-top:15px;}
.ma3 .contact-item p:last-child {color:#424242}
.ma3 h5 {width:670px;margin: auto;text-align: center;font-size:16px;line-height:32px;color:#fc7847;padding-top:35px;font-weight: normal}
.ma4 {padding:45px 0;}
.contact-map {width:813px;height:667px;margin: auto;}
.sub-box {position: absolute;width:200px;height:200px;background: #fff;text-align: center;box-shadow: 0 0 5px 1px rgba(0,0,0,0.53);z-index:20000;top:44px;left:-25px;display: none;}
.sub-box img {margin: 20px 0 0 0}
.sub-box p {color:#000;font-size:14px;margin-top:-15px;}
.three-step {width:970px;margin: auto;}
.three-step .hd {text-align: center;padding:40px 0;}
.three-step .bd {border:1px solid #d1d3d5;background: #fff;}
.three-step .bd .step-tab {height:66px;line-height:66px;border-bottom: 1px solid #d1d3d5;}
.three-step .bd .step-tab .item {float:left;width:33.2%;height:66px;border-right: 1px solid #d1d3d5;font-size:20px;}
.three-step .bd .step-tab .item:last-child {border:none}
.three-step .bd .step-tab .item.step1 {background: url(../img/step-item-bg.jpg) repeat-x;color:#fff;}
.three-step .bd .step-tab .item.step2 {background: url(../img/step-item-bg2.jpg) repeat-x;color:#fff;}
.three-step .bd .step-tab .item.step3 {background: url(../img/step-item-bg3.jpg) repeat-x;color:#fff;}
.three-step .bd .step-tab .item i {display: block;float:left;width:40px;height:40px;line-height: 66px;margin:14px 25px 0 70px;}
.step-input {padding:40px 0;color:#525050}
.step-input dl {width:430px;height:40px;line-height:40px;margin: 30px auto;}
.step-input dl dt {float: left;width:106px;height:40px;}
.step-input dl dd {float: left;width:324px;font-size:18px;}
.step-input dl dd select {width:150px;border:1px solid #d1d3d5;height:40px;padding:0 5px;color:#525050}
.step-input dl dd select:last-child {float:right;}
.step-input dl dd i {display: block;border:1px solid #d1d3d5;height:40px;float:left;width:100%;overflow: hidden}
.step-input dl dd input.txt {height:40px;border:none;width:90%;padding:0 10px;}
.step-input dl dd .v-code {width:150px;height:40px;border:1px solid #d1d3d5;float:right;text-align: center}
.step-input dl dd .send-v-code-btn {width:150px;height:40px;border:1px solid #ff5100;float:right;text-align: center;}
.step-input dl dd .send-v-code-btn a {color:#ff5100}
.submit-btn {padding:0 50px;height:40px;background:#ff5f51;color:#fff;border:none;}
.step-input .finish {text-align: center;padding:30px 0;}
.step-input .finish h1, .step-input .finish h2 {font-weight: normal}
.step-input .finish a {display: inline-block;padding:0 40px;height:40px;background:#ff5f51;color:#fff;line-height:40px;margin:20px 0;}
.step-input .finish p {padding:15px 0}
.step-input .finish img {padding:20px 0}
