@charset "UTF-8";

* {
    margin : 0;
    padding: 0;
}

html {
    background: #EEEEEE;
}

@font-face {
    font-family: ssregular;
    src        : url('https://dy.grenia.cn/sourcehansanscn-regular.woff') format('woff');
    font-weight: 400;
}

@font-face {
    font-family: ssbold;
    src        : url('https://dy.grenia.cn/sourcehansanscn-bold.woff') format('woff');
}

@font-face {
    font-family: zqregular;
    src        : url('/common/static/font/bold.woff') format('woff');
    font-weight: 400;
}

body {
    font-size  : 16px;
    font-family: ssregular, Tahoma, Arial, sans-serif;
    color      : #333;
    background : #EEEEEE;
    line-height: 25px;
    max-width  : 1920px;
    margin     : 0 auto;

    /*
    transform: scale(1,1);
    -ms-transform: scale(1,1); 
    -webkit-transform: scale(1,1); 
    transform-origin: left top; 
    */
}

input,
select,
textarea {
    font-family  : ssregular, Tahoma, Arial, sans-serif;
    outline-color: origin;
}

textarea {
    border-style: solid;
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
    margin : 0px;
    padding: 0px;
}

table {
    border-collapse: collapse;
}

a,
img {
    border: 0;
}

img {
    max-width: 100%;
}

ol,
ul {
    list-style: none;
}

a {
    color          : #454545;
    text-decoration: none;
}

a:hover {
    color: #1eaff1;
}

input {
    outline-color: #179F74;
}

select {
    outline-color: #179F74;
}

textarea {
    outline-color: #179F74;
}

.clearfix {
    clear   : both;
    width   : 0px;
    height  : 0px;
    overflow: hidden;
}

/*.title_color{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}*/
.gl {
    float: left;
}

.gr {
    float: right;
}

.gc {
    overflow: hidden;
    clear   : both;
}

.gb {
    display: block;
}

.f0 {
    font-size: 0;
}

.w1440 {
    width : 1440px;
    margin: 0 auto;
}

.gred {
    color: red;
}

.gt20 {
    margin-top: 20px;
}

.g-container-box {
    width     : 100%;
    background: #fff;
    min-width : 1440px;
}

.gtitle {
    text-align: center;
    padding   : 60px 0;
}

.gtitle .gname {
    color      : #333333;
    font-size  : 32px;
    font-weight: bold;
    line-height: 48px;
}

.gtitle .gdesc {
    color      : #BBBBBB;
    font-size  : 14px;
    line-height: 21px;
}

/*导航条*/
.g-menu {
    border-radius: 10px;
    height       : 60px;
    background   : #FAFAFA;
    box-shadow   : 0px 6px 10px 0px rgba(0, 0, 0, 0.1);
    opacity      : 1;
    clear        : both;
}

.g-nav li {
    height         : 45px;
    padding-top    : 15px;
    display        : inline-block;
    color          : #666666;
    font-size      : 16px;
    width          : 170px;
    text-align     : center;
    position       : relative;
    background     : url(/common/static/img/nav.png) center right no-repeat;
    background-size: 1px 40px;
}

.g-nav li:last-child {
    background     : unset;
    background-size: unset;
}

.g-nav li a:focus {
    -moz-outline-style: none;
}

.g-nav li a:hover {
    text-decoration: none;
    color          : #179F74;
    font-weight    : bold;
}

.g-nav li .current {
    text-decoration   : none;
    color             : #fff;
    font-weight       : bold;
    background        : #179F74;
    border-radius     : 6px;
    /* padding        : 6px 34px; */
    display           : inline-block;
    height            : 30px;
    line-height       : 30px;
    width             : 100px;

}

.g-nav li .current:hover {
    color: #fff;
}

.g-nav li .sub_nav {
    position     : absolute;
    top          : 58px;
    left         : 0px;
    display      : none;
    z-index      : 99;
    background   : #FFFFFF;
    box-shadow   : 0px 6px 10px 0px rgba(0, 0, 0, 0.1);
    border-radius: 0px 0px 6px 6px;
    opacity      : 0.8;
    padding      : 10px 0;
    border-top   : 4px solid #179F74;
}

.g-nav li .sub_nav li {
    padding        : 10px 0;
    text-align     : center;
    height         : 40px;
    line-height    : 40px;
    position       : relative;
    z-index        : 99;
    padding        : 1px 0;
    clear          : left;
    border-bottom  : 1px solid;
    -o-border-image: linear-gradient(90deg, rgb(255, 255, 255), rgb(204, 204, 204), rgb(255, 255, 255)) 1 1;
    border-image   : linear-gradient(90deg, rgb(255, 255, 255), rgb(204, 204, 204), rgb(255, 255, 255)) 1 1;
    background     : unset;
}

.g-nav li .sub_nav li a {
    display  : inline-block;
    font-size: 14px;
}

.g-nav li .sub_nav li:last-child {
    border: unset;
}

.footer {
    background-color: #333333;
    padding-bottom  : 48px;
    margin-top      : 50px;
    overflow        : hidden;
    clear           : both;
}

.footer .logo {
    text-align   : center;
    border-bottom: 2px dashed rgba(221, 221, 221, 0.4);
    padding      : 40px 0 63px;
}

.footer .content {
    color      : #BBBBBB;
    padding-top: 50px;
}

.footer .content a {
    color: #BBBBBB;
}

.footer .content .b01 {
    width       : 267px;
    margin-right: 93px;
}

.footer .content .b01 .desc {
    font-size    : 12px;
    line-height  : 28px;
    margin-bottom: 16px;
}

.footer .content .b01 .block {
    height     : 40px;
    line-height: 40px;
    font-size  : 12px;
}

.footer .content .b01 .block span {
    vertical-align: middle;
}

.footer .content .b01 .block img {
    vertical-align: middle;
}

.footer .content .b02 {
    width: 170px;
}

.footer .content .b02 p a {
    display      : block;
    margin-bottom: 27px;
}

.footer .content .b02 p a:last-child {
    margin-bottom: unset;
}

.footer .content .b03 {
    width: 257px;
}

.footer .content .b03 .img-group {
    width     : 120px;
    text-align: center;
}

.footer .content .b03 .img-group .title {
    font-size  : 10px;
    font-weight: 400;
    color      : #AAAAAA;
    line-height: 15px;
    margin-top : 5px;
}

.footer .content .b03 .gzh {
    margin-bottom: 10px;
}

.footer .content .b03 .wx {
    margin-bottom: 10px;
}

.footer .content .b03 .wb {
    margin-bottom: 10px;
}

.footer .content .title {
    margin-bottom: 22px;
    font-size    : 16px;
    font-weight  : bold;
    color        : #DDDDDD;
    line-height  : 19px;
    display      : inline-block;
}

.footer .link {
    height     : 24px;
    font-size  : 12px;
    color      : #BBBBBB;
    line-height: 24px;
    margin-top : 26px;
    clear      : both;
}

.footer .link a {
    color : #BBBBBB;
    margin: 0 15px;
}

.footer .copyright {
    height     : 18px;
    font-size  : 12px;
    color      : #AAAAAA;
    line-height: 14px;
    text-align : center;
    padding-top: 30px;
    border-top : 2px dashed rgba(221, 221, 221, 0.4);
    margin-top : 30px;
}

.footer .copyright a {
    color: #AAAAAA;
}

.position {
    color: #999999;
}

.position a {
    color: #999999;
}

.position a:last-child {
    color: #666666;
}

/* 前端分页 */
#page {
    margin     : 30px 0;
    font-size  : 13px;
    height     : 30px;
    line-height: 30px;
    text-align : end;
    clear      : both;
    overflow   : hidden;
}

#page .pageinfo {
    color  : #666;
    padding: 6px 8px;
    border : 1px solid #ddd;
}

#page .pageinfo strong {
    font-weight: normal;
}

#page a {
    border       : 1px solid #ddd;
    background   : #fff;
    color        : #808080;
    padding      : 6px 11px;
    margin-left  : 5px;
    border-radius: 2px;
    transition   : all 0.2s;
}

#page a:hover,
#page .curpage {
    background     : #179F74;
    color          : #fff;
    text-decoration: none;
    border         : 1px solid #179F74;
}

#page .nopage {
    cursor: not-allowed;
}

#page .nopage:hover {
    background: #fff;
    color     : #808080;
    border    : 1px solid #ddd;
}

.pageinfo {
    display: none;
}

.yzm-image {
    width      : 100%;
    height     : 350px;
    line-height: 450px;
    text-align : center;
    border     : 1px solid #ddd;
    background : #f9f8f8;
    text-align : center;
}

.yzm-image img {
    max-width : 100%;
    max-height: 100%;
    overflow  : hidden;
}

.yzm-switch {
    width : 100%;
    height: 87px;
    border: 1px solid #ddd;
    margin: 5px auto;
}

.yzm-icon1 {
    display    : inline;
    width      : 30px;
    float      : left;
    padding-top: 28px;
    text-indent: -9999px;
    margin-left: 10px;
}

.yzm-icon1 a {
    display   : block;
    width     : 32px;
    height    : 32px;
    background: url(../images/left.png) no-repeat;
}

.yzm-icon2 {
    float      : right;
    width      : 38px;
    padding-top: 28px;
    text-indent: -9999px;
}

.yzm-icon2 a {
    display   : block;
    width     : 32px;
    height    : 32px;
    background: url(../images/right.png) no-repeat;
}

.yzm-switch-center {
    float      : left;
    width      : 432px;
    height     : 83px;
    margin-left: 10px;
    overflow   : hidden;
    padding-top: 3px;
}

.yzm-switch-center li {
    display    : inline;
    float      : left;
    width      : 90px;
    height     : 66px;
    margin     : 0 9px;
    padding-top: 10px;
}

.yzm-switch-center li a {
    display: block;
    width  : 88px;
    height : 60px;
    border : 1px solid #ddd;
}

.yzm-switch-center li a img {
    width : 88px;
    height: 60px;
}

.yzm-switch-center li a.on {
    border: 1px solid #ff9900;
}

.yzm-switch-center li a:hover {
    border: 1px solid #ff9900;
}

.page_banner {
    position  : relative;
    background: rgba(0, 0, 0, 0.5);
    margin-top: 20px;
}

.page_banner .title {
    position  : absolute;
    top       : 101px;
    left      : 0;
    right     : 0;
    color     : #FFFFFF;
    text-align: center;
}

.page_banner .title .host {
    font-size  : 60px;
    font-weight: bold;
    line-height: 90px;
}

.page_banner .title .assist {
    height     : 51px;
    font-size  : 34px;
    font-weight: 400;
    color      : #FFFFFF;
    line-height: 40px;
}

.form_ask {
    width        : 1440px;
    height       : 382px;
    box-sizing   : border-box;
    padding      : 50px 36px 0;
    background   : #FFFFFF;
    box-shadow   : 0px 6px 50px 0px rgba(0, 0, 0, 0.1);
    border-radius: 20px 20px 20px 20px;
    margin       : 50px auto 0;
}

.form_ask .form_t {
    font-size  : 30px;
    font-family: ssbold;
    font-weight: bold;
    color      : #666666;
    line-height: 45px;
}

.form_ask .form_desc {
    font-size    : 18px;
    color        : #666666;
    line-height  : 27px;
    margin-bottom: 10px;
}

.form_ask .form_desc a {
    display      : inline-block;
    width        : 112px;
    height       : 39px;
    line-height  : 39px;
    text-align   : center;
    background   : #179F74;
    border-radius: 10px 10px 10px 10px;
    font-size    : 18px;
    font-family  : ssbold;
    font-weight  : bold;
    color        : #FFFFFF;
    margin-left  : 10px;
}

.form_ask .form_ul {
    font-size : 0;
    margin-top: 20px;
}

.form_ask .form_ul li {
    width   : 25%;
    display : inline-block;
    position: relative;
}

.form_ask .form_ul li label {
    height       : 21px;
    font-size    : 14px;
    color        : #666666;
    line-height  : 21px;
    display      : block;
    margin-bottom: 10px;
}

.form_ask .form_ul li input {
    background   : unset;
    border       : unset;
    width        : 273px;
    height       : 40px;
    border-radius: 6px 6px 6px 6px;
    opacity      : 1;
    border       : 1px solid #179F74;
    box-sizing   : border-box;
    padding-left : 10px;
}

.form_ask .form_ul li select {
    background   : unset;
    border       : unset;
    width        : 273px;
    height       : 40px;
    border-radius: 6px 6px 6px 6px;
    opacity      : 1;
    border       : 1px solid #179F74;
    box-sizing   : border-box;
    padding-left : 10px;
}

.form_ask .form_ul li span {
    font-size  : 14px;
    color      : #FF0000;
    line-height: 21px;
    margin-left: 6px;
}

.form_ask .form_ul li .farea-m {
    position: absolute;
    width   : 20px;
    height  : 20px;
    top     : 40px;
    left    : 238px;
    display : block;
    color   : #666;
}

.form_ask .form_ul_submit {
    display      : block;
    border       : unset;
    width        : 136px;
    height       : 40px;
    line-height  : 40px;
    text-align   : center;
    background   : #179F74;
    border-radius: 10px 10px 10px 10px;
    font-size    : 16px;
    font-family  : ssbold;
    font-weight  : bold;
    color        : #FFFFFF;
    margin       : 23px auto 0;
    cursor       : pointer;
}

.support {
    background: #fff;
    padding   : 80px 0;
}

.support .title {
    height     : 48px;
    font-size  : 32px;
    font-weight: 400;
    line-height: 48px;
    text-align : center;
}

.support .list {
    margin-top: 50px;
    overflow  : hidden;
}

.support .list li {
    width        : 270px;
    height       : 420px;
    background   : #EEEEEE;
    border-radius: 10px 10px 10px 10px;
    margin-right : 22px;
    float        : left;
    overflow     : hidden;
    text-align   : center;
}

.support .list li:last-child {
    margin-right: unset;
    float       : right;
}

.support .list li img {
    width : 270px;
    height: 200px;
}

.support .list li .text {
    padding-top: 20px;
}

.support .list li .text .s {
    height       : 30px;
    font-size    : 20px;
    color        : #333333;
    line-height  : 30px;
    margin-bottom: 3px;
}

.support .list li .text .st {
    height     : 24px;
    font-size  : 16px;
    color      : #666666;
    line-height: 24px;
    margin-top : 5px;
}