﻿@charset "utf-8";

* { margin:0; padding:0; border:0;}

a { text-decoration:none; border:0px; color:#000; }

a:hover { text-decoration:none; border:0px; } 

#MicroBox .Micro_pay_S .Steward{ margin-bottom:20px;}

#MicroBox .Micro_pay_S .Steward .Steward_top{padding:45px 0 0 40px;}

#MicroBox .Micro_pay_S .Steward .Steward_top dt{float:left;width:520px;font-family:"微软雅黑"; font-size: 14px;color: #323232; line-height: 24px;}

#MicroBox .Micro_pay_S .Steward h6{font-family:"微软雅黑";font-weight:bold;font-size: 30px; line-height: 30px;padding-bottom:30px; }

#MicroBox .Micro_pay_S .Steward .Steward_top dd{float:left;}

#MicroBox .Micro_pay_S .Steward .S_h3{ width:auto; margin:0 0 20px 38px; display:inline-block;  padding-left:20px; font-size:18px; font-weight:bold; width:350px;}

#MicroBox .Micro_pay_S .Steward .Steward_btm{ width:884px;  padding: 25px 18px 0px 18px; clear:both; margin:0 auto; background-color:#ffffff;}

#MicroBox .Micro_pay_S .Steward .S_menu{ font-size: 18px;color:#3e3e3e;padding:0 0 0 39px;}

#MicroBox .Micro_pay_S .Steward .S_menu li{float:left;position:relative;  cursor:pointer;  width: 110px; height:35px; line-height:35px; margin-right:5px; border:1px #d3d3d3 solid;background:url("../images/s_menubg.png") no-repeat; text-align:center; }





#MicroBox .Micro_pay_S .Steward .S_menu .S_menuHv{ width: 112px !important; height:37px !important; border:none !important; color:#ffffff; font-weight:bold; background:url("../images/s_munuHv.png") no-repeat !important;} 

#MicroBox .Micro_pay_S .Steward .S_menu .S_menuHvtag{display:block;width: 112px; height:10px; position:absolute;top:35px; left:0; background:url("../images/s_munuHv.png") 0 -37px no-repeat !important;}





#MicroBox .Micro_pay_S .Steward .S_menu .S_menuHC{ width: 112px !important; height:37px !important; border:none !important; color:#ffffff; font-weight:bold; background:url("../images/s_munuHv.png") no-repeat !important;} 

#MicroBox .Micro_pay_S .Steward .S_menu .S_menuHvtaC{display:block;width: 112px; height:10px; position:absolute;top:35px; left:0; background:url("../images/s_munuHv.png") 0 -37px no-repeat !important;}

  .spark-plan ul,

    .spark-plan li,

    .spark-plan h1,

    .spark-plan h2,

    .spark-plan p{

        margin:0;

        padding:0;

        border: 0;

        list-style: none;

    }

   

    .container {

	background: url("../images/znbg.png");

        width:1000px;

	border:0;

    }

    #header{

        background-color:#f8f8f8;

        border-bottom:solid 1px #dedede;

        margin-bottom: 0;

    }

    #zzActBanner {

        display: none;

    }

    .spark-plan{

        background: url(../images/bg.jpg) no-repeat top center;

    }



    .spark-head{

        width:980px;

        margin:0 auto;

        padding-top:77px;

    }

    .spark-head h1{

        width:472px;

        height: 110px;

        display: block;

        margin:0 auto;

        background: url(../images/title.png) no-repeat 0 0;

        text-indent: -9999px;

    }

    .spark-plan .spark-introduce{

        line-height: 20px;

        width:790px;

        margin: 30px auto 0;color: #000;

    }

    .spark-plan .spark-banners{

        margin-top:30px;

        width:980px;

        height:128px;

        position: relative;

    }

    .spark-banners .banner-bg{

        width:100%;

        height:100%;

        background: #000;

        opacity:.6;

        filter:alpha(opacity=60);

    }

    .spark-banners h2{

        display: block;

        width: 132px;

        height:100px;

        padding: 28px 24px 0 87px;

        float: left;

        position: absolute;

        top:0;

        color:#ffd200;

        font-family: "microsoft yahei","\5FAE\8F6F\96C5\9ED1";

        font-size: 22px;

        line-height: 32px;

    }

    .spark-banners .banner-search{

        background: url(../images/sprite.png) no-repeat 20px 36px;

        left:0;

    }

    .spark-banners .banner-original{

        background: url(../images/sprite.png) no-repeat 20px -610px;

        left:243px;

        border-style:solid;

        border-width: 0 1px;

        border-color: #fdf032;

    }

    .spark-banners .banner-news{

        background: url(../images/sprite.png) no-repeat 20px -92px;

        left:488px;

        border-style:solid;

        border-width: 0 1px 0 0;

        border-color: #fdf032;

    }

    .spark-banners .banner-tools{

        background: url(../images/sprite.png) no-repeat 20px -220px;

        left:732px;

    }

    .spark-articles{

        margin-top:20px;

        height:239px;

    }

    .spark-articles .article-block{

        width:427px;

        border:solid 1px #ebebeb;

        background:#fff;

        height: 205px;      

        padding:17px 28px;

		margin-left: 10px;

    }

    .spark-articles .article-block h2{

        display: block;

        height:36px;

        width:130px;

        background: url(../images/sprite.png) no-repeat 0 -419px;

        text-indent: -9999px;        

    }

    .spark-articles .spark-hot{

        float:right;

    }

    .spark-articles .spark-hot h2{

        background-position: 0 -346px;

    }

    .spark-articles .spark-news{

        float:left;

    }

    .spark-articles .spark-news h2{

        background-position: 0 -382px;

    }

    .spark-articles .article-block ul{

        display: block;        

        border-top: solid 2px #f5f5f5; 

        line-height: 20px; 

		font-size: 12px;

    }

    .spark-articles .article-block .article-title{

        font-weight: bold;

        color:#000;

        line-height: 24px;

    }

    .spark-articles .article-block .article-time{

	padding-left:10px;

	color:#999;

	line-height:24px;

    }

    .spark-articles .article-block p{

        padding-left:12px;

        color:#666;

    }

    .spark-articles .article-block li{

        margin:5px 5px 10px;

    }

    .spark-articles .article-block li i{

        float:left;

        width:4px;

        height: 4px;

        overflow: hidden;

        margin:10px 8px 0 0;

        background: #ffb700;

    }

    .spark-details{

        background: #fff;

        padding:17px 28px;

        width:924px;

        margin:10px auto 0;

    }

    .spark-details h2{

        display: block;

        height:36px;

        width:82px;

        background: url(../images/sprite.png) no-repeat 0 -419px;

        text-indent: -9999px;

    }

    .spark-details .good-quality{

        background-position: 0 -419px;

    }

    .spark-details .standard{

        background-position: 0 -455px;

    }

    .spark-details .join-us{

        background-position: 0 -492px;

    }

    .spark-details .spark-content{

        line-height: 24px;

        padding: 10px 0 20px 6px;

        border-top: solid 2px #f5f5f5;

    }

    .spark-details .spark-content li i{

        float:left;

        width:4px;

        height: 4px;

        overflow: hidden;

        margin:10px 8px 0 0;

        background: #ffb700;

    }

    .spark-partner{

        margin-top:20px;

    }

    .spark-partner .partner{

        margin-left:110px;

        display: block;

        height:36px;

        width:82px;

        background: url(../images/sprite.png) no-repeat 0 -528px;

        text-indent: -9999px;        

    }

    .spark-partner .partner-logos{

        height:91px;

        position: relative;

        background: url(../images/slide_bg.png) no-repeat 0 0;

    }

    .spark-partner .logo-box{

        width: 980px;

        height: 91px;

        overflow: hidden;

        margin:0 auto;

    }

    .spark-partner .logo-list{

        height: 91px;

        width: 1200px;

    }

    .spark-partner .logo-list img{

        width:110px;

        height:54px;

        border:solid 1px #e6e6e6;

        margin-top:18px;

    }

    .spark-partner .logo-list a{

        margin: 0 33px 0 0;

    }

    .spark-partner .logo-goleft,

    .spark-partner .logo-goright{

        display: block;

        position: absolute;

        top:0;

        width:39px;

        height:91px;

        background: url(../images/sprite.png) no-repeat -91px -420px;

    }    

    .spark-partner .logo-goleft{

        left:60px;

    }  

    .spark-partner .logo-goright{

        right:60px;

        background-position:  -91px -509px;

    }

    #actBanner{

        display: none;

    }



.tables {

	background-color: #FFF;

	line-height: 35px;

	text-align: center;

	font-size: 14px;

}

#MicroBox table {

	border-collapse: collapse;

	border-spacing: 0;

}

#MicroBox table tr.alternate {

	background-color: #E4F1F7;

}

#MicroBox table th {

	background-color: #890D00;

	color: white;

}

#MicroBox table td {

}

#MicroBox table td strong{ color:#f60;}

#MicroBox table td.c1 {

	font-weight: bold;

}

#MicroBox table th,#MicroBox  table td {

	border: 1px solid white;

	word-break: break-all;

}



#header .header {

	background: #FFFFFF;

}

#header .header_main {

	width: 1002px;

	margin: 0 auto;

	padding: 12px 10px;

}

#header .logo {

	float: left;

}

#header .kouhao {

	float: left;

	margin-left: 50px;

	margin-top: 25px;

}

#header .tel {

	float: right;

	margin-right: 10px;

}





#header .nav {

	width: 1200px;
    margin: 0 auto;
    line-height: 60px;

}

#header .nav_main {

	width: 1002px;

	margin: 0 auto;

	text-align: center;

	line-height: 48px;

}

#header .nav_main h2 a {

	float:left;

	color: #FFF;

	width: 120px;

}

#header .nav_main h2 a:hover {

	background-color: #F60;

}







 





.Micro_pay .Micro_pay_f {

	width: 100%;

	

}

.Micro_pay_f .Process {

	float: left;

	width: 1000px;

	height: 385px;

	background-image: url("../images/Process.jpg");

}

.Micro_pay_f .Process dl {

	float: left;

	width: 440px;

	margin: 30px 0 0 65px;

	display: inline;

}

.Micro_pay_f .Process dl dt {

	float: left;

	width: 440px;

	line-height: 25px;

	font-size: 22px;

	color: #ff4200;

	margin-bottom: 20px;

}

.Micro_pay_f .Process dl dd {

	float: left;

	width: 420px;

	margin: 0 0 0 20px;

	display: inline;

	line-height: 28px;

	font-size: 14px;

	color: #333;

}

.Micro_pay_f .Process dl dd b {

	font-size: 17px;

	color: #c1c1c1;

}





#MicroBox .MicroCer_pay{ width:100%; background-position:0 -1px; margin-bottom:-20px; }

#MicroBox .MicroCon{ width:1000px; margin:0 auto;}

.Micro_pay{ background:url("../images/znbg.png");}



 





.show{ float:left; width:728px; padding:0 39px 50px 38px; margin-bottom:-50px; }



 



.WebClient{ float:left; width:735px; padding:0 35px; margin-bottom:-50px;}

.ClientTop{ float:left;}

.ClientDown{ float:left; width:734px; margin-top:50px; margin-bottom:50px;}

.ClientTop h3{ float:left; width:730px; line-height:18px; margin-bottom:25px; font-size:16px; margin:0;}

.ClientTop h3 p{ float:left; width:7px; height:18px; background-color:#ff4800; margin-right:10px;}

.ClientTop dl{ float:left; width:480px; margin-top:40px;}

.ClientTop dd{ float:left; width:723px; line-height:25px; margin-top:30px; font-size:14px; color:#060606; text-indent:2em;}





#MicroBox .Micro_pay_S .Steward .Note { width:884px;  padding: 0px 18px 50px 18px; clear:both; margin:0 auto; background-color:#ffffff;}

#MicroBox .Micro_pay_S .Steward .Note h3{font-weight:bold; padding: 35px 0 0 40px; height:20px; line-height:20px;font-family: "微软雅黑"; font-size: 18px; }

#MicroBox .Micro_pay_S .Steward .Note h4{font-weight:bold; padding: 30px 0 10px 40px;}

#MicroBox .Micro_pay_S .Steward .Note ul,#MicroBox .Micro_pay_S .Steward .Note p{padding-left:65px; line-height:20px;padding-right:80px; }





.SolutionCer{ float:left; width:1000px;}

.SolutionCer ul{ float:left; width:960px; margin:50px 0 0 40px; display:inline;}

.SolutionCer ul a{ float:left; width:170px; height:60px; margin-right:18px; display:inline; margin-bottom:18px;}

.SolutionList{ float:left; width:920px; margin:50px 40px 0 40px; display:inline;}

.SolutionList h3{ float:left; width:920px; font-family:"微软雅黑"; font-size:28px; margin:15px 0;}

.SolutionList .SolutionList_Lt{ float:left; width:492px;}

.SolutionList .SolutionList_Lt dl{ float:left; width:490px; height:150px; border:1px solid #dedede; background-color:#fff; margin-bottom:25px;}

.SolutionList .SolutionList_Lt dl dt{ float:left; width:160px; height:120px; margin:15px; display:inline;}

.SolutionList .SolutionList_Lt dl dt img{ width:160px; height:120px;}

.SolutionList .SolutionList_Lt dl dd.News_Lt_A{ float:left; width:285px; line-height:25px; margin:10px 0 0 0; height:25px;}

.SolutionList .SolutionList_Lt dl dd.News_Lt_A a{ float:left; width:285px; font-family:"微软雅黑"; font-size:16px; color:#ff4200;}

.SolutionList .SolutionList_Lt dl dd{ float:left; width:285px; line-height:20px; margin-top:5px; overflow:hidden; margin-bottom:10px;}

.SolutionList .SolutionList_Lt dl dd.News_Lt_span{ float:left; width:285px; margin:0; line-height:none;}

.SolutionList .SolutionList_Lt dl span{ float:left; line-height:20px; color:#7b7b7b;}

.SolutionList .SolutionList_Lt dl label a{ float:right; width:70px; height:20px; line-height:20px; text-align:center; color:#fff; background-color:#f45000; margin-right:15px;}

.SolutionList .SolutionList_Rt{ float:right; width:392px;}

.SolutionList .SolutionList_Rt ul{ border:1px solid #dedede; background-color:#fff; width:330px; float:left; padding:5px 30px 10px;}

.SolutionList .SolutionList_Rt ul li{ float:left; width:330px; line-height:38px; border-bottom:1px dotted #7b7b7b; color:#323232;}

.SolutionList .SolutionList_Rt ul li b{ float:left;}

.SolutionList .SolutionList_Rt ul li a{ color:#323232; float:left; line-height:38px;}

.SolutionList .SolutionList_Rt ul li a:hover{ color:#f45000;}

.SolutionList .SolutionList_Rt ul li span{ float:right; color:#7b7b7b;}

 

.taocans{ width:920px; margin:15px auto; overflow:hidden}

.taocans ul{ width:1200px;}

.taocans li{ height:48px; width:450px; text-align:center; line-height:48px; float:left; margin-right:20px; background:#890D00; margin-bottom:20px}

.taocans li a{ color:#fff; display:block;}

.taocans li a:hover{ background:#f60; display:block}

#footer .qq .qq_1 {

background: url("../images/qq.png") no-repeat 0 -32px;

width: 111px;

height: 31px;

margin: 0 10px;

cursor: pointer;

vertical-align: middle;

float: left;

}#footer .qq .qq_1 span {

margin-left: 35px;

}#footer .qq .qq_1 a {

color: #1163a3;

margin: 0;

}#footer .qq .qq_1:hover {

	background:url("../images/qq.png") no-repeat 0 0;

}



#MicroBox .Micro_pay_S .Steward .S_menu #dgx{ width:450px !important; background:url("../images/dgx.png") no-repeat !important;}

#MicroBox .Micro_pay_S .Steward .S_menu #dgx .S_menuHvtaC{ width:450px !important; background:url("../images/dgx.png") center -37px no-repeat !important}



.tab{ position:relative; margin:auto;}

 .tab_menu { position:absolute; top:0px; left:0px; z-index:2;}

 .tab_menu li { float:left; text-align:center; cursor:pointer; list-style:none; background:url("../images/s_menubg.png") no-repeat; width:112px; height:47px; margin-right:5px; font-size: }

 .tab_menu li span{border:1px lightGrey solid; display:block; width:110px; line-height:35px;font-size:18px;}

 .tab_menu li.hover { background:url("../images/s_munuHv.png") no-repeat; width:112px; display:block; height:47px; border:0px; z-index:2; color:#fff; }

 .tab_menu li span:hover{ border:0px; width:112px;}

 .tab_menu li.selected { color:#FFF; background:url("../images/s_munuHv.png") no-repeat; width:112px; border:0px; font-weight:bold;}

  .tab_menu li.selected span{ border:0px;}

 .tab_box {  background:#fff; padding:15px;}

  .tab_box h4{ font-weight:bold; font-size:18px; padding:25px 0px;}

  .tab_box h4 span{ color:#F00}

 .hide2{display:none}

 

 

 .zishutaocan{ margin-top:15px;}