@charset "utf-8";

/*******CSS commont*************/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
form,
input,
textarea,
p {
    margin: 0;
    padding: 0;
}

img {
    border: 0;
}

ol,
ul {
    list-style: none;
}

h1,
h2,
h3 {
    font-weight: normal;
    font-size: 100%;
}

q:before,
q:after {
    content: '';
}

abbr,
acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

input,
textarea,
select,
button {
    font-weight: inherit;
    font-size: inherit;
    font-family: inherit;
    border: 0px;
}

input,
textarea,
select {
    *font-size: 100%;
}

legend {
    color: #000;
}

/*******CSS reset*************/
body {
    background: #fff;
    color: #333;
    font-size: 12px;
    font-family: 'Microsoft YaHei', '微软雅黑', Arial;
}

@media (min-width:1200px) {
    body {
        font-size: 14px;
    }
}

a {
    color: #333;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s;
}

a:hover {
    text-decoration: none;
    color: #faaf2c;
}

.left {
    float: left;
}

.right {
    float: right;
}

.ovfl {
    overflow: hidden;
}

.mar {
    margin: 0px auto;
}

.clear {
    clear: both;
}

.hidden {
    display: none;
}

.filter_bg8 {
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.imgbox {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.imgbox:after {
    content: '';
    display: block;
    padding-top: 75%;
}

.imgbox img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .36s width;
}

.imgbox:hover img {
    width: 110%;
    transition: .36s width;
}

.imgboxs {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.imgboxs:after {
    content: '';
    display: block;
    padding-top: 100%;
}

.imgboxs img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .36s width;
}

.imgboxs:hover img {
    width: 110%;
    transition: .36s width;
}

.simgbox {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.simgbox:after {
    content: '';
    display: block;
    padding-top: 56.5%;
}

.simgbox img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .36s width;
}

.simgbox:hover img {
    width: 110%;
    transition: .36s width;
}

/*******Css header*******/
#tops {
    border-bottom: solid 1px #f5f5f5;
    overflow: hidden;
    padding-top: 3px;
    padding-bottom: 3px;
}

.topsa1 {
    font-size: 15px;
    font-weight: bold;
    color: #ec0505;
    float: left;
    height: 30px;
    line-height: 30px;
    background: url(../images/tel.png) no-repeat left center;
    padding-left: 30px;
}

#header {
    padding: 8px 0px;
}

#header .container {
    position: relative;
}

.logo {
    width: 75%;
}

.logo img {
    max-width: 100%;
}

.navp1 {
    padding: 10px 0px 10px 30px;
}

.navp1 img {
    max-width: 90%;
}

.navp2 {
    padding-left: 30px;
    font-size: 1.4rem;
}

.navp2 b {
    font-size: 1.6rem;
    color: #faaf2c;
}

.navul {
    width: 90%;
    margin: 15px auto 25px;
}

.nav-item {
    position: relative;
    margin-bottom: 5px;
    border-bottom: solid 1px #f5f5f5;
}

.nav-item p {
    overflow: hidden;
    line-height: 46px;
    max-height: 46px;
    font-size: 16px;
    padding: 0px 10px;
}

.nav-item p i {
    float: right;
    color: #666;
}

.nav-item.nav-show {
    border-bottom: none;
}

.nav-item .msub {
    display: none;
    background: #f1f1f1;
    padding: 0px 16px;
    overflow: hidden;
}

.nav-item .msub a {
    line-height: 2;
    margin-bottom: 5px;
    font-size: 14px;
    display: block;
}

.nav-item .msub a.on {
    color: #faaf2c;
}

.nav-item.nav-show .msub {
    display: block;
}

.nav-item p a {
    float: left;
    width: 100%;
}

.nav-show p i {
    transform: rotate(90deg);
}

.nav-show.nav-item>p {
    background: #f1f1f1;
}

.nav-show>a:before,
.nav-item>a:hover:before {
    opacity: 1;
}

.map_open {
    color: #faaf2c;
    z-index: 999;
    position: absolute;
    top: 50%;
    margin-top: -18px;
    right: 15px;
    width: 26px;
    height: 36px;
    line-height: 30px;
}

.map_open .iconfont {
    font-size: 25px;
}

.map_open:hover {
    color: #1e2952;
}

.map_closes {
    height: 61px;
    line-height: 61px;
    overflow: hidden;
}

.map_closes a {
    text-align: center;
    float: right;
    margin-right: 2px;
}

.map_closes a .iconfont {
    font-size: 30px;
    color: #faaf2c;
}

.map_close:hover {
    transform: rotate(90deg);
    border-radius: 50%;
}

#menu_map {
    transform: translateY(-100%);
    transition: all 800ms cubic-bezier(.8, 0, .33, 1);
    border-radius: 0 0 50% 50%;
    opacity: 0;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    background: #fff;
    width: 100% !important;
    height: 100% !important;
    overflow-x: hidden;
    overflow-y: scroll;
}

#menu_map.down {
    border-radius: 0% 0% 0% 0%;
    transform: translateY(0);
    opacity: 1;
}

#mnav {
    padding: 6px 0px;
    background: #1e2952;
    overflow: hidden;
}

#mnav a {
    color: #fff;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    float: left;
    width: 25%;
    text-align: center;
}

#mnav a.on {
    font-weight: bold;
    color: #faaf2c;
}

@media (min-width:370px) {
    #mnav a {
        font-size: 15px;
    }
}

@media (min-width:768px) {
    #mnav a {
        width: 12.5%;
        height: 36px;
        line-height: 36px;
    }

    .logo {
        width: 198px;
    }

    .tels {
        font-size: 16px;
        font-weight: bold;
        color: #ec0505;
        position: absolute;
        right: 60px;
        top: 50%;
        margin-top: -16px;
        height: 32px;
        line-height: 30px;
        background: url(../images/tel.png) no-repeat left center;
        padding-left: 35px;
    }
}

@media (min-width:992px) {
    #mnav a {
        height: 40px;
        line-height: 40px;
    }

    .tels {
        font-size: 17px;
        right: 70px;
    }
}

@media (min-width:1200px) {
    #header {
        padding: 0px;
        height: 89px;
    }

    .logo {
        margin-top: 20px;
    }

    #nav {
        float: left;
        margin-left: 40px;
    }

    #nav a {
        height: 89px;
        line-height: 89px;
        font-size: 16px;
        float: left;
        padding: 0px 16px;
    }

    #nav a:hover {
        background: #faaf2c;
        color: #fff;
    }

    #nav a.on {
        background: #faaf2c;
        color: #fff;
    }

    .tels {
        font-size: 18px;
        padding-left: 36px;
        right: 0px;
    }
}

@media (min-width:1601px) {
    .logo {
        margin-top: 25px;
    }

    #header {
        height: 99px;
    }

    #nav {
        margin-left: 50px;
    }

    #nav a {
        height: 99px;
        line-height: 99px;
        padding: 0px 20px;
    }
}

.nav a:hover {
    color: #f6e84b;
    font-weight: bold;
}

.tels:hover {
    color: #ec0505;
}


/*******Css banner*******/
.banner {
    text-align: center;
    overflow: hidden;
    margin: 0px auto;
}

.banner .swiper-container .swiper-wrapper img {
    width: 100%;
    height: auto;
}

.mbanner {
    overflow: hidden;
    text-align: center;
    margin: 0px auto;
}

.mbanner .swiper-container .swiper-wrapper img {
    width: 100%;
    height: auto;
}

.page_banner {
    width: 100%;
    position: relative;
    margin: 0px auto;
    text-align: center;
    overflow: hidden;
}

.page_banner img {
    width: 100%;
}

.page_bannerc {
    width: 300px;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    height: 100px;
    text-align: center;
    border: solid 3px rgba(255, 255, 255, 0.3);
    position: absolute;
    top: 50%;
    margin-top: -50px;
    z-index: 6;
    left: 50%;
    margin-left: -150px;
}

.page_bannerp1 {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}

.page_bannerp2 {
    color: #fff;
    margin-top: 5px;
}

#page_menu {
    padding: 5px 0px;
    color: #888;
    border-bottom: solid 1px #dedede;
}

.page_menuc {
    color: #888;
    text-align: right;
    height: 22px;
    line-height: 22px;
}

.page_menuc a {
    color: #888;
}

.page_menuc i {
    margin-right: 6px;
}

.page_menul {
    font-size: 17px;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    color: #333;
}

#cmenus {
    padding: 10px 0px;
    border-bottom: solid 1px #dedede;
    line-height: 1.8;
    text-align: center;
}

#cmenus a {
    font-size: 14px;
    width: 32.3%;
    height: 32px;
    line-height: 30px;
    overflow: hidden;
    border-radius: 5px;
    float: left;
    background: #faaf2c;
    color: #fff;
    margin: 0px 1% 4px 0px;
}

.ptitlesp1 {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    color: #999;
}

.ptitlesp1 i {
    width: 40px;
    height: 2px;
    background: #faaf2c;
    float: left;
    margin-top: 14px;
    margin-right: 15px;
}

.ptitlesp2 {
    font-size: 20px;
    color: #faaf2c;
    font-weight: bold;
    margin-top: 5px;
}

.ptitles {
    margin-bottom: 15px;
}

@media (min-width:768px) {
    #cmenus a {
        width: 24%;
    }

    #page_menu {
        overflow: hidden;
    }

    .page_menul {
        float: left;
        height: 36px;
        line-height: 36px;
    }

    .page_menuc {
        float: right;
        height: 36px;
        line-height: 36px;
    }
}

@media (min-width:992px) {
    #cmenus a {
        width: 19%;
    }
}

@media (min-width:1200px) {
    .page_bannerc {
        width: 680px;
        padding-top: 40px;
        padding-left: 20px;
        padding-right: 20px;
        height: 198px;
        margin-top: -99px;
        margin-left: -340px;
    }

    .page_bannerp1 {
        font-size: 50px;
    }

    .page_bannerp2 {
        font-size: 18px;
    }

    #page_menu {
        padding: 3px 0px;
    }

    .page_menul {
        font-size: 19px;
        height: 40px;
        line-height: 40px;
    }

    .page_menuc {
        height: 40px;
        line-height: 40px;
    }

    #cmenus {
        padding: 30px 0px 20px 0px;
    }

    #cmenus a {
        height: 52px;
        line-height: 50px;
        font-size: 16px;
        width: 13.6%;
        letter-spacing: 1px;
        margin: 0px 0.6% 7px 0px;
    }

    .pcontact {
        width: 100%;
        float: left;
        margin-top: 25px;
        line-height: 2.2;
    }

    .ptitlesp1 i {
        width: 70px;
    }

    .ptitlesp2 {
        font-size: 32px;
        margin-top: 15px;
    }

    .ptitles {
        margin-bottom: 30px;
    }
}

@media (min-width:1601px) {
    #page_menu {
        padding: 7px 0px;
    }

    .page_menul {
        font-size: 24px;
        height: 45px;
        line-height: 45px;
    }

    .page_menuc {
        height: 45px;
        line-height: 45px;
    }
}

#cmenus a:hover {
    background: #1e2952;
}


/*******Css home*******/
#chan1 {
    overflow: hidden;
    border-bottom: solid 1px #dedede;
}

.chan1a1 {
    float: left;
    height: 38px;
    line-height: 38px;
}

.chan1a1 b {
    color: #1e2952;
    font-size: 13px;
    float: left;
    margin-right: 5px;
}

.chan1a1 span {
    color: #444444;
    font-size: 12px;
    float: left;
}

.chan1c {
    float: left;
    width: 60%;
    height: 38px;
    line-height: 38px;
    overflow: hidden;
}

.chan1c .swiper-slide {
    width: auto;
    margin-right: 10px;
}

@media (min-width:375px) {
    .chan1a1 b {
        font-size: 14px;
    }

    .chan1a1 span {
        font-size: 13px;
    }

    .chan1c {
        width: 67%;
    }
}

@media (min-width:768px) {
    .chan1c {
        width: 80%;
    }
}

@media (min-width:1200px) {
    .chan1a1 {
        height: 60px;
        line-height: 60px;
    }

    .chan1a1 b {
        font-size: 17px;
        margin-right: 10px;
    }

    .chan1a1 span {
        font-size: 16px;
    }

    .chan1c {
        width: 80%;
        height: 60px;
        line-height: 60px;
        margin-left: 5px;
    }

    .chan1c .swiper-slide {
        margin-right: 25px;
    }
}

.chan1c a:hover {
    color: #faaf2c;
}

#chan2 {
    margin-top: 25px;
    overflow: hidden;
}

.chan2t {
    text-align: center;
}

.chan2t_p1 {
    font-size: 20px;
    padding-bottom: 10px;
    background: url(../images/icon1.png) no-repeat bottom center;
}

.chan2t_p1 span {
    color: #1e2952;
}

.chan2t_p2 {
    color: #051b3f;
    margin-top: 8px;
}

.ys {
    overflow: hidden;
    margin-top: 10px;
}

.ys a {
    width: 47%;
    float: left;
    margin: 12px 1.5%;
    text-align: center;
}

.ys_img {
    overflow: hidden;
}

.ys_img img {
    width: 100%;
}

.ys_txt {
    padding: 10px 10px 15px 10px;
    background: #1e2952;
}

.ys_txt_p1 {
    font-size: 26px;
    color: #fff;
}

.ys_txt_p2 {
    font-size: 16px;
    color: #fff;
    height: 30px;
    line-height: 30px;
}

.ys_txt_p3 {
    color: rgba(255, 255, 255, 0.7);
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    margin-top: 5px;
}

@media (min-width:992px) {
    .ys a {
        width: 22%;
    }
}

@media (min-width:1200px) {
    #chan2 {
        margin-top: 50px;
    }

    .chan2t_p1 {
        font-size: 40px;
        padding-bottom: 20px;
    }

    .chan2t_p2 {
        font-size: 16px;
        margin-top: 15px;
    }

    .ys {
        margin-top: 25px;
    }

    .ys a {
        margin: 15px 1.5%;
    }

    .ys_txt {
        padding: 25px 20px 30px 20px;
    }

    .ys_txt_p1 {
        font-size: 40px;
    }

    .ys_txt_p2 {
        font-size: 24px;
        height: 40px;
        line-height: 40px;
    }

    .ys_txt_p3 {
        line-height: 23px;
        height: 46px;
        margin-top: 15px;
    }
}

.ys a:hover {
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
}

.ys a:hover .ys_txt {
    background: #faaf2c;
}

.ys a:hover .ys_txt_p1 {
    color: #1e2952;
}

.ys a:hover .ys_txt_p2 {
    color: #1e2952;
}

.ys a:hover .ys_txt_p3 {
    color: #1e2952;
}

#chan3 {
    margin-top: 25px;
    background: #eeeff4;
    padding: 25px 0px;
    overflow: hidden;
}

.products {
    overflow: hidden;
    margin-top: 20px;
}

.products_txt {
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 13px;
    margin-top: 5px;
    overflow: hidden;
}

.products_img {
    border: solid 1px #dedede;
}

.productsml {
    background: #fff;
    margin-top: 15px;
    overflow: hidden;
}

.productsmll {
    width: 100%;
    float: left;
    padding: 10px;
}

.productsmllta1 {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    float: left;
    color: #faaf2c;
}

.productsmllc {
    width: 100%;
    float: left;
    overflow: hidden;
    margin-top: 6px;
    font-size: 14px;
}

.productsmllc .swiper-slide {
    width: auto;
    margin-right: 15px;
}

.productsmllc .swiper-slide a {
    color: #051b3f;
}

.productsmllc .swiper-slide a:hover {
    color: #faaf2c;
}

.productsmla {
    padding: 10px 0px 7px 0px;
    width: 100%;
    float: right;
    background: #1e2952;
    color: #fff;
    text-align: center;
}

.productsmlac {
    display: inline-block;
}

.productsmla_p1 {
    float: left;
    width: 22px;
    height: 22px;
    background: url(../images/icon2.png) no-repeat;
}

.productsmla_p2 {
    float: left;
    font-size: 15px;
    margin-left: 10px;
    height: 22px;
    line-height: 22px;
}

.products_txts {
    text-align: center;
    padding: 0px 10px;
    margin-top: 5px;
}

.products_txtsc {
    display: inline-block;
    font-size: 13px;
    padding-right: 25px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    background: url(../images/more1.png) no-repeat right center;
}

@media (min-width:768px) {
    .productsmll {
        width: 80%;
        padding: 10px 10px 11px 10px;
    }

    .productsmllta1 {
        float: left;
        width: auto;
        line-height: 22px;
    }

    .productsmllc {
        width: 80%;
        margin-top: 0px;
        line-height: 22px;
    }

    .productsmla {
        width: 18%;
    }
}

@media (min-width:1200px) {
    #chan3 {
        margin-top: 60px;
        padding: 50px 0px;
    }

    .products {
        margin-top: 30px;
    }

    .products_txt {
        height: 50px;
        line-height: 50px;
        font-size: 16px;
    }

    .productsb {
        background: #fff;
        border: solid 1px #dedede;
        margin-top: 30px;
        height: 120px;
        position: relative;
    }

    .productsbl {
        width: 1170px;
        float: left;
        padding: 20px 30px;
        overflow: hidden;
    }

    .productsblt {
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }

    .productsblta1 {
        color: #faaf2c;
        font-weight: bold;
        font-size: 18px;
        margin-right: 10px;
    }

    .productsblt span a {
        margin-right: 18px;
    }

    .productsba {
        width: 130px;
        height: 118px;
        position: absolute;
        right: 0px;
        top: 0px;
        background: #faaf2c;
        color: #fff;
        text-align: center;
    }

    .productsba_p1 {
        height: 35px;
        background: url(../images/icon2.png) no-repeat center;
        margin-top: 30px;
    }

    .productsba_p2 {
        margin-top: 10px;
    }

    .productsml {
        margin-top: 30px;
    }

    .productsmll {
        width: 87%;
        padding: 0px 25px;
        height: 80px;
    }

    .productsmllta1 {
        line-height: 80px;
        font-size: 20px;
    }

    .productsmllc {
        line-height: 80px;
        font-size: 17px;
    }

    .productsmllc .swiper-slide {
        margin-right: 39px;
    }

    .productsmla {
        width: 13%;
        height: 80px;
        line-height: 90px;
        padding: 0px;
    }

    .productsmla_p2 {
        font-size: 16px;
    }

    .products_txts {
        margin-top: 12px;
    }

    .products_txtsc {
        font-size: 16px;
        padding-right: 28px;
    }
}

.productsmla:hover {
    background: #faaf2c;
    color: #fff;
}

.products a:hover .products_txtsc {
    color: #faaf2c;
}


.productsba:hover {
    background: #1e2952;
    color: #fff;
}

#chan4 {
    overflow: hidden;
    background: #1e2952;
    padding: 25px 0px;
}

.mcaset {
    overflow: hidden;
    text-align: center;
}

.mcaset_p1 {
    font-size: 20px;
    color: #fff;
    padding-bottom: 10px;
    background: url(../images/icon3.png) no-repeat bottom center;
}

.case {
    overflow: hidden;
    margin-top: 20px;
}

.case_txt {
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 13px;
    margin-top: 5px;
    overflow: hidden;
    color: #fff;
}

.mcasem {
    margin-top: 10px;
    text-align: center;
}

.mcasem a {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    background: url(../images/more2.png) no-repeat left center;
    padding-left: 30px;
    color: #fff;
}

@media (min-width:1200px) {
    #chan4 {
        padding: 50px 0px;
    }

    .caset {
        float: left;
        width: 190px;
    }

    .caset_p1 {
        font-size: 40px;
        color: #fff;
        padding-bottom: 20px;
        background: url(../images/icon3.png) no-repeat bottom left;
    }

    .caset_p2 {
        margin-top: 35px;
        line-height: 24px;
        font-size: 14px;
        height: 48px;
        overflow: hidden;
        color: rgba(255, 255, 255, 0.9);
    }

    .caset_p3 {
        transition: all 0.3s;
        color: #fff;
        margin-top: 30px;
        height: 22px;
        line-height: 22px;
        padding-left: 30px;
        background: url(../images/more2.png) no-repeat left center;
    }

    .case {
        width: 1050px;
        float: right;
        margin-top: 0px;
    }

    .case_txt {
        height: 50px;
        line-height: 50px;
        font-size: 16px;
    }

    .caset a:hover .caset_p3 {
        padding-left: 35px;
    }
}

.case a:hover .case_txt {
    color: #faaf2c;
}

#chan5 {
    margin-top: 25px;
}

.about_txt {
    margin-top: 20px;
}

.aboutc {
    line-height: 22px;
    height: 132px;
    overflow: hidden;
}

.aboutm {
    overflow: hidden;
    margin-top: 20px;
}

.aboutm a {
    height: 22px;
    line-height: 22px;
    color: #051b3f;
    background: url(../images/icon4.png) no-repeat left center;
    padding-left: 30px;
}

.aboutm a:hover {
    color: #faaf2c;
}

.about_img {
    overflow: hidden;
    text-align: center;
    margin-top: 20px;
}

.about_img img {
    width: 100%;
}

#about_img {
    position: relative;
}

#about_img .swiper-pagination {
    text-align: left;
    padding-left: 20px;
}

#about_img .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    opacity: 1;
    background: none;
    border: solid 1px #fff;
}

#about_img .swiper-pagination-bullet-active {
    background: #fff;
}

.aboutc_tt {
    font-size: 14px;
    font-weight: bold;
    color: #1e2952;
}

@media (min-width:768px) {
    .about_txt {
        width: 50%;
        float: left;
    }

    .about_img {
        width: 45%;
        float: right;
    }
}

@media (min-width:992px) {
    .about_txt {
        width: 60%;
    }

    .about_img {
        width: 35%;
    }
}

@media (min-width:1200px) {
    #chan5 {
        margin-top: 50px;
        position: relative;
        padding-bottom: 45px;
    }

    .about_txt {
        width: 580px;
        margin-top: 100px;
    }

    .about_img {
        width: 606px;
        margin-top: 65px;
    }

    .aboutc {
        line-height: 36px;
        height: 288px;
        font-size: 16px;
    }

    .aboutul {
        margin-top: 30px;
    }

    .aboutul li {
        height: 40px;
        line-height: 40px;
        color: #5a6981;
    }

    .aboutul li b {
        float: left;
        font-size: 22px;
        margin-right: 15px;
    }

    .aboutul li b span {
        color: #1e2952;
    }

    .aboutbg {
        z-index: -1;
        width: calc(100%/2);
        height: 200px;
        background: #faaf2c;
        position: absolute;
        right: 0px;
        bottom: -20px;
    }

    .aboutm {
        margin-top: 30px;
    }

    .aboutm a:hover {
        padding-left: 35px;
    }

    .aboutc_tt {
        font-size: 18px;
    }
}

#chan6 {
    overflow: hidden;
    background: #eeeff4;
    padding: 25px 0px;
    margin-top: 25px;
}

.news_t {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
}

.newst_a1 {
    float: left;
    font-size: 20px;
    background: url(../images/icon1.png) no-repeat right center;
    padding-right: 85px;
}

.newst_a2 {
    float: right;
    color: #051b3f;
    background: url(../images/icon4.png) no-repeat left center;
    padding-left: 30px;
}

.news {
    overflow: hidden;
    margin-top: 20px;
}

.news a {
    width: 100%;
    float: left;
    background: #fff;
    padding: 15px;
}

.news_tp1 {
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    font-size: 14px;
}

.news_tp2 {
    line-height: 20px;
    height: 60px;
    color: #999;
    overflow: hidden;
}

.news_tp3 {
    font-weight: bold;
    color: #999;
    margin-top: 5px;
}

@media (min-width:1200px) {
    #chan6 {
        margin-top: 0px;
        padding: 70px 0px 50px 0px;
    }

    .news_t {
        height: 60px;
        line-height: 60px;
    }

    .newst_a1 {
        font-size: 40px;
    }

    .news {
        margin-top: 35px;
    }

    .news a {
        padding: 25px;
    }

    .news_tp1 {
        height: 40px;
        line-height: 40px;
        font-size: 17px;
    }

    .news_tp2 {
        line-height: 28px;
        height: 84px;
    }

    .news_tp3 {
        margin-top: 10px;
    }
}

.news a:hover {
    background: #faaf2c;
    color: #fff;
}

.news a:hover .news_tp2 {
    color: #fff;
}

.news a:hover .news_tp3 {
    color: #fff;
}

.newst_a2:hover {
    margin-right: 5px;
    color: #faaf2c;
}

/*******Css footer*******/
#footer {
    overflow: hidden;
    background: #222222;
    padding: 12px 0px;
    color: #959595;
    line-height: 2;
}

#footer a {
    color: #959595;
}

#footer a:hover {
    color: #fff;
}

.footer_menu {
    overflow: hidden;
}

.footer_menu a {
    width: 25%;
    float: left;
}

.footerc {
    overflow: hidden;
    margin-top: 10px;
}

#fmenu {
    border-top: solid 1px rgba(255, 255, 255, 0.1);
    margin-bottom: 65px;
    background: #222222;
    padding: 6px 0px;
    text-align: center;
    color: #959595;
}

#fmenu a {
    color: #959595;
}

.footerlp3 a {
    margin-right: 6px;
}

@media (min-width:768px) {
    #fmenu {
        margin-bottom: 0px;
    }

    .footer_menu a {
        width: 12.5%;
    }
}

@media (min-width:1200px) {
    #footer {
        padding: 25px 0px 20px 0px;
    }

    #fmenu {
        padding: 10px 0px;
    }

    .footerc {
        margin-top: 25px;
    }

    .footerl {
        width: 1100px;
        float: left;
    }

    .footerr {
        width: 120px;
        float: right;
        text-align: center;
        line-height: 50px;
    }

    .footerr img {
        width: 100%;
    }

    .footerlp3 a {
        margin-right: 10px;
    }
}


.footernav {
    width: 100%;
    color: #fff;
    height: auto;
    overflow: hidden;
    position: fixed;
    bottom: 0px;
    padding: 10px 0px;
    left: 0px;
    z-index: 999;
    background: #faaf2c;
}

.footernav a {
    color: #fff;
}

.footernav ul li {
    width: 25%;
    float: left;
    text-align: center;
}

.footernp1 {
    font-size: 18px;
}

.footernp2 {
    line-height: 1.5;
}

.footernav ul li.on .footernp1 {
    animation: swing 1s;
}

#warp {
    overflow: hidden;
    margin-bottom: 25px;
}

.right_side {
    margin-top: 25px;
    overflow: hidden;
}

.left_side {
    overflow: hidden;
    margin-top: 25px;
}

.left_clst {
    background: #faaf2c;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 12px 0px;
}

.left_cls {
    overflow: hidden;
    background: #eee;
    padding: 5px 0px 10px 0px;
}

.left_cls a {
    width: 100%;
    float: left;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    border-bottom: solid 1px #dedede;
    background: url(../images/icon5.png) no-repeat 15px center;
    padding-left: 43px;
}

.page_con {
    margin: 25px auto 0px;
    overflow: hidden;
}

.ysc {
    margin-top: 25px;
    overflow: hidden;
}

@media (min-width:768px) {
    .left_cls a {
        width: 50%;
        padding-right: 15px;
    }
}

@media (min-width:1200px) {
    #warp {
        margin-bottom: 50px;
    }

    .right_side {
        width: 77%;
        float: right;
        margin-top: 40px;
    }

    .left_side {
        width: 20%;
        float: left;
        margin-top: 40px;
    }

    .left_clst {
        font-size: 22px;
        padding: 22px 0px;
    }

    .left_cls a {
        width: 100%;
        font-size: 18px;
        height: 66px;
        line-height: 63px;
    }

    .left_contact {
        background: #1e2952;
        padding: 25px 20px;
        color: #fff;
        line-height: 2.2;
    }

    .cleft_cls {
        overflow: hidden;
    }

    .cleft_clst {
        height: 54px;
        line-height: 54px;
        font-size: 16px;
        border-bottom: solid 1px #CCCCCC;
        font-weight: bold;
        padding-left: 50px;
        background: #e9e9e9 url(../images/icon5.png) no-repeat 20px center;
    }

    .cleft_clsc {
        overflow: hidden;
        display: none;
    }

    .cleft_clsc a {
        width: 100%;
        float: left;
        height: 40px;
        line-height: 40px;
        border-bottom: solid 1px #DEDEDE;
        padding-left: 40px;
    }

    .cleft_clst.on {
        background: #e9e9e9 url(../images/icon5h.png) no-repeat 20px center;
    }
}

.left_cls a:hover {
    padding-left: 50px;
    color: #faaf2c;
}

.left_cls a.on {
    padding-left: 50px;
    color: #faaf2c;
}

#page_menus {
    background: #fff;
    overflow: hidden;
    transition: all 0.2s;
}

.page_menuls {
    float: left;
    font-size: 20px;
    font-weight: bold;
    height: 52px;
    line-height: 52px;
    background: url(../images/pbg2.jpg) no-repeat left center;
    padding-left: 20px;
}

.page_menusc {
    float: right;
    overflow: hidden;
    height: 52px;
    line-height: 52px;
    width: 65%;
}

.page_menusc .swiper-slide {
    cursor: pointer;
    width: auto;
    margin: 0px 0px 0px 30px;
    position: relative;
    font-size: 14px;
}

.page_menusc .swiper-slide i {
    width: 0px;
    height: 2px;
    background: #faaf2c;
    transition: all 0.3s;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.page_menusc .swiper-slide:hover {
    color: #faaf2c;
    font-weight: bold;
}

.page_menusc .swiper-slide.swiper-slide-active {
    color: #faaf2c;
    font-weight: bold;
}

.page_menusc .swiper-slide:hover i {
    width: 100%;
}

.page_menusc .swiper-slide.swiper-slide-active i {
    width: 100%;
}

#page_menus.on {
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999;
}

#page_menus.on .page_menuls {
    height: 40px;
    line-height: 40px;
    font-size: 18px
}

#page_menus.on .page_menusc {
    height: 40px;
    line-height: 40px;
}

@media (min-width:768px) {
    .page_menusc {
        width: 70%;
    }
}

@media (min-width:992px) {
    .page_menusc .swiper-slide {
        margin: 0px 0px 0px 40px;
    }
}

@media (min-width:1200px) {
    .page_menuls {
        height: 56px;
        line-height: 56px;
        font-size: 22px;
    }

    .page_menusc {
        height: 56px;
        line-height: 56px;
    }

    .page_menusc .swiper-slide {
        margin: 0px 0px 0px 80px;
        font-size: 16px;
    }

    #page_menus.on .page_menuls {
        height: 42px;
        line-height: 42px;
    }

    #page_menus.on .page_menusc {
        height: 42px;
        line-height: 42px;
    }
}

@media (min-width:1601px) {
    .page_menuls {
        height: 75px;
        line-height: 75px;
        font-size: 26px;
    }

    .page_menusc {
        height: 75px;
        line-height: 75px;
    }

    .page_menusc .swiper-slide {
        margin: 0px 0px 0px 80px;
        font-size: 18px;
    }

    #page_menus.on .page_menuls {
        height: 50px;
        line-height: 50px;
        font-size: 22px;
    }

    #page_menus.on .page_menusc {
        height: 50px;
        line-height: 50px;
    }
}

/*******Css company*******/
#company {
    margin-top: 25px;
}

.comptt {
    color: #faaf2c;
    text-align: center;
    margin-top: 30px;
    font-size: 20px;
    font-weight: bold;
}

#company1 {
    background: #eeeeee;
    overflow: hidden;
    padding: 20px 0px 20px 0px;
    margin-top: 25px;
}

.companyt {
    font-size: 18px;
    padding-bottom: 12px;
    border-bottom: solid 1px #d0d0d0;
}

.fzlc {
    overflow: hidden;
    margin-top: 20px;
    position: relative;
    padding-left: 25px;
}

.fzlc .fzlcline {
    width: 1px;
    height: 100%;
    background: #d0d0d0;
    position: absolute;
    left: 10px;
}

.fzlc a {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    line-height: 22px;
    font-size: 13px;
    position: relative;
}

.fzlc a i {
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 50%;
    z-index: 1;
    border: solid 1px #dedede;
    position: absolute;
    top: 5px;
    left: -21px;
}

.fzlc a span {
    float: left;
    width: 100%;
    font-weight: bold;
}

.fzlc a div {
    float: left;
    width: 100%;
}

.fzlc a.on i {
    background: #faaf2c;
}

.fzlc a.on span {
    color: #faaf2c;
}

.honor {
    overflow: hidden;
    margin-top: 20px;
    text-align: center;
}

.honor_img {
    border: solid 1px #dedede;
}

.honor_txt {
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    font-size: 13px;
    text-align: center;
}

.conc {
    overflow: hidden;
    margin-top: 20px;
}

.concp1 {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
}

.conc_sc {
    line-height: 2;
}

.conc_sc p i {
    margin-right: 7px;
}

.conc_img {
    margin-top: 15px;
}

.conc_img img {
    max-width: 100%;
}

.scyx {
    margin-top: 20px;
    overflow: hidden;
}

.hjzs {
    margin-top: 20px;
    overflow: hidden;
}

.company_tt {
    text-align: center;
}

.company_ttp1 {
    font-size: 20px;
}

.company_ttp2 {
    height: 2px;
    overflow: hidden;
    position: relative;
    margin-top: 6px;
}

.company_ttp2 i {
    width: 20px;
    height: 2px;
    background: #faaf2c;
    position: absolute;
    left: 50%;
    margin-left: -10px;
}

.company_ftt {
    text-align: center;
    font-size: 16px;
    margin-top: 5px;
    color: rgba(0, 0, 0, 0.6);
}

@media (min-width:768px) {
    .conc_wx {
        width: 18%;
    }

    .conc_cc {
        width: 76%;
    }
}

@media (min-width:992px) {
    .conc_txt {
        width: 55%;
        float: left;
    }

    .conc_img {
        width: 40%;
        float: right;
        margin-top: 0px;
    }

    .conc_wx {
        width: 20%;
    }

    .conc_cc {
        width: 76%;
    }

    #conc_txts {
        width: 100%;
    }

    #conc_txts .conc_cc {
        font-size: 14px;
        margin-top: 15px;
    }

    #conc_txts .concp2 {
        margin-top: 25px;
        font-size: 18px;
    }

    #conc_txts .conc_sc {
        margin-top: 16px;
        font-size: 14px;
    }
}

@media (min-width:1200px) {
    #company {
        margin-top: 60px;
    }

    .companyt {
        font-size: 24px;
        padding-bottom: 15px;
    }

    .comptt {
        font-size: 32px;
    }

    #company1 {
        margin-top: 40px;
        padding: 40px 0px;
    }

    .fzlc {
        margin-top: 30px;
        padding-left: 75px;
    }

    .fzlc .fzlcline {
        left: 30px;
    }

    .fzlc a i {
        left: -50px;
    }

    .fzlc a span {
        width: auto;
    }

    .fzlc a {
        font-size: 16px;
        margin-bottom: 26px;
    }

    .fzlc a div {
        width: 92%;
        float: right;
    }

    .honor {
        margin-top: 30px;
    }

    .honor a {
        width: 100%;
        float: left;
    }

    .honor_txt {
        height: 40px;
        line-height: 40px;
    }

    .conc {
        margin-top: 30px;
    }

    .conc_txt {
        width: 550px;
        border-right: solid 1px #dedede;
        padding-right: 30px;
    }

    .conc_img {
        width: 690px;
    }

    .concp1 {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .conc_wx {
        width: 120px;
    }

    .conc_cc {
        width: 340px;
        margin-top: 20px;
    }

    .concp2 {
        margin-top: 25px;
        font-size: 16px;
    }

    .conc_sc {
        margin-top: 20px;
        line-height: 2.3;
    }

    #conc_txts .conc_wx {
        width: 140px;
    }

    #conc_txts {
        margin-top: 30px;
    }

    #conc_txts .conc_cc {
        width: 700px;
        float: left;
        margin-left: 70px;
        font-size: 15px;
    }

    #conc_txts .concp2 {
        margin-top: 35px;
        font-size: 18px;
    }

    #conc_txts .conc_sc {
        font-size: 15px;
    }

    .contcts {
        margin-top: 20px;
        overflow: hidden;
    }

    .scyx {
        margin-top: 30px;
    }

    .hjzs {
        margin-top: 30px;
    }

    .company_ttp1 {
        font-size: 40px;
    }

    .company_ttp2 {
        margin-top: 15px;
    }

    .company_ttp2 i {
        width: 30px;
        margin-left: -15px;
    }

    .company_ftt {
        margin-top: 20px;
    }
}

#company2 {
    margin-top: 25px;
    background: #faaf2c;
    padding: 20px 0px;
}

.company2_ul {
    overflow: hidden;
}

.company2_ul li {
    padding: 8px 15px;
    background: #fff;
    margin: 4px 0px;
}

.company2_p1 {
    height: 36px;
    line-height: 36px;
    background: url(../images/ysicon.png) no-repeat left center;
    padding-left: 50px;
    color: #faaf2c;
    font-size: 18px;
}

.company2_p2 {
    margin-top: 8px;
    line-height: 1.5;
}

@media (min-width:992px) {
    .company2_p2 {
        margin-top: 10px;
        font-size: 14px;
    }
}

@media (min-width:1200px) {
    #company2 {
        margin-top: 60px;
        padding: 40px 0px;
    }

    .company2_ul li {
        padding: 15px 80px;
        overflow: hidden;
    }

    .company2_p1 {
        height: 60px;
        line-height: 60px;
        font-size: 35px;
        float: left;
    }

    .company2_p2 {
        width: 800px;
        float: left;
        margin-left: 50px;
        height: 60px;
        line-height: 60px;
        font-size: 16px;
        margin-top: 0px;
    }
}

.pfwzc {
    overflow: hidden;
    margin-top: 15px;
}

.pfwzc li {
    width: 46%;
    float: left;
    margin: 10px 2%;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    padding: 15px 10px;
}

.pfwzc_img {
    overflow: hidden;
    text-align: center;
}

.pfwzc_img img {
    max-width: 100%;
}

.pfwzc_txt {
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 16px;
    border-bottom: solid 1px #dedede;
    overflow: hidden;
    color: #faaf2c;
}

.pfwzc_dc {
    margin-top: 12px;
    line-height: 20px;
    height: 60px;
    overflow: hidden;
    color: #888;
}

@media (min-width:768px) {
    .pfwzc li {
        width: 44%;
        margin: 18px 3%;
    }

    .pfwzc_dc {
        line-height: 21px;
        height: 42px;
    }
}

@media (min-width:992px) {
    .pfwzc li {
        width: 23%;
        margin: 10px 1%;
    }

    .pfwzc_dc {
        line-height: 21px;
        height: 63px;
    }
}

@media (min-width:1200px) {
    .pfwzc_txt {
        height: 50px;
        line-height: 50px;
        font-size: 18px;
    }

    .pfwzc_dc {
        line-height: 23px;
        height: 69px;
    }
}

@media (min-width:1601px) {
    .pfwzc li {
        padding: 20px;
    }

    .pfwzc_txt {
        height: 60px;
        line-height: 60px;
        font-size: 20px;
    }

    .pfwzc_dc {
        line-height: 25px;
        height: 75px;
    }
}

.psyhz {
    overflow: hidden;
    margin-top: 20px;
}

.psyhzt {
    text-align: center;
}

.psyhzt p {
    height: 45px;
    line-height: 45px;
    display: inline-block;
    font-size: 20px;
    border-bottom: solid 1px #dedede;
    padding: 0px 8px;
}

.psyhzft {
    color: #999;
    margin-top: 8px;
    text-align: center;
}

.schz {
    overflow: hidden;
    margin-top: 15px;
}

.schz a {
    width: 42%;
    font-size: 22px;
    float: left;
    margin: 10px 4%;
    border: solid 2px #faaf2c;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
}

.schz a b {
    color: #faaf2c;
}

.phzjz {
    overflow: hidden;
    margin-top: 15px;
}

.phzjz li {
    width: 46%;
    float: left;
    margin: 10px 2%;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}

.phzjz_img {
    overflow: hidden;
    text-align: center;
}

.phzjz_img img {
    max-width: 100%;
}

.phzjz_txt {
    height: 42px;
    line-height: 21px;
    margin: 10px 5px 13px 5px;
    text-align: center;
    font-size: 13px;
    overflow: hidden;
    color: #faaf2c;
}

@media (min-width:768px) {
    .schz a {
        width: 22%;
        margin: 10px 1.5%;
    }

    .phzjz_txt {
        line-height: 26px;
        height: 26px;
    }
}

@media (min-width:1200px) {
    .psyhzt p {
        height: 55px;
        line-height: 55px;
        font-size: 24px;
    }

    .schz {
        margin-top: 25px;
    }

    .psyhz {
        margin-top: 30px;
    }

    .phzjz {
        margin-top: 25px;
    }

    .phzjz li {
        width: 29%;
        margin: 20px 2%;
    }
}

@media (min-width:1601px) {
    .psyhzt p {
        height: 60px;
        line-height: 60px;
        font-size: 28px;
    }

    .schz {
        margin-top: 35px;
    }

    .psyhz {
        margin-top: 40px;
    }

    .phzjz {
        margin-top: 35px;
    }

    .schz a {
        font-size: 25px;
        width: 19%;
        margin: 20px 3%;
    }

    .phzjz_txt {
        font-size: 15px;
    }
}

.contactust {
    margin-top: 10px;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}

.contactus {
    overflow: hidden;
    margin-top: 5px;
}

.contactus li {
    background: #f1f1f1;
    text-align: center;
    border-radius: 5px;
    padding: 15px 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.contactusp1 {
    height: 44px;
}

.contactusp2 {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    color: #888;
    font-size: 14px;
    margin-top: 5px;
}

.contactusp2 b {
    color: #faaf2c;
    font-size: 16px;
}

#contactusli1 .contactusp1 {
    background: url(../images/fot-icon-03.png) no-repeat center;
}

#contactusli2 .contactusp1 {
    background: url(../images/fot-icon-01.png) no-repeat center;
}

#contactusli3 .contactusp1 {
    background: url(../images/fot-icon-06.png) no-repeat center;
}

#contactusli4 .contactusp1 {
    background: url(../images/fot-icon-02.png) no-repeat center;
}

@media (min-width:768px) {
    .contactus li {
        width: 48%;
        float: left;
        margin-right: 1%;
        margin-left: 1%;
        padding: 20px 10px;
    }
}

@media (min-width:992px) {
    .contactus li {
        padding: 25px 10px;
        margin-top: 15px;
    }
}

@media (min-width:1200px) {
    .contactust {
        font-size: 20px;
        margin-top: 15px;
    }

    .contactus {
        margin-top: 20px;
    }

    .contactus li {
        padding: 35px 10px;
    }

    .contactusp2 {
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        margin-top: 10px;
    }

    .contactusp2 b {
        font-size: 20px;
    }
}

.contactus li:hover {
    cursor: pointer;
    background: #faaf2c;
    color: #fff;
}

.contactus li:hover .contactusp2 {
    color: #f1f1f1;
}

.contactus li:hover .contactusp2 b {
    color: #fff;
}

#contactusli1:hover .contactusp1 {
    background: url(../images/contact-icon-05.png) no-repeat center;
}

#contactusli2:hover .contactusp1 {
    background: url(../images/contact-icon-01.png) no-repeat center;
}

#contactusli3:hover .contactusp1 {
    background: url(../images/contact-icon-06.png) no-repeat center;
}

#contactusli4:hover .contactusp1 {
    background: url(../images/contact-icon-03.png) no-repeat center;
}

/*******Css list*******/
#newslist {
    overflow: hidden;
}

#newslist li {
    margin-bottom: 20px;
    overflow: hidden;
}

#newslist li a {
    width: 100%;
    position: relative;
    float: left;
    background: #fff;
    padding: 13px 10px;
}

.newslist_times {
    height: 26px;
    line-height: 26px;
    color: #999;
    font-size: 14px;
    margin-bottom: 5px;
}

.newslist_img {
    border: solid 1px #dedede;
}

.newslistp1 {
    margin-top: 10px;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    font-size: 15px;
    font-weight: bold;
}

.newslistp2 {
    line-height: 20px;
    max-height: 40px;
    overflow: hidden;
    color: #999;
}

.newslistp3 {
    margin-top: 5px;
    color: #faaf2c;
    text-transform: uppercase;
}

@media (min-width:768px) {
    .newslist_time {
        color: #888;
    }

    .newslist_img {
        width: 28%;
        float: left;
    }

    .newslist_txt {
        width: 68%;
        float: right;
    }

    .newslistp1 {
        margin-top: 5px;
    }

    .newslistp2 {
        margin-top: 6px;
    }

    .newslistp3 {
        margin-top: 10px;
    }

    .newslistp1s {
        color: #999;
        margin-top: 5px;
    }
}

@media (min-width:992px) {
    .newslistp1 {
        font-size: 16px;
        margin-top: 10px;
    }

    .newslistp3 {
        height: 26px;
        line-height: 26px;
        overflow: hidden;
    }

    .newslistp3 i {
        transition: all ease 1s;
        float: left;
        margin-top: 11px;
        height: 3px;
        background: #f2f50b;
    }

    .newslistp3 span {
        float: left;
    }

    .newslist_img {
        width: 20%;
    }

    .newslist_txt {
        width: 77%;
    }
}

@media (min-width:1200px) {
    #newslist li a {
        padding: 15px 6px;
        border-bottom: solid 1px #eaeaea;
    }

    .newslist_img {
        width: 22%;
    }

    .newslist_txt {
        width: 75%;
    }

    .newslistp1 {
        height: 35px;
        line-height: 35px;
        font-size: 16px;
    }

    .newslistp2 {
        line-height: 23px;
        max-height: 46px;
    }

    .newslistp3 {
        margin-top: 10px;
    }

    #newslist li a:hover {
        background: #faaf2c;
        color: #fff;
    }

    #newslist li a:hover .newslistp1s {
        color: #fff;
    }

    #newslist li a:hover .newslistp2 {
        color: #fff;
    }

    #newslist li a:hover .newslistp3 {
        color: #fff;
    }

    #newslist li a:hover .newslistp3 i {
        width: 60px;
        margin-right: 6px;
    }

    #newslist li a:hover .newslist_time {
        color: #fff;
    }
}



#proUL {
    overflow: hidden;
}

#proUL li {
    margin: 10px 0px;
}

.pros_imgs {
    border: solid 1px #dedede;
}

.pros_txt {
    background: #f5f5f5;
    padding: 15px;
}

.pros_txtp1 {
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    position: relative;
}

.pros_txtp1 a {
    font-size: 14px;
    color: #1e2952;
}

.pros_txtp1 i {
    width: 20px;
    height: 1px;
    background: #faaf2c;
    position: absolute;
    left: 0px;
    bottom: 0px;
    transition: all 0.3s;
}

.pros_txtp2 {
    color: #888;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    margin-top: 10px;
}

.pros_txtp3 {
    overflow: hidden;
    margin-top: 15px;
}

.pros_txtp3 a {
    float: left;
    padding: 6px 18px;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.pros_txtp3 a span {
    z-index: 55;
    position: relative;
}

.pros_txtp3a1 {
    background: #faaf2c;
}

.pros_txtp3a2 {
    background: #1e2952;
    margin-left: 10px;
}

@media (min-width:768px) {
    #proUL li {
        width: 48%;
        float: left;
        margin: 10px 1%;
    }
}

@media (min-width:992px) {
    #proUL li {
        width: 31%;
        float: left;
        margin: 10px 1%;
    }
}

@media (min-width:1200px) {
    #proUL li {
        margin: 15px 1%;
    }

    .pros_txt {
        padding: 10px 15px 20px 15px;
    }

    .pros_txtp1 {
        height: 46px;
        line-height: 46px;
    }

    .pros_txtp1 a {
        font-size: 16px;
    }

    .pros_txtp2 {
        line-height: 22px;
        height: 44px;
    }

    .pros_txtp3 a {
        padding: 8px 22px;
    }
}

.pros_txtp1:hover i {
    width: 40px;
}

.pros_txtp3a1 .bgsqr1 {
    content: '';
    width: 0;
    height: 0;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-style: solid;
    border-width: 0;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: #faaf2c;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.pros_txtp3a1 .bgsqr2 {
    content: '';
    width: 0;
    height: 0;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-style: solid;
    border-width: 0;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-right-color: #1e2952;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.pros_txtp3a2 .bgsqr1 {
    content: '';
    width: 0;
    height: 0;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-style: solid;
    border-width: 0;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: #1e2952;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.pros_txtp3a2 .bgsqr2 {
    content: '';
    width: 0;
    height: 0;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-style: solid;
    border-width: 0;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-right-color: #faaf2c;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.pros_txtp3 a:hover .bgsqr1 {
    border-width: 200px 0 0 200px;
}

.pros_txtp3 a:hover .bgsqr2 {
    border-width: 0 200px 200px 0;
}

#piclist {
    overflow: hidden;
}

#piclist li {
    margin-bottom: 15px;
    overflow: hidden;
}

.piclist_img {
    overflow: hidden;
}

.piclist_img img {
    width: 100%;
}

.piclistp1 {
    height: 28px;
    font-weight: bold;
    line-height: 28px;
    overflow: hidden;
    margin-top: 6px;
    font-size: 15px;
}

.piclistp2 {
    line-height: 18px;
    height: 54px;
    overflow: hidden;
    color: #888;
    margin-top: 5px;
}

.piclistp3 {
    margin-top: 5px;
    text-transform: uppercase;
    color: #999;
}

@media (min-width:768px) {
    #piclist li a {
        overflow: hidden;
        float: left;
        width: 100%;
    }

    .piclist_img {
        width: 25%;
        float: left;
    }

    .piclist_txt {
        width: 72%;
        float: right;
        margin-top: 0px;
    }
}

@media (min-width:992px) {
    #piclist li {
        padding-bottom: 14px;
        margin-top: 16px;
    }
}

@media (min-width:1200px) {
    #piclist li {
        margin-top: 35px;
        padding-bottom: 22px;
    }

    .piclist_img {
        width: 21%;
    }

    .piclist_txt {
        width: 76%;
    }

    .piclistp1 {
        height: 38px;
        line-height: 38px;
        font-size: 20px;
    }

    .piclistp2 {
        line-height: 23px;
        height: 46px;
        margin-top: 12px;
    }

    .piclistp3 {
        margin-top: 30px;
    }
}

#piclist li a:hover .piclistp3 {
    color: #2b6ed7;
}

#newslist1 {
    overflow: hidden;
    margin-top: 10px;
}

#newslist1 li {
    margin-top: 15px;
    overflow: hidden;
    padding-bottom: 20px;
    border-bottom: solid 1px #e5e5e5;
}

.newslist1p1 {
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    font-size: 14px;
}

.newslist1p4 {
    color: #999;
}

.newslist1p2 {
    line-height: 21px;
    height: 42px;
    margin-top: 5px;
    overflow: hidden;
    color: #999;
}

.newslist1p3 {
    margin-top: 10px;
    color: #999;
}

@media (min-width:992px) {
    .newslist1p2 {
        height: 24px;
        line-height: 24px;
    }
}

@media (min-width:1200px) {
    #newslist1 {
        margin-top: 18px;
    }

    #newslist1 li {
        margin-top: 23px;
        padding-bottom: 20px;
    }

    .newslist1p1 {
        height: 38px;
        line-height: 38px;
        font-size: 16px;
    }

    .newslist1p2 {
        height: 26px;
        line-height: 26px;
    }

    .newslist1p3 {
        margin-top: 15px;
    }
}

#picUL li {
    margin: 0px 0px 12px 0px;
    overflow: hidden;
}

#picUL li a {
    width: 100%;
    height: 100%;
    float: left;
    background: #f5f5f5;
    text-align: center;
    padding: 5px;
}

#picUL li a .pic_02 {
    height: 38px;
    line-height: 38px;
    overflow: hidden;
    margin: 0px 5px;
}

#picUL li a:hover {
    background: #faaf2c;
    color: #fff;
}






/*******Css info*******/
#company_main {
    line-height: 2;
    font-size: 13px;
}

#company_main img {
    max-width: 100%;
}

#company_main a {
    color: #faaf2c;
}

#company_main strong {
    color: #faaf2c;
}

#contact_main {
    margin: 0 auto;
}

#contact_main a {
    color: #faaf2c;
}

#contact_main p {
    line-height: 2.2;
    border-bottom: solid 1px #f1f1f1;
    padding: 5px 0px;
}

#contact_main strong {
    color: #faaf2c;
}

#company_main strong {
    color: #faaf2c;
}

#page_Title {
    line-height: 1.8;
    font-size: 16px;
    text-align: center;
}

.page_Info {
    height: 36px;
    line-height: 36px;
    margin-top: 15px;
    color: #666;
    border-top: solid 1px #E6E6E6;
    border-bottom: solid 1px #E6E6E6;
}

.page_Infoleft {
    padding-left: 30px;
    float: left;
}

.page_Infoleft i {
    margin-right: 5px;
}

.page_Share {
    margin-right: 10px;
    float: right;
}

.page_Share a {
    float: left;
    margin-left: 10px;
}

.page_Share a:hover {
    animation: swing 1s;
}

.page_Share span {
    float: left;
}

.ljdg {
    width: 150px;
    height: 48px;
    line-height: 48px;
    background: #faaf2c;
    color: #fff;
    text-align: center;
    float: right;
    margin-right: 5px;
    border-radius: 5px;
}

.qd {
    float: left;
    font-size: 16px;
    margin-left: 25px;
}

.qd b {
    color: #faaf2c;
}



#infoImage {
    width: 100%;
    text-align: center;
    margin: 15px 0 15px 0;
}

#infoImage img {
    max-width: 100%;
    border: #dcdcdc solid 1px;
}

.page_tit_bg {
    height: 36px;
    background: #F9F9F9;
    border-radius: 5px;
    margin: 10px auto;
}

.page_tit_tit {
    width: 120px;
    height: 36px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    background: #faaf2c;
    color: #ffffff;
    line-height: 36px;
    text-align: center;
    font-size: 15px;
}

.ljdg {
    width: 150px;
    height: 48px;
    line-height: 48px;
    background: #faaf2c;
    color: #fff;
    text-align: center;
    float: right;
    margin-right: 5px;
    border-radius: 5px;
}

.ljdg:hover {
    color: #fff;
}

#page_Content {
    margin: 15px auto 0px;
    line-height: 2;
    padding: 10px;
    font-size: 13px;
}

#page_Content img {
    max-width: 100%;
}

#page_Content table {
    width: 100%;
    margin: 0 auto;
    border-width: 1px;
    color: #333;
    border-color: #f1f1f1 !important;
    border-collapse: collapse;
    box-sizing: border-box;
}

#page_Content table th {
    border-width: 1px;
    padding: 5px;
    border-style: solid;
    border-color: #f1f1f1 !important;
    background-color: #dedede;
}

#page_Content table td {
    border-width: 1px;
    padding: 5px;
    border-style: solid;
    border-color: #f1f1f1 !important;
}

#page_Content table td a {
    text-decoration: underline;
    color: #333;
}

.page_Content {
    margin: 0 auto;
    line-height: 2;
    padding: 10px;
}

.page_Content img {
    max-width: 100%;
}

.page_Content table {
    width: 100%;
    margin: 0 auto;
    border-width: 1px;
    color: #333;
    border-color: #f5f5f5 !important;
    border-collapse: collapse;
    box-sizing: border-box;
}

.page_Content table th {
    border-width: 1px;
    padding: 5px;
    border-style: solid;
    border-color: #f1f1f1 !important;
    background-color: #dedede;
}

.page_Content table td {
    border-width: 1px;
    padding: 5px;
    border-style: solid;
    border-color: #f1f1f1 !important;
}

.page_Content table td a {
    text-decoration: underline;
    color: #333;
}

/* 无内容 */
.no-goods,
.no-network {
    padding-top: 70px;
    overflow: hidden;
    text-align: center;
}

.no-goods img {
    display: block;
    margin: 0 auto 30px;
    width: 220px;
    max-height: 105px;
}

.no-network img {
    display: block;
    margin: 0 auto 30px;
    width: 222px;
    height: 160px;
}

.no-goods p,
.no-network p {
    color: #666666;
    line-height: 2;
}

.contact-list {
    overflow: hidden;
    margin-top: 10px;
}

.contact-list ul li {
    min-height: 36px;
    padding-left: 50px;
    font-size: 14px;
    color: #666;
    margin-bottom: 14px;
    word-wrap: break-word;
    line-height: 36px;
}

.contact-list ul li span {
    display: block;
    float: left;
    color: #999;
}

.contact-list ul li.icon-01 {
    background: url(../images/contact-icon-01.png) no-repeat left top;
}

.contact-list ul li.icon-02 {
    background: url(../images/contact-icon-02.png) no-repeat left top;
}

.contact-list ul li.icon-03 {
    background: url(../images/contact-icon-03.png) no-repeat left top;
}

.contact-list ul li.icon-04 {
    background: url(../images/contact-icon-04.png) no-repeat left top;
}

.contact-list ul li.icon-05 {
    background: url(../images/contact-icon-05.png) no-repeat left top;
}

.contact-list ul li.icon-06 {
    background: url(../images/contact-icon-06.png) no-repeat left top;
}

.contact-map {
    overflow: hidden;
    margin-top: 25px;
}

.contact-map #dituContent {
    width: 100%;
    height: 475px;
}

.morder {
    overflow: hidden;
    margin-top: 20px;
}

.morder li {
    overflow: hidden;
    margin-bottom: 15px;
}

.morder_InputText {
    width: 45%;
    margin-right: 5%;
    padding: 0px 15px;
    border-radius: 8px;
    outline: none;
    float: left;
    background: #f1f1f1;
    border: solid 1px #dedede;
    height: 40px;
    line-height: 40px;
}

.morder_InputText1 {
    width: 95%;
    padding: 0px 15px;
    border-radius: 8px;
    outline: none;
    float: left;
    background: #f1f1f1;
    border: solid 1px #dedede;
    height: 40px;
    line-height: 40px;
}

.morder_textarea {
    width: 95%;
    padding: 15px;
    border-radius: 8px;
    outline: none;
    float: left;
    background: #f1f1f1;
    border: solid 1px #dedede;
    height: 120px;
    line-height: 30px;
}

.morder_captcha {
    width: 150px;
    padding: 0px 15px;
    border-radius: 8px;
    outline: none;
    float: left;
    background: #f1f1f1;
    border: solid 1px #dedede;
    height: 40px;
    line-height: 40px;
}

.morder_img {
    float: left;
    margin-left: 10px;
    margin-top: 15px;
    height: 20px;
    cursor: pointer;
}

.morder_But {
    float: left;
    outline: none;
    margin-top: 15px;
    margin-right: 5%;
    font-size: 15px;
    width: 95%;
    height: 42px;
    line-height: 42px;
    background: #1e2952;
    color: #fff;
    border-radius: 15px;
}

.morder_But:hover {
    background: #faaf2c;
    color: #fff;
}

.rdpro1_video {
    text-align: center;
    margin: 15px auto;
    height: 350px;
    line-height: 350px;
    overflow: hidden;
    position: relative;
}

.rdpro1_video img {
    max-width: 100%;
    max-height: 100%;
}

.rdpro1_video_icon {
    width: 36px;
    height: 36px;
    cursor: pointer;
    background: url(../images/video-icon.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -18px;
    margin-left: -18px;
}

@media (min-width:768px) {
    #page_Title {
        font-size: 18px;
    }

    .ewm {
        float: right;
        margin-right: 20px;
        margin-top: 25px;
    }

    .morder_But {
        width: 250px;
        float: right;
        margin-top: 0px;
    }
}

@media (min-width:992px) {
    #picUL li a .pic_02 {
        height: 40px;
        line-height: 40px;
    }
}

@media (min-width:1200px) {
    #page_Title {
        font-size: 20px;
    }

    .page_Info {
        height: 44px;
        line-height: 44px;
        margin-top: 10px;
    }

    #picUL li {
        margin: 0px 0px 15px 0px;
    }

    #picUL li a {
        padding: 5px;
    }

    #picUL li a .pic_02 {
        height: 42px;
        line-height: 42px;
    }

    #company_main {
        font-size: 15px;
    }

    .contact-list {
        margin-top: 30px;
    }

    .contact-list ul li {
        font-size: 17px;
    }

    .morder {
        margin-top: 20px;
    }

    .morder_InputText {
        height: 40px;
        line-height: 40px;
    }

    .morder_InputText1 {
        height: 40px;
        line-height: 40px;
    }

    .morder_captcha {
        height: 40px;
        line-height: 40px;
    }

    .morder_But {
        height: 45px;
        line-height: 45px;
        font-size: 15px;
    }

    #infoImage {
        margin-top: 25px;
    }

    #infoImage {
        margin-top: 25px;
    }

    .page_Content {
        font-size: 15px;
    }

    #page_Content {
        font-size: 15px;
    }

    #contact_main {
        font-size: 15px;
    }

    .rdpro1_video {
        height: 500px;
        line-height: 500px;
        margin: 25px auto;
    }
}


#warps {
    position: relative;
    margin-top: 20px;
}

.proinfosc {
    overflow: hidden;
}

.proinfoimg {
    overflow: hidden;
    text-align: center;
    border: solid 1px #dedede;
}

.proinfoimg img {
    max-width: 100%;
}

.proinfostxt {
    margin-top: 20px;
}

.proinfot {
    font-size: 16px;
    line-height: 1.7;
}

.proinfop1 {
    padding: 8px 2px;
    border-bottom: solid 1px #eee;
    font-size: 13px;
}

.proinfop1 span {
    color: rgba(0, 0, 0, 0.5);
}

.proinfop1 a {
    font-weight: bold;
    color: #1e2952;
}

.proinfop1 b {
    font-weight: bold;
    color: #1e2952;
}

.proinfop2 {
    line-height: 1.6;
    color: #999;
    margin: 10px 0px;
}

.proinfop3 {
    overflow: hidden;
    margin-top: 15px;
    height: 45px;
    line-height: 45px;
    background: #1e2952;
}

.proinfop3 a {
    float: left;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    padding: 0px 35px;
    background: #faaf2c;
}

.proinfop3 b {
    float: right;
    margin-right: 15px;
    font-size: 16px;
    color: #fff;
}

.proinfogg {
    overflow: hidden;
    margin-top: 10px;
}

.proinfogg p {
    margin-top: 10px;
}

.pmenuss {
    margin-top: 25px;
}

.pmenuss ul {
    background: #eee;
    overflow: hidden;
}

.pmenuss ul li {
    width: 30%;
    cursor: pointer;
    float: left;
    text-align: center;
    font-size: 14px;
    padding: 14px 0px;
}

.pmenuss ul li.on {
    font-weight: bold;
    background: #faaf2c;
    color: #fff;
}

.pmenuss.down {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 999;
    margin-top: 0px;
}

.pageprc {
    margin-top: 25px;
}

.productrs {
    overflow: hidden;
    margin-top: 20px;
}

.productrs a {
    float: left;
    width: 100%;
    text-align: center;
    overflow: hidden;
    position: relative;
}

.productrs a:hover .products_txts {
    bottom: 10px;
    background: rgba(0, 0, 0, 0.8);
}

.productrs .products_img {
    border: solid 1px #dedede;
}

.xgss {
    margin-top: 25px;
    margin-bottom: 25px;
}

.newst {
    height: 32px;
    line-height: 32px;
    overflow: hidden;
}

.news_a1 {
    float: left;
    font-size: 18px;
    font-weight: bold;
}

.newst i {
    width: 30px;
    height: 3px;
    background: #faaf2c;
    float: left;
    margin-left: 15px;
    margin-top: 14px;
}

.newst span {
    font-size: 13px;
    color: rgba(0, 0, 0, 0.2);
    float: left;
    margin-left: 10px;
}

.pscls {
    overflow: hidden;
    margin-top: 20px;
}

.pscls a {
    width: 44%;
    float: left;
    font-size: 15px;
    position: relative;
    padding-right: 50px;
    margin: 0px 3%;
    border-bottom: solid 1px #dedede;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
}

.pscls a i {
    position: absolute;
    right: 0px;
    top: 0px;
}

.protsts {
    color: #faaf2c;
    margin: 10px 0px;
    font-size: 14px;
    font-weight: bold;
}

@media (min-width:768px) {
    .proinfoimg {
        width: 45%;
        float: left;
    }

    .proinfostxt {
        width: 50%;
        float: right;
    }

    .pscls a {
        width: 27%;
    }
}

@media (min-width:1200px) {
    .proinfot {
        font-size: 22px;
    }

    .proinfop1 {
        font-size: 14px;
        padding: 12px 2px;
    }

    .proinfop2 {
        font-size: 13px;
    }

    .proinfop3 {
        margin-top: 15px;
        height: 45px;
        line-height: 45px;
    }

    .proinfop3 a {
        padding: 0px 30px;
        font-size: 15px;
    }

    .proinfop3 b {
        font-size: 17px;
    }

    .pmenuss {
        margin-top: 30px;
    }

    .pmenuss ul li {
        padding: 14px 0px;
        font-size: 15px;
        transition: all 0.3s;
    }

    .pmenuss.down li {
        padding: 10px 0px;
    }

    .pageprc {
        margin-top: 25px;
    }

    .pageprc .ys {
        margin-top: 20px;
    }

    .xgss {
        margin-top: 35px;
        margin-bottom: 40px;
    }

    .productrs {
        margin-top: 25px;
    }

    .newst {
        height: 50px;
        line-height: 50px;
    }

    .news_a1 {
        font-size: 22px;
    }

    .newst i {
        width: 60px;
        margin-top: 23px;
        margin-left: 20px;
    }

    .newst span {
        font-size: 13px;
        margin-left: 20px;
    }

    #warps {
        margin-top: 70px;
    }

    .pscls a {
        width: 19%;
        height: 55px;
        line-height: 55px;
        font-size: 17px;
    }

    .proinfogg {
        margin-top: 15px;
    }

    .protsts {
        font-size: 17px;
    }
}



/*******Css job*******/
#job_ul {}

#job_ul li {
    border-bottom: dashed 1px #cfcfcf;
    padding: 10px 0px;
    height: 100%;
    overflow: hidden;
}

#job_ul li .recruit_info {
    float: left;
    width: 80%;
}

.job_nam {
    color: #faaf2c;
    font-weight: bold;
}

#job_ul li .recruit_but {
    height: 45px;
    float: right;
    margin-top: 10px;
    margin-right: 22px;
}

.job_ul li .recruit_but a {
    width: 150px;
    height: 45px;
    line-height: 45px;
    background: #1C5FB8;
    border-radius: 2px;
    text-align: center;
    float: left;
}

.recruit_info_tit_bg {
    height: 40px;
    background: #f8f8f8;
    border-radius: 2px;
    margin: 15px auto;
}

.recruit_info_tit_bg .recruit_info_tit {
    width: 140px;
    height: 45px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    background: #faaf2c;
    color: #ffffff;
    line-height: 45px;
    text-align: center;
}

.recruit_info_main {
    margin: 0px auto;
    margin-top: 10px;
    margin-bottom: 60px;
    padding: 5px 20px;
    line-height: 32px;
}

.seek_job {
    margin-left: 20px;
}

.seek_job li {
    padding-top: 10px;
    height: 100%;
    overflow: hidden;
}

.seek_t1 {
    float: left;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    width: 60px;
}

.job_nam {
    float: left;
    margin-left: 15px;
    color: #faaf2c;
    font-weight: bold;
}

.G_InputText {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border: 1px solid #dedede;
    padding: 0px 10px;
    float: left;
    border-radius: 2px;
    outline: none;
}

.G_InputText:hover {
    border: 1px solid #faaf2c;
}

.G_captcha {
    width: 100px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #dedede;
    padding: 0px 10px;
    float: left;
    border-radius: 2px;
    outline: none;
}

.G_captcha:hover {
    border: 1px solid #faaf2c;
}

.G_textarea {
    width: 100%;
    height: 150px;
    line-height: 30px;
    border: 1px solid #dedede;
    padding: 0px 10px;
    float: left;
    border-radius: 2px;
    outline: none;
}

.G_textarea:hover {
    border: 1px solid #faaf2c;
}

.G_select {
    float: left;
    border: 1px solid #dedede;
    height: 40px;
    line-height: 40px;
}

.job_radio {
    float: left;
}

.G_img {
    float: left;
    margin-top: 10px;
    margin-left: 5px;
}

.G_But {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #faaf2c;
    border-radius: 5px;
    text-align: center;
    color: #FFF;
    cursor: pointer;
    transition: all 0.3s;
    float: left;
    outline: none;
    border: 0px;
    font-size: 18px;
}

.G_But:hover {
    background: #1e2952;
    color: #fff;
}

@media (min-width:768px) {
    .G_InputText {
        width: 500px;
    }

    .G_textarea {
        width: 500px;
    }

    .G_But {
        width: 340px;
    }
}

@media (min-width:1200px) {
    .seek_job li {
        padding-top: 15px;
    }

    .seek_t1 {
        height: 50px;
        line-height: 50px;
    }

    .G_InputText {
        width: 550px;
        height: 50px;
        line-height: 50px;
    }

    .G_textarea {
        width: 550px;
    }

    .seek_job {
        float: left;
    }

    .mess_img {
        float: right;
        width: 400px;
        margin-top: 30px;
    }

    .mess_img img {
        max-width: 100%;
    }

    .G_But {
        height: 55px;
        line-height: 55px;
    }
}

/*******Css prev_next*******/
#prev_next {
    margin: 10px 10px;
    clear: both;
    overflow: hidden;
}

#prev_next li {
    margin: 10px 0;
}

#prev_next li i {
    margin-right: 5px;
}

#prev_next li a:hover {
    color: #faaf2c;
}

#prev_next li div {
    display: inline-block;
}

/*css digg style pagination*/
.de-page-mian {
    overflow: hidden;
    text-align: center;
    font-size: 0;
    margin: 20px 0 25px;
}

.de-page-mian .page-inner {
    display: inline-block;
    overflow: hidden;
}

.de-page-mian .page-inner a {
    display: block;
    float: left;
    min-width: 26px;
    padding: 0 5px;
    height: 36px;
    border: 1px solid #dddddd;
    background: #fff;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    color: #333;
    margin-right: -1px;
    overflow: hidden;
}

.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover {
    color: #fff;
    border-color: #faaf2c;
    background: #faaf2c;
}

.de-page-mian .page-inner a.prev {
    margin-right: 10px;
    background: #fff url(../images/prev.jpg) no-repeat center;
}

.de-page-mian .page-inner a.prev.on {
    background: #fff url(../images/prev-hover.jpg) no-repeat center;
}

.de-page-mian .page-inner a.prev:hover {
    background-color: #fff;
    border-color: #dddddd;
}

.de-page-mian .page-inner a.next {
    margin-left: 10px;
    margin-right: 15px;
    background: #fff url(../images/next.jpg) no-repeat center;
}

.de-page-mian .page-inner a.next.on {
    background: #fff url(../images/next-hover.jpg) no-repeat center;
}

.de-page-mian .page-inner a.next:hover {
    background-color: #fff;
    border-color: #dddddd;
}

.de-page-mian .page-inner a.page-btn {
    font-size: 12px;
    margin-right: 0;
    width: 63px;
    margin-left: 10px;
    display: none;
}

.de-page-mian .page-inner span {
    display: none;
    font-size: 12px;
    color: #333;
    float: left;
    line-height: 38px;
}

.de-page-mian .page-inner input {
    display: none;
    float: left;
    height: 36px;
    width: 36px;
    border: 1px solid #dddddd;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    color: #333;
    margin: 0 5px;
}

@media (min-width:768px) {
    .de-page-mian .page-inner span {
        display: block;
    }

    .de-page-mian .page-inner input {
        display: block;
    }

    .de-page-mian .page-inner a.page-btn {
        display: block;
    }
}

@media (min-width:1200px) {
    .de-page-mian {
        margin: 30px 0 35px;
    }
}

div.digg {
    margin: 10px auto;
    text-align: center;
    float: right;
    display: inline;
}

div.digg a {
    border: #dedede 1px solid;
    padding: 3px 10px;
    margin: 3px;
    color: #666;
    display: inline-block;
}

div.digg a:hover {
    border: #faaf2c 1px solid;
    color: #fff;
    background: #faaf2c;
}

div.digg a:active {
    border: #faaf2c 1px solid;
    color: #fff;
    background: #faaf2c;
}

div.digg span.current {
    border: solid 1px #faaf2c;
    padding: 3px 15px;
    font-weight: bold;
    margin: 3px;
    color: #fff;
    background-color: #faaf2c;
    display: inline-block;
}

div.digg span.disabled {
    border: #dedede 1px solid;
    padding: 3px 10px;
    margin: 3px;
    color: #ddd;
    display: inline-block;
}

div.digg select {
    border: #dedede 1px solid;
    padding: 3px 0px;
    display: inline-block;
}