﻿@charset "utf-8";



html,

body,

body div,

span,

object,

iframe,

h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

pre,

abbr,

address,

cite,

code,

del,

dfn,

em,

img,

ins,

kbd,

q,

samp,

small,

strong,

sub,

sup,

var,

b,

i,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

legend,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td,

article,

aside,

figure,

footer,

header,

menu,

nav,

section,

time,

mark,

audio,

video,

details,

summary {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    vertical-align: baseline;

    background: transparent;

}



article,

aside,

figure,

footer,

header,

nav,

section,

details,

summary {

    display: block;

}



ul,

li {

    list-style: none;

}



a {

    text-decoration: none;

}



*,

*:before,

*:after {

    box-sizing: content-box;

}



html {

    overflow-y: scroll;

}



a {

    margin: 0;

    padding: 0;

    font-size: 100%;

    vertical-align: baseline;

    background: transparent;

}



a:hover {

    color: #008ED8;

}



img {

    max-width: 100%;

}



input,

select,

textarea {

    vertical-align: middle;

    border-radius: 0;

}



.ie7 input[type="checkbox"] {

    vertical-align: baseline;

}



.ie6 input {

    vertical-align: text-bottom;

}



.ie7 img {

    -ms-interpolation-mode: bicubic;

}



.clearfix:before,

.clearfix:after {

    content: "";

    display: block;

    height: 0;

    overflow: hidden;

}



.clearfix:after {

    clear: both;

}



.clearfix {

    zoom: 1;

}



input[type="button"],

input[type="submit"],

input[type="reset"],

input[type="text"],

input[type="password"] {

    cursor: pointer;

    -webkit-appearance: none;

}



textarea {

    -webkit-appearance: none;

}



/*reset*/

html {

    overflow-y: scroll;

    height: 100%;

    overflow-x: hidden;

}



body {

    font-family: "微软雅黑", Arial;

    font-size: 14px;

    line-height: 26px;

    color: #3c3c3c;

    position: relative;

    background: #fff;

    max-height: 99999px;

    min-height: 1px;

    min-width: 320px;

}



a {

    cursor: pointer;

    color: #3c3c3c;

}



a:hover {

    transition: 0.4s;

    -moz-transition: 0.4s;

    -webkit-transition: 0.4s;

    -o-transition: 0.4s;

}



input {

    outline: none;

    font-family: "微软雅黑", Arial;

    font-size: 14px;

    color: #3c3c3c;

    display: block;

}



textarea {

    resize: none;

    font-family: "微软雅黑", Arial;

    outline: none;

    color: #3c3c3c;

}



em,

i,

b {

    font-style: normal;

}



.container {

    width: 1200px;

    margin: 0 auto;

}



.ImgBox {

    display: table-cell;

    vertical-align: middle;

    text-align: center;

}



/*header*/

.header {

    width: 100%;

    background: #fff;

    z-index: 20;

    left: 0;

    top: 0px;

    -webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    transition: 0.5s;

}



/*header_F1*/

.header .header_F1 {

    position: relative;

    height: 40px;

    z-index: 3;

    margin: 0 auto;

    /* background-color: #008ED8; */

    font-size: 12px;

}



.header .header_F1 .top_link {

    /* float: left;

    height: 40px;

    line-height: 40px; */

    position: fixed;

    right: 40px;

    bottom: 10%;

}



.header .header_F1 .top_link a {

    /* float: left;

    color: #fff;

    margin-right: 11px;

    height: 40px;

    line-height: 40px; */

    display: flex;

    align-items: center;

    line-height: 18px;

    color: #fff;

    width: 60px;

    height: 60px;

    padding: 10px;

    box-sizing: border-box;

    text-align: center;

    background: rgba(0, 24, 37, 0.7);

    border-radius: 50%;

    margin-bottom: 10px;

}



.header .header_F1 .top_link a:hover {

    /* color: #844104; */

    background: #008ed8;

}



.header .header_F1 .top_link a.a2 {

    position: relative;

    margin-left: 12px;

}



.header .header_F1 .top_link a.a2:before {

    content: " ";

    width: 1px;

    height: 40px;

    background: url(../images/head_line.png) left center no-repeat;

    position: absolute;

    left: -12px;

}



.header .header_F1 .top_link a.applyBtn {

    /* margin-left: 34px;

    padding-left: 23px;

    padding-right: 18px;

    background: url(../images/head_icon01.png) left center no-repeat;

    transition: .5s all linear; */

}



.header .header_F1 .top_link a.applyBtn:after {

    display: none;

    content: " ";

    width: 4px;

    height: 40px;

    background: url(../images/head_ss.png) center center no-repeat;

    position: absolute;

    margin-left: 18px;

    -webkit-animation: pulse_r 2s infinite;

    animation: pulse_r 2s infinite;

}



.header .header_F1 .head_right {

    float: right;

    height: 40px;

    line-height: 40px;

}



.header .header_F1 .wx {

    margin: 0 auto;

    float: left;

    display: block;

    position: relative;

}



.header .header_F1 .wx:before {

    content: " ";

    width: 1px;

    height: 40px;

    background: url(../images/head_line2.png) left center no-repeat;

    position: absolute;

    left: 0;

}



.header .header_F1 .wx a.weixin {

    display: inline-block;

    width: 40px;

    height: 40px;

    background: url(../images/head_weixin.png) no-repeat center;

    margin-left: 11px;

}



.header .header_F1 .wx .qr_code {

    position: absolute;

    top: 100%;

    right: 0;

    display: none;

    z-index: 100;

    width: 98px;

    overflow: hidden;

}



.header .header_F1 .wx .qr_code img {

    width: 100%;

    max-width: 98px;

    height: auto;

}



.header .header_F1 .wx .qr_code.on {

    -webkit-animation: show .5s forwards;

    animation: show .5s forwards;

}



.header .header_F1 .Member {

    float: left;

    height: 40px;

}



.header .header_F1 .Member a {

    float: left;

    color: #fff;

    margin-left: 11px;

    height: 40px;

    line-height: 40px;

}



.header .header_F1 .Member a:hover {

    color: #844104;

}



/*searchbox*/

.header .header_F1 .top_search {

    float: left;

}



.searchbox {

    background: #d6d6d6;

    height: 25px;

    margin: 7.5px auto;

    border-radius: 5px;

    color: #fff;

    margin-right: 20px;

}



#searchsort {

    float: left;

    position: relative;

    display: block;

    min-width: 52px;

    overflow: hidden;

    height: 25px;

    background: transparent;

    font-size: 12px;

    padding: 0 14px
}



#searchsort .selectedsort {

    height: 25px;

    color: #fff;

    line-height: 25px;

    text-align: center;

    white-space: nowrap;

}



#searchsort .searchsortlist {

    position: absolute;

    text-align: left;

    width: 248px;

    display: none;

    background-color: #fff;

    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);

    left: 1px;

    top: 25px;

    border: 1px solid #ccc;

    border-top: none;

    color: #555;

}



#searchsort .sortico {

    width: 9px;

    height: 6px;

    display: inline-block;

    font-size: 0px;

    vertical-align: middle;

    margin-left: 3px;

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

}



#searchsort .searchItem {

    height: 25px;

    line-height: 25px;

    padding: 0 14px;

    cursor: pointer;

}



#keyword {

    float: left;

    height: 25px;

    line-height: 25px;

    width: 135px;

    border: none;

    padding: 0px 10px;

    outline: none;

    background: #d6d6d6;

    font-size: 12px;

    color: #fff;

}



#searchbtn {

    float: left;

    display: inline;

    margin: 0;

    width: 30px;

    height: 25px;

    border: none;

    outline: none;

    cursor: pointer;

    padding: 0px;

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

}



/*header_F2*/

.header .header_F2 {

    position: relative;

    z-index: 2;

    width: 100%;

    background: #fff;

    border-bottom: 1px solid #eee;

    line-height: 48px;

    height: 80px;

}



.header .header_F2 .container {

    position: relative;

}



.header .logo {

    display: block;

    height: 80px;

    float: left;

}



.header .logo img {

    height: 80px;
    margin-top: -20px;

}



/*header_nav*/

.header .header_F2 .header_nav {

    display: block;

    /* width: 1100px; */

    height: 80px;

    float: right;

    /* margin-top: 61px; */

}



.header .header_F2 .header_nav .a_li {

    display: inline-block;

    color: #000;

    height: 80px;

    line-height: 80px;

    position: relative;

}



.header .header_F2 .header_nav .a_li>a {

    display: block;

    position: relative;

    height: 80px;

    line-height: 80px;

    padding: 0 25px;

    color: #333;

}



.header .header_F2 .header_nav .a_li>a:hover,

.header .header_F2 .header_nav .a_li.on>a {

    /* background: #008ED8;

    color: #fff; */

    color: #008ED8;

}



.header .header_F2.current {

    top: 14px;

}



.header .header_F2 .header_nav .a_li p {

    content: '';

    display: block;

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 1px;

    background: #008ED8;

    width: 0;

    left: 50%;

    z-index: 1;

    -webkit-transform: translateY(0.5px) translateZ(0);

    -moz-transform: translateY(0.5px) translateZ(0);

    -ms-transform: translateY(0.5px) translateZ(0);

    -o-transform: translateY(0.5px) translateZ(0);

    transform: translateY(0.5px) translateZ(0);

    -webkit-transition: 0.3s;

    -moz-transition: 0.3s;

    -ms-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

}



.header .header_F2 .header_nav .a_li:hover p {

    left: 0;

    width: 100%;

}



.header .header_F2 .header_nav .a_li.on p {

    left: 0;

    width: 100%;

}



/*二级*/

.dropdown-submenu {

    position: absolute;

    top: 100%;

    left: 0;

    z-index: 1200;

    display: none;

    min-width: 200px;

    padding: 5px 0;

    font-size: 14px;

    text-align: left;

    list-style: none;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid #e4eaec;

}



.header_nav .dropdown-submenu {

    top: 60px;

    transition: all .5s ease !important;

    z-index: 9999;

    padding: 0;

    border: 0;

    /*box-shadow: rgba(0,0,0,.2) 0 1px 5px 1px;*/

    background: #fafafa;

    margin-left: -32px;

    margin-top: 1px;

}



.header .header_F2 .header_nav .a_li .dropdown-submenu {

    top: 150%;

    visibility: hidden;

    opacity: 0;

    display: block
}



.header .header_F2 .header_nav .a_li:hover .dropdown-submenu {

    visibility: visible;

    opacity: 1;

    top: 100%
}



.dropdown-submenu .a_menu {

    display: block;

    font-size: 12px;

    height: 45px;

    line-height: 45px;

    color: #707070;

    padding: 0 32px;

    border-bottom: 1px solid #ededed;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.dropdown-submenu .a_menu:hover {

    color: #fff;

    background-color: #008ED8;

    border-color: #008ED8;

}



/*.head_lx*/

.head_lx {

    position: absolute;

    height: 20px;

    line-height: 20px;

    right: 0;

    top: 38px;

    font-size: 14px;

}



.head_lx .head_mail {

    padding-left: 30px;

    background: url(../images/top_mail.png) left center no-repeat;

    color: #008ED8;

    font-family: Arial;

    display: inline-block;

}



.head_lx .head_tel {

    padding-left: 30px;

    background: url(../images/top_tel.png) left center no-repeat;

    margin-left: 28px;

    color: #464646;

    font-family: Arial;

    display: inline-block;

}



.phone_menu .Member,

.search,

.search_box {

    display: none;

}



/*mobile*/

.header .mlogo {

    display: none;

}



.header .phone_menu {

    right: 2%;

    position: absolute;

    width: 28px;

    height: 100%;

    top: 0;

    display: none;

}



.header .phone_menu .icon {

    cursor: pointer;

    position: absolute;

    top: 0;

    height: 100%;

    width: 100%;

    z-index: 16;

}



.header .phone_menu .icon span {

    position: absolute;

    width: 100%;

    height: 100%;

    display: block;

    transition: 0.5s;

    -moz-transition: 0.5s;

    -webkit-transition: 0.5s;

    -o-transition: 0.5s;

}



.header .phone_menu .icon span b {

    display: block;

    width: 100%;

    height: 1px;

    background: #000;

    position: absolute;

    transition: 0.5s;

    -moz-transition: 0.5s;

    -webkit-transition: 0.5s;

    -o-transition: 0.5s;

}



.header .phone_menu .icon span.line1 b {

    top: 40%;

}



.header .phone_menu .icon span.line2 b {

    top: 60%;

}



.header .phone_menu .icon.current {

    position: fixed;

    right: 3%;

    top: 21px;

    width: 30px;

    height: 30px;

}



.header .phone_menu .icon.current .line1 b {

    transform: rotate(45deg);

    -o-transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    top: 50%;

    bottom: auto;

}



.header .phone_menu .icon.current .line2 b {

    transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    top: 50%;

    bottom: auto;

}



.ph_menu_alert {

    position: fixed;

    right: -101%;

    top: 75px;

    z-index: 4;

    background: rgba(255, 255, 255, 0.95);

    height: 100%;

    min-width: 320px;

    transition: 0.5s;

    -moz-transition: 0.5s;

    -webkit-transition: 0.5s;

    -o-transition: 0.5s;

}



.ph_menu_alert.current {

    right: 0;

}



.ph_menu_alert ul {

    line-height: 35px;

    font-size: 14px;

    text-align: center;

    width: 90%;

    padding: 20px 5%;

    margin: 30px auto 0px;

    overflow-x: hidden;

    overflow-y: scroll;

}



.ph_menu_alert ul::-webkit-scrollbar {

    width: 3px;

}



.ph_menu_alert ul::-webkit-scrollbar-thumb {

    background: #666;

    border-radius: 6px;

    -moz-border-radius: 6px;

    -webkit-border-radius: 6px;

}



.ph_menu_alert ul::-webkit-scrollbar-thumb:window-inactive {

    background: #fff;

}



.ph_menu_alert ul li {

    border-bottom: 1px solid #f0f0f0;

}



.ph_menu_alert ul li>a {

    display: block;

    color: #000;

    line-height: 2.6em;

    position: relative;

    font-size: 16px;

}



.ph_menu_alert ul li>a:hover {

    color: #008ED8;

}



.ph_menu_alert ul li b {

    transition: 0.5s;

    -moz-transition: 0.5s;

    -webkit-transition: 0.5s;

    -o-transition: 0.5s;

    width: 10px;

    height: 10px;

    position: absolute;

    top: 50%;

    margin-top: -5px;

    left: 50%;

    margin-left: 56px;

    background: url(../images/nav_drop.png) no-repeat center center;

}



.ph_menu_alert ul li.current>a>b {

    -webkit-transform: rotate(-180deg);

    -moz-transform: rotate(-180deg);

    transform: rotate(-180deg);

}



.ph_menu_alert ul li.current>a {

    color: #008ED8;

}



.ph_menu_alert ul li dl {

    display: none;

    line-height: 28px;

    padding-bottom: 10px;

}



.ph_menu_alert ul li dl dd a {

    display: block;

    position: relative;

    font-size: 16px;

    line-height: 32px;

    color: #666;

}



.ph_menu_alert ul li.li_1 {

    color: #ccc;

}



.ph_menu_alert ul li.li_2 {

    border: 0;

    padding: 15px 0;

    overflow: hidden;

}



.ph_menu_alert ul li.li_2 input {

    vertical-align: middle;

    border: 0;

    background: none;

    color: #3c3c3c;

    float: left;

    font-size: 16px;

    text-transform: uppercase;

}



.ph_menu_alert ul li.li_2 input:focus {

    color: #666;

}



.ph_menu_alert ul li.li_2 a {

    vertical-align: middle;

    float: right;

    font-size: 16px;

    line-height: 30px;

}



.ph_menu_alert ul li dl dd .dl2 {

    width: 100%;

    display: none;

}



.ph_link {

    line-height: 40px;

    text-align: center;

}



.ph_link a {

    display: inline-block;

    height: 40px;

    line-height: 40px;

    font-size: 16px;

    color: #008ED8;

    margin: 3% 3%;

}





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

    .container {

        width: 94%;

        margin: 0 auto;

    }



    /*header*/

    .header .header_F2 {

        height: 111px;

    }



    .header .header_F2 .container {

        position: relative;

    }



    .header .logo {

        width: 100px;

        height: 110px;

    }



    .header .logo img {

        max-height: 110px;

        max-width: 100px;

    }



    .header .header_F2 .header_nav {

        display: none;

    }



    .head_lx {

        right: 60px;

        top: 45px;

    }



    .header .phone_menu {

        display: block;

        right: 3%;

    }



    .header .phone_menu .icon {

        right: 3%;

        top: 85px;

        width: 30px;

        height: 30px;

    }



    .header .phone_menu .icon span b {

        height: 2px;

        background: #464646;

    }



    .header .phone_menu .icon span.line1 b {

        top: 20%;

    }



    .header .phone_menu .icon span.line2 b {

        top: 60%;

    }



    .header .phone_menu .icon.current {

        right: 3%;

        top: 10px;

        width: 30px;

        height: 30px;

    }



    .ph_menu_alert {

        position: fixed;

        right: -325px;

        top: 0px;

        width: 320px;

        min-width: 320px;

        background: #fafafa;

        height: 100%;

    }



}



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

    .header .header_F2 {

        height: auto;

        width: 100%;

        -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .08);

        box-shadow: 0 2px 4px rgba(0, 0, 0, .08);

        position: fixed;

    }



    .header .header_F1,

    .head_lx {

        display: none;

    }



    .header .logo {

        display: block;

        margin: 0 auto;

        text-align: center;

        float: none;

        height: 75px;
        width: 200px;

    }

    .header .logo img {
        height: 60px;
        max-height: initial;
        max-width: initial;
        margin: 0;
        margin-top: 7px;
    }



    .paddingtop75 {

        padding-top: 75px;

    }



    .header .phone_menu .icon {

        position: fixed;

        right: 3%;

        top: 25px;

        width: 30px;

        height: 30px;

    }



    .header .phone_menu .icon.current {

        right: 3%;

        top: 25px;

        width: 30px;

        height: 30px
    }



    .ph_menu_alert {

        position: fixed;

        right: -101%;

        top: 0px;

        width: 100%;

        min-width: 320px;

        background: #fafafa;

        height: 100%;
        z-index: 15;

    }



    .phone_menu .Member {

        height: 40px;

        position: fixed;

        right: 70px;

        top: 20px;

        z-index: 2;

    }



    .phone_menu .Member a {

        color: #333;

        margin-left: 11px;

        height: 40px;

        line-height: 40px;

    }



    .search {

        display: inline-block;

        width: 23px;

        height: 23px;

        border-radius: 50%;

        border: 1px solid #6a6a6a;

        background: url(../images/icon_02.png) no-repeat center;

        margin-left: 9px;

    }



    .search {

        width: 30px;

        height: 30px;

        position: absolute;

        left: 0;

        top: 25px;

    }



    .search_box {

        position: absolute;

        right: 0;

        top: 100%;

        display: none;

        background: #f8f8f8;

        padding: 5% 5%;

        width: 90%;

    }



    .search_box input {

        width: calc(100% - 70px);

        outline: none;

        border: none;

        float: left;

        height: 45px;

        line-height: 45px;

        padding: 0;

        padding-left: 10px;

        background: none;

        -webkit-transition: all .5s;

        transition: all .5s;

    }



    .search_box .SearchKey {

        float: left;

        display: inline-block;

        margin: 0;

        width: 60px;

        height: 45px;

        border: none;

        outline: none;

        padding: 0px;

        background: url(../images/search2.png) no-repeat center;

        background-size: 20px;

        cursor: pointer;

    }



}



/*sy-index-1*/

.sy-index-1 {

    padding: 95px 0 85px 0;

}



.ywtit {

    text-align: center;

    margin: 0 auto;

}



.ywtit img {

    text-align: center;

    margin: 0 auto;

}



.ywtit p {

    width: 550px;

    font-size: 12px;

    line-height: 20px;

    margin: 0 auto;

    margin-top: 20px;

    margin-bottom: 36px;

    color: #fff;

}



.ywBox ul {

    margin: 0 auto;

    width: 1252px;

}



.ywBox ul li {

    text-align: center;

    float: left;

    overflow: hidden;

    width: 365px;

    height: auto;

    margin: 0 26px;

}



.ywBox ul li a {

    display: block;

    color: #fff;

    margin: 0 auto;

    background-color: rgba(0, 0, 0, 50%);

    position: relative;

    border-bottom: 2px solid #333333;

    padding: 65px 0 45px 0;

}



.ywBox ul li .icon {

    width: 80px;

    height: 80px;

    margin: 0 auto 20px auto;

    position: relative;

    overflow: hidden;

}



.ywBox ul li h3 {

    font-size: 16px;

    line-height: 30px;

}



.ywBox ul li p {

    font-size: 12px;

    line-height: 30px;

}



.ywBox ul li .icon .icon1 {

    position: absolute;

    top: 0;

    left: 0;

    width: 80px;

    height: 80px;

}



.ywBox ul li .icon .icon2 {

    position: absolute;

    top: 100%;

    left: 0;

    width: 80px;

    height: 80px;

}



.ywBox ul li a:hover .icon .icon1,

.ywBox ul li a:hover .icon .icon2 {

    transform: translateY(-100%);

    -moz-transition: 0.5s;

    -webkit-transition: 0.5s;

    -o-transition: 0.5s;

    transition: 0.5s;

}



.ywBox ul li a:hover {

    background-color: #fff;

    -moz-transition: 0.3s;

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

}



.ywBox ul li a:hover {

    color: #008ED8;

}



.ywBox ul.ywbd li a::before,

.ywBox ul.ywbd li a::after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

    opacity: 0;

    background-color: rgba(255, 255, 255, 0.15);

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

    -webkit-transform: translate(-13%, -190%) rotate(-30deg);

    transform: translate(-13%, -190%) rotate(-30deg);

}



.ywBox ul.ywbd li a::after {

    -webkit-transition-delay: 0.2s;

    transition-delay: 0.2s;

}



.ywBox ul.ywbd li a:hover::before,

.ywBox ul.ywbd li a:hover::after {

    opacity: 1;

    -webkit-transform: translate(0, 0);

    transform: translate(0, 0);

}



.hd {

    width: 100%;

    z-index: 1;

    height: 12px;

    text-align: center;

    margin-top: 20px;

}



.hd ul {

    text-align: center;

    width: 100%;

    padding: 0px;

    margin: 0px auto;

}



.hd ul li {

    cursor: pointer;

    display: inline-block;

    *display: inline;

    zoom: 1;

    margin: 0 auto;

    border: 1px solid #fff;

    background: transparent;

    width: 8px;

    height: 8px;

    margin: 0 10px;

    overflow: hidden;

    line-height: 999px;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    border-radius: 50%;

}



.hd ul .on {

    background: #008ED8;

    border-color: #008ED8;

}



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

    .sy-index-1 {

        padding: 95px 0 85px 0;

    }



    .ywtit p {

        width: 550px;

        font-size: 12px;

        line-height: 20px;

        margin-top: 20px;

        margin-bottom: 36px;

    }



    .ywBox ul {

        width: 100%;

    }



    .ywBox ul li {

        width: 29%;

        margin: 0 2%;

    }



    .ywBox ul li a {

        padding: 5% 0;

        max-width: 365px;

    }



    .ywBox ul li .icon {

        width: 80px;

        height: 80px;

        margin: 65px auto 20px auto;

    }

}



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

    .sy-index-1 {

        padding: 15% 0 10% 0;

    }



    .ywtit p {

        width: 80%;

        font-size: 12px;

        line-height: 20px;

        margin-top: 20px;

        margin-bottom: 36px;

    }



    .ywBox {

        width: 94%;

        margin: 0 auto;

    }



    .ywBox ul {

        width: 100%;

    }



    .ywBox ul li {

        width: 100%;

        height: auto;

        margin: 0;

        position: relative;

        padding: 0;

    }



    .ywBox ul li a {

        max-width: 365px;

        padding: 5% 0 8% 0;

    }



    .ywBox ul li .icon {

        width: 80px;

        height: 80px;

        margin: 10% auto 5% auto;

    }

}



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

    .ywtit img {

        width: 80%;

    }



    .ywBox ul li a {

        max-width: 100%;

    }

}



/*index_title2*/

.index_title2 {

    width: 100%;

    height: 32px;

    overflow: hidden;

    background: url(../images/index_titdotted.png) left center repeat-x;

    margin-bottom: 10px;

    margin-top: 22px;

}



.index_title2 span {

    display: inline-block;

    height: 32px;

    line-height: 32px;

    padding: 0 20px 0 0;

    background: #fff;

    color: #008ED8;

    font-size: 16px;

    position: relative;

}



.index_title2 a {

    display: inline-block;

    float: right;

    height: 32px;

    line-height: 32px;

    padding: 0 0 0 13px;

    background: #fff;

    color: #008ED8;

    font-size: 12px;

    position: relative;

}



.index_title2 a i {

    content: " ";

    display: inline-block;

    width: 0;

    height: 0;

    margin: 0 auto;

    border-top: 4px solid transparent;

    border-bottom: 4px solid transparent;

    border-left: 4px solid #008ED8;

    margin-left: 10px;

}



.index_title2 a:hover i {

    transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

}





/*index_title*/

.index_title {

    width: 100%;

    height: 32px;

    overflow: hidden;

    border-bottom: 2px solid #008ED8;

    padding-top: 31px;

}



.index_title a {

    display: inline-block;

    height: 32px;

    line-height: 32px;

    padding: 0 24px;

    background: #008ED8;

    color: #fff;

    position: relative;

}



.more {

    overflow: hidden;

}



.more::before,

.more::after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

    opacity: 0;

    background-color: rgba(255, 255, 255, 0.15);

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

    -webkit-transform: translate(-13%, -190%) rotate(-30deg);

    transform: translate(-13%, -190%) rotate(-30deg);

}



.more::after {

    -webkit-transition-delay: 0.2s;

    transition-delay: 0.2s;

}



.more:hover::before,

.more:hover::after {

    opacity: 1;

    -webkit-transform: translate(0, 0);

    transform: translate(0, 0);

}



.index_left {

    width: 660px;

    float: left;

    margin-right: 30px;

}



.sy-index-2 {

    width: 100%;

    padding-bottom: 20px;

}



.sy-index-3 {

    width: 100%;

    padding-bottom: 18px;

}



.news_info .tit a,

.news_info2 .tit a,

.news_info3 .tit a {

    display: block;

    float: left;

    margin: 0 auto;

    padding: 0;

    padding: 0 22px;

    min-width: 58px;

    font-size: 14px;

    height: 41px;

    line-height: 41px;

    text-align: center;

    background: #e9e9e9;

    color: #333;

    margin-right: 2px;

    margin-top: 2px;

}



.news_info .stop a,

.news_info2 .stop a,

.news_info3 .stop a {

    color: #fff;

    background: #4DA6FF;

}



.news_wz,

.news_wz2,

.news_wz3 {

    background-color: #fff;

    overflow: hidden;

    height: 181px;

    padding: 19px 22px 18px 17px;

    border: 1px solid #ebebeb;

    clear: both;

    font-size: 14px;

    color: #a0a0a0;

    line-height: 30px;

    margin-top: -1px;

    margin-bottom: 20px;

}



/*index_news*/

.newslist {

    margin-top: 5px;

    height: 181px;

    overflow: hidden;

}



.newslist li a {

    font-size: 14px;

    line-height: 35px;

    height: 35px;

    color: #2a2a2a;

    display: block;

    overflow: hidden;

    text-decoration: none;

    padding-left: 30px;

    background: url(../images/index_newsicon.png) left center no-repeat;
    display: flex;
}



.newslist li:hover a,

.newslist li:hover .date {

    color: #008ED8;

}



.newslist li .date {

    color: #a0a0a0;

    display: inline-block;

    text-align: right;

    width: 100px;

}



.newslist li .wz {

    flex: 1;
    width: 0;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}





.index_right {

    width: 510px;

    float: left;

}



/*index_news2*/

.sy-index-4 {

    width: 100%;

}



.index_news {

    height: auto;

    overflow: hidden;

    border: 1px solid #e6e6e6;

}



.index_news ul {

    margin: 0;

    padding: 22px 0 0 0;

    height: auto;

    overflow: hidden;

}



.index_news ul li {

    width: 100%;

    height: auto;

    position: relative;

    margin-bottom: 25px;

}



.index_news ul li a {

    display: block;

    position: relative;

}



.index_news ul li .ImgBox {

    width: 145px;

    height: 95px;

    overflow: hidden;

    float: left;

    margin-left: 24px;

}



.index_news ul li .ImgBox img {

    max-width: 145px;

    max-height: 95px;

}



.index_news ul li:hover .ImgBox img {

    transform: scale(1.1);

    transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

}



.index_news ul li .news_info {

    width: 300px;

    height: auto;

    float: left;

    padding: 0 21px 0 18px;

    position: relative;

}



.index_news ul li .news_info h1 {

    font-size: 16px;

    line-height: 30px;

    height: 30px;

    font-weight: normal;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    color: #333333;

}



.index_news ul li .news_info h2 {

    font-size: 12px;

    line-height: 26px;

    height: 26px;

    font-weight: normal;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    margin-top: 5px;

    color: #909090;

}



.index_news ul li .news_info .date {

    font-size: 14px;

    color: #909090;

    margin-top: 10px;

    padding-left: 30px;

    background: url(../images/news_dateicon.png) left center no-repeat;

}



.index_news ul li:hover .news_info h1 {

    color: #008ED8;

}



.MoreBtn {

    margin-bottom: 22px;

    z-index: 2;

    position: relative;

}



.MoreBtn a {

    display: block;

    text-align: center;

    font-size: 12px;

    color: #fff;

    width: 166px;

    height: 33px;

    line-height: 33px;

    background: #008ED8;

    margin: 0 auto;
    position: relative;
    z-index: 9;

}



.MoreBtn a i {

    content: " ";

    display: inline-block;

    width: 0;

    height: 0;

    margin: 0 auto;

    border-top: 4px solid transparent;

    border-bottom: 4px solid transparent;

    border-left: 4px solid #fff;

    margin-left: 63px;

}



.MoreBtn a:hover i {

    right: 30px;

    transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

}



.MoreBtn a:hover {

    background: #ff7c05;

}



/*index_about*/

.sy-index-5 {

    width: 100%;

}



.index_about {

    height: auto;

    overflow: hidden;

    border: 1px solid #e6e6e6;

    padding: 26px 24px 30px 24px;

    line-height: 26px;

}



.index_about a {

    font-size: 13px;

    color: #5b5b5b;

    line-height: 26px;

}



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

    .index_left {

        width: 55%;

        margin-right: 2.5%;

    }



    .newslist li .wz {

        width: 70%;

    }



    .index_right {

        width: 42.5%;

    }



    /*index_news2*/

    .index_news ul li .ImgBox {

        width: 28%;

        height: auto;

        margin-left: 4.5%;

    }



    .index_news ul li .ImgBox img {

        width: 100%;

    }



    .index_news ul li .news_info {

        width: 58%;

        padding: 0 4% 0 2%;

    }

}



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

    .sy-index-2 {

        padding-bottom: 1%;

    }



    .index_title2 {

        margin-top: 2%;

    }



    .index_title {

        margin-top: 2.5%;

    }



    .index_left {

        width: 100%;

        margin-right: 0%;

    }



    .newslist li .wz {

        width: 70%;

    }



    .index_right {

        width: 100%;

    }



    /*index_news2*/

    .index_news ul li .ImgBox {

        width: 28%;

        height: auto;

        margin-left: 4.5%;

    }



    .index_news ul li .ImgBox img {

        width: 100%;

        max-width: 205px;

        max-height: 135px;

    }



    .index_news ul li .news_info .date {

        margin-top: 5px;

    }



    .index_news ul li .news_info {

        width: 58%;

        padding: 0 4% 0 2%;

    }

}



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

    .newslist li a {

        padding-left: 30px;

    }



    .newslist li .date {

        width: 100px;

    }



    .newslist li .wz {

        width: calc(100% - 100px - 2px);

    }



    .index_about img {

        max-width: 100%;

    }

}



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

    .newslist li a {

        padding-left: 30px;

    }



    .newslist li .date {

        display: none;

    }



    .newslist li .wz {

        width: calc(100% - 2px);

    }

}



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



    /*index_news2*/

    .index_news ul li .ImgBox {

        width: 145px;

        height: 95px;

        margin-left: 4.5%;

    }



    .index_news ul li .ImgBox img {

        width: 100%;

        max-width: 145px;

        max-height: 95px;

    }



    .index_news ul li .news_info {

        width: calc(100% - 145px - 2px - 11%);

        padding: 0 4% 0 2%;

    }

}







/*index_fdlink*/

.index_fdlink {

    border: 1px solid #e6e6e6;

    margin-bottom: 28px;

}



.index_fdlink a {

    display: inline-block;

    margin: 3% 0 3% 3%;

}



.index_fdlink a img {

    max-hieght: 60px;

}



.index_fdlink a:hover img {

    -webkit-animation: tada 1s .2s ease both;

    -moz-animation: tada 1s .2s ease both;

    animation: tada 1s .2s ease both;

}





/*footer*/
.footer {
    background: #f2f2f2;
    padding: 58px 0 0 0px;
}

.footer .bottomlogo {
    overflow: hidden;
    float: left;
    width: 150px;
    margin-right: 20px;
}

.footer h1 {
    font-size: 14px;
    color: #333;
    margin-bottom: 14px;
    font-weight: 500;
}

.footer .bottomNav {
    float: left;
}

.footer .bottomNav .li1 {
    width: 120px;
    padding-left: 52px;
    border-left: 1px solid #d6d6d6;
    float: left;
    min-height: 200px;
}

.footer .bottomNav .li1 .ul2 li {
    display: block;
    min-width: 50px;
    padding: 0;
    margin-bottom: 6px;
}

.footer .bottomNav .li1 .ul2 li a {
    color: #626262;
    font-size: 12px;
    padding-left: 17px;
    background: url(../images2/bottom_dotted.png) left center no-repeat;
}

.footer .bottomNav .li1 .ul2 li a:hover {
    color: #0000B2;
}

.footer .bottomlx {
    float: right;
    width: 400px;
    padding-left: 52px;
    border-left: 1px solid #d6d6d6;
    min-height: 200px;
    line-height: 20px;
    color: #626262;
}

.footer .bq {
    background: #d2d2d2;
    color: #333;
    padding: 15px 0 15px 0;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    margin-top: 58px;
}

.footer .bq a {
    color: #333;
}

.footer a:hover {
    color: #0000B2;
}

@media screen and (max-width:1200px) {
    .footer .bottomlogo {
        float: left;
        width: 25%;
        margin-right: 0;
    }

    .footer .bottomlx {
        float: left;
        width: 73%;
        padding-left: 2%;
        border-left: none;
    }

    .footer .bottomNav {
        float: none;
        width: 100%;
        clear: both;
        padding-top: 2%;
    }

    .footer .bottomNav .li1 {
        width: 15%;
        padding-left: 9%;
        border-left: 1px solid #d6d6d6;
        float: left;
        min-height: 200px;
    }

    .footer .bq {
        margin-top: 58px;
    }
}

@media screen and (max-width:767px) {
    .footer .bottomlogo {
        float: left;
        width: 25%;
        margin-right: 0;
    }

    .footer .bottomlogo img {
        width: 80%;
    }

    .footer .bottomlx {
        float: left;
        width: 73%;
        padding-left: 2%;
        border-left: none;
    }

    .footer .bottomNav {
        float: none;
        width: 100%;
        clear: both;
        padding-top: 3%;
    }

    .footer .bottomNav h1 {
        margin-bottom: 0;
        display: block;
        width: 100%;
        height: 3rem;
        line-height: 3rem;
        border-bottom: 1px solid #d2d2d2;
        background: url(../images/menu_btn.png) no-repeat right center;
        background-size: 3.167%;
    }

    .footer .bottomNav .li1 {
        width: 100%;
        border-left: none;
        padding-left: 0;
        float: none;
        min-height: 0;
    }

    .footer .bottomNav .li1 .ul2 {
        display: none;
        background-color: #ececec;
        margin-bottom: 0;
    }

    .footer .bottomNav .li1 .ul2 li {
        display: block;
        ovderflow: hidden;
        height: 2rem;
        line-height: 2remw;
        padding: 0 2.34375vw;
    }

    .footer .bottomNav .li1 .ul2 li a {
        display: block;
        font-size: 14px;
        height: 2rem;
        line-height: 2rem;
        overflow: hidden;
        color: #555555;
        padding-right: 3rem;
    }

    .footer .bq {
        margin-top: 5%;
    }
}



/****************page start******************/



.banner {

    width: 100%;

    /*min-width:1200px;*/

    height: 300px;

    overflow: hidden;

    margin: 0 auto;

    text-align: center;

    position: relative;

    background-repeat: no-repeat;

    background-position: center top;

}



.banner .Main_center {

    width: 1200px;

    position: relative;

    height: 300px;

    margin: 0 auto;

}



.banner .t1 {

    font-size: 34px;

    position: absolute;

    top: 115px;

    left: 0;

    color: #fff;

}



.banner .t2 {

    font-size: 22px;

    position: absolute;

    top: 160px;

    left: 0;

    color: #fff;

}





.page {

    width: 100%;

    margin: 0 auto;

}



.page_left {

    width: 213px;

    margin-right: 45px;

    margin-top: 43px;

    float: left;

    border: 1px solid #d2d2d2;

}



.page_menu {

    position: relative;

}



.page_menu .page_menu_tit {

    font-size: 18px;

    color: #fff;

    height: 60px;

    line-height: 60px;

    border-bottom: 1px solid #e5e5e5;

    padding: 5px 22px 0px 22px;

    background: #008ED8;

}



.page_sub {

    position: relative;

    padding: 10px 15px 5px 15px;

}



.page_menu i:after,

.page_menu i:before {

    position: absolute;

    left: 10px;

    display: inline-block;

    width: 0;

    height: 0;

    content: '';

    border: 7px solid transparent;

    border-top-width: 0
}



.page_menu i:before {

    top: -7px;

    border-bottom-color: #e4eaec
}



.page_menu i:after {

    top: -6px;

    border-bottom-color: #fff
}



/*一级*/

.page_menu .li1 a {

    font-size: 12px;

    display: block;

    min-height: 32px;

    line-height: 32px;

    color: #707070;

    padding: 0 10px;

    background: #f0f0f0;

    text-decoration: none;

    overflow: hidden;

    margin-bottom: 10px;

}



.page_menu .li1 .a1 {

    font-size: 14px;

    color: #707070;

}



.page_menu .li1 .a1:hover,

.page_menu li.on .a1 {

    background: #008ED8;

    color: #fff;

    transition: none;

}



.page_menu .li1 .a1:hover:after,

.page_menu li.on .a1:after {

    position: absolute;

    right: 0px;

    display: inline-block;

    width: 2px;

    height: 32px;

    content: '';

    background: #008ED8;

}



/*二级*/

.page_menu .li1 ul {

    display: none;

}



.page_menu li.on ul {

    display: block;

}



.page_menu .li1 ul li a:hover,

.page_menu ul .li1 ul li.on a {

    color: #008ED8;

}



.page_right {

    width: 940px;

    margin-bottom: 30px;

    min-height: 400px;

    line-height: 28px;

    float: right;

    color: #707070;

}



.page_text {

    padding: 43px 0 50px 0;

    min-height: 450px;

    overflow: hidden;

}



.imagewidth img {

    max-width: 100%;

}



.news_nr img {

    max-width: 100%;

}



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

    .banner {

        height: 250px;

    }



    .banner .Main_center {

        width: 94%;

        height: 250px;

    }



    .banner .t1 {

        /*font-size:3.7vw;*/

        top: 38%;

        left: 0;

    }



    .banner .t2 {

        /*font-size:1.84vw;*/

        top: 52%;

        left: 0;

    }



    /*page*/

    .page_left {

        margin-top: 8%;

    }



    .page_right {

        width: calc(100% - 260px);

    }

}



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



    /*page*/

    .position {

        height: 4em;

        line-height: 4em;

        padding: 0 3%;

        width: 94%;

    }



    .page_left {

        width: calc(100% - 2px);

        margin-right: 0;

        float: none;

        margin-bottom: 1.5em;

        background-color: #fafafa;

    }



    .page_menu {

        padding: 0;

    }



    .page_menu .page_menu_tit {

        padding: 0 3%;

        font-size: 16px;

        color: #333;

        height: 3em;

        line-height: 3em;

        background-color: #fff;

    }



    .page_menu .page_menu_tit .mark {

        position: absolute;

        right: 3%;

        display: inline-block;

        width: 10%;

        height: 3em;

        background: url(../images/menu_btn.png) no-repeat center center;

        background-size: 40%;

    }



    .page_menu .page_sub {

        background-color: #fff;

        padding: 1em 0;

    }



    .page_menu .li1 a {

        font-size: 14px;

        height: auto;

        line-height: 3em;

        margin-bottom: 5px;

        padding: 0 3%;

        width: 94%;

    }



    .page_menu .li1 ul {

        display: block;

        clear: both;

        padding: 0 3%;

    }



    .page_menu .li1 ul li {

        display: inline-block;

    }



    .page_menu .li1 ul li a {

        display: inline-block;

        margin-right: 1em;

        height: auto;

        line-height: 3em;

        padding: 0;

    }



    .page_right {

        width: 100%;

        margin-bottom: 1.5em;

        min-height: 400px;

        float: none;

    }



    .page_text {

        padding: 5% 0%;

        min-height: 450px;

        overflow: hidden;

    }

}



.page_tit {

    font-size: 16px;

    line-height: 30px;

    color: #333333;

    font-weight: 700;

    margin-bottom: 27px;

}



.page_news ul {

    width: 100%;

}



.page_news ul li {

    width: 100%;

    height: auto;

    position: relative;

    margin-bottom: 25px;

}



.page_news ul li a {

    display: block;

    position: relative;

}



.page_news ul li .ImgBox {

    width: 205px;

    height: 135px;

    overflow: hidden;

    float: left;

}



.page_news ul li .ImgBox img {

    max-width: 205px;

    max-height: 135px;

}



.page_news ul li:hover .ImgBox img {

    transform: scale(1.1);

    transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

}



.page_news ul li .news_info {

    width: 705px;

    height: auto;

    float: left;

    padding: 0 0 0 30px;

    position: relative;

}



.page_news ul li .news_info h1 {

    font-size: 16px;

    line-height: 30px;

    height: 30px;

    font-weight: normal;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    color: #333333;

}



.page_news ul li .news_info h2 {

    font-size: 12px;

    line-height: 20px;

    height: 40px;

    font-weight: normal;

    overflow: hidden;

    margin-top: 5px;

    color: #909090;

}



.page_news ul li .news_info .date {

    font-size: 14px;

    color: #909090;

    margin-top: 20px;

    padding-left: 30px;

    background: url(../images/news_dateicon.png) left center no-repeat;

}



.page_news ul li:hover .news_info h1 {

    color: #008ED8;

}



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

    .page_news ul li .ImgBox {

        width: 205px;

        height: 135px;

        overflow: hidden;

        float: left;

    }



    .page_news ul li .ImgBox img {

        max-width: 205px;

        max-height: 135px;

    }



    .page_news ul li .news_info {

        width: calc(100% - 237px);

        padding: 0 0 0 30px;

    }

}



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

    .banner {

        height: 150px;

        background-size: cover;

    }



    .banner .Main_center {

        width: 94%;

        height: 150px;

    }



    .banner .t1 {

        font-size: 5vw;

        top: 38%;

        left: 0;

    }



    .banner .t2 {

        font-size: 3vw;

        top: 52%;

        left: 0;

    }



    .page_news ul li .ImgBox {

        width: 145px;

        height: 95px;

        overflow: hidden;

        float: left;

    }



    .page_news ul li .ImgBox img {

        max-width: 145px;

        max-height: 95px;

    }



    .page_news ul li .news_info {

        width: calc(100% - 175px);

        padding: 0 0 0 30px;

    }



    .page_news ul li .news_info .date {

        margin-top: 5px;

    }

}



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

    .page_news ul li .ImgBox {

        width: 120px;

        height: 79px;

        overflow: hidden;

        float: left;

    }



    .page_news ul li .ImgBox img {

        width: 100%;

        max-width: 120px;

        max-height: 79px;

    }



    .page_news ul li .news_info h2 {

        height: 20px;

        white-space: nowrap;

        text-overflow: ellipsis;

    }



    .page_news ul li .news_info {

        width: calc(100% - 120px - 5%);

        padding: 0 0 0 5%;

    }



    .page_news ul li .news_info .date {

        margin-top: 5px;

    }

}





/*index_news*/

.page_newslist {

    margin-top: 5px;

    height: auto;

    overflow: hidden;

}



.page_newslist li a {

    font-size: 14px;

    line-height: 35px;

    height: 35px;

    color: #2a2a2a;

    display: block;

    overflow: hidden;

    text-decoration: none;

    padding-left: 30px;

    background: url(../images/index_newsicon.png) left center no-repeat;

}



.page_newslist li:hover a,

.page_newslist li:hover .date {

    color: #ff7c05;

}



.page_newslist li .date {

    color: #a0a0a0;

    display: inline-block;

    width: 100px;

    text-align: right;

}



.page_newslist li .wz {

    display: inline-block;

    float: left;

    width: 810px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}





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

    .page_newslist li a {

        padding-left: 30px;

    }



    .page_newslist li .date {

        width: 100px;

    }



    .page_newslist li .wz {

        width: calc(100% - 130px);

    }

}







/*page_tab*/

.page .page_tab {

    width: 100%;

    margin: 0 auto;

    text-align: right;

    font-size: 12px;

    padding-bottom: 10px;

    padding-top: 5px;

    clear: both;

}



.page .page_tab a {

    display: inline-block;

    overflow: hidden;

    height: 38px;

    padding: 0 24px;

    line-height: 38px;

    border-width: 1px;

    border-style: solid;

    border-color: #c9c9c9;

    vertical-align: middle;

    text-align: center;

    margin: 0 2px;

    color: #1b1b1b;

}



.page .page_tab .pagination {

    padding-right: 19px;

    vertical-align: middle;

}



.page .page_tab .pages {

    padding-left: 14px;

}



.page .page_tab .pages select {

    background: transparent;

}



.page .page_tab a:hover {

    color: #fff;

    border-color: #008ED8;

    background: #008ED8;

}



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

    .page .page_tab {

        font-size: 14px;

        text-align: center;

    }



    .page .page_tab a {

        width: 35%;

        height: 3em;

        padding: 0;

        background-color: #008ED8;

        color: #fff;

        border-color: #008ED8;

    }



    .page .page_tab .pagination {

        display: none;

    }



    .page .page_tab .pages {

        display: none;

    }

}









/*news_nr*/

.newstt {

    font-size: 16px;

    font-weight: bold;

    text-decoration: none;

    margin: 5px 0;

    color: #333;

    text-align: center;

}



.ctrl_font {

    padding-top: 5px;

    margin-bottom: 25px;

    text-align: center
}



.ctrl_font a {

    COLOR: #000;

    text-decoration: none;

}



.ctrl_font a:hover {

    COLOR: #008ED8;

    text-decoration: underline;

}



.c_page_tab {

    border-top-width: 1px;

    border-top-style: dotted;

    border-top-color: #ccc;

}



.news_nr {

    padding: 30px 0;

    border-top: 1px solid #e6e6e6;

    color: #707070;

    line-height: 28px;

}



.download_tt {

    padding-left: 24px;

    background: url(../images/news_fujian.png) left center no-repeat;

}



.download_wj a {

    COLOR: #008ED8;

}



.download_link {

    text-align: center;

    margin: 30px auto;

}



.download_link a {

    display: inline-block;

    width: 160px;

    line-height: 42px;

    height: 42px;

    text-align: center;

    margin: 0 auto;

    background: #008ED8;

    color: #fff;

}





/*contact */

.contact .span1 {

    text-align: center;

    display: inline-block;

    width: 205px;

    min-height: 125px;

    background: #f4f4f4;

    border-radius: 10px;

    padding: 30px 5px;

    line-height: 30px;

    margin-right: 20px;

    float: left;

    margin-bottom: 20px;

}



.contact .span1 .t1 {

    border-bottom: 1px dashed #b1b1b1;

    margin-bottom: 10px;

    padding-bottom: 10px;

    font-size: 16px;

}



.contact .span1 .tbig1 {

    padding-left: 55px;

    display: inline-block;

    line-height: 42px;

    background: url(../images/contact_tel.png) left center no-repeat;

}



.contact .span1 .tbig2 {

    padding-left: 55px;

    display: inline-block;

    line-height: 42px;

    background: url(../images/contact_fax.png) left center no-repeat;

}



.contact .span1 .tbig3 {

    padding-left: 55px;

    display: inline-block;

    line-height: 42px;

    background: url(../images/contact_mail.png) left center no-repeat;

}



.contact .span1 .tbig4 {

    padding-left: 55px;

    display: inline-block;

    line-height: 42px;

    background: url(../images/contact_add.png) left center no-repeat;

}



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

    .contact .span1 {

        width: calc(100% / 2 - 40px - 20px);

    }

}



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

    .contact .span1 {

        width: calc(100% - 10px);

        margin-right: 0;

    }

}





/*addmin*/

.page .login {

    padding-top: 60px;

    padding-bottom: 70px;

}



.page .login_box {

    padding: 26px 26px 26px 21px;

    width: 365px;

    margin: 0 auto;

    height: auto;

    overflow: hidden;

    border-radius: 6px;

    background-color: #fff;

}



.page .login_box .login_title {

    font-size: 18px;

    line-height: 50px;

    text-align: center;

    height: 50px;

}



.page .login_box #form {

    height: auto;

    overflow: hidden;

}



.page .login_box #form .tt {

    font-size: 14px;

    color: #666;

    line-height: 30px;

    heihgt: 30px;

}



.page .login_box #form input {

    height: 40px;

    line-height: 40px;

    width: 323px;

    background: #f9f9f9;

    border: 1px solid #e5e5e5;

    margin-bottom: 13px;

    padding: 0 20px;

    font-size: 14px;

}



.page .login_box #form input.getcode {

    width: 173px;

    float: left;

    margin-bottom: 30px;

}



.page .login_box #form .safecode {

    display: inline-block;

    vertical-align: middle;

    margin-left: 20px;

    margin-right: 20px;

    background-blend-mode: screen;

    width: 70px;

    height: 25px;

}



.page .login_box #form span {

    font-size: 14px;

    cursor: pointer;

}



.page .login_box #form .btn {

    display: block;

    border-radius: 5px;

    height: 40px;

    line-height: 44px;

    text-align: center;

    width: 100%;

    border: none;

    font-size: 14px;

    cursor: pointer;

    clear: both;

    color: #fff;

    background: #008ED8;

    overflow: hidden;

}



.page .login_box #form .btn:hover {

    background: #f58f00;

}



.page .login_box .reg {

    font-size: 14px;

    text-align: center;

    height: 40px;

    line-height: 40px;

    margin-top: 16px;

}



.page .login_box .reg a {

    display: inline-block;

    color: #008ED8;

    margin: 0 5px;

    height: 40px;

    line-height: 40px;

}



.page .login_box .reg a.a2 {

    position: relative;

    margin-left: 12px;

}



.page .login_box .reg a.a2:before {

    content: " ";

    width: 1px;

    height: 40px;

    background: url(../images/line3.png) left center no-repeat;

    position: absolute;

    left: -12px;

}



.page .login_box .reg a:hover {

    color: #ff7900;

}



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

    .page .login_box {

        padding: 26px 26px 26px 26px;

        width: calc(100% - 52px - 2px);

        margin: 0 auto;

        height: auto;

        overflow: hidden;

        border-radius: 6px;

        background-color: #fff;

    }



    .page .login_box #form input {

        height: 40px;

        line-height: 40px;

        width: calc(100% - 40px - 2px);

        background: #f9f9f9;

        border: 1px solid #e5e5e5;

        margin-bottom: 13px;

        padding: 0 20px;

        font-size: 14px;

    }



    .page .login_box #form input.getcode {

        width: 30%;

        float: left;

        margin-bottom: 30px;

    }



    .page .login_box .reg span {

        display: block;

    }



    .page .login_box .reg {

        height: 30px;

        line-height: 30px;

        margin-top: 16px;

        padding-bottom: 30px;

    }



    .page .login_box .reg a {

        margin: 0 5px;

        height: 30px;

        line-height: 30px;

    }



    .page .login_box .reg a.a2 {

        margin-left: 12px;

    }



    .page .login_box .reg a.a2:before {

        left: -12px;

        height: 30px;

    }

}





/*page_user*/

.page_user {}



.page_user .page_tit {

    font-size: 16px;

    line-height: 30px;

    color: #333333;

    font-weight: 700;

    margin-bottom: 27px;

    border-bottom: 1px solid #dcdcdc;

    padding-bottom: 12px;

}



.page_user .yipin {

    display: inline-block;

    height: 40px;

    line-height: 40px;

    margin-left: 20px;

    padding-left: 20px;

    background: url(../images/select.png) left center no-repeat;

    color: #008ED8;

}



.page_user label {

    display: block;

    float: left;

    width: 50%;

}



.page_user label.l3 {

    display: block;

    float: left;

    width: 100%;

}



.page_user .t3 {

    display: inline-block;

    width: 90px;

    float: left;

    height: 41px;

    line-height: 41px;

    position: relative;

    padding-left: 15px;

}



.page_user .t3 i {

    color: #f25347;

    display: inline-block;

    position: absolute;

    height: 40px;

    line-height: 40px;

    top: 4px;

    left: 0;

}



.page_user input.text {

    float: left;

    height: 40px;

    line-height: 40px;

    width: 328px;

    background: #fafafa;

    border: 1px solid #e5e5e5;

    margin-bottom: 15px;

    padding: 0 8px;

    font-size: 14px;

    border-radius: 2px;

    color: #666666;

}



.page_user select {

    float: left;

    outline: none;

    height: 40px;

    line-height: 40px;

    width: 328px;

    border: 1px solid #e5e5e5;

    margin-bottom: 15px;

    padding: 0 8px;

    font-size: 14px;

    border-radius: 2px;

    color: #666666;

    position: relative;

}



.page_user .text2 {

    display: inline-block;

    height: 108px;

    width: 799px;

    float: left;

    background: #fafafa;

    border: 1px solid #e5e5e5;

    margin-bottom: 15px;

    padding: 20px 8px 0 8px;

    font-size: 14px;

    border-radius: 2px;

    color: #666666;

}



.page_user .download_link_a {

    height: 41px;

    line-height: 41px;

    color: #008ED8;

}



.page_user .submit {

    width: 100%;

    margin: 0 auto;

    text-align: center;

    border-top: 1px solid #dcdcdc;

    margin-top: 20px;

    padding-top: 35px;

}



.page_user .submit a {

    display: block;

    height: 42px;

    line-height: 42px;

    width: 152px;

    color: #fff;

    margin: 0 auto;

    text-align: center;

    background: #008ED8;

}



.page_user .submit a:hover {

    background: #f58f00;

}



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

    .page_user .t3 {

        width: 90px;

        padding-left: 15px;

    }



    .page_user input.text {

        width: calc(100% - 16px - 2px - 115px);

        padding: 0 8px;

    }



    .page_user select {

        width: calc(100% - 16px - 2px - 115px);

        margin-bottom: 15px;

        padding: 0 8px;

    }



    .page_user .text2 {

        height: 108px;

        width: calc(100% - 16px - 2px - 115px);

        margin-bottom: 15px;

        padding: 20px 8px 0 8px;

    }

}



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

    .page_user .t3 {

        width: 90px;

        padding-left: 15px;

    }



    .page_user label {

        float: none;

        width: 100%;

    }



    .page_user label.l3 {

        float: none;

        width: 100%;

    }



    .page_user input.text {

        width: calc(100% - 16px - 2px - 115px);

        padding: 0 8px;

    }



    .page_user select {

        width: calc(100% - 16px - 2px - 115px);

        margin-bottom: 15px;

        padding: 0 8px;

    }



    .page_user .text2 {

        height: 108px;

        width: calc(100% - 16px - 2px - 115px);

        margin-bottom: 15px;

        padding: 20px 8px 0 8px;

    }

}



/*page_upload*/

.page_upload {

    padding-top: 34px;

}



.page_upload .page_tit {

    font-size: 18px;

    line-height: 40px;

    color: #333333;

    font-weight: 700;

    margin-bottom: 27px;

    border-bottom: 1px solid #f4f4f4;

    padding-bottom: 19px;

}



.page_upload label {

    display: block;

    float: left;

    width: 50%;

}



.page_upload label.l3 {

    display: block;

    float: left;

    width: 100%;

}



.page_upload .t4 {

    width: 100%;

    float: left;

    height: 30px;

    line-height: 30px;

    border-bottom: 1px solid #f4f4f4;

    padding-bottom: 11px;

    margin-bottom: 29px;

    color: #333;

}



.page_upload .t5 {

    width: 100%;

    float: left;

    height: 30px;

    line-height: 30px;

    border-bottom: 1px solid #f4f4f4;

    border-top: 1px solid #f4f4f4;

    padding-top: 12px;

    padding-bottom: 11px;

    margin-bottom: 29px;

    color: #333;

}



.page_upload .t8 {

    width: 100%;

    float: left;

    height: 30px;

    line-height: 30px;

    border-bottom: 1px solid #f4f4f4;

    border-top: 1px solid #f4f4f4;

    padding-top: 12px;

    padding-bottom: 11px;

    margin-bottom: 15px;

    color: #333;

}



.page_upload .t3 {

    display: inline-block;

    width: 90px;

    float: left;

    height: 41px;

    line-height: 41px;

    position: relative;

    padding-left: 15px;

    color: #666;

}



.page_upload i {

    color: #f25347;

    display: inline-block;

    /*height:40px;line-height:40px;*/

    margin-left: 10px;

    font-size: 14px;

}



.page_upload input.text {

    float: left;

    height: 40px;

    line-height: 40px;

    width: 436px;

    background: #fafafa;

    border: 1px solid #e5e5e5;

    margin-bottom: 30px;

    padding: 0 8px;

    font-size: 14px;

    border-radius: 2px;

    color: #666666;

}



.page_upload label.l4 {

    display: block;

    float: left;

    width: 20%;

    cursor: pointer;

    overflow: hidden;

    margin: 0 auto;

    text-align: center;

    background: #f2f2f2;

    margin-right: 20px;

    padding-top: 30px;

    padding-bottom: 0px;

    width: 224px;

    min-height: 160px;

    margin-bottom: 20px;

    position: relative;

}



.page_upload label input[type="file"] {

    -webkit-appearance: none;

    -moz-appearance: none;

    -o-appearance: none;

    appearance: none;

    cursor: pointer;

    filter: alpha(opacity=0);

    -moz-opacity: 0;

    -khtml-opacity: 0;

    opacity: 0;

    z-index: 1;

    display: block;

    width: 30px;

    height: 30px;

    margin: 0 auto;

    text-align: center;

}



.page_upload label.l4 .plus {

    display: block;

    width: 30px;

    height: 30px;

    margin: 0 auto;

    text-align: center;

    background: url(../images/plus.png) center center no-repeat;

    background-size: 100%;

    position: absolute;

    top: 30px;

    left: 0;

    right: 0;

}



.page_upload label.l4 h1 {

    font-size: 14px;

    color: #808080;

}



.page_upload label.l4 p {

    font-size: 12px;

    line-height: 20px;

    color: #a0a0a0;

    padding: 0 30px;

}



.page_upload label.l4:last-child {

    margin-right: 0;

}



.page_upload label.l4 .text_style {

    border: none;

    width: 80%;

    padding: 0 10%;

    background: #f2f2f2;

    margin: 0 auto;

    text-align: center;

    color: #008ED8;

    margin-top: 20px;

}



.page_upload .demoradio {

    display: none
}



.page_upload .demoradioInput {

    background-color: #dfdfdf;

    border: none;

    border-radius: 100%;

    display: inline-block;

    vertical-align: middle;

    height: 10px;

    width: 10px;

    border: 2px solid #dfdfdf;

}



.page_upload .demoradio:checked+.demoradioInput:after {

    background-color: #f00;

    border-radius: 100%;

    content: "";

    display: inline-block;

    height: 10px;

    width: 10px;

}



.page_upload .t7 {

    line-height: 30px;

    height: 30px;

    font-size: 14px;

    overflow: hidden;

    color: #808080;

}



.page_upload .sm1 {

    float: left;

    width: 50%;

    text-align: center;

    margin: 20px auto;

}



.page_upload .sm1 .sp {

    display: inline-block;

    background: url(../images/upload_wx02.jpg) no-repeat left center;

    height: 40px;

    line-height: 40px;

    padding-left: 30px;

    color: #08080;

}



.page_upload .sm1 .sp2 {

    display: inline-block;

    background: url(../images/upload_zfb02.jpg) no-repeat left center;

    height: 40px;

    line-height: 40px;

    padding-left: 30px;

    color: #08080;

}



.page_upload .submit {

    width: 100%;

    margin: 0 auto;

    text-align: center;

    border-top: 1px solid #dcdcdc;

    margin-top: 20px;

    margin-bottom: 50px;

    padding-top: 35px;

}



.page_upload .submit .bnt {

    display: block;

    height: 42px;

    line-height: 42px;

    width: 190px;

    color: #fff;

    margin: 0 auto;

    text-align: center;

    background: #008ED8;

    padding: 0;

    border: none;

}



.page_upload .submit .bnt:hover {

    background: #f58f00;

}





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

    .page_upload input.text {

        width: calc(100% - 16px - 2px - 160px);

        padding: 0 8px;

    }



    .page_upload label.l4 {

        margin-right: 20px;

        width: calc(50% - 20px);

        height: 100px;

    }



    .page_upload label.l4 p {

        padding: 0 10px;

    }

}



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

    .page_upload label.l4 {

        margin-right: 20px;

        width: calc(50% - 20px);

        height: auto;

        margin: 0 10px;

        margin-bottom: 20px;

        padding-bottom: 10px;

    }



    .page_upload label {

        width: 100%;

    }

}



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

    .page_upload input.text {

        width: calc(100% - 16px - 2px - 15px);

        padding: 0 8px;

        margin-bottom: 2%;

    }



    .page_upload .t3 {

        padding-left: 0;

        width: 100%;

    }



    .page_upload i {

        margin-left: 3px;

        ;

    }



    .page_upload .sm1 {

        float: left;

        width: 100%;

    }



}





.page_upload .f_list {

    margin-bottom: 40px;

}



.page_upload .f_list li {

    float: left;

    margin-right: 20px;

    width: 130px;

}



.page_upload .f_list li input[type="radio"] {

    -webkit-appearance: radio;

}



.page_upload .f_list li input[type="radio"] {

    border: none;

    border-radius: 100%;

    display: inline-block;

    vertical-align: middle;

    height: 12px;

    width: 12px;

}



.page_upload .f_list li label {

    display: inline-block;

    width: 100%;

}



.page_upload label.l5 {

    display: block;

    float: left;

    width: 50%;

}



.page_upload label.l5 textarea.text,

.page_upload label.l5 input.text {

    float: left;

    height: 40px;

    line-height: 40px;

    width: 315px;

    background: #fafafa;

    border: 1px solid #e5e5e5;

    margin-bottom: 30px;

    padding: 0 8px;

    font-size: 14px;

    border-radius: 2px;

    color: #666666;

}



.page_upload label.l5 .t3 {

    display: inline-block;

    width: 100px;

    float: left;

    height: 41px;

    line-height: 41px;

    position: relative;

    padding-left: 15px;

    color: #666;

}



.page_upload .FormBase {

    float: left;

    outline: none;

    height: 40px;

    line-height: 40px;

    width: 328px;

    border: 1px solid #e5e5e5;

    margin-bottom: 15px;

    padding: 0 8px;

    font-size: 14px;

    border-radius: 2px;

    color: #666666;

    position: relative;

    font-family: Arial, "微软雅黑", "Microsoft YaHei";

}



.page_upload label.l8 {

    display: block;

    float: left;

    width: 100%;

}



.page_upload label.l8 textarea.text,

.page_upload label.l8 input.text {

    float: left;

    height: 40px;

    line-height: 40px;

    width: 436px;

    background: #fafafa;

    border: 1px solid #e5e5e5;

    margin-bottom: 30px;

    padding: 0 8px;

    font-size: 14px;

    border-radius: 2px;

    color: #666666;

}



.page_upload label.l8 textarea.text {

    height: 120px;

}



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

    .page_upload label.l5 input.text {

        width: calc(100% - 16px - 2px - 135px);

    }



    .page_upload label.l8 input.text {

        width: calc(50% - 16px - 2px - 160px);

    }

}



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

    .page_upload label.l5 .t3 {

        width: 100px;

        padding-left: 0;

    }



    .page_upload label.l5 {

        width: 100%;

    }



    .page_upload label.l5 input.text {

        width: calc(100% - 16px - 2px - 135px);

        margin-bottom: 2%;

    }

}



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

    .page_upload label.l5 .t3 {

        width: 100%;

        padding-left: 0;

    }



    .page_upload label.l5 input.text {

        width: calc(100% - 16px - 2px - 15px);

        margin-bottom: 2%;

    }



    .page_upload label.l8 input.text {

        width: calc(95% - 16px - 2px - 160px);

        margin-bottom: 2%;

    }



    .page_upload .f_list {

        margin-bottom: 2.5%;

    }

}



/*持续左右动*/

@-webkit-keyframes pulse_r {

    0% {

        -webkit-transform: translate(0, 0);

        transform: translate(0, 0);

    }



    50% {

        -webkit-transform: translate(10px, 0);

        transform: translate(10px, 0);

    }



    100% {

        -webkit-transform: translate(0, 0);

        transform: translate(0, 0);

    }

}



@keyframes pulse_r {

    0% {

        -webkit-transform: translate(0, 0);

        transform: translate(0, 0);

    }



    50% {

        -webkit-transform: translate(-10px, 0);

        transform: translate(-10px, 0);

    }



    100% {

        -webkit-transform: translate(0, 0);

        transform: translate(0, 0);

    }

}



/*淡出*/

@keyframes show {

    0% {

        -webkit-transform: scale(.1);

        -ms-transform: scale(.1);

        transform: scale(.1);

        opacity: 0;

    }



    90% {

        -webkit-transform: scale(1.1);

        -ms-transform: scale(1.1);

        transform: scale(1.1);

        opacity: 1;

    }



    100% {

        -webkit-transform: scale(1);

        -ms-transform: scale(1);

        transform: scale(1);

        opacity: 1;

    }

}



@-webkit-keyframes show {

    0% {

        -webkit-transform: scale(.1);

        opacity: 0;

    }



    90% {

        -webkit-transform: scale(1.1);

        opacity: 1;

    }



    100% {

        -webkit-transform: scale(1);

        opacity: 1;

    }

}



@-moz-keyframes show {

    0% {

        -moz-transform: scale(.1);

        opacity: 0;

    }



    90% {

        -moz-transform: scale(1.1);

        opacity: 1;

    }



    100% {

        -moz-transform: scale(1);

        opacity: 1;

    }

}



@-ms-keyframes show {

    0% {

        -ms-transform: scale(.1);

        opacity: 0;

    }



    90% {

        -ms-transform: scale(1.1);

        opacity: 1;

    }



    100% {

        -ms-transform: scale(1);

        opacity: 1;

    }

}



@-o-keyframes show {

    0% {

        -o-transform: scale(.1);

        opacity: 0;

    }



    90% {

        -o-transform: scale(1.1);

        opacity: 1;

    }



    100% {

        -o-transform: scale(1);

        opacity: 1;

    }

}



/**CSS3**/

@-webkit-keyframes rotateIn {

    0% {

        -webkit-transform-origin: center center;

        transform-origin: center center;

        -webkit-transform: rotate(-180deg);

        transform: rotate(-180deg);

        opacity: 0
    }



    100% {

        -webkit-transform-origin: center center;

        transform-origin: center center;

        -webkit-transform: rotate(0);

        transform: rotate(0);

        opacity: 1
    }

}



@keyframes rotateIn {

    0% {

        -webkit-transform-origin: center center;

        -ms-transform-origin: center center;

        transform-origin: center center;

        -webkit-transform: rotate(-180deg);

        -ms-transform: rotate(-180deg);

        transform: rotate(-180deg);

        opacity: 0
    }



    100% {

        -webkit-transform-origin: center center;

        -ms-transform-origin: center center;

        transform-origin: center center;

        -webkit-transform: rotate(0);

        -ms-transform: rotate(0);

        transform: rotate(0);

        opacity: 1
    }

}



.rotateIn {

    -webkit-animation-name: rotateIn;

    animation-name: rotateIn
}



@-webkit-keyframes tada {

    0% {

        -webkit-transform: scale(1)
    }



    10%,

    20% {

        -webkit-transform: scale(0.9) rotate(-3deg)
    }



    30%,

    50%,

    70%,

    90% {

        -webkit-transform: scale(1.1) rotate(3deg)
    }



    40%,

    60%,

    80% {

        -webkit-transform: scale(1.1) rotate(-3deg)
    }



    100% {

        -webkit-transform: scale(1) rotate(0)
    }

}



@-moz-keyframes tada {

    0% {

        -moz-transform: scale(1)
    }



    10%,

    20% {

        -moz-transform: scale(0.9) rotate(-3deg)
    }



    30%,

    50%,

    70%,

    90% {

        -moz-transform: scale(1.1) rotate(3deg)
    }



    40%,

    60%,

    80% {

        -moz-transform: scale(1.1) rotate(-3deg)
    }



    100% {

        -moz-transform: scale(1) rotate(0)
    }

}



/****/



/* 二次修改 23-01-04 */



/* 分页器Start */

.custom_page {

    text-align: center;

    margin-top: 50px;

    font-size: 14px;

}



.custom_page a,

.custom_page .current {

    display: inline-block;

    padding: 0 10px;

    height: 32px;

    line-height: 32px;

    text-align: center;

}



.custom_page .current {

    background: #008ED8;

    color: #fff;

}



.custom_page .pageselect {

    display: none;

}



/* 分页器END */

/* 表单单选Start */

.custom_radios {

    float: left;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    margin-bottom: 30px;

    min-height: 40px;

    line-height: 40px;

}



.custom_radios label {

    display: flex;

    width: auto;

    align-items: center;

    margin-right: 20px;

}



/* 表单单选End */



/* 表单图片上传Start */

.custom_upload {

    position: relative;

    width: 30%;

    height: 200px;

    display: inline-block;

    border: 1px solid #e0e0e0;

    border-radius: 10px;

    text-align: center;

    color: #777777;

    padding: 0 20px;

    box-sizing: border-box;

}



.custom_upload img {

    max-width: 100%;

    height: 144px;

    object-fit: cover;

    margin-top: 20px;

}



.custom_upload input[type="file"] {

    position: absolute;

    top: 0;

    left: 0;

    width: 100% !important;

    height: 100% !important;

    z-index: 1;

}

/* 表单单选End */

/* 2023-02-22 */
/* 首页卡片样式 */
.index_card {
    display: flex;
    align-items: flex-end;
    width: 100%;
    margin: 10px 0;
    height: 170px;
}

.index_card_item {
    flex: 1;
    height: 130px;
    cursor: pointer;
    transition: all .3s;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.index_card_item.bg1 {
    background: #FFB319
}

.index_card_item.bg2 {
    background: #19A1B0
}

.index_card_item.bg3 {
    background: #4C5BB3
}

.index_card_item.bg4 {
    background: #7CB34C
}

.index_card_item.on {
    height: 170px;
    font-size: 30px
}

.index_card_item_title {
    font-size: 24px;
    padding: 0 20px;
    color: #fff;
}

.index_card_item_line {
    width: 30px;
    height: 6px;
    background: #fff;
    margin-top: 20px;
}

.index_card_item.on .index_card_item_line {
    display: none;
}

.index_card_item_desc {
    display: none;
    padding: 0 20px;
    height: 44px;
    font-size: 16px;
    color: #fff;
    line-height: 22px;
    margin-top: 20px;
    text-align: left;
}

.index_card_item.on .index_card_item_desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 移动端 */
@media screen and (max-width:767px) {

    /* 首页卡片 */
    .index_card {
        height: auto;
        margin: 0;
        display: block;
    }

    .index_card_item {
        display: block;
        border-radius: 6px;
        margin-top: 10px;
        height: 80px !important;
        padding: 20px;
    }

    .index_card_item_title {
        width: 100%;
        box-sizing: border-box;
        text-align: left;
        font-size: 16px;
        padding: 0 0 10px;
    }

    .index_card_item_line {
        display: none;
    }

    .index_card_item_desc {
        display: block;
        margin: 0;
        padding: 0;
        font-size: 14px;
    }
}