@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* CSS Document */
@charset "utf-8";

/* CSS Document */
/*全局样式*/
* {
    padding: 0;
    margin: 0 auto;
    font-family: "微软雅黑";
}

div,
dl,
dt,
dd,
form,
h1,
h2,
h3,
h4,
h5,
h6,
img,
ol,
ul,
li,
p,
span,
a {
    border: 0;
}

img,
input {
    border: none;
    vertical-align: middle;
}

body {
    font-family: Tahoma, Arial, Helvetica, "微软雅黑";
    /*font-size:12px;*/
    text-align: center;
    color: #000;
}

html {
    overflow-y: scroll;
}

ul,
ol {
    list-style-type: none;
}

th,
td,
input {
    font-size: 12px;
}

h3 {
    font-size: 14px;
}

button {
    border: none;
    cursor: pointer;
    font-size: 12px;
    background-color: transparent;
}

select {
    border-width: 1px;
    _zoom: 1;
    border-style: solid;
    padding-top: 2px;
    font-size: 12px;
}

.clear {
    clear: both;
    font-size: 1px;
    height: 0;
    visibility: hidden;
    line-height: 0;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.clearfix {
    zoom: 1;
}

a {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    outline: none;
    cursor: pointer;
}

a:link,
a:visited {
    text-decoration: none;
    color: red;
}

a:hover {
    text-decoration: none;
}

a:hover,
a:active {
    text-decoration: none;
    color: #cdbb7c;
    cursor: pointer;
}

.clearfloat {
    clear: both;
}

/* img { max-width: 100%;} */
li,
li p,
li a,
p,
ul {
    color: #333333;
}

.claer {
    clear: both;
}

/*下载页*/
.wrap {
    margin: 0px auto;
    width: 1200px;
    overflow: hidden;
}

#sMain {
    z-index: 999;
    padding: 1px 0 30px 0;
}

.whiteborder {
    height: 35px;
    padding: 0 3px;
}

.download {
    /*padding: 1px 39px 20px 39px;*/
    margin-bottom: 40px;
}

.download H2 {
    border: #f8e496 1px solid;
    padding: 6px 3px 6px 8px;
    background: #fcf2cb;
    font-size: 12px;
    font-weight: normal;
    margin: 0 0 10px 0;
    text-align: left;
}

.download .d_bg {
    background: url(../images/d_bg1.jpg) no-repeat 0px 0px;
    position: relative;
    width: 1200px;
    background-size: 1200px;
    height: 250px;
    margin: 20px 0;
    padding-top: 5px;
}

.download .d_bg2 {
    background: url(../images/d_bg2.jpg) no-repeat 0px 0px;
    position: relative;
    width: 1200px;
    background-size: 1200px;
    height: 250px;
    margin: 20px 0;
}

.download .d_bg3 {
    background: url(../images/d_bg3.jpg) no-repeat 0px 0px;
    position: relative;
    width: 1200px;
    background-size: 1200px;
    height: 250px;
    margin: 20px 0;
}

.download .d_bg5 {
    background: url(../images/d_bg5.jpg) no-repeat 0px 0px;
    position: relative;
    width: 1200px;
    background-size: 1200px;
    height: 250px;
    margin: 20px 0;
}

.download .d_bg4 {
    background: url(../images/d_bg4.jpg) no-repeat 0px 0px;
    position: relative;
    width: 1200px;
    background-size: 1200px;
    height: 250px;
    margin: 20px 0;
}

#styp a {
    color: blue;
}

#styp td {
    font-size: 1em;
}

#styp strong {
    font-family: Georgia;
    color: #b30000;
    font-size: 18px;
    font-weight: normal;
}

#styp td {
    line-height: 26px;
    padding: 5px 10px;
}

.imgse a {
    float: left;
    padding-left: 30px;
    margin-top: 30px;
}

.imags img {
    margin-top: 30px;
}

.download h3 {
    margin: 10px 0px 10px 3px;
}

.download h3 span {
    padding: 4px 8px;
    display: inline-block;
    background: #e4edf8;
    font-size: 14px;
}

.tabtitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
    padding-left: 30px;
    padding-top: 10px;
}

.tabtitle2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #146c9b;
    text-align: left;
    padding-left: 30px;
    padding-top: 10px;
}

.tabtitle3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #146c9b;
    text-align: left;
    padding-left: 30px;
    padding-top: 10px;
}

/*回顶部*/
#cd-top {
    bottom: 6px;
    height: 50px;
    position: fixed;
    right: 0px;
    width: 70px;
    z-index: 999;
}

/*边距*/
.m0 {
    margin: 0 !important;
}

.m10 {
    margin: 10px;
}

.m15 {
    margin: 15px !important;
}

.m30 {
    margin: 30px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt100 {
    margin-top: 100px;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb70 {
    margin-bottom: 70px !important;
}

/*.mb70 { margin-bottom:210px !important;}*/
.mb100 {
    margin-bottom: 100px !important;
}

.ml5 {
    margin-left: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.ml30 {
    margin-left: 30px;
}

.ml50 {
    margin-left: 50px;
}

.ml100 {
    margin-left: 100px !important;
}

.ml200 {
    margin-left: 200px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr20 {
    margin-right: 20px;
}

.mr30 {
    margin-right: 30px !important;
}

.mr50 {
    margin-right: 50px !important;
}

.mr100 {
    margin-right: 100px;
}

/*边距******************************/
.p10 {
    padding: 10px;
}

.p15 {
    padding: 15px;
}

.p20 {
    padding: 20px !important;
}

.p30 {
    padding: 30px;
}

.pt3 {
    padding-top: 3px;
}

.pt5 {
    padding-top: 5px;
}

.pt10 {
    padding-top: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pt20 {
    padding-top: 20px;
}

.pt25 {
    padding-top: 25px;
}

.pt30 {
    padding-top: 30px;
}

.pt40 {
    padding-top: 40px !important;
}

.pt50 {
    padding-top: 50px;
}

.pt80 {
    padding-top: 80px;
}

.pt100 {
    padding-top: 50px;
}

.pb5 {
    padding-bottom: 5px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb15 {
    padding-bottom: 15px;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb30 {
    padding-bottom: 30px;
}

.pb40 {
    padding-bottom: 40px;
}

.pb50 {
    padding-bottom: 50px;
}

.pb80 {
    padding-bottom: 80px;
}

.pb100 {
    padding-bottom: 100px;
}

.pl5 {
    padding-left: 5px;
}

.pl10 {
    padding-left: 10px;
}

.pl15 {
    padding-left: 15px;
}

.pl20 {
    padding-left: 20px;
}

.pl30 {
    padding-left: 30px;
}

.pl50 {
    padding-left: 50px;
}

.pl100 {
    padding-left: 100px;
}

.pr5 {
    padding-right: 5px;
}

.pr10 {
    padding-right: 10px;
}

.pr15 {
    padding-right: 15px;
}

.pr20 {
    padding-right: 20px;
}

.pr30 {
    padding-right: 30px;
}

.pr50 {
    padding-right: 50px;
}

.pr100 {
    padding-right: 100px;
}

/*定位******************************/
.tl {
    text-align: left !important;
}

.tc {
    text-align: center !important;
}

.tr {
    text-align: right !important;
}

.bc {
    margin-right: auto;
    margin-left: auto;
}

.fl {
    float: left;
    display: inline;
}

.fr {
    float: right !important;
    display: inline;
}

.cb {
    clear: both;
}

.cl {
    clear: left;
}

.cr {
    clear: right;
}

.vm {
    vertical-align: middle;
}

.vt {
    vertical-align: top;
}

.pr {
    position: relative;
}

.pa {
    position: absolute;
}

/*----------------------------------------*/


/*-------------------index---begin--------------------------*/
.nav_big {
    width: 100%;
    margin: 0 auto;
    height: 520px;
    background-size: cover;
}

.top {
    width: 100%;
    margin: 0 auto;
    height: 100px;
    line-height: 100px;
    /*position: relative;*/
    background-color: #273550;
}

.top a:hover {
    text-decoration: none;
}

.header {
    height: 100px;
    margin: 0 auto;
}



.header_top {
    height: 40px;
    background-color: #e0e0e0;
    color: #2c2c30;
    line-height: 40px;
}

.header_top a {
    color: #2c2c30;
    text-decoration: none;
}

.h-w1200 {
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}



/* 设置了浏览器宽度不小于1201px时  显示1200px宽度 */
@media screen and (min-width: 1200px) {
    .header {
        width: 1200px;
    }
}

/* 设置了浏览器宽度不大于1200px时  显示900px宽度 */
@media screen and (max-width: 1200px) {
    .header {
        width: 100%;
    }
}

/* 设置了浏览器宽度不大于901px时  显示200px宽度 */
@media screen and (max-width: 901px) {
    .header {
        width: 100%;
    }
}

/* 设置了浏览器宽度不大于500px时  显示100px宽度 */
@media screen and (max-width: 500px) {
    .header {
        width: 100%;
    }
}

/* 设置了浏览器宽度不小于1201px时  显示1200px宽度 */
@media screen and (min-width: 1200px) {
    .h-w1200 {
        width: 1200px;
    }
}

/* 设置了浏览器宽度不大于1200px时  显示900px宽度 */
@media screen and (max-width: 1200px) {
    .h-w1200 {
        width: 100%;
    }
}

/* 设置了浏览器宽度不大于901px时  显示200px宽度 */
@media screen and (max-width: 901px) {
    .h-w1200 {
        width: 100%;
    }
}

/* 设置了浏览器宽度不大于500px时  显示100px宽度 */
@media screen and (max-width: 500px) {
    .h-w1200 {
        width: 100%;
    }
}


.t_left {
    float: left !important;
}

.t_right {
    float: right !important;
}

.t_right li {
    float: left;
    margin-right: 8px;
}

.t_right li.wxs {
    width: 90px;
    position: relative;
}

.header_top .wxb {
    left: -100px;
    display: none;
    z-index: 10000;
    float: right;
}

.t_right .wxs:hover .wxb {
    display: block;
}

.logo {
    float: left;
    /*margin-top:5px;*/
    width: 25%;
}

@media screen and (min-width: 1200px) {
    .logo {
        float: left;
        /*margin-top:5px;*/
        width: 25%;
    }
}

/* 设置了浏览器宽度不大于1200px时  显示900px宽度 */
@media screen and (max-width: 1200px) {
    .logo {
        float: left;
        display: none;
    }
}

@media screen and (max-width: 900px) {
    .logo {
        float: left;
        display: none;
    }
}



.menu>li {
    position: absolute;
    z-index: 20;
}

/*.menu>li ul li div{
	background: red;
	display:none;width: 600px;height: 6em;position: absolute;top: 10%;left: 120px;
}*/
.nav {
    width: 75%;
    height: 100px;
    margin: 0 auto;
    position: relative;
    float: right;
}

.nav ul {
    position: absolute;
    width: 100%;
}

.nav ul li {
    width: 20%;
    height: 100px;
    text-align: center;
    line-height: 100px;
    float: left;
    color: #2c2c30;
    position: relative;
}

.nav ul li a {
    color: white;
    font-size: 1.5em;
    display: inline-block;
    text-align: center;
    width: 135px;
    font-family: "微软雅黑";
}

.nav ul a:hover {
    font-size: 1.3em;
    display: inline-block;
    color: #7ec737;
}

.nav ul li ul {
    margin-top: -3px;
    background-color: #273550;
}

.nav ul li ul li {
    display: none;
    float: none;
}

.nav ul li ul li a {
    font-size: 1.3em;
    display: inline-block;
    width: 100%;
}

/*.nav .active{ background: dodgerblue;}*/
.nav .show {
    display: block;
}

.nav .hide {
    display: none;
}


@media screen and (min-width: 1200px) {
    .nav {
        width: 75%;
        height: 100px;
        margin: 0 auto;
        position: relative;
        float: right;
    }
}

@media screen and (max-width: 1200px) {

    .nav {
        width: 100%;
        height: 100px;
        margin: 0 auto;
        position: relative;
        float: left;
    }

    .nav ul {
        position: absolute;
        width: 100%;
    }

    .nav ul li {
        width: 18%;
        height: 100px;
        text-align: center;
        line-height: 100px;
        float: left;
        color: #2c2c30;
        position: relative;
    }

    .nav ul li a {
        color: white;
        font-size: 1.5em;
        display: inline-block;
        text-align: center;
        width: 135px;
        font-family: "微软雅黑";
    }

    .nav ul a:hover {
        font-size: 1.3em;
        display: inline-block;
        color: #7ec737;
    }

    .nav ul li ul {
        margin-top: -3px;
        background-color: #273550;
    }

    .nav ul li ul li {
        display: none;
        ;
        float: none;
    }

    .nav ul li ul li a {
        font-size: 1.3em;
        display: inline-block;
        width: 100%;
    }

    /*.nav .active{ background: dodgerblue;}*/
    .nav .show {
        display: block;
    }

    .nav .hide {
        display: none;
    }

}

@media screen and (max-width: 900px) {

    .nav {
        width: 100%;
        height: 100px;
        margin: 0 auto;
        position: relative;
        float: left;
    }

    .nav ul {
        position: absolute;
        width: 100%;
    }

    .nav ul li {
        width: 20%;
        height: 100px;
        text-align: center;
        line-height: 100px;
        float: left;
        color: #2c2c30;
        position: relative;
    }

    .nav ul li a {
        color: white;
        font-size: 1.5em;
        display: inline-block;
        text-align: center;
        width: 135px;
        font-family: "微软雅黑";
    }

    .nav ul a:hover {
        font-size: 1.3em;
        display: inline-block;
        color: #7ec737;
    }

    .nav ul li ul {
        margin-top: -3px;
        background-color: #273550;
    }

    .nav ul li ul li {
        display: none;
        ;
        float: none;
    }

    .nav ul li ul li a {
        font-size: 1.3em;
        display: inline-block;
        width: 100%;
    }

    /*.nav .active{ background: dodgerblue;}*/
    .nav .show {
        display: block;
    }

    .nav .hide {
        display: none;
    }

}




.bannner_pd1 {
    padding: 320px 0 0 500px;

}

@media screen and (max-width: 900px) {

    .bannner_pd1 {
        padding: 280px 0 0 50px;

    }
}







/*.menu div:nth-of-type(1){width: 500px;height: 80px;background: red;position: absolute;top: 0;}
.menu div:nth-of-type(2){width: 500px;height: 80px;background: yellow;position: absolute;top: 20%;}*/

.login {
    float: right;
    width: 10%;
    height: 85px;
}

.login a {
    font-size: 1.3em;
    color: white;
    margin: 0px 10px;
}

.login a:hover {
    color: white;
}

.login span {
    font-size: 1.3em;
    color: #fff;
}


.banner_english {
    position: absolute;
    margin: 0 auto;
    top: 25%;
    left: 45%;
}

.banner_english h2 {
    font-size: 18px;
    color: #fff;
    text-align: left;
    line-height: 30px;
}

.banner_chinese {
    position: absolute;
    margin: 0 auto;
    top: 53%;
    left: 27%;
}

.banner_chinese h1 {
    font-size: 32px;
    color: #fff;
    text-align: left;
    line-height: 48px;
    letter-spacing: 5px;
}

/*-------------------nav  end----------------------------*/
.inner_wrap_big {
    width: 100%;
    margin: 0 auto;
}

/* 设置了浏览器宽度不小于1201px时  显示1200px宽度 */
@media screen and (min-width: 1200px) {
    .inner_wrap_big {
        width: 1200px;
    }
}

/* 设置了浏览器宽度不大于1200px时  显示900px宽度 */
@media screen and (max-width: 1200px) {
    .inner_wrap_big {
        width: 100%;
    }
}



.inner_wrap {
    margin: 0 auto;
    width: 100%;
    height: 500px;
}

@media screen and (max-width: 1200px) {
    .inner_wrap {
        margin: 0 auto;
        width: 100%;
        height: 1000px;
    }
}

@media screen and (max-width: 900px) {
    .inner_wrap {
        margin: 0 auto;
        width: 800px;
        height: 1100px;
    }
}


.inner_one {
    width: 95%;
    margin: 0 auto;
    margin-top: 30px
}

@media screen and (max-width: 1200px) {
    .inner_one {
        width: 1100px;
        margin: 0 auto;
        margin-top: 30px
    }
}

@media screen and (max-width: 900px) {
    .inner_one {
        width: 860px;
        margin: 0 auto;
        margin-top: 30px
    }
}

.inner_one_li {
    float: left;
    width: 33%;
    margin-top: 20px;
    /*height: 250px;*/
}

@media screen and (max-width: 1200px) {
    .inner_one_li {
        /*width:265px; height:200px; */
        width: 100%;
        margin-top: 20px;
    }
}

.inner_one_li .inner_one_top {
    float: left;
    width: 90%;
    padding-left: 10px;
    /*margin-top:30px;*/
}

.inner_one_li .inner_one_top .inner_one_top_img {
    /*width:60px; height:85px; */
    float: left;
    text-align: left;
}

/*.inner_one_top_img img{width: 45px;height: 40px;}*/
.inner_one_top_img img {
    margin: 0 30px 40px 0;
}

.inner_one_li .inner_one_top .inner_one_top_h2 {
    float: left;
}

.inner_one_li .inner_one_top .inner_one_top_h2 h2 {
    margin-top: -10px;
    color: #000000;
    font-weight: bold;
    font-size: 1.3em;
    /*font-size: 22px;*/
    line-height: 60px;
    text-align: left;
}

@media screen and (max-width: 900px) {
    .inner_one_li .inner_one_top .inner_one_top_h2 h2 {
        margin-top: -10px;
        color: #000000;
        font-weight: bold;
        font-size: 2.3em;
        /*font-size: 22px;*/
        line-height: 60px;
        text-align: left;
    }
}

.inner_one_li .inner_one_bottom {
    width: 90%;
    margin: 0;
    /*margin-top:-20px;float:left;*/
}

.inner_one_li .inner_one_bottom p {
    color: #535353;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 2px;
    text-align: left;
}

@media screen and (max-width: 900px) {
    .inner_one_li .inner_one_bottom p {
        color: #535353;
        font-size: 1.6em;
        line-height: 22px;
        letter-spacing: 2px;
        text-align: left;
    }
}

.inner_middle {
    width: 100%;
    margin: 0 auto;
    background: url(../img/inner_bg副本.png) no-repeat center center;
    height: 438px;
    position: relative;
}

.inner_middle .abl_middle {
    position: absolute;
    left: 0;
    top: 25%;
}

.inner_middle .abr_middle {
    position: absolute;
    right: 0;
    top: 25%;
}

/*---------------inner_wrap_big end ----------------------------------*/

.lunbo_big {
    width: 100%;
    margin: 0 auto;
    background: url(../images/banner_bg.png) no-repeat center center;
    background-size: cover;
    height: 583px;
}

.lunbo_top {
    padding-top: 50px;
}

.lunbo_top h1 {
    font-size: 27px;
    color: #fff;
    line-height: 50px;
    height: 50px;
    font-weight: 500;
}

.lunbo_top p {
    font-size: 13px;
    color: #fff;
    line-height: 25px;
    height: 25px;
}

.lunbo_content {
    width: 1370px;
    margin: 0 auto;
    padding-top: 50px;
}

.lunbo_content_pic {
    padding-top: 60px;
    min-height: 250px;
    margin: 0 auto;
}

.lunbo_content_pic ul li {
    width: 432px;
    margin: 0px 10px;
    float: left;
}

.lunbo_content_pic ul li img {
    width: 432px;
    height: 225px;
    float: left;
    box-shadow: 3px 3px 12px #888888;
}

.lunbo_content_pic ul li a {
    color: #fff;
    font-size: 15px;
    text-decoration: none;
}

/*-----------------------------------------*/

.style_web {
    width: 100%;
    margin: 0 auto;
    height: 360px;
}

.style_web .style_web_content {
    width: 100%;
    margin: 0 auto;
}

@media screen and (min-width: 1200px) {
    .style_web .style_web_content {
        width: 1200px;
    }
}

/*  
@media screen and (max-width: 1200px) { 
	.style_web .style_web_content {width: 1100px;}  
} 
 
@media screen and (max-width: 901px) { 
	.style_web .style_web_content {width: 860px;}  
} 
 
@media screen and (max-width: 500px) { 
	.style_web .style_web_content {width: 400px;}  
}
*/
.style_top {
    width: 100%;
    margin: 0 auto;
}

.style_web_content h1 {
    color: #535353;
    font-size: 30px;
    line-height: 70px;
}

.style_web_content p {
    color: #707070;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 1px;
}

.style_web_list {
    width: 100%;
    margin: 0 auto;
}

@media screen and (min-width: 1200px) {
    .style_web_list {
        width: 1200px;
    }
}


.style_web_list ul li {
    float: left;
    width: 33.3%;
    margin: 0 auto;
}


.style_web_list ul li h3 {
    color: #000000;
    font-size: 23px;
    line-height: 50px;
}

.style_web_list ul li p {
    color: #535353;
    font-size: 15px;
    padding: 0 20px;
}

.style_web_list_img_small {
    width: auto;
}

.style_web_list_content {
    padding: 30px 30px 0 0;
}

@media screen and (max-width: 900px) {
    .style_web_list_img_small {
        width: 10%;
    }

    .style_web_list ul li {
        float: left;
        width: 100%;
        margin: 0 auto;
    }
}


@media screen and (max-width: 1200px) {
    .style_web_list_content {
        padding: 10px 10px 0 0;
    }
}


.vis_900 {
    display: inherit;
}

@media screen and (max-width: 900px) {
    .vis_900 {
        display: none;
    }
}

/*---------style_web end--------------------------*/
.contact_bg {
    width: 100%;
    height: 564px;
    margin: 0 auto;
    background-size: cover;
    background: url(../images/contact_bg.png) no-repeat center center;
}

.contact_btn {
    padding-top: 220px;
    margin: 0 auto;
}

.contact_btn a {
    width: 360px;
    height: 75px;
    font-size: 30px;
    color: #fff;
    background: #e7b91a;
    display: inline-block;
    line-height: 75px;
    border-radius: 8px;
}

.contact_btn p {
    color: #fff;
    line-height: 25px;
    font-size: 12px;
}

.contact_btn a:hover {
    text-decoration: none;
    color: white;
}

/*--------------------------------------------*/

.happy_web_big {
    width: 100%;
    margin: 0 auto;
}

.happy_web {
    width: 1200px;
    margin: 0 auto;
}

@media screen and (min-width: 1200px) {
    .happy_web {
        width: 1200px;
    }
}

/* 设置了浏览器宽度不大于1200px时  显示900px宽度 */
@media screen and (max-width: 1200px) {
    .happy_web {
        width: 900px;
    }
}

/* 设置了浏览器宽度不大于901px时  显示200px宽度 */
@media screen and (max-width: 901px) {
    .happy_web {
        width: 560px;
    }
}

/* 设置了浏览器宽度不大于500px时  显示100px宽度 */
@media screen and (max-width: 500px) {
    .happy_web {
        width: 300px;
    }
}

.happy_web ul {
    width: 1200px;
}

@media screen and (min-width: 1200px) {
    .happy_web ul {
        width: 1200px;
    }
}

/* 设置了浏览器宽度不大于1200px时  显示900px宽度 */
@media screen and (max-width: 1200px) {
    .happy_web ul {
        width: 900px;
    }
}

/* 设置了浏览器宽度不大于901px时  显示200px宽度 */
@media screen and (max-width: 901px) {
    .happy_web ul {
        width: 560px;
    }
}

/* 设置了浏览器宽度不大于500px时  显示100px宽度 */
@media screen and (max-width: 500px) {
    .happy_web ul {
        width: 300px;
    }
}

.happy_web ul li {
    float: left;
    width: 600px;
    margin: 20px 0 30px 0;
    /*margin: 20px 10px 30px 50px;*/
}

.bule {
    color: #6699CC;
}

.happy_web_img {
    float: left;
    width: 202px;
    height: 330px;
    background: white;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.happy_web_img p {
    font-size: 1.3em;
    color: white;
}

.happy_web_img span {
    background: #333333;
    width: 110px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    display: inline-block;
    border-radius: 5px;
}

.happy_web_img span a {
    color: white;
    font-size: 1.1em;
}

.happy_web_img img {
    width: 180px;
    height: 180px;
    margin-top: 35px;
}

.happy_web_right div {
    margin-top: 25px;
    margin-left: 10px;
}

.happy_web_right {
    background: #E1ECF1;
    float: left;
    width: 330px;
    height: 330px;
    border: 1px solid white;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.happy_web_right h2 {
    text-align: left;
    font-size: 18px;
    color: #0000;
    line-height: 30px;
    margin-bottom: 40px;
}

.happy_web_right p {
    text-align: left;
    font-size: 1.2em;
    color: #535353;
    /*line-height:50px;*/
    letter-spacing: 1px;
    height: 38px;
}

/*.happy_web_right p{line-height: 60px;height: 45px;font-size: 1.5em;}*/

.happy_btn {
    width: 100%;
    margin: 0 auto;
    display: inline-block;
}

.happy_btn a {
    width: 302px;
    height: 70px;
    display: inline-block;
    font-size: 18px;
    color: #fff;
    line-height: 70px;
    background: #3BAFDA;
    border-radius: 8px;
    margin-top: 40px;
}

.happy_btn a:hover {
    text-decoration: none;
    color: white;
}

/*-------------------happy_web_big end----------------------------------------*/
.footer_content {
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
    text-align: left;
    border-bottom: 1px solid #5f5f5f;
}

.footer_left {
    line-height: 30px;
    margin: 0 !important;
}

.footer_leftYD {
    margin: 0;
    line-height: 30px;
}

.footer_right {
    float: left;
    width: 15%;
    height: 300px;
    margin-right: 50px;
    text-align: left;
    font-size: 1.2em;
}

.footer_right2 {
    float: left;
    width: 10%;
    height: 300px;
    margin-right: 10px;
    text-align: left;
    font-size: 1.2em;
}

.footer_right p {
    text-align: left;
    line-height: 40px;
}

.footer_right p a {
    color: #fff;
    font-size: 12px;
    text-align: left;
    line-height: 40px;
    display: inline-block;
}

.footer_right ul li {
    color: #fff;
    font-size: 12px;
    line-height: 40px;
    text-align: left;
    text-indent: 2.5em;
}

.footer_right ul .qq {
    background: url(../images/footer_icon_qq.png) no-repeat left center;
}

.footer_right ul .e-mail {
    background: url(../images/footer_icon_e-mail.png) no-repeat left center;
}

.footer_right ul .phone {
    background: url(../images/footer_icon_phone.png) no-repeat left center;
}

.footer_big {
    width: 100%;
    background: #434343;
}

.footer_big a:hover {
    text-decoration: none;
}

.botsp {
    width: 100%;
    margin-top: 20px;
    padding-left: 10px;
    display: flex;
    justify-content: space-between;
}

.botsp span {
    line-height: 36px;
    font-size: 16px;
    color: #fcfcfc;
}

.left {
    width: 70%;
    text-align: left;
    margin: 0;
}

.footer_rig ul {
    display: flex;
}

.footer_rig p {
    color: white;
}

.footer_rig span {
    display: inline-block;
}

/*------------------------------------------*/
.login_big {
    width: 100%;
    min-height: 690px;
    background: url(../images/login_bg.png) no-repeat 100% 100%;
    /*    padding-top: 60px;*/
    background-size: cover;
    position: relative;
    /*vertical-align: middle;*/


}

/*.login_big{ padding-top: 60px;}*/
.login_content {
    width: 31.6%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    /*position: absolute;*/
    padding-top: 5%;
    margin: 0 auto;
    /*top: 20%;
    left: 35%;*/
}

.login_top {
    width: 100%;
    height: 120px;
    background: url(../images/login_banner.png) no-repeat;
    position: relative;
    /*background-size: cover;*/
    background-size: 100% 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.login_a {
    position: absolute;
    right: 20px;
    bottom: 15px;
}

.login_a a {
    font-size: 16px;
    color: #fff;
    margin: 0px 5px;
}

.login_form {
    padding: 0 5% 3%;
    background: #fff;
}

.login_form p {
    font-size: 14px;
    color: #707070;
    text-align: left;
    height: 35px;
    line-height: 35px;
}

.login_input {
    text-align: left;
    width: 100%;
    height: 40px;
    border: 2px solid #dcdcdc;
    border-radius: 8px;
}

.login_input .input_img {
    float: left;
    padding-top: 6px;
}

.login_input .input_img img {
    text-align: left;
    display: block;
    padding: 6px 10px;
    width: 17px;
    height: 17px;
}

.login_input input {
    width: 80%;
    height: 35px;
    float: left;
    font-size: 14px;
    color: #a0a0a0;
    padding-left: 10px;
    /* border: 1px solid red; */
    margin-top: 4px;
    line-height: 35px;
}

.login_input input:focus {
    outline: 0;
}

.login_bottom {
    background: #eeeeee;
    width: 100%
}

.login_check {
    float: left;
    padding: 5%;
}

.login_check h5 {
    font-size: 16px;
    color: #a0a0a0;
    font-weight: 500;
    float: left;
    line-height: 25px;
    padding-left: 20px;
}

.login_check input {
    width: 25px;
    height: 25px;
    float: left;
}

.login_p {
    padding-top: 20px;
    margin: 0 auto;
    width: 50%;
    height: 40px;
    padding-left: 5px;
    float: left;
}

.login_p p {
    font-size: 14px;
    color: #0099cc;
    line-height: 40px;
    float: left;
    margin-right: 20px;
}

.login_p a {
    width: 25px;
    display: inline-block;
    margin: 0px 5px;
    float: left;
}

.login_btn {
    float: left;
    padding-top: 22px;
}

.login_btn a {
    width: 65px;
    height: 30px;
    display: inline-block;
    background: #0099cc;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    border-radius: 7px;
}

.login_p a img {
    width: 20px;
    height: 20px;
    display: block;
    padding-top: 7px;
}

/*-------------------login end---------------------------*/


.login_error {
    background: #e7b91a;
    /*margin-top:25px;*/
}

.login_error p {
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    text-indent: 1em;
}

/*----------------login_error---------------------*/

.register_content {
    width: 38%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin: 0 auto;
    /*position:absolute;*/
    /*top: 15%;*/
    padding-top: 5%;
    /* left: 32%;*/
}

.register_top {
    /*width: 600px;*/
    height: 130px;
    background: url(../images/register_top.png) no-repeat;
    position: relative;
    /*background-size: cover;*/
    background-size: 100% 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.register_a {
    position: absolute;
    right: 10px;
    bottom: 15px;
}

.register_a a {
    font-size: 14px;
    color: #fff;
    margin: 0px 5px;
}


.form_main {
    width: 100%;
    margin: 0 auto;
    height: 322px;
}

.register_form {
    width: 60%;
    padding: 0% 5%;
    background: #fff;
    float: left;
}

.register_form p {
    font-size: 14px;
    color: #707070;
    text-align: left;
    height: 40px;
    line-height: 40px;
}

.register_input {
    text-align: left;
    width: 100%;
    height: 40px;
    border: 2px solid #dcdcdc;
    border-radius: 8px;
}

.register_input .input_img {
    float: left;
    padding-top: 7px;
}

.register_input .input_img img {
    text-align: left;
    display: block;
    padding: 5px;
    width: 17px;
    height: 17px;
}

.register_input input {
    width: 80%;
    height: 28px;
    float: left;
    font-size: 14px;
    color: #a0a0a0;
    padding-left: 10px;
    /* border: 1px solid red; */
    margin-top: 6px;
    line-height: 28px;
}

.register_input input:focus {
    outline: 0;
}




.res_psd {
    width: 100%;
    margin: 0 auto;
}

.res_password {
    width: 180px;
    float: left;
}

.register_input2 {
    text-align: left;
    width: 95%;
    height: 40px;
    border: 2px solid #dcdcdc;
    border-radius: 8px;
    float: left;
}

.register_input2 input {
    width: 70%;
    height: 30px;
    float: left;
    font-size: 14px;
    color: #a0a0a0;
    padding-left: 10px;
    /* border: 1px solid red; */
    line-height: 30px;
}

.register_input2 input:focus {
    outline: 0;
}


.agreement input {
    width: 20px;
    height: 20px;
    text-align: left;
    float: left;
    background: #fff;
    margin-top: 5px;
}

.agreement p {
    font-size: 14px;
    color: #707070;
    float: left;
    text-indent: 0.4em;
    line-height: 30px;
    /* letter-spacing: 1px; */
}


.agreement a {
    color: #0099cc;
    font-size: 14px;
    float: left;
    padding-left: 20px;
    margin-top: 5px;
}

.resgist_right {
    float: left;
    width: 26%;
    height: 311px;
    background: #e5e5e5;
    padding: 2% 2% 0 2%;
    /* padding-bottom: 14.5%; */
}


.resgist_right {
    text-align: left;
}

.resgist_right h3 {
    font-size: 14px;
    color: #0099cc;
    line-height: 35px;
    margin-bottom: 19px;
}


.resgist_right ul li {
    font-size: 14px;
    color: #0099cc;
    line-height: 30px;
}

.resgist_right p {
    color: #000000;
    font-size: 14px;
}

.res_bottom {
    background: #eeeeee;
    padding: 3%;

}

.res_bottom .res_bottom_btn {
    float: left;
    width: 70%;
}

.res_bottom .res_bottom_btn a {
    width: 100px;
    height: 40px;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    background: #0099cc;
    border-radius: 7px;
    float: left;
    line-height: 40px;
}

.res_bottom .res_bottom_right {
    float: left;
    padding-left: 20px;
}

.res_bottom .res_bottom_right a {
    font-size: 14px;
    color: #0099cc;
    float: right;
    text-align: left;
    line-height: 40px;
}

/*--------------resgister   end  -----------------------------------*/

.product_big_bg {
    width: 100%;
    margin: 0 auto;
    background: url(../img/downloadpc.png) no-repeat bottom center;
    background-color: #0F51B2;
    height: 500px;
    position: relative;
}


.free_composing {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.free_composing_content {
    clear: both;
    margin: 0 auto;
    padding: 0;
    width: 98%;
}

.free_composing_content .content-group-text {
    float: left;
    display: inline-block;
    margin-left: 5%;
    line-height: 1.8;
    text-align: left;
    font-size: 16px;
    color: #666;
    margin-top: -10px;
    width: 25%;
}

.free_composing_content .content-group-title {
    padding-bottom: 10px;
    line-height: 40px;
    font-size: 28px;
    color: #f40;
    font-weight: normal;
    margin: 0 auto;
}

.free_composing_content.content-group-title p {
    line-height: 1.8;
    text-align: right;
    font-size: 16px;
    color: #666;
}

/*.content-group-image img{width: 620px;height: 434px;}*/
.free_composing_content .content-group-image {
    display: inline-block;
    margin-right: 5%;
    width: 58%;
}

/*-------------------------------------------*/
.p4 {
    font-size: 21px;
}

.p4_hot {
    font-size: 21px;
    color: #060;
    margin-left: 2%;
    margin-right: 2%;
    font-weight: 600;
}

#floud {
    width: 100%;
    height: 45px;
    float: left;
    line-height: 45px;
}

#floud li {
    float: left;
    height: 45px;
}

#floud a {
    display: inline-block;
    width: 130px;
    color: black;
}

#floud a:hover {
    color: #7EC737;
    text-decoration: none;
}

.shang {
    width: 100%;
    height: 300px;
    margin-top: 32px;
    background-color: #FFFFFF;
    border-radius: 10px;
    display: block;
}

.kuan {
    width: 20%;
    height: 270px;
    padding-top: 20px;
    float: left;
    margin-top: 0px;
    margin-left: 40px;
}

.tubiao1 {
    width: 70px;
    height: 70px;
}

.wen {
    width: 100%;
    height: 130px;
    margin-top: 10px;
}

/*.tubiao_div {width: 198px;height: 20px;}*/
.wen .p5 {
    font-size: 20px;
    /*font-weight: 700;*/
    color: #464646;

    /* margin-left: 12%;*/
    padding-top: 5px;
}

.wen p {
    color: #666666;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
    word-break: break-all;
}

.discr1 {
    margin-top: 50px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    text-align: left;
    width: 92%
}


.fl_block {
    background: #FFFFFF;
    height: 500px;
    border-radius: 10px;
    border: 1px solid #2171b0;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 30px;
}

.fl_special_icon {
    width: 20%;
    padding-top: 20px;
    float: left;
    margin-top: 0px;
    margin-left: 10px;
}

.fl_detail {
    width: 70%;
    padding-top: 20px;
    text-align: left;
    float: left;
    font-size: 18px;
}

.fl_detail .title {
    font-size: 24px;
    color: #2171b0;
}

.fl_detail .p5 {
    font-size: 18px;
    /*font-weight: 700;*/
    color: #464646;
    line-height: 30px;
    /* margin-left: 12%;*/
    padding-top: 15px;
}

.fl_detail .tab {
    width: 18%;
    float: left;
    margin-top: 20px;
    margin-right: 10px;
}

.fl_detail .tab20 {
    width: 20%;
    float: left;
    margin-top: 20px;
    margin-right: 10px;
}

.ret_center_title {
    width: 1200px;
    height: 44px;
    margin-top: 20px;
    position: relative;
    background-color: #FBFAF8;
    margin-bottom: 20px;
    z-index: 999;
}

.ret_center_title .ret_box {
    font-size: 15px;
    height: 42px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-right: none;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}

.ret_title_click li {
    border-right: 1px solid #ddd;
    color: #666;
    float: left;
    font-size: 15px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    cursor: pointer;
    width: 150px;
}

.button {
    width: 210px;
    height: 60px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-top: 40px;
    background-color: #007AFF;
    cursor: pointer;
}

.anzhuang {
    color: #FFF;
    font-size: 23px;
    font-weight: 900;
    margin-left: 3px;
    margin-top: 5.5px;
}

/*结尾介绍模块*/
.ret_center_cent {
    background: #FFF;
    /*border: 1px solid #EAE7E7;*/
}

/*服务介绍代码块*/
.stand_block {
    font-size: 22px;
    color: #000;
    line-height: 60px;
    width: 100%;
    height: 60px;
    text-align: left;
    margin-left: 30px;
    float: left;
}

.stand_block span {
    font-size: 12px;
    padding-left: 15px;
}

.ret_center_cent {
    width: 100%;
    background: #fff;
    /*border: 1px solid #EAE7E7;*/
    margin: 20px 0;
}

@media screen and (max-width: 1000px) {
    .ret_center_cent {
        width: 100%;
        background: #fff;
        height: 600px;
        margin: 20px 0;
    }
}

@media screen and (max-width: 700px) {
    .ret_center_cent {
        width: 100%;
        background: #fff;
        height: 800px;
        margin: 20px 0;
    }
}


.ret_center_infor {
    padding: 30px;
    font-size: 14px;
}

.could_ser .for_could li {
    float: left;
    display: inline;
    width: 50%;
    margin-bottom: 30px;
    margin-top: 30px;
}

.could_ser .for_could li .cou {
    width: 84%;
    margin: 0 auto;
}

.could_ser .for_could li .cou .ci_dec .title {
    font-size: 1.3em;
    color: #000;
    margin-bottom: 5px;
    font-family: "微软雅黑";
    font-weight: bold;
}

.could_ser .for_could li .cou .ci_dec {
    text-align: left;
    width: 66%;
    float: left;
    display: inline;
    margin-left: 8px;
    line-height: 20px;
    color: #666;
}

.could_ser .for_could li .cou .ci_1 {
    /*background: url(../images/yx_ico01.png) no-repeat 25px 0px;*/
    width: 85px;
    height: 65px;
    overflow: hidden;
}

.could_ser .for_could li .cou .ci_2 {
    /*background: url(../images/yx_ico01.png) no-repeat -215px 0px;*/
    width: 85px;
    height: 65px;
    overflow: hidden;
}

.could_ser .for_could li .cou .ci_3 {
    /* background: url(../images/yx_ico01.png) no-repeat -58px 0px;*/
    width: 85px;
    height: 65px;
    overflow: hidden;
}


.support {
    /*height: 300px;*/
    background-color: #F4F4F4;
    margin: 0 auto;
    width: 100%;
}

.support .content-group-image {
    float: left;
    display: inline-block;
    margin-left: 60px;
}

.support .content-group-text {
    float: right;
    display: inline-block;
    margin-right: 100px;
    line-height: 1.8;
    text-align: left;
    font-size: 16px;
    color: #666;
    /*padding-top: 20px;*/
    margin-top: -10px;
    padding-top: 0px;
    margin-left: -200px;

}

.support .content-group-title p {
    line-height: 1.8;
    text-align: left;
    font-size: 16px;
    color: #666;
}

/*-------------------------------------------------*/
/*-------------------------------------------------*/
.product_contact_bg {
    width: 100%;
    margin: 0 auto;
    background: url(../images/product_bg2.png) no-repeat center center;
    height: 202px;
    background-size: cover;
}

.product_contact_btn {
    padding-top: 70px;
    margin: 0 auto;
}

.product_contact_btn a {
    width: 300px;
    height: 75px;
    font-size: 30px;
    color: #fff;
    background: #e7b91a;
    display: inline-block;
    line-height: 75px;
    border-radius: 8px;
}

.product_contact_btn a:hover {
    width: 300px;
    height: 75px;
    font-size: 30px;
    color: #fff;
    background: #5fbdf9;
    display: inline-block;
    line-height: 75px;
    border-radius: 8px;
    text-decoration: none;
}

.product_contact_btn p {
    color: #fff;
    line-height: 25px;
    font-size: 12px;
}

/*-----------------product_zt_bg begin---------------------------------------------*/
.product_zt_bg {
    width: 100%;
    margin: 0 auto;
    background: url(../img/case.jpg) no-repeat center center;
    background-size: cover;
    height: 401px;
    position: relative;
}

/*--------------------wmf_help_bg begin------------------------------------------*/
.wmf_help_bg {
    width: 100%;
    margin: 0 auto;
    background: url(../img/bk_1.png) no-repeat center center;
    background-size: cover;
    height: 501px;
    position: relative;
}

/*-------------------------------------------------*/

.help_progrom_big {
    width: 100%;
    margin: 0 auto;
    background: #eeeeee;
}

.help_progrom {
    width: 1024px;
    margin: 0 auto;
}

.help_li .help_li_img {
    height: 180px;
}

.help_li h5 {
    font-size: 16px;
    color: #707070;
    text-align: left;
    line-height: 50px;
    padding: 0px 10px;
}

.help_li ul .help_list {
    float: left;
    margin: 0px 20px;
    width: 215px;
}

.help_li_content {
    padding: 0px 30px;
}

.help_li_content ul li {
    list-style: initial;
    font-size: 14px;
    color: #a0a0a0;
    text-align: left;
    line-height: 25px;
}

.help_list a {
    width: 105px;
    height: 35px;
    line-height: 35px;
    background: #3BAFDA;
    color: #fff;
    border-radius: 5px;
    display: inline-block;
    float: left;
    margin-top: 30px;
    margin-left: 15px;
}

/*--------------------------------------*/

.help_seacher_big {
    width: 100%;
}

.help_seacher {
    width: 1200px;
    margin: 0 auto;
    text-align: left;
}

.help_seacher p {
    margin-top: 20px;
    line-height: 30px;
    color: #666;
    font-size: 1.1em;
    margin-left: 50px;
    margin-right: 50px;
}

.help_seacher_top {
    width: 1200px;
    margin: 0 auto;
}

.help_seacher_top h2 {
    text-align: center;
}

.help_seacher_top p {
    color: #a0a0a0;
    font-size: 14px;
    float: left;
    text-align: left;
    line-height: 35px;
}

.seacher_right {
    float: right;
    border: 1px solid #dcdcdc;
    width: 270px;
    height: 28px;
}

.seacher_text {
    float: left;
    line-height: 28px;
    width: 230px;
    outline: 0;
    text-indent: 1em;
}

.seacher_btn {
    float: left;
    background: url(../images/seacher.png) no-repeat center center;
    height: 28px;
    width: 40px;
    outline: 0;
    cursor: pointer
}

.help_seacher_container {
    width: 1200px;
    margin: 0 auto;
}

.help-update-wrap {
    float: left;
    width: 470px;
}

.help-update-wrap .help-update-title {
    clear: both;
    margin: 20px 0;
    line-height: 35px;
    text-align: left;
    font-size: 24px;
    color: #444;
}

.help-update-wrap .help-update-list {
    clear: both;
    display: list-item;
    margin: 0;
    padding: 0;
}

.help-update-wrap .help-update-list .help-update-list-item {
    clear: both;
    padding: 0 100px 0 0;
    line-height: 35px;
    text-align: left;
    font-size: 14px;
    list-style: none;
    color: #666;
}

.help-update-wrap .help-update-list .help-update-list-item a {
    line-height: 35px;
    text-align: left;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
}

.help-update-wrap .help-update-list .help-update-list-item .help-update-date {
    float: right;
    margin-right: -100px;
    width: 100px;
    line-height: 35px;
    text-align: right;
    color: #999;
}

.help-update-wrap .help-update-more {
    float: left;
    display: block;
    margin-top: 20px;
    width: 120px;
    line-height: 40px;
    border-radius: 3px;
    background-color: #3BAFDA;
    text-align: center;
    font-size: 14px;
    color: #fff;
}

.help-quick-nav {
    float: right;
    margin: 0;
    padding: 0;
    width: 550px;
    list-style: none;
}

.help-quick-nav .help-quick-nav-item {
    float: left;
    display: inline-block;
    margin: 20px 10px 0 10px;
    width: 162px;
    height: 150px;
}

.help-quick-nav .help-quick-nav-item a {
    display: block;
    height: 150px;
    border-radius: 3px;
    background-color: #fff;
    color: #a0a0a0;
    border: 1px solid #ddd;
}


.help-quick-nav .help-quick-nav-item a:hover {
    border-color: #3BAFDA;
    background-color: #f7f7f7;
    color: #3BAFDA;
    text-decoration: none;
}

.help-quick-nav .help-quick-nav-item a .help-quick-nav-icon {
    clear: both;
    display: block;
    height: 100px;
    line-height: 100px;
    text-align: center;
    filter: alpha(opacity=60);
    padding-top: 6px;
}

.help-quick-nav .help-quick-nav-item a .help-quick-nav-title {
    clear: both;
    line-height: 30px;
    font-size: 14px;
}


.help_progrom h1 {
    color: #000000;
    font-size: 27px;
    line-height: 60px;
    font-weight: 500;
}

/*------------wmf_help_end--------------------------------*/



.inner-wrap {
    clear: both;
    margin: 0 auto;
    padding: 0;
    width: 1160px;
}

.template-topbar {
    clear: both;
    padding: 30px 0px 40px 0;
    height: 40px;

    border-bottom: 1px solid #ddd;
}

.template-topbar .template-type {
    float: left;
    display: inline-block;
    width: 160px;
    height: 30px;
}

.hide {
    display: none !important;
}

.cube-select {
    position: relative;
    margin-right: 10px;
    padding: 0 30px 0 10px;
    height: 30px;
    border-radius: 2px;
    border: 1px solid #ddd;
    background: #fff url(../images/select-arrow.jpg) no-repeat right center;
    cursor: pointer;
}

.cube-select input {
    display: block;
    width: 100%;
    height: 28px;
    line-height: 28px;
    border: 0;
    outline: 0;
    background: none;
}

.cube-select ul {
    display: none;
    position: absolute;
    right: -1px;
    left: -1px;
    top: 29px;
    width: 100%;
    overflow: hidden;
    background-color: #fff;
    max-height: 250px;
    overflow-y: auto;
    border: 1px solid #ccc;
    border-top: 0;
    border-radius: 0 0 2px 2px;
    z-index: 9999;
}

.cube-select ul li {
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    text-align: left;
    color: #666;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
    cursor: pointer;
}

.cube-select ul li.on {
    background-color: #eee;
    color: #444;
}

.cube-select {
    position: relative;
    margin-right: 10px;
    padding: 0 30px 0 10px;
    height: 30px;
    border-radius: 2px;
    border: 1px solid #ddd;
    background: #fff url(../images/select-arrow.jpg) no-repeat right center;
    cursor: pointer;
}

.template-topbar .template-color {
    float: right;
    display: inline-block;
    height: 30px;
}

.template-color .template-color-item.color-red {
    background-color: #EF5350;
}

.template-color .template-color-item {
    float: left;
    display: inline-block;
    margin: 5px 10px 0 0;
    width: 20px;
    height: 20px;
    border-radius: 2px;
}

/*input[type="checkbox"], input[type="radio"], .form-radio, .form-checkbox {
    box-sizing: border-box;
    padding: 0;
}
*/

.template-color .template-color-item a {
    display: block;
    height: 20px;
    border-radius: 2px;
}

.template-color .template-color-item.color-blue {
    background-color: #42A5F5;
}

.template-color .template-color-item.color-green {
    background-color: #66BB6A;
}

.template-color .template-color-item.color-orange {
    background-color: #FFA726;
}

.template-color .template-color-item.color-yellow {
    background-color: #FFEE58;
}

.template-color .template-color-item.color-purple {
    background-color: #AB47BC;
}

.template-color .template-color-item.color-pink {
    background-color: #EC407A;
}

.template-color .template-color-item.color-gray {
    background-color: #BDBDBD;
}

.template-color .template-color-item.color-black {
    background-color: #2F353B;
}

.template-color .template-color-item.color-white {
    border: 1px solid #ddd;
    background-color: #fff;
}

.template-color .template-color-item.color-more {
    background: url(../images/template-color-more.gif) no-repeat;
}

/*---------------------------------*/
.template-list {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}


.pm-template-list .template-list-item {
    width: 260px;
}

.template-list .template-list-item {
    float: left;
    display: block;
    margin: 0 40px 0 0;
    width: 260px;
    height: 340px;
}

.template-list .template-list-item .template-list-image {
    position: relative;
    z-index: 1;
    clear: both;
    height: 238px;
    border-radius: 2px;
    background: url(../images/template-list-image-bg.gif) no-repeat center;
}

.pm-template-list .template-list-item .template-list-image .template-pc-group {
    position: absolute;
    top: 14px;
    right: 2px;
    bottom: 2px;
    left: 2px;
    width: 256px;
    height: 192px;
}

.template-list .template-list-item .template-list-image img {
    margin: 0px 2px 2px -1px;
    width: 256px;
    /*height: 192px;*/
    height: 222px;
    border-radius: 2px;
}

.template-list .template-list-item .template-list-title {
    clear: both;
    line-height: 35px;
    text-align: left;
    font-size: 16px;
    color: #444;
}

.template-list .template-list-item .template-list-info {
    clear: both;
    height: 60px;
}

.template-list .template-list-item .template-list-info .template-num {
    clear: both;
    line-height: 30px;
    text-align: left;
    color: #999;
}

.template-list .template-list-item .template-list-info .template-designer {
    float: left;
    display: inline-block;
    line-height: 30px;
    text-align: left;
    color: #999;
}

.template-list .template-list-item .template-list-info .template-price-btn {
    float: right;
    display: inline-block;
    padding: 4px 15px 5px 15px;
    line-height: 1.4;
    border-radius: 2px;
    border: 1px solid #9EC7EC;
    background-color: #fff;
    text-align: center;
    color: #5CA2E0;
    font-size: 14px;
}

.template-pagination {
    display: inline-block;
    margin: 60px auto;
    height: 35px;
}

.template-pagination a.current {
    border-color: #9EC7EC;
    background-color: #9EC7EC !important;
    color: #fff !important;
}

.template-pagination a {
    display: inline-block;
    margin-right: 5px;
    width: 35px;
    line-height: 35px;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #ddd;
    text-align: center;
    font-size: 14px;
    color: #999;
}

.template-pagination a:hover {
    background-color: #f4f4f4;
    color: #444;
    text-decoration: none;
}


/*----------------------------------------------------------*/




.product-container-wrap {
    padding: 50px 0;
    /*margin-bottom:150px;*/
}

.inner-wrap {
    clear: both;
    margin: 0 auto;
    padding: 0;
    width: 1200px;
}

.product-group {
    position: relative;
    width: 1200px;
    height: 1350px;
}


.product-group .product-group-item.product-titlebar {
    left: 0;
    width: 260px;
}

.product-group .product-group-item {
    position: absolute;
    top: 0;
    z-index: 10;
    /*width: 480px;*/
    width: 310px;
}

.product-group .product-group-item .product-group-topbar {
    clear: both;
    padding-top: 10px;
    height: 90px;
    background-color: #5FBDF9;
    text-align: center;
    color: #fff;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
}




.product-group .product-group-item .product-group-topbar h4 {
    clear: both;
    line-height: 30px;
    font-size: 16px;
    font-weight: normal;
}

.product-group .product-group-item .product-group-topbar .product-price {
    clear: both;
    line-height: 50px;
    font-size: 28px;
    font-weight: normal;
}

.product-group .product-group-item .product-group-list {
    clear: both;
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #ddd;
    border-top: 0;
    background-color: #fff;
}

.product-group .product-group-item .product-group-list .product-group-list-item {
    clear: both;
    display: block;
    margin: 0;
    padding-top: 15px;
    background-color: #fff;
    list-style: none;
    text-align: center;
    font-size: 14px;
    height: 50px;
}

.product-group .product-group-item .product-group-list .product-group-list-item.even {
    background-color: #f4f4f4;
    color: #444;
}

.product-group .product-group-item .product-group-list .product-group-list-item .product-group-btn {
    display: block;
    margin: 0 auto;
    width: 160px;
    height: 35px;
    line-height: 35px;
    border-radius: 3px;
    background-color: #5FBDF9;
    text-align: center;
    color: #fff;
    font-size: 14px;
}

.product_btn {
    padding: 15px 0;
}

.product-group .product-group-item .product-group-list .product-group-list-item .product-group-btn:hover {
    background-color: #5CA2E0;
    color: #fff;
    text-decoration: none;
}

/*----------------------------------------------*/


/*------------------会员中心----------------------*/

.hy_top {
    width: 100%;
    margin: 0 auto;
    background: #000000;
    height: 60px;
}

.hy_top .header {
    width: 1024px;
    height: 60px;
    margin: 0 auto;
}

.hy_top .logo {
    float: left;
    margin-top: 5px;
}

.hy_top .nav {
    margin-left: 100px;
    float: left;
    height: 60px;
}

.hy_top .nav ul li {
    float: left;
    width: 115px;
    position: relative;
}

.hy_top .nav ul li a {
    color: #fff;
    font-size: 16px;
    display: inline-block;
    line-height: 60px;
    width: 115px;
}

.hy_top .nav ul li .yzcp {
    margin: 0px 10px;
}

.hy_top .nav ul li:hover {
    font-size: 16px;
    display: inline-block;
    line-height: 60px;
    background: #00a0e9;
    height: 60px;
    width: 115px;
}

.hy_top .nav ul a:hover {
    font-size: 16px;
    display: inline-block;
    line-height: 60px;
}


.select_zt_bg {
    width: 100%;
    height: 100%;
    background: #eeeeee;
}


.select_big {
    width: 1200px;
    padding: 20px;
    margin: 0 auto;
    background: #fff;
    border-radius: 8px;
}

.select_mb {
    height: 55px;
    margin: 0 auto;
    width: 1160px;
    border-bottom: 1px solid #e5e5e5;
}

.select_mb p {
    text-align: left;
    font-size: 12px;
    color: #535353;
    line-height: 55px;
    text-indent: 3px;
}

.yl {
    margin-right: 10px;
    background: #8fc31f !important;
    color: #fff !important;
    border: none !important;
    font-size: 10px;
}

.xz {
    background: #6dadea !important;
    color: #fff !important;
    border: none !important;
    font-size: 10px;
}

/*-----------------选择模板结束--------------------------------------*/


/*--------------用户资料------------------------*/


.user {
    float: right;
    padding-top: 5px;
    max-width: 112px;
}

.header-nav-item {
    display: inline-block;
    line-height: 50px;
    text-align: center;
    font-size: 0;
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.header-nav-item.user-infobar a.userinfo-link {
    color: #ddd;
    font-size: 12px;
}

.header-nav-item.user-infobar .user-header-img {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 28px;
    height: 50px;
}

.header-nav-item.user-infobar .user-header-img img {
    position: relative;
    z-index: 2;
    width: 28px;
    height: 28px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.header-nav-item.user-infobar .user-name {
    display: inline-block;
    margin: 0 8px;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    word-wrap: break-word;
    white-space: nowrap;
}

.header-nav-item.user-infobar .user-infobar-arrow {
    display: inline-block;
    font-size: 14px;
}

.header-nav-item.user-infobar .dropdown-menu {
    top: 84% !important;
    right: -4px;
}

.dropdown-menu span {
    position: absolute;
    top: -10px;
    left: 88%;
    width: 0;
    height: 0;
    border-top: 10px solid #fff;
    border-right: 9px solid transparent;
    border-left: 9px solid transparent;
    transform: rotate(180deg);
}

.dropdown-menu.bullet {
    margin-top: 8px;
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}

.dropdown-menu {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .175);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .175);
    font-size: 13px;
}

.pull-right {
    float: right !important;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.header-nav-item.user-infobar .dropdown-menu li a {
    color: #6C3333;
}

.dropdown-menu>li>a {
    padding: 5px 15px;
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    line-height: 35px;
    text-align: left;
}

.dropdown-menu li {
    text-align: left !important;
    height: 38px;
}

.dropdown-menu li img {
    margin-right: 10px;
    text-align: left;
    width: 23px;
}

.dropdown-menu li:hover {
    background: #e5e5e5;
}


/*-------------------------------------------------*/




.personal_enter_big {
    width: 100%;
    margin: 0 auto;
    background: #eeeeee;
    min-height: 400px;
}

.personal_enter {
    width: 1000px;
    margin: 0 auto;
    background: #fff;
    padding: 10px 10px;
    min-height: 325px;
    border-radius: 5px;
}


/* box */
.personal_enter .box {
    width: 1000px;
    margin: 10px auto 0;
    background: #fff;
}

.personal_enter .tab_menu {
    overflow: hidden;
}

.personal_enter .tab_menu {
    border-bottom: 1px solid #eeeeee;
}

.personal_enter .tab_menu li {
    float: left;
    width: 100px;
    height: 30px;
    line-height: 30px;
    background: #eeeeee;
    text-align: center;
    cursor: pointer;
}

.personal_enter .tab_menu li a {
    color: #898989 !important;
    display: inline-block;
}

.personal_enter .tab_menu li.current {
    color: #00a0e9;
    background: #fff;
    border-top: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
}

.personal_enter .tab_menu li a {
    color: #fff;
    text-decoration: none;
}

.personal_enter .tab_menu li.current a {
    color: #00a0e9 !important;
}

.personal_enter .tab_box {
    padding: 10px;
}

.personal_enter .tab_box li {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
}

.personal_enter .tab_box li span {
    margin: 0 5px 0 0;
    font-family: "宋体";
    font-size: 12px;
    font-weight: 400;
    color: #ddd;
}

.personal_enter .tab_box .hide {
    display: none;
}

.personal_data {
    padding: 20px 55px;
}

.personal_data_left {
    float: left;
}

.personal_data_left img {
    text-align: left;
    float: left;
}

.personal_data_right {
    float: left;
    width: 650px;
    margin-left: 100px;
}


.personal_data_right ul li {
    float: left;
    font-size: 12px;
    color: #898989;
    width: 300px;
    margin-right: 20px;
    text-align: left;
}

.personal_data_right ul li i {
    font-weight: 500;
    font-style: initial;
    width: 100px;
    display: inline-block;
    font-size: 14px;
}


.personal_data_right ul li strong {
    font-weight: 500;
    font-size: 14px;
    margin-right: 20px;
}

.personal_data_right ul li a {
    background: #00a0e9;
    display: inline-block;
    color: #fff;
    width: 130px;
    height: 25px;
    text-align: center;
    border-radius: 5px;
    line-height: 25px;
}


.personal_data_width {
    width: 700px !important;
}

.personal_data_bottom {
    width: 700px;
    margin: 0 auto;
    margin-left: 125px;
}

.personal_data_bottom h3 {
    font-size: 14px;
    color: #898989;
    text-align: left;
    font-weight: 500;
}

.personal_data_bottom p {
    font-size: 14px;
    color: #898989;
    text-align: left;
    width: 550px;
    /*height:40px;*/
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis !important;
    white-space: nowrap;
    margin: 0 auto;
    display: inline-block;
}


/*---------------------system_message ------------------------*/
.system_message {
    width: 960x;
    margin: 0 auto;
    padding: 10px 10px;
}

.system_message_left {
    float: left;
}

.system_message_left p {
    color: #898989;
    font-size: 14px;
    line-height: 25px;
}

.system_message_left p span {
    color: #00a0e9;
    line-height: 25px;
}

.system_message_right {
    float: right;
    font-size: 14px;
}

.system_message_right input {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.system_message_right a {
    background: #e60012;
    color: #fff;
    margin-left: 20px;
    display: inline-block;
    width: 70px;
    line-height: 20px;
    height: 20px;
    border-radius: 3px;
    text-align: center;
}

.system_message_bottom {
    min-height: 120px;
    width: 960px;
    margin: 0 auto;
    border-bottom: 1px solid #eeeeee;
}

.all_read {
    width: 960px;
    margin: 0 auto;
}

.all_read p {
    color: #898989;
    font-size: 14px;
    line-height: 25px;
    text-align: left;
}

.system_announcement {
    border-top: 1px solid #eeeeee;
    min-height: 215px;
    margin: 0 auto;
    max-height: 215px;
    width: 960px;
}

/*---------------------------------------*/

/*.tab-content>.active {
    display: block;
    visibility: visible;
}
.tab-content>.tab-pane {
    display: none;
    visibility: hidden;
}*/
.message-list-wrap {
    margin: 0;
    padding: 0;
}

.message-list-wrap .message-list-item {
    position: relative;
    clear: both;
    margin: 0;
    padding: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    list-style: none;
    border-bottom: 1px solid #ddd;
    height: 70px !important;
}

.message-list-titlebar {
    clear: both;
    /*padding: 5px 0;*/
    height: 50px;
    box-sizing: content-box;
    -weight-box-sizing: content-box;
}

.message-list-titlebar .message-header {
    float: left;
    display: inline-block;
    margin-right: 20px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
}

.message-list-titlebar .message-header img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.message-list-titlebar .message-title-wrap {
    float: left;
    display: inline-block;
    text-align: left;
}

.message-list-wrap .message-list-item.message-readed .message-title {
    color: #999;
    font-weight: normal;
}

.message-list-titlebar .message-title-wrap .message-title {
    clear: both;
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
    color: #444;
    cursor: pointer;
}

.message-title a {
    color: #37BC9B;
}

.message-list-content {
    clear: both;
    padding-left: 70px;
    line-height: 1.8;
}

.collapse {
    display: none;
    visibility: hidden;
}

.collapse.in {
    display: block;
    visibility: visible;
}

.message-list-content {
    clear: both;
    padding-left: 70px;
    line-height: 1.8;
}

.label:empty {
    display: none;
}

.label-primary,
.badge-primary,
.label-primary[href]:hover,
.label-primary[href]:focus {
    background-color: #37BC9B;
}

.margin-left-5 {
    margin-left: 5px !important;
}

.text-minu {
    font-weight: normal !important;
}

.label-primary {
    background-color: #337ab7;
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.message-list-titlebar .message-title-wrap .message-date {
    clear: both;
    line-height: 20px;
    font-size: 12px;
    color: #999;
}

.collapse.in {
    display: block;
    visibility: visible;
}

.message-list-content {
    clear: both;
    padding-left: 70px;
    line-height: 1.8;
    text-align: left;
    font-size: 14px;
}

.collapse {
    display: none;
    visibility: hidden;
}


.collapse.in {
    display: block;
    visibility: visible;
}

.message-list-wrap .message-list-item .message-del {
    position: absolute;
    top: 10px;
    right: 10px;
    /*display: none;*/
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #999;
}

.fa {
    margin-right: 5px;
    font-size: 14px;
}

.template-list-page {
    margin-top: 20px;
    padding: 15px 0;
    border-top: 1px solid #eee;
    text-align: center;
}

.message-list-wrap .message-list-item.message-readed {}

.message-list-wrap .message-list-item:hover {
    background-color: #f7f7f7;
}

.message-list-wrap .message-list-item {
    position: relative;
    clear: both;
    margin: 0;
    padding: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    list-style: none;
    border-bottom: 1px solid #ddd;
}








/*----------------------------transaction_record- begin---------------------*/
.transaction_record table .notop td {
    border-top: inherit;
}

.transaction_record table td {
    border-top: 1px solid #eeeeee;
    color: #707070;
    font-size: 14px;
    text-align: center;
    width: 165px;
    height: 45px;
}

.transaction_record table td a {
    background-color: #3BAFDA;
    border-color: #3BAFDA;
    padding: 2px 5px;
    font-size: 12px;
    line-height: 1.5;
    color: #fff;
    display: inline-block;
    border-radius: 4px;
    text-align: center;
}

.transaction_record_bottom {
    width: 960px;
    margin: 0 auto;
    text-align: left;
    padding-left: 10px;
}

.transaction_record_bottom ul li {
    font-size: 14px;
    color: #707070;
    line-height: 30px;
}

/*------------------------------------------------------------------------*/

.update_user_big {
    width: 100%;
    margin: 0 auto;
    background: #eeeeee;
    height: 707px;
    position: relative;
}

.update_user_big .update_user_content {
    width: 950px;
    min-height: 485px;
    margin: 0 auto;
    background: #ffffff;
}


.update_user_big .tab_menu {
    overflow: hidden;
}

.update_user_big .tab_menu li {
    float: left;
    width: 70px;
    height: 30px;
    line-height: 30px;
    color: #707070;
    background: #eeeeee;
    text-align: center;
    cursor: pointer;
    border-radius: 2px;
}

.update_user_big .tab_menu li.current {
    color: #fff;
    background: #00a0e9;
}

.update_user_big .tab_menu li a {
    color: #fff;
    text-decoration: none;
}

.update_user_big .tab_menu li.current a {
    color: #333;
}

.update_user_big .tab_box {
    padding: 20px 40px;
}

.update_user_big .tab_box li span {
    margin: 0 5px 0 0;
    font-family: "宋体";
    font-size: 12px;
    font-weight: 400;
    color: #ddd;
}

.update_user_big .tab_box .hide {
    display: none;
}

.tab_box i {
    font-style: inherit;
    font-size: 14px;
    color: #898989;
    line-height: 30px;
}

.tab_box input[type="text"] {
    width: 280px;
    height: 30px;
    border: 1px solid #e5e5e5;
    text-indent: 1em;
}

.upload-btn {
    width: 70px;
    height: 30px;
    float: left;
    position: relative;
}

.upload-btn a {
    display: inline-block;
    /* line-height: 60px; */
    background: #00a0e9;
    width: 70px;
    height: 30px;
    color: #ffffff;
    line-height: 30px;
    border-radius: 5px;
    margin-top: 15px;
    cursor: pointer;
}

.txsc ul li {
    float: left;

    background-size: cover;
    margin: 1%;
    text-align: left;
}

.txsc i {
    text-align: left !important;
    float: left !important;
    line-height: 60px;
    width: 50px;
}

.fabu_img {
    background: url(../images/tx_bg.png) no-repeat;
    width: 64px;
    height: 64px;
    float: left;
    border-radius: 32px;
    overflow: hidden;
}

.fabu_img img {
    width: 100%;
    height: 100%;
}

.upload {
    position: absolute;
    z-index: 10;
    background: red;
    left: 0;
    top: 15px;
    width: 70px;
    height: 30px;
    border-radius: 5px;
    opacity: 0;
}

.txsc p {
    width: 315px;
    float: left;
    line-height: 60px;
    font-size: 14px;
    color: #898989;
}

.user_left {
    float: left;
    min-width: 800px;
    text-align: left;
    max-width: 800px;
    margin-top: 20px;

}


.user_left i {
    width: 60px;
    text-align: left;
    float: left;
}

.user_left select {
    width: 280px;
    height: 30px;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    color: #898989;
}


select option {
    width: 150px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}

/*------------------------------*/

.up_psd {
    width: 810px;
    height: 250px;
    float: left;
}

.up_psd i {
    font-style: inherit;
    font-size: 14px;
    color: #898989;
    line-height: 30px;
    width: 100px;
    text-align: left;
    display: inline-block;
}

.up_psd ul li {
    margin: 20px;
    text-align: left;
}

.qx {
    width: 70px;
    height: 30px;
    color: #707070;
    background: #eeeeee;
    border-radius: 5px;
    margin-right: 5px;
    font-size: 14px;
}

.bc {
    width: 70px;
    height: 30px;
    color: #ffffff;
    background: #00a0e9;
    border-radius: 5px;
    font-size: 14px;
}

hr {
    border-top: 1px solid #e5e5e5;
    margin-bottom: 20px;
    margin-top: 20px;
}

input:focus {
    outline: 0;
}

button:focus {
    outline: 0;
}

select:focus {
    outline: 0;
}


/*******************站点*****************************/

.zhanjian_bg {
    width: 100%;
    min-height: 630px;
    background: #eeeeee;
}

.zhandian_container {
    width: 1000px;
    padding: 15px;
    margin: 0 auto;
    min-height: 465px;
    background: #ffffff;
    border-radius: 5px;
}

.zhandian_xx {
    height: 55px;
    border-bottom: 1px solid #eeeeee;
}

.zhandian_xx p {
    color: #707070;
    font-size: 16px;
    font-weight: 600;
    line-height: 55px;
    text-align: left;
}

.zhandian_content ul {
    margin-left: 100px;
}

.zhandian_content ul li {
    margin: 10px 30px;
    float: left;
}

.zhandian_content ul li p {
    color: #707070;
    font-size: 14px;
}

.zhandian_content ul li p a {
    text-align: right;
    width: 80px;
    display: inline-block;
}

.zhandian_content ul li input {
    height: 35px;
    width: 365px;
    border: 1px solid #eeeeee;
    text-indent: 5px;
    font-size: 14px;
}

.zhandian_content ul li span {
    margin: 0px 25px;
}

.zhandian_content ul .yum span {
    background: #dcdcdc;
    height: 35px;
    width: 365px;
    display: inline-block;
}

.zhandian_content ul .yum span i {
    font-style: inherit;
    text-align: center !important;
    padding: 0px 10px;
    line-height: 33px;
}

.zhandian_content ul .yum input {
    width: 170px;
    height: 30px;
    background: #ffffff;
    padding-top: 3px;
    font-size: 14px;
}

/*--------------框架--------------------------*/

.iframe_top {
    width: 100%;
    margin: 0 auto;
    height: 60px;
    background: #262626;
}

.iframe_right {
    float: right;
}

.iframe_right_computer {
    width: 36px;
    height: 36px;
    float: left;
    margin-right: 40px;
}

.iframe_right_computer a {
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 34px;
    background-color: #939393;
    margin-top: 12px;
    border-radius: 4px;
}

.iframe_right_computer a img {
    width: 20px;
    height: 20px;
}

.share {
    float: left;
    border-left: 1px solid #434343;
    border-right: 1px solid #434343;
    padding: 0px 10px;
}

.share i {
    font-size: 14px;
    color: #fff;
    font-style: inherit;
    line-height: 60px;
}

.share a {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #939393;
    margin: 0px 5px;
    display: inline-block;
    line-height: 30px;
}

.iframe_word {
    float: left;
    margin: 0px 5px;
}

.iframe_word p {
    font-size: 14px;
    color: #fff;
    line-height: 60px;
}

.iframe_mb {
    float: left;
    padding: 0 10px;
    height: 60px;
    line-height: 60px;
    border-left: 1px solid #434343;
    font-size: 14px;
}



.iframe_mb a {
    display: inline-block;
    padding: 4px 8px 3px;
    width: 100px;
    line-height: 30px;
    border-radius: 3px;
    background-color: #8EC960;
    text-align: center;
    font-size: 14px;
    color: #fff;
}


/*-------------------------*/

.add_case_iframe {
    width: 100%;
    margin: 0 auto;
    height: 100%;
    position: absolute;
}



/*----------------------站点管理-----------------------*/


.dashboard-topbar {
    clear: both;
    margin: 0 auto;
    width: 100%;
    z-index: 100;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, .1);
}

.zd_manage_big ul li {
    background: #fff;
    margin-bottom: 10px;
}



.dashboard-topbar .dashboard-page-title {
    font-size: 14px;
    color: #3BAFDA;
    text-align: left;
    text-indent: 5em;
}


.zd_manage_big {
    clear: both;
    padding: 20px;
}

.site-list-topbar {
    clear: both;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #ddd;
}

.site-list-topbar .site-name {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}

.site-list-topbar .site-name .label {
    font-weight: normal;
    background-color: #3BAFDA;
    margin-left: 10px;
}

.text-right {
    text-align: right !important;
}

.site-list-topbar .site-toolbar {
    display: inline-block;
    margin-top: 8px;
}

.site-list-topbar .site-toolbar .btn {
    font-size: 12px;
}

.site-list-container {
    padding-bottom: 10px;
}

.site-list-container .site-img {
    height: 104px;
    border-radius: 2px;
    border: 1px solid #ddd;
    background-color: #E6E9ED;
    text-align: center;
    padding: 0;
    overflow: hidden;
    margin-top: 20px;
}


.site-list-container .site-img img {
    margin-left: -9px;
    height: 100%;
}

.site-list-container .site-img-btn {
    margin-top: 5px;
    text-align: center;
}


.site-list-container .site-info {
    line-height: 1.5;
    font-size: 13px;
    color: #999;
    padding-left: 50px;
}

.site-list-container .site-info p {
    clear: both;
    margin: 0;
    padding: 0;
    line-height: 30px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
}

.botsp .info p {
    font-size: 15px;
    color: #A1A1A1;
    line-height: 20px;
}

.title1 {
    color: #333;
    font-size: 36px;
    text-align: center;
    padding-top: 50px;
}

.title1 p {
    font-size: 16px;
    text-align: center;
    margin: 10px 0 20px 0;
    color: #666;
}

.fl_title {
    color: #fff;
    font-size: 28px;
    text-align: center;
    padding-top: 50px;
    line-height: 40px;
    font-weight: normal
}

.floor {
    width: 100%;
    background-image: url(../images/bg1.jpg);
}

.floor .title {
    color: #fff;
    font-size: 36px;
    text-align: center;
    padding-top: 50px;
}

.floor .title p {
    font-size: 16px;
    text-align: center;
    margin: 10px 0 20px 0;
    color: #999;
}

.floor_1 {
    height: 600px;
    background: url(../images/bg1.jpg) top center no-repeat;
    overflow: hidden;
}

.floor_2 {
    height: 500px;
    background: url(../images/bg2.jpg) top center no-repeat;
    overflow: hidden;
}

.floor_2 .flmenu {
    padding-left: 350px;
    padding-top: 50px;
    overflow: hidden;
}

.floor_2 .flmenu ul li {
    float: left;
    margin-right: 100px;
    text-align: center;
}

.floor_2 .flmenu ul li a {
    display: block;
    color: #464646;
    font-size: 18px;
    text-decoration: none;
}

.floor_2 .flmenu ul li a:hover,
.floor_2 .flmenu ul li.on a {
    border-bottom: 1px solid #fff;
    padding-bottom: 12px;
    color: #ffffff;
    text-decoration: none;
}

.floor_3 {
    height: 400px;
    background: url(../images/bg3.jpg) top center no-repeat;
    overflow: hidden;
}

.floor_4 {
    height: 400px;
    background: url(../images/bg1.jpg) top center no-repeat;
    overflow: hidden;
}

.title_f {
    color: #fff;
    font-size: 30px;
    text-align: center;
    margin-top: 35px;
}

.title_f p {
    color: #dde3f1;
    font-size: 16px;
    text-align: center;
    margin-top: 7px;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}

@media screen and (max-width: 1200px) {
    .w1200 {
        width: 100%;
        margin: 0 auto;
    }
}

.btn_f {
    height: 42px;
}

.btn_f a {
    width: 150px;
    height: 40px;
    border-radius: 15px;
    border: 2px solid #0050b4;
    line-height: 40px;
    display: block;
    font-size: 18px;
    text-align: center;
    color: #0050b4;
    font-weight: normal;
    margin: 0 auto;
    text-decoration: none;
}

.btn_f a:hover {
    background: #0050b4;
    color: #fff;
}

.friendlink {
    width: 90%;
    height: 400px;
    background: #fff;
    overflow: hidden;
    margin: 0 auto;
}

.friendlink ul li {
    width: 163px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    float: left;
    border: 1px solid #edeff7;
    border-top: none;
    border-left: none;
    list-style: none;
    text-decoration: none;
}

.friendlink a {
    font-size: 16px;
    color: #383838;
    text-decoration: none;
}

.friendlink a:hover {
    list-style: none;
    text-decoration: none;
    color: #8B8B8B;
}

.fre_link {
    color: #434343;
}

.fre_link a {
    color: white;
    text-decoration: none;
}

.fre_link a:hover {
    color: white;
    text-decoration: none;
}

/*登录注册层*/
#layers {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .8);
    display: none;
    z-index: 1000;
}

#layer {
    width: 27%;
    /*height: 63%;background: #e6e9ea;*/
    background: white;
    position: fixed;
    top: 20%;
    left: 40%;
    display: none;
    z-index: 999;
}

.xl {
    border: 1px solid white;
    float: right;
    width: 22px;
    height: 22px;
    background: black;
    line-height: 20px;
    border-radius: 20px;
    color: white;
    margin-top: -12px;
    margin-right: -10px;
}

.xl:hover {
    color: white;
}

#layer h2 {
    font-weight: normal;
    margin: 20px 0;
}

#layer input {
    width: 85%;
    height: 45px;
    margin-bottom: 20px;
    padding-left: 12px;
    color: black;
    font-size: .9em;
    border: 1px solid #ddd;
}

#layer .submit {
    color: white;
    background: #3f89ec;
    width: 90%;
    height: 45px;
    line-height: 45px;
    border-radius: 5px;
    margin: auto;
}

#layer ul {
    width: 100%;
    height: 50px;
    line-height: 50px;
}

#layer ul li {
    width: 50%;
}

#layer ul li input {
    width: 20px;
    height: 20px;
    margin-top: 18px;
    margin-left: -20px;
}

#layer ul li:nth-of-type(1) {
    float: left;
}

#layer ul li:nth-of-type(2) {
    float: right;
    text-align: right;
}

#layer ul li a {
    color: #488ee7;
}

#layer ul li a:hover {
    text-decoration: underline;
}

#signin {
    text-align: right;
}

#signin a {
    padding-right: 20px;
    color: #488ee7;
}

#signin a:hover {
    text-decoration: underline;
}

.newlist {
    width: 90%;
    height: 400px;
    background: #fff;
    overflow: hidden;
}

.newlist .newsimg {
    width: 15%;
    float: left;
    padding-top: 20px;
}

.newlist .articlelist {
    width: 35%;
    float: left;
}

.newlist ul li {
    width: 90%;
    height: 60px;
    text-align: left;
    line-height: 60px;
    float: left;
    border: 1px solid #edeff7;
    border-top: none;
    border-left: none;
    list-style: none;
    text-decoration: none;
    margin-right: 5%;
    overflow: hidden;
}

.newlist a {
    font-size: 16px;
    color: #383838;
    text-decoration: none;
}

.newlist a:hover {
    list-style: none;
    text-decoration: none;
    color: #8B8B8B;
}

.daoyu {
    font-size: 14px;
    color: #666666;
    width: 90%;
    text-align: left;
    line-height: 30px;
    padding-top: 20px;
}

.wz_cont {
    font-size: 16px;
    color: #383838;
    width: 90%;
    text-align: left;
    line-height: 40px;
    padding-top: 10px;
}

.autho_cr {
    font-size: 12px;
    color: #666666;
    width: 90%;
    text-align: right;
    line-height: 20px;
    padding-top: 10px;
}