/* CSS Document */


/*#region 重置元素*/

*:focus {
    outline: none;
}

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

@font-face {
    font-family: "SourceHanSansCN-Normal";
    src: url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff2") format("woff2"), url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff") format("woff"), url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.ttf") format("truetype"), url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.eot") format("embedded-opentype"), url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.svg") format("svg"), url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

body {
    font: 1em/1.3 "SourceHanSansCN-Normal";
    -webkit-text-size-adjust: 100% !important;
}

img {
    max-width: 100%;
}

button,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 1em;
    line-height: 1.3;
    font-family: "SourceHanSansCN-Normal";
}

address,
cite,
dfn,
em,
var {
    font-style: normal;
}

code,
kbd,
pre,
samp {
    font-family: courier new, courier, monospace;
}

small {
    font-size: 0.75em;
}

ul,
ol {
    list-style: none;
    margin: 0;
}

body,
legend {
    color: #262626;
}

a {
    color: inherit;
    color: #262626;
    text-decoration: none;
}

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

a:active {
    color: inherit;
}

sup {
    vertical-align: ;
}

sub {
    vertical-align: text-bottom;
}

fieldset,
img {
    border: 0;
}

button,
input,
select,
textarea {}

textarea {
    resize: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    word-break: break-all;
}

table th {
    font-weight: normal;
}

table th,
table td {
    font-weight: normal;
    text-align: center;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    display: block;
    margin: 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

::-moz-placeholder {
    color: #000;
}

input:-webkit-input-placeholder {
    color: #000;
}

input:-moz-placeholder {
    color: #000;
}


/*#endregion*/


/*#region 清除浮动*/

.clearfix:after {
    content: '\20';
    display: block;
    height: 0;
    clear: both;
}

.clearfix {
    *zoom: 1;
}


/*#endregion */

button:disabled,
.disabled {
    opacity: 0.5;
    cursor: default;
}

.hi {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.joblist_left span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 9em;
}

.css3,
.about_1 ul li a {
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.comdiv {
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.cssimg,
.cssimgp img,
.index_4_3_left_1_bg,
.pro_1_mid_mid_left_bg,
.ser_2_mid_pic_bg,
.ser_1_right_bg {
    transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    /*transition-duration: 0.7s;-ms-transition-duration: 0.7s;-moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s;*/
}

@media screen and (min-width:768px) {
    .cssimg:hover,
    .cssimgp:hover img,
    .index_4_3_left:hover .index_4_3_left_1_bg,
    .pro_1_mid ul li:hover .pro_1_mid_mid_left_bg,
    .ser_2_mid ul li:hover .ser_2_mid_pic_bg,
    .ser_1_right:hover .ser_1_right_bg {
        /*-webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);*/
        transform: scale(1.08, 1.08);
    }
}

.daxie {
    text-transform: uppercase;
}

.cell_mid {
    display: table;
    height: 100%;
    width: 100%;
}

.cell_h {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}


/*********header**********/

#header {
    position: fixed;
    left: 0;
    top: 0em;
    width: 100%;
    z-index: 999;
}

.banner_img {
    position: relative;
    height: 100vh;
}

.banner_img1 {
    position: relative;
    height: 80vh;
}

.banner_img_pc {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.indexbanner .swiper-slide-active .banner_img_pc {
    opacity: 1;
}

.headermid {
    position: relative;
    margin: 0 1.875%;
    text-align: right;
    padding-right: 3vw;
}

.headermid ul li {
    margin-right: 3vw;
    display: inline-block;
    position: relative;
}

.header_left {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.headermid ul li a.biga {
    padding: 1.5em 0;
    color: #fff;
    display: block;
    position: relative;
    letter-spacing: 3px;
}

.header_left_right {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.header_left_right a {
    display: block;
    width: 2em;
    height: 1.75em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/header/img1.png);
}

.headermid ul li a.biga:after {
    width: 0;
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 1px;
    background-color: #cc3421;
}

.headermid ul li a.biga:hover:after,
.headermid ul li a.bigaon:after {
    width: 22px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.headermid ul li a.biga span {
    z-index: 10;
    display: inline-block;
    position: relative;
}

.headermid ul li a.biga:before {
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transform: scale(0, 0);
    display: none;
    content: '';
    position: absolute;
    right: -.25em;
    top: calc(50% - .9em);
    border-radius: 100%;
    width: 1em;
    height: 1em;
    background-color: #cc3421;
    opacity: .79;
}

.headermid ul li a.biga:hover:before,
.headermid ul li a.bigaon:before {
    transform: scale(1, 1);
}

.banner_img_jj {
    position: absolute;
    z-index: 10;
    left: 0;
    width: 100%;
    text-align: center;
    bottom: 49.6%;
}

.banner_img_jj_mid_1 img {
    max-width: 47.91666666666667%;
}

.indexbanner {
    position: relative
}

.indexbanner:before {
    position: absolute;
    left: calc(3.75% + 176px);
    top: 0;
    display: none;
    content: '';
    z-index: 10;
    height: 100%;
    background-color: #e2e2e2;
    opacity: .24;
    width: 1px;
}

.indexbanner:after {
    position: absolute;
    right: calc(3.75% + 32px);
    top: 0;
    display: none;
    content: '';
    z-index: 10;
    height: 100%;
    background-color: #e2e2e2;
    opacity: .24;
    width: 1px;
}

#indexbannerpage {
    width: 2em;
    text-align: center;
    color: #fff;
    left: auto;
    right: 1.875%;
    bottom: 4%;
}

#indexbannerpage .swiper-pagination-bullet {
    position: relative;
    display: block;
    opacity: 1;
    width: 100%;
    height: auto;
    background: none;
    padding: 1em 0;
    margin: 0;
}

#indexbannerpage .swiper-pagination-bullet i {
    position: relative;
    opacity: 0;
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

#indexbannerpage .swiper-pagination-bullet:before {
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    content: '';
    width: 8px;
    height: 8px;
    left: 50%;
    top: 50%;
    margin-left: -4px;
    margin-top: -4px;
    background-color: #fff;
    border-radius: 100%;
    position: absolute
}

#indexbannerpage .swiper-pagination-bullet-active i {
    opacity: 1;
    font-weight: bold;
    text-decoration: underline
}

#indexbannerpage .swiper-pagination-bullet i {
    font-style: normal
}

#indexbannerpage .swiper-pagination-bullet-active:before {
    opacity: 0;
}

.banneract {
    display: none;
    position: absolute;
    left: 1.875em;
    z-index: 10;
    bottom: 4%;
    color: #fff
}

.banneract_1 a {
    color: #fff;
    display: inline-block;
    position: relative
}

.banneract_2 {
    color: #c1c5a9;
    margin-top: 3px;
}

.banneract_2 span {
    color: #fff
}

.header_left a {
    display: block;
    position: relative;
    overflow: hidden
}

.header_left a:before {
    background-image: url(../images/header/logor.svg);
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
}

#header.cur {
    background-color: #fff;
    top: 0;
}

#header.cur .header_left a:before {
    opacity: 1;
    top: 0;
}

#header.cur .header_left a img {
    opacity: 0;
}

#header.cur .headermid ul li a.biga {
    color: #000
}

#header.cur .header_left_right a {
    background-image: url(../images/header/img1b.png);
}

.indexbanner_footer {
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: 4%;
    z-index: 10;
    transform: translateX(-50%);
}

.indexbanner_footer_jt {
    animation: pulse 2s infinite;
    position: relative;
    display: inline-block;
}

@keyframes pulse {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    50% {
        -webkit-transform: translate(0, 10px);
        transform: translate(0, 10px);
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.index_1 {
    padding: 6.625vw 0;
    background-color: #f1f2ee;
    overflow: hidden
}

.index_1_right {
    float: right;
    width: 48.27586206896552%;
}

.index_1_left {
    float: left;
    width: 46%;
}

.index_1_right_mid_img {
    overflow: hidden;
    position: relative;
    z-index: 10
}

.index_1_right_mid_img img {
    width: 100%;
}

.index_1_right_mid_img a {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/index/img3.png);
    display: block;
    position: absolute;
    z-index: 10;
    width: 5.52083333333333vw;
    height: 5.52083333333333vw;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.index_1_right_mid {
    position: relative;
    padding-right: 1.5em;
    padding-bottom: 1.5em;
    z-index: 10;
}

.index_1_right_mid_bg {
    position: absolute;
    right: 0;
    bottom: 0;
    width: calc(100% - 1.5em);
    height: calc(100% - 1.5em);
    background-color: #da4f3f;
}

.index_1_left_1 span {
    color: #1a1a1a;
    display: inline-block;
    position: relative;
    font-size: 1.875em;
}

.index_1_left_1 span:after {
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    right: -30px;
    content: '';
    position: absolute;
    width: 19px;
    height: 1px;
    background-color: #cc3421;
    top: 50%;
}

.index_1_left_2 {
    margin-bottom: .875em;
    font-size: 3em;
    color: #000;
    letter-spacing: .2em;
    margin-top: .3em;
}

.index_1_left_3 {
    margin-bottom: 4em;
    font-size: 1.125em;
    color: #666;
    line-height: 2;
}

.index_1_left_4 ul li {
    float: left;
    width: 25%;
}

.index_1_left_4 ul li:last-child {
    width: 22%;
}

.index_1_left_4 ul li:nth-child(2) {
    width: 28%
}

.index_1_left_4_mid_1 {
    font-size: 3em;
    font-family: Arial, Helvetica, sans-serif;
    color: #cc3421;
    font-weight: bold
}

.index_1_left_4_mid_2 {
    font-size: 1.125em;
}

.index_1_left_4_mid {
    padding-right: 10px;
}

.index_1_left_4 ul li:last-child .index_1_left_4_mid {
    padding-right: 0
}

.index_1_left_4_mid_1 span {
    display: inline-block;
    position: relative;
}

.index_1_left_4_mid_1.jia span:after {
    content: '+';
    position: absolute;
    right: -.55em;
    top: 0;
}

.index_2 {
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-image: url(../images/index/img12.jpg);
    color: #fff;
    text-align: center;
    background-color: #000;
    padding-bottom: 6.40625vw;
    position: relative;
    padding-top: 7.70833333333333vw;
}

.index_2_2 {
    position: relative;
    margin-top: 1em;
    color: #dfdfdf;
    padding-bottom: 1.5em;
    font-size: 1.25em;
}

.index_2_1 {
    font-size: 2.25em;
}

.index_2_2:after {
    margin-left: -20px;
    bottom: 0;
    content: '';
    position: absolute;
    left: 50%;
    height: 2px;
    background-color: #ef3923;
    width: 40px;
}

.index_2 .wmid {
    position: relative;
    z-index: 10;
}

.index_2:after {
    background-color: #000;
    opacity: .7;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.index_2_3 {
    margin-top: 4em;
}

.index_3_1 {
    position: relative;
}

.index_3_1_right {
    position: absolute;
    right: 0;
    bottom: 0;
}

.index_3_1_right a {
    display: block;
    width: 4em;
    height: 4em;
    border-radius: 100%;
    background-color: #cc3421;
    color: #fff;
    text-align: center;
    line-height: 4em;
}

.index_3_1_right span {
    font-size: 1.875em;
    font-family: "宋体";
    color: #fff
}

.index_3_1_right:hover {
    right: .5em;
}

.index_3 {
    padding-top: 7.03125vw;
}

.index_3_2 ul li {
    background-color: #f5f6f2;
    float: left;
    width: 32%;
    margin-right: 2%
}

.index_3_2 ul li:nth-child(3n) {
    margin-right: 0
}

.index_3_2_2 {
    padding: 2em 1.5em;
}

.index_3_2_2_1 {
    color: #666;
}

.index_3_2_2_1 span {
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(../images/index/img13.png);
    display: inline-block;
    padding: 0 5px;
}

.index_3_2_2_1 span:nth-child(1) {
    padding-left: 0;
    background-image: none
}

.index_3_2_2_2 {
    color: #0b0b0b;
    font-size: 1.875em;
    letter-spacing: .1em;
    margin-top: .5em;
}

.index_3_2_2_3 {
    color: #333;
    font-size: 1.125em;
    line-height: 1.8;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all;
    margin-top: .5em;
    margin-bottom: 1.125em;
}

.index_3 {
    padding-bottom: 5.9375vw;
}

.index_3_2_2_4 span {
    background-position: -12px center;
    background-repeat: no-repeat;
    position: relative;
    left: 1em;
    display: block;
    width: 1.5em;
    height: 1.5em;
    background-color: #d04534;
    border-radius: 100%;
    background-image: url(../images/index/img9.png);
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.index_3_2 ul li:hover .index_3_2_2_4 span {
    border-radius: 1.5em;
    left: 0;
    width: 3.125em;
    background-position: center
}

.index_3_2_1 {
    overflow: hidden;
}

.index_3_2_1 img {
    width: 100%;
}

.index_4_mid {
    position: relative;
    overflow: hidden
}

.index_4_mid img {
    width: 100%;
}

.index_4 .swiper-slide {
    width: 20%;
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.index_4_mid:after {
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    content: '';
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .65;
}

.index_4_mid_name {
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    position: absolute;
    z-index: 2;
    width: 100%;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    color: #fff;
}

.index_4_mid_name span {
    padding-bottom: 13px;
    font-size: 1.875em;
    position: relative;
    display: inline-block;
}

.index_4_mid_name span:after {
    content: '';
    position: absolute;
    width: 24px;
    height: 3px;
    bottom: 0;
    left: 50%;
    margin-left: -12px;
    background-color: #9b261a
}

.index_4_mid_name_hide {
    border-radius: 100%;
    left: 50%;
    top: 50%;
    opacity: 0;
    z-index: 10;
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    position: absolute;
    width: 14.375vw;
    height: 14.375vw;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    background-color: rgba(239, 57, 35, 0.78);
}

.index_4_mid_name_hide span {
    display: block;
    padding: 0 1em;
    font-size: 2.25em;
}

.index_4_mid:hover:after {
    opacity: 0;
}

.index_4_mid:hover .index_4_mid_name {
    opacity: 0;
}

.index_4_mid:hover .index_4_mid_name_hide {
    opacity: 1;
}

.index_4 .swiper-slide.zhai {
    width: 18.48958333333333%;
}

.index_4 .swiper-slide.kuan {
    width: 26.04166666666667%;
}

.index_4_mid_bg {
    transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 48.17708333333333vw;
}

.index_4_mid:hover .index_4_mid_bg {
    transform: scale(1.08, 1.08);
}

.indexpro_act_left.swiper-button-disabled,
.indexpro_act_right.swiper-button-disabled {
    display: none
}

.index_5 {
    padding-top: 8.69791666666667vw;
    padding-bottom: 8.69791666666667vw;
    background-color: #eeefeb;
}

.index_5_left {
    overflow: hidden;
    float: left;
    width: 54.858934169279%;
}

.index_5_left img {
    width: 100%;
}

.index_5_right {
    margin-top: 1.875em;
    float: right;
    width: 40.75235109717868%;
}

.layui-form-item .layui-inline {
    float: left;
    margin: 0;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 1em;
}

.layui-form-item .layui-inline:nth-child(3n) {
    margin-right: 0
}

.layui-input,
.layui-select,
.layui-textarea {
    border-bottom: 1px #bbb solid;
    background: none;
    border-top: none;
    border-left: none;
    border-right: none;
}

.layui-form-item .layui-inline:nth-child(5) {
    width: 66%;
    margin-right: 0
}

.layui-form-item .layui-inline:nth-child(6) {
    width: 100%;
    margin-right: 0
}

.layui-form-item .layui-inline:nth-child(7) {
    width: 100%;
    margin: 0;
    margin-top: 20px;
}

#submitbtn,
.zjbtn {
    width: 170px;
    height: 47px;
    font-size: 18px;
    color: #fff;
    background-color: #d14635;
    border: none;
    cursor: pointer;
    display: block;
    line-height: 47px;
    text-align: center;
}

.zjbtn:hover {
    color: #fff;
}

.layui-textarea {
    min-height: 180px;
}

.layui-form-select dl dd.layui-this {
    background-color: #cc3421
}


/******about**************/

.nymenu {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.77);
}

.nymenu ul li {
    float: left;
    text-align: center;
}

.nymenu ul.u5 li {
    width: 20%;
}

.nymenu ul.u6 li {
    width: 16.66666666666667%;
}

.nymenu ul.u4 li {
    width: 25%;
}

.nymenu ul.u3 li {
    width: 33.3333%;
}

.nymenu ul.u2 li {
    width: 50%;
}

.nymenu ul li a {
    border-left: 1px #333334 solid;
    transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    display: block;
    color: #fff;
    font-size: 1.125em;
    padding: 1em 0;
}

.nymenu_2 {
    margin-top: .75em;
}

.nybanner {
    position: relative
}

.nymenu_1 img {
    height: 1.25em;
}

.nymenu ul li a:hover,
.nymenu ul li a.on {
    background-color: #cc3421
}

.nybannerjj {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    text-align: center;
}

.about_1 {
    padding-top: 5.20833333333333vw;
    padding-bottom: 8.17708333333333vw;
    background-color: #f1f2ee;
    overflow: hidden;
}

.div1200 {
    margin: 0 auto;
    padding: 0 1em;
    max-width: 75em;
}

.about_1_mid_left {
    float: left;
    width: 48.33333333333333%;
}

.about_1_mid_right {
    float: right;
    width: 44.16666666666667%;
}

.about_1_mid_right_mid_img {
    overflow: hidden;
    position: relative;
    z-index: 10
}

.about_1_mid_right_mid_img img {
    width: 100%;
}

.about_1_mid_right_mid {
    position: relative;
    padding-right: 1.25em;
    padding-bottom: 1.25em;
}

.about_1_mid_right_mid_bg {
    background-color: #da4f3f;
    position: absolute;
    right: 0;
    bottom: 0;
    width: calc(100% - 3.75em);
    height: 61.06870229007634%;
}

.about_1_footer ul li {
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(../images/about/img12.png);
    float: left;
    width: 25%;
    text-align: center;
}

.about_1_footer_mid {
    margin: 0 1em;
    display: inline-block;
    position: relative
}

.about_1_footer_mid_left {
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    position: absolute;
    left: 0;
    top: 50%;
}

.about_1_footer_mid_right_1 {
    line-height: 1;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 3em;
    color: #000;
    font-weight: bold;
    text-align: left
}

.about_1_footer_mid_right_2 {
    font-size: 1.125em;
    color: #666666
}

.about_1_footer_mid_right {
    margin-left: 5em;
}

.about_1_footer ul li:nth-child(1) {
    background-image: none
}

.about_1_footer_mid_right_1 span {
    display: inline-block;
    position: relative;
}

.about_1_footer_mid_right_1 span:after {
    content: '+';
}

.about_2_mid_left {
    float: left;
    width: 50.66666666666667%;
}

.about_2_mid_left_mid {
    position: relative;
    padding-right: 1.25em;
    padding-bottom: 1.25em;
}

.about_2_mid_left_mid_img {
    overflow: hidden;
    z-index: 10;
    position: relative
}

.about_2_mid_left_mid_img img {
    width: 100%;
}

.about_2_mid_left_mid_bg {
    position: absolute;
    right: 0;
    bottom: 0;
    width: calc(100% - 3.75em);
    height: 61.06870229007634%;
    background-color: #da4f3f
}

.about_2_mid_right {
    float: right;
    width: 45.5%;
}

.about_2_mid_right_1_img {
    overflow: hidden;
    margin-left: 38.46153846153846%;
}

.about_2_mid_right_1_img img {
    width: 100%;
}

.about_2 {
    padding-bottom: 8.33333333333333vw;
    padding-top: 8.02083333333333vw;
}

.about_3 {
    background-attachment: fixed;
    overflow: hidden;
    padding: 7.29166666666667vw 0;
    background-image: url(../images/about/img15.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.about_3_mid {
    overflow: hidden;
    text-align: center;
    background-color: rgba(239, 57, 35, 0.89);
    padding: 4em;
}

.textwhite {
    color: #fff
}

.about_3 .index_1_left_1 span {
    color: #fff
}

.about_3 .index_1_left_1 span:after {
    display: none
}

.about_3 .index_1_left_3 {
    text-align: left;
    margin-bottom: 0
}

.texthui {
    color: #e0cac7
}

.about_4 {
    padding-top: 5.98958333333333vw;
    background-color: #f2f3ef;
    padding-bottom: 5.98958333333333vw;
    overflow: hidden
}

.about_4_1 {
    position: relative;
}

.about_4_1_right {
    padding: 3.75em 0;
    margin-left: 29.16666666666667%;
    background-color: #fff;
    -webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
    /*width:70.83333333333333%;*/
}

.about_4_1_right_mid {
    margin-right: 5%;
    position: relative;
    margin-left: 46.58823529411765%;
    min-height: 470px;
}

.about_4_1_right_mid_1 {
    padding-left: 1.25em;
}

.about_4_1_right_mid_1 span {
    display: inline-block;
    position: relative;
    font-size: 1.125em;
    color: #0b0b0b;
}

.about_4_1_right_mid_1 span:after {
    content: '';
    position: absolute;
    left: 0;
    width: 0em;
    height: 1px;
    background-color: #d14635;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.about_4_1_right_mid_2 {
    padding-left: 1.25em;
    margin-bottom: .75em;
    margin-top: 5px;
}

.about_4_1_right_mid_2 p {
    color: #666;
    font-size: 1.125em;
    line-height: 1.5;
}

.about_4_1_left {
    top: 3.75em;
    height: calc(100% - 7.5em);
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 59.16666666666667%;
    z-index: 10
}

.about_4_1_left_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/about/img16.jpg);
}

.lsjj:hover .about_4_1_right_mid_1 span,
.lsjj.on .about_4_1_right_mid_1 span {
    font-size: 1.5em;
    color: #d14635
}

.lsjj {
    margin-top: 10px;
    cursor: pointer
}

.lsjj:hover .about_4_1_right_mid_1 span:after,
.lsjj.on .about_4_1_right_mid_1 span:after {
    width: 16px;
    left: -20px;
}

.lcact {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}

.lcact div {
    display: inline-block;
    border: 2px #d2d2d2 solid;
    line-height: 2em;
    width: 2em;
    height: 2em;
    text-align: center;
    font-family: "宋体";
    border-radius: 100%;
    cursor: pointer;
}

.lcact div:hover {
    background-color: #cc3421;
    border-color: #cc3421;
    color: #fff
}

.about_5 {
    overflow: hidden;
    background-attachment: fixed;
    text-align: center;
    padding-top: 4.6875vw;
    padding-bottom: 4.6875vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/about/img17.jpg);
}

.about_5 .index_1_left_1 span {
    color: #fff
}

.about_5 .index_1_left_1 span:after {
    display: none
}

.about_5_1 {
    margin: 0 auto;
    max-width: 560px;
}

.about_5_2_img {
    overflow: hidden
}

.about_5_2_img img {
    width: 100%;
}

.indexpro_act {
    position: relative;
    margin: 0 auto;
    max-width: 27.5em;
    padding: 0 1em;
    text-align: center;
}

.indexpro_act_left_about {
    cursor: pointer;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 40%;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(../images/about/img18.png);
}

.indexpro_act_left_about:after {
    content: '';
    cursor: pointer;
    height: 100%;
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(../images/about/img18on.png);
}

.indexpro_act_left_about:hover:after {
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    left: 0;
}

.indexpro_act_right_about {
    cursor: pointer;
    height: 100%;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 40%;
    background-position: right center;
    background-repeat: no-repeat;
    background-image: url(../images/about/img19.png);
}

.indexpro_act_right_about:after {
    content: '';
    cursor: pointer;
    height: 100%;
    position: absolute;
    right: 100%;
    top: 0;
    width: 100%;
    background-position: right center;
    background-repeat: no-repeat;
    background-image: url(../images/about/img19on.png);
}

.indexpro_act_right_about:hover:after {
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    right: 0;
}

.indexpro_act {
    margin-top: 3.38541666666667vw;
}


/********product***********/

.nybannerjj_1 {
    text-align: center;
    color: #fff;
    font-size: 2.5vw;
}

.nybannerjj_2 {
    text-align: center;
    color: #fff;
    font-size: 1.25vw;
    margin-top: 5px;
}

.promid {
    padding-top: 5.72916666666667vw;
    padding-bottom: 3.75em;
    background-color: #f8f9f5;
    overflow: hidden;
}

.promid_1_mid {
    min-height: 428px;
    -webkit-box-shadow: 0 0.9375em 1.875em rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0.9375em 1.875em rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0.9375em 1.875em rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0.9375em 1.875em rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.9375em 1.875em rgba(0, 0, 0, 0.1);
    position: relative;
    background-color: #fff;
}

.promid_1_mid_left {
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 1em;
    height: 100%;
    width: 60.66666666666667%;
}

.promid_1_mid_left img {
    width: 100%;
}

.promid_1 ul li {
    margin-bottom: 3.75em;
}

.promid_1_mid_right {
    margin-left: 64%;
    margin-right: 6.66666666666667%;
    padding-top: 6.0625em;
}

.promid_1_mid_right_1 {
    font-size: 1.5em;
    color: #000;
    position: relative;
    padding-bottom: .5em;
}

.promid_1_mid_right_1:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 23px;
    height: 2px;
    background-color: #cc3421;
}

.promid_1_mid_right_2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all;
    color: #000;
    line-height: 1.8;
    margin-top: 1.25em;
    margin-bottom: 2em;
}

.promid .index_3_2_2_4 span {
    left: 0
}

.promid_1 ul li:hover .index_3_2_2_4 span {
    border-radius: 1.5em;
    left: 0;
    width: 3.125em;
    background-position: center
}

.promid_1 ul li:nth-child(2n) .promid_1_mid_right {
    margin-right: 64%;
    margin-left: 6.66666666666667%;
}

.promid_1 ul li:nth-child(2n) .promid_1_mid_left {
    left: auto;
    right: 0
}

.promid_top_1 {
    text-align: center;
    color: #7a7a7a;
    font-size: 1.6em;
}

.promid_top_2 {
    font-size: 2.25em;
    color: #000;
    text-align: center
}

.promid_top {
    margin-bottom: 3.48958333333333vw;
}

.pagination {
    text-align: center
}

.pagination li {
    display: inline-block;
    margin: 0 2px;
}

.pagination li span,
.pagination li a {
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    display: inline-block;
    width: 1.75em;
    height: 1.75em;
    text-align: center;
    line-height: 1.75em;
    border-radius: 100%;
}

.pagination li a:hover,
.pagination li.active span {
    color: #fff;
    background-color: #cc3421
}

.proinfomid {
    padding-top: 5.72916666666667vw;
    background-color: #f1f2ee;
    overflow: hidden
}

.proinfomid_2 .promid_1_mid {
    -webkit-box-shadow: 0 0.9375em 1.875em rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0.9375em 1.875em rgba(0, 0, 0, 0);
    -ms-box-shadow: 0 0.9375em 1.875em rgba(0, 0, 0, 0);
    -o-box-shadow: 0 0.9375em 1.875em rgba(0, 0, 0, 0);
    box-shadow: 0 0.9375em 1.875em rgba(0, 0, 0, 0);
    background: none
}

.proinfomid_2 {
    padding-top: 1.5vw;
}

.proinfomid_2 .promid_1_mid_left {
    bottom: 0
}

.proinfomid_2 .promid_1_mid_right {
    padding-top: 3em;
}

.proinfomid_2_buy a {
    color: #464646;
    display: block;
    border: 1px #d2d2d2 solid;
    text-align: center;
    width: 8.4375em;
    height: 2.375em;
    line-height: 2.375em;
    border-radius: 4px;
}

.proinfomid_2_buy a span {
    padding-left: 1.5em;
    display: inline-block;
    position: relative;
}

.proinfomid_2_buy a span:after {
    content: '';
    position: absolute;
    left: 0;
    width: 1.1875em;
    height: 1.125em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/product/img8.png);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.proinfomid_2_buy a:hover {
    background-color: #cc3421;
    border-color: #cc3421;
    color: #fff;
}

.proinfomid_2_buy a:hover span:after {
    background-image: url(../images/product/img8on.png);
}

.proinfomid_2_photo dl dd {
    margin-bottom: 1em;
    float: left;
    overflow: hidden;
    width: 47.94520547945205%;
}

.proinfomid_2_photo dl dd:nth-child(2n) {
    float: right
}

.proinfomid_2_photo dl dd img {
    width: 100%;
}

.proinfomid_2_photo {
    padding-bottom: 1em;
}

.proinfomid_3 {
    margin-bottom: 6.25em;
    line-height: 2;
    margin-top: 6.25vw;
}

.repro {
    padding: 1em 0;
    border-bottom: 1px #c7c7c7 solid;
    padding-right: 3.5em;
    background-color: #fff;
    position: relative;
}

.repro_right {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.repro_left {
    font-size: 1.125em;
}

.repro .index_3_2_2_4 span {
    left: 0
}


/*****idea***********/

.ideamid {
    padding-top: 6.45833333333333vw;
    overflow: hidden;
    background-color: #f5f6f2;
    padding-bottom: 2em;
}

.ideamid_1_left {
    float: left;
    width: 44.16666666666667%;
}

.ideamid_1_left_mid {
    position: relative;
    padding-right: 1.25em;
    padding-bottom: 1.25em;
}

.ideamid_1_left_mid_img {
    overflow: hidden;
    position: relative;
    z-index: 10;
}

.ideamid_1_left_mid_img img {
    width: 100%;
}

.ideamid_1_left_mid_bg {
    background-color: #cc3421;
    height: 44.65709728867624%;
    position: absolute;
    right: 0;
    bottom: 0;
    width: calc(100% - 6.25em);
}

.ideamid_1_right {
    margin-top: 2em;
    float: right;
    width: 49.16666666666667%;
}

.ideamid_1_right_1 span {
    padding-bottom: .4em;
    display: inline-block;
    position: relative;
    font-size: 2.25em;
    color: #000;
}

.ideamid_1_right_1 span:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 23px;
    background-color: #cc3421;
}

.ideamid_1_right_2 {
    line-height: 1.8;
    margin-top: 1.875em;
}

.ideamid_2_mid {
    position: relative;
}

.ideamid_2_mid_jj {
    min-height: 532px;
    position: relative;
    margin-right: 1.5em;
    background-color: #fff;
    -webkit-box-shadow: 0 0.9375em 1.875em rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0.9375em 1.875em rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0.9375em 1.875em rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0.9375em 1.875em rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.9375em 1.875em rgba(0, 0, 0, 0.1);
}

.ideamid_2_mid_img {
    overflow: hidden;
    position: absolute;
    z-index: 10;
    right: 0;
    bottom: 1.5em;
    width: 71.66666666666667%;
}

.ideamid_2_mid_img img {
    width: 100%;
}

.ideamid_2 {
    margin-top: 7.5em;
}

.ideamid_2 ul li {
    margin-bottom: 5em;
}

.ideamid_2_mid_jj_mid {
    margin-right: 74.4206008583691%;
    margin-left: 5.15021459227468%;
    padding-top: 4.375em;
}

.ideamid_2 ul li:nth-child(2n) .ideamid_2_mid_img {
    right: auto;
    left: 0;
}

.ideamid_2 ul li:nth-child(2n) .ideamid_2_mid_jj {
    margin-left: 1.5em;
    margin-right: auto
}

.ideamid_2 ul li:nth-child(2n) .ideamid_2_mid_jj_mid {
    margin-left: 74.4206008583691%;
    margin-right: 5.15021459227468%;
}


/********news********/

.news_1 {
    padding-top: 6.25vw;
    overflow: hidden;
    background-color: #f2f3ef;
}

.news_1_mid_left {
    width: 56.5%;
    overflow: hidden
}

.news_1_mid_left img {
    width: 100%;
}

.news_1_mid_right {
    -webkit-box-shadow: 0 0.9375em 1.875em rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0.9375em 1.875em rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0.9375em 1.875em rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0.9375em 1.875em rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.9375em 1.875em rgba(0, 0, 0, 0.1);
    height: calc(100% - 4em);
    position: absolute;
    right: 0;
    width: 51.25%;
    z-index: 10;
    top: 2em;
    background-color: #fff;
}

.news_1_mid_right_mid {
    margin: 3.125em;
}

.news_1_mid_right_mid_1 {
    font-size: .875em;
    color: #666666
}

.news_1_mid_right_mid_1 span {
    display: inline-block;
    padding: 0 5px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(../images/news/img6.png);
}

.news_1_mid_right_mid_1 span:nth-child(1) {
    padding-left: 0;
    background-image: none
}

.news_1_mid_right_mid_2 {
    font-size: 1.875em;
    color: #000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all;
    margin-top: .6em;
}

.news_1_mid_right_mid_3 {
    color: #666;
    line-height: 1.8;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all;
    margin-top: .875em;
    margin-bottom: 1.5em;
}

.news_1 .index_3_2_2_4 span {
    left: 0;
}

.swiper-slide a {
    display: block
}

.swiper-slide a:hover .index_3_2_2_4 span {
    border-radius: 1.5em;
    left: 0;
    width: 3.125em;
    background-position: center
}

#tjnewspage {
    padding: 2.5em 0;
    position: static
}

.news_1 .swiper-pagination-bullet {
    margin: 0 8px;
    width: 10px;
    height: 10px;
    background: none;
    border: 1px #d3d3d3 solid;
    opacity: 1;
}

.news_1 .swiper-pagination-bullet-active {
    background-color: #d14635;
    border-color: #d14635
}

.news_1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 8px;
}

.news_2 .index_3_2_2_4 span {
    left: 0
}

.news_2 .index_3_2 ul li {
    background-color: #fff;
    margin-bottom: 3.375em;
}

.news_2 {
    padding-bottom: 4.6875vw;
    padding-top: 5.20833333333333vw;
}

.news_2 .index_3_2_2 {
    padding-left: 0;
    padding-right: 0
}

.news_info_banner {
    position: relative;
    height: 30.36458333333333vw;
}

.news_info_mid_mid_1 {
    font-size: 1.5em;
    color: #040404;
    margin-top: 4.47916666666667vw;
}

.news_info_mid_mid_2 {
    margin-top: 10px;
    color: #666;
    font-size: .875em;
}

.news_info_mid_mid_2 span {
    display: inline-block;
    margin-right: 10px;
}

.news_info_mid_mid_3 {
    color: #666;
    line-height: 1.8;
    padding-top: 3.125vw;
    padding-bottom: 3.125vw;
}

.news_info_top {
    position: relative;
    padding-right: 2em;
}

.news_info_top_right {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.news_info_top_right a {
    display: block;
    width: 1.5625em;
    height: 1.5em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/news/img7.png);
}

.news_info_mid_mid_4_left ul li {
    float: left;
    width: 50%;
}

.news_info_mid_mid_4_left ul li a {
    display: block;
    color: #666;
    padding: 1em;
}

.news_info_mid_mid_4_left ul li:nth-child(2) a {
    text-align: right
}

.news_info_mid_mid_4_left ul li a:hover {
    color: #fff;
    background-color: #c13421
}

.news_info_mid_mid_4 {
    overflow: hidden;
    padding-bottom: 4.94791666666667vw;
}

.news_info_mid_mid_4_left ul li a span {
    margin-right: 10px;
}


/******joinus***********/

.joinus_mid {
    padding-top: 6.25vw;
    padding-bottom: 7.8125vw;
    background-color: #f9faf6;
    overflow: hidden
}

.joinus_mid_1 {
    margin-bottom: 6.25vw;
}

.joinus_mid_1_left {
    float: left;
    width: 44.16666666666667%;
}

.joinus_mid_1_left_mid {
    position: relative;
    padding-right: 1.25em;
    padding-bottom: 1.25em;
}

.joinus_mid_1_left_mid_img {
    overflow: hidden;
    position: relative;
    z-index: 10;
}

.joinus_mid_1_left_mid_img img {
    width: 100%;
}

.joinus_mid_1_left_mid_bg {
    background-color: #cc3421;
    position: absolute;
    right: 0;
    bottom: 0;
    width: calc(100% - 6.25em);
    height: 44.65709728867624%;
}

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

.joinus_mid_1_right_1 span {
    padding-bottom: .875em;
    position: relative;
    font-size: 2.25em;
    color: #000;
    display: inline-block;
}

.joinus_mid_1_right_1 span:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 55px;
    height: 3px;
    background-color: #cc3421;
}

.joblist {
    margin-top: 1em;
    cursor: pointer;
    position: relative;
    padding: 1em 0;
    border-bottom: 1px #bab9b9 solid;
    overflow: hidden;
    padding-right: 1em;
}

.joblist:after {
    content: '>';
    font-family: "宋体";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.joblist_left {
    float: left;
}

.joblist_right {
    float: left
}

.joblist_left span {
    font-size: 1.5em;
    color: #000
}

.joblist_mid {
    margin-top: .35em;
    float: left;
    color: #666;
    margin-left: 1em;
}

.joblist_mid span {
    padding: 0 8px;
    float: left;
    display: inline-block;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(../images/joinus/img5.png);
}

.joblist_mid span:nth-child(1) {
    background-image: none
}

.lcact_job div {
    display: inline-block;
}

.swiper-button-prev-job,
.swiper-button-next-job {
    font-family: "宋体";
    cursor: pointer
}

.lcact_job_num span {
    color: #cc3421
}

.lcact_job_num {
    padding: 0 .5em;
}

.lcact_job {
    margin-top: 2em;
}

.joinus_mid_1_right_1 {
    margin-top: 2.5em;
    margin-bottom: 2em;
}

.joinus_mid_2_left {
    float: left;
    width: 30.08333333333333%;
}

.joinus_mid_2_right {
    overflow: hidden;
    float: right;
    width: 69.91666666666667%;
}

.joinus_mid_2_right img {
    width: 100%;
}

.joinus_mid_2_left_mid {
    padding-right: 2em;
}

.joinus_mid_2_left_mid .joinus_mid_1_right_1 {
    margin-top: 5px;
}

.joinus_mid_2_left_1 {
    font-size: 1.25em;
}

.joinus_mid_2_left_mid ul li {
    margin-top: 1.125em;
    font-size: 1.125em;
}


/******footer*******/

#footer {
    color: #fff;
    background-color: #333333;
    overflow: hidden
}

.footer_1 {
    text-align: center;
    border-bottom: 1px #535353 solid;
    padding: 1.875em 0;
}

.footer_2 {
    margin: 3em 0;
    position: relative;
    padding-right: 320px;
}

.footer_2_right {
    position: absolute;
    right: 0;
    top: 0;
}

.footer_2_left {
    float: left;
    width: 35.29411764705882%;
}

.footer_2_mid {
    float: right;
    width: 64.70588235294118%;
}

.footer_2_mid_mid ul li {
    float: left;
    width: 20%;
}

.footer_2_left_mid {
    padding-right: 20%;
}

.footer_2_left_mid_2 {
    line-height: 1.8;
    margin-top: 1.375em;
    font-size: .875em;
    color: #ccc;
    margin-bottom: 2.25em;
}

.footer_2_left_mid_1 {
    font-size: 1.5em;
}

.footer_t {
    font-size: 1.125em;
    margin-bottom: 1em;
}

.footer_2_right_mid_1 dl dd {
    padding-left: 16px;
    margin-bottom: .875em;
    font-size: .875em;
    color: #ccc;
    position: relative;
}

.footer_2_right_mid_2 {
    margin-top: 1.75em;
    border-top: 1px #535353 solid;
    padding-top: 2em;
}

.footer_2_right_mid_2 dl {
    width: 80%;
}

.footer_2_right_mid_2 dl dd {
    float: left;
    text-align: center;
    width: 45.74468085106383%;
}

.footer_2_right_mid_2 dl dd:nth-child(2n) {
    float: right
}

.footer_2_right_mid_2 dl dd img {
    width: 100%;
}

.footer_2_right_mid_1 dl dd:before {
    top: 5px;
    content: '';
    position: absolute;
    left: 0;
    width: 12px;
    height: 14px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /*-webkit-transform: translateY(-50%);
    transform: translateY(-50%); top:50%;*/
}

.footer_2_right_mid_1 dl dd:nth-child(1):before {
    background-image: url(../images/footer/img8.png);
}

.footer_2_right_mid_1 dl dd:nth-child(2):before {
    background-image: url(../images/footer/img9.png);
}

.footer_2_mid_mid ul li a {
    font-size: .875em;
    color: #ccc;
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.footer_2_mid_mid ul li a:hover {
    color: #fff;
}

.footer_2_mid_mid {
    border-left: 1px #535353 solid;
    border-right: 1px #535353 solid;
    overflow: hidden;
    min-height: 320px;
    padding-left: 9%;
}

.footer_2_right_mid {
    width: 237px;
}

.wmid {
    margin: 0 auto;
    max-width: 83.07291666666667%;
}

.footer_2_left_mid_3 a {
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    margin-right: 9px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    width: 38px;
    height: 38px;
    border: 1px #fff solid;
    border-radius: 100%;
}

.footer_2_left_mid_3 a:hover {
    background-color: #fff;
}

.i1 {
    background-image: url(../images/footer/img2.png);
}

.i1:hover {
    background-image: url(../images/footer/img2on.png);
}

.i2 {
    background-image: url(../images/footer/img3.png);
}

.i2:hover {
    background-image: url(../images/footer/img3on.png);
}

.i3 {
    background-image: url(../images/footer/img4.png);
}

.i3:hover {
    background-image: url(../images/footer/img4on.png);
}

.i4 {
    background-image: url(../images/footer/img5.png);
}

.i4:hover {
    background-image: url(../images/footer/img5on.png);
}

.footer_2_right_mid_2_2 {
    font-size: .875em;
    color: #ccc;
    margin-top: 8px;
}

.footer_2_mid_mid ul li dl dd {
    margin-bottom: .875em;
}

.footer_2_mid_mid_mid {
    padding-right: 1em;
}

.footer_cp {
    padding: 1.5em 0;
    border-top: 1px #535353 solid;
    overflow: hidden;
    font-size: .875em;
    color: #ccc;
}

.footer_cp a {
    color: #ccc;
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.footer_cp a:hover {
    color: #fff
}

.footer_cp_left {
    float: left;
}

.footer_cp_right {
    float: right
}

.jobmask {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.63);
}

.jobmask_mid {
    overflow: hidden;
    position: relative;
    background-color: #fff;
}

.jobmask_mid_close {
    position: absolute;
    right: 1.875em;
    top: 1.875em;
}

.jobmask_mid_close a img {
    -webkit-transition: 1s;
    -webkit-transition: -webkit-transform 1s ease-out;
    transition: transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;
}

.jobmask_mid_close a:hover img {
    transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
}

.jobmask_mid_mid {
    margin: 3em 4em;
    min-height: 460px;
    max-height: 460px;
    overflow: hidden;
    overflow-y: auto;
}

.jobmask_mid_mid_1 {
    font-size: 1.875em;
    color: #000;
}

.jobmask_mid_mid_2 {
    color: #ababab;
    margin-top: 4px;
}

.jobmask_mid_mid_3 {
    color: #666;
    line-height: 1.8;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

.jobmask_mid_mid_4 {
    color: #666;
}

.jobmask_mid_mid_4 a {
    color: #f91212
}

.jobmask_mid_mid_3_jj {
    display: none
}

.ovh {
    overflow: hidden
}

.marmid {
    padding-bottom: 5.20833333333333vw;
    padding-top: 4.53125vw;
    overflow: hidden;
    background-color: #f5f6f2;
}

.marmid_1 {
    text-align: center
}

.marmid_1 .joinus_mid_1_right_1 {
    margin-top: 5px;
}

.marmid_1 .joinus_mid_1_right_1 span:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.marmid_2 {
    text-align: center;
    color: #666;
    line-height: 1.8;
    margin-bottom: 2.5em;
}

.marmid_3_left_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.marmid_3 {
    position: relative
}

.marmid_3_right {
    -webkit-box-shadow: 0 0.9375em 1.875em rgba(0, 0, 0, 0.1);
    overflow: hidden;
    -moz-box-shadow: 0 0.9375em 1.875em rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0.9375em 1.875em rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0.9375em 1.875em rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.9375em 1.875em rgba(0, 0, 0, 0.1);
    background-color: #fff;
    margin-left: 34.66666666666667%;
    min-height: 454px;
}

.marmid_3_left {
    top: 3em;
    height: calc(100% - 6em);
    z-index: 10;
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 43.5%;
}

.marmid_3_right_mid {
    margin-right: 4.45859872611465%;
    margin-left: 18.47133757961783%;
    padding-top: 3.75em;
}

.banner_img_jj_mid_2 {
    margin-top: 1.5em;
}

.banner_img_jj_mid_2 a {
    display: inline-block;
    color: #fff;
    background-color: #cc3421;
    line-height: 2em;
    padding: 0 1.5em;
    border-radius: 2em;
}

.marmid_41 {
    text-align: center;
}

.marmid_41 img {
    display: inline-block;
    width: 45%;
}

.marmid_41 img+img {
    margin-left: 50px;
}

@media screen and (max-width:1700px) {
    .joinus_mid_2_left_mid ul li {
        font-size: 1em;
    }
    .joblist_mid {
        margin-top: .15em;
    }
    .joinus_mid_1_right_1 span {
        font-size: 2em;
    }
    .joblist_left span {
        font-size: 1.25em;
    }
    .ideamid_1_right_1 span {
        font-size: 2em;
    }
    .promid_top {
        font-size: .8em;
    }
    .nymenu ul li {
        font-size: .875em;
    }
    .about_4_1_right_mid_2 p {
        font-size: 1em;
    }
    .about_2_mid_right_1 {
        padding-top: 2em;
    }
    .about_1_footer_mid_right {
        margin-left: 4.5em;
    }
    .about_1_footer_mid_left img {
        max-width: 3.5em;
    }
    .about_1_footer_mid_right_1 {
        font-size: 2.5em;
    }
    .about_1_footer_mid_right_2 {
        font-size: 1em;
    }
    .about_1_footer {
        margin-top: 4.47916666666667vw;
    }
    .nybannerjj_1 img {
        width: 160px;
    }
    .layui-textarea {
        min-height: 100px;
    }
    .index_4_mid_name span {
        font-size: 1.5em;
    }
    .index_4_mid_name_hide span {
        font-size: 1.65em;
    }
    .index_3_2_2_2 {
        font-size: 1.5em;
    }
    .index_3_2_2_1 {
        font-size: .875em;
    }
    .index_3_2_2_3 {
        font-size: 1em;
    }
    .index_3_1_right a {
        font-size: .75em;
    }
    .index_1_left_3 {
        margin-bottom: 2em;
    }
    .index_1_left_2 {
        font-size: 2.25em;
    }
    .index_1_left_1 span {
        font-size: 1em;
    }
    .index_1_left_3 {
        font-size: 1em;
    }
    .index_1_left_4_mid_1 {
        font-size: 2.5em;
    }
    .index_1_left_4_mid_2 {
        font-size: .9375em;
    }
    .wmid {
        margin: 0 auto;
        max-width: 96.25%;
    }
    .footer_2_left_mid {
        padding-right: 1em;
    }
    .footer_2 {
        padding-right: 270px
    }
}

.promid_1_mid_left img {
    display: none
}

.promid_1_mid_left_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media screen and (max-width:1200px) {
    .index_4_mid_name_hide span,
    .index_4_mid_name span {
        font-size: 1.25em;
    }
    .index_2_1 {
        font-size: 1.5em;
    }
    .index_2_2 {
        font-size: 1em;
    }
    .index_1_left_4_mid_1 {
        font-size: 1.875em;
    }
    .footer_2_left_mid_1 {
        font-size: 1.25em;
    }
    .footer_t {
        font-size: 1em;
    }
    .index_1_left_2 {
        font-size: 1.5em
    }
    .promid_1_mid_right_1 {
        font-size: 1.25em;
    }
    .promid_top_2 {
        padding-bottom: 1em;
        font-size: 1.875em;
    }
    .promid_top_1 {
        font-size: 1.125em;
    }
    .ideamid_1_right_1 span {
        font-size: 1.5em;
    }
    .index_3_2_2_2 {
        font-size: 1.125em;
    }
    .news_1_mid_right_mid_2 {
        font-size: 1.375em;
    }
    .jobmask_mid_mid_1 {
        font-size: 1.5em;
    }
    .jobmask_mid_mid_2 {
        font-size: .875em;
    }
    .jobmask_mid_close a img {
        max-width: 2em;
    }
    .joblist_mid {
        margin-top: .1em
    }
    .joblist_left span {
        font-size: 1.125em;
    }
    .nybannerjj_2,
    .joinus_mid_2_left_1 {
        font-size: 1em;
    }
    .nybannerjj_1,
    .joinus_mid_1_right_1 span {
        font-size: 1.875em;
    }
}

@media screen and (max-width:1100px) {
    .headermid:after {
        content: '';
        position: absolute;
        right: 32px;
        height: 100%;
        width: 1px;
        background-color: #dedede;
        top: 0;
    }
    .header_left_right {
        right: 2.75em;
    }
    .header_left_right a {
        font-size: .75em;
    }
    .news_info_mid_mid_1 {
        font-size: 1.25em;
    }
    #main {
        margin-top: 3.75em;
    }
    #header .header_left_right a {
        background-image: url(../images/header/img1b.png);
    }
    #header .header_left a:before {
        opacity: 1;
        top: 0
    }
    #header .header_left a img {
        opacity: 0;
    }
    #header {
        background-color: #fff
    }
    .header_mid ul {
        display: none
    }
    .headermid {
        height: 3.75em;
    }
}

@media screen and (max-width:1024px) {
    .footer_2_mid_mid {
        padding-left: 1.5em;
    }
    .footer_2_mid_mid {
        border-right: none
    }
    .footer_2 {
        padding-right: 0
    }
    .footer_2_right {
        display: none
    }
    .about_1_footer_mid_right_2 {
        font-size: .875em;
        text-align: left
    }
    .about_1_footer_mid_right {
        margin-left: 3.5em;
    }
    .about_1_footer_mid_left img {
        max-width: 2.875em;
    }
    .about_1_footer_mid_right_1 {
        font-size: 1.75em;
    }
    .news_1_mid_right_mid_2 {
        font-size: 1.125em;
    }
    .news_1_mid_right_mid {
        margin: 1.875em;
    }
}

.indexpro_act img {
    width: 1.6875em;
}

@media screen and (max-width:950px) {
    .index_4_mid_name_hide span,
    .index_4_mid_name span {
        font-size: 1.125em;
    }
    .index_5_left {
        width: 100%;
    }
    .index_5_right {
        width: 100%;
    }
    .indexpro_act {
        font-size: .75em;
    }
    .marmid_41 img {
        width: 100%;
    }
    .marmid_41 img+img {
        margin-left: 0px;
        margin-top: 2.5em;
    }
}

@media screen and (max-width:850px) {
    .news_1_mid_left {
        width: 100%;
    }
    .news_1_mid_right {
        position: static;
        width: 100%;
        height: auto;
        overflow: hidden
    }
}

.marmid_3_left img,
.about_4_1_left img {
    display: none;
    width: 100%;
}

@media screen and (max-width:810px) {
    .banner_img_jj_mid_1 img {
        max-width: 60vw;
    }
    .sybanner .banneract,
    .sybanner .swiper-pagination-bullet {
        font-size: .875em;
    }
    .index_4_mid_name_hide {
        width: 9.5em;
        height: 9.5em;
    }
    .index_3_2.sy ul li {
        margin-top: 1em;
    }
    .index_2_3 {
        margin-top: 2em;
    }
    .index_1_right_mid_img a {
        width: 3em;
        height: 3em;
    }
    .index_1_left {
        width: 100%;
    }
    .index_1_right {
        width: 100%;
        margin-top: 1.5em;
    }
    .footer_2_left_mid_2 {
        margin-top: 1.5em;
        margin-bottom: 1.5em;
    }
    .footer_2_left_mid_3 a {
        margin-right: 0;
        transform: scale(.8, .8);
    }
    .footer_1 {
        padding: 1.25em 0;
    }
    .footer_2 {
        margin: 2em 0;
    }
    .footer_cp_left,
    .footer_cp_right {
        text-align: center;
        width: 100%;
        float: none;
    }
    .footer_cp_left {
        margin-bottom: 5px;
    }
    .footer_2_left {
        width: 100%;
    }
    .footer_2_mid {
        display: none
    }
    .about_4_1_right_mid {
        margin-left: 1em;
        min-height: inherit
    }
    .about_4_1_right {
        margin-left: auto;
        padding: 2em 0;
    }
    .about_4_1_left {
        position: static;
        width: 100%;
        height: auto;
    }
    .about_4_1_left_bg {
        display: none
    }
    .about_4_1_left img {
        display: block
    }
    .about_3_mid {
        padding: 1.5em;
    }
    .about_1_footer_mid_right_1 {
        padding-top: .5em;
    }
    .about_1_footer_mid_right_1,
    .about_1_footer_mid_right_2 {
        text-align: center
    }
    .about_1_footer_mid_left img {
        max-width: none;
        height: 1.875em;
    }
    .about_1_footer_mid_left {
        -webkit-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
        position: static;
        width: 100%;
        text-align: center
    }
    .about_1_footer_mid_right {
        margin-left: 0
    }
    .about_1_mid_left,
    .about_1_mid_right {
        width: 100%;
    }
    .index_3_1_right a {
        font-size: .5em;
    }
    .promid_top_2 {
        font-size: 1.5em;
    }
    .ideamid_2 ul li {
        margin-bottom: 2em;
    }
    .ideamid_2 ul li:nth-child(2n) .ideamid_2_mid_jj {
        margin-left: 0;
    }
    .ideamid_2 ul li:nth-child(2n) .ideamid_2_mid_jj_mid {
        margin-left: 2em;
        margin-right: 2em;
    }
    .ideamid_2_mid_jj {
        margin-right: 0
    }
    .ideamid_2_mid_jj_mid {
        margin-left: 2em;
        margin-right: 2em;
        padding-top: 2em;
        padding-bottom: 2em;
    }
    .ideamid_2_mid_img {
        position: static;
        width: 100%;
    }
    .ideamid_2_mid_jj {
        min-height: inherit
    }
    .ideamid_2 {
        margin-top: 2.5em;
    }
    .ideamid_1_left {
        width: 100%;
    }
    .ideamid_1_right {
        width: 100%;
    }
    .news_info_top {
        padding-right: 0
    }
    .news_info_top_right {
        display: none
    }
    .news_info_mid_mid_4_left ul li:nth-child(2) a {
        text-align: left
    }
    .news_info_mid_mid_4_left ul li {
        width: 100%;
    }
    .news_2 .index_3_2 ul li {
        margin-bottom: 1.5em;
    }
    .index_3_2 ul li {
        width: 49%;
        margin-right: 0
    }
    .prorep .index_3_2 ul li {
        margin-bottom: 1.5em;
    }
    .index_3_2 ul li:nth-child(2n) {
        float: right
    }
    .jobmask_mid_mid {
        margin-left: 2em;
        margin-top: 2em;
        margin-bottom: 2em;
    }
    .jobmask_mid_close a img {
        max-width: 1.5em;
    }
    .joinus_mid_2_left,
    .joinus_mid_2_right {
        width: 100%;
    }
    .joinus_mid_2_right {
        margin-top: 1.5em;
    }
    .lcact_job {
        text-align: center
    }
    .joinus_mid_1_right_1 {
        margin-bottom: 1em;
    }
    .joinus_mid_1_left,
    .joinus_mid_1_right {
        width: 100%;
    }
    .marmid_3_right_mid {
        padding-top: 2em;
        margin-left: 4.45859872611465%;
    }
    .marmid_3_right {
        margin-left: 0;
        min-height: inherit;
        padding-bottom: 2em;
    }
    .marmid_3_left {
        position: static;
        width: 100%;
    }
    .marmid_3_left_bg {
        display: none
    }
    .marmid_3_left img {
        display: block
    }
    .nybannerjj_1,
    .joinus_mid_1_right_1 span {
        font-size: 1.5em;
    }
}

.nybanner .swiper-slide img {
    display: none;
    width: 100%;
}

@media screen and (max-width:768px) {
    .nybanner .swiper-slide img {
        display: block
    }
    .nybanner .banner_img {
        display: none
    }
    .index_4 .swiper-button-next,
    .index_4 .swiper-button-prev {
        transform: scale(.8, .8);
    }
    .index_2_1 {
        font-size: 1.375em;
    }
    .footer_1 img {
        height: 1.875em;
    }
    .index_1_left_1 span {
        font-size: .875em;
    }
    .index_1_left_2 {
        font-size: 1.375em;
    }
    .proinfomid_2 .promid_1_mid_right {
        padding-top: 1.5em;
        margin-left: 0;
        margin-right: 0
    }
    .nymenu {
        display: none
    }
    .promid_1 ul li {
        margin-bottom: 2em;
    }
    .promid_1 ul li:nth-child(2n) .promid_1_mid_right {
        margin-left: 1em;
        margin-right: 1em;
    }
    .promid_1_mid_left {
        position: static;
        width: 100%;
    }
    .promid_1_mid_left_bg {
        display: none
    }
    .promid_1_mid_left img {
        display: block
    }
    .promid_1_mid_right {
        margin-left: 1em;
        padding-top: 1em;
        padding-bottom: 1.5em;
        margin-right: 1em;
    }
}

@media screen and (max-width:640px) {
    .indexbanner:before,
    .indexbanner:after {
        display: none
    }
    .banner_img_jj_mid_1 img {
        max-width: 80vw;
    }
    .index_1_left_4_mid_1 {
        font-size: 1.75em;
    }
    .footer_2_left_mid_1 {
        font-size: 1.125em;
    }
    .lcact {
        font-size: .75em;
    }
    .about_2_mid_left {
        width: 100%;
    }
    .about_2_mid_right {
        width: 100%;
        padding-top: 1.5em;
    }
    .about_1_footer_mid {
        margin: 0 .5em;
    }
    .about_1_footer_mid_right_1 {
        font-size: 1.5em;
    }
    .ideamid_1_right_1 span {
        font-size: 1.25em;
    }
    .pagination {
        font-size: .875em;
    }
    #tjnewspage {
        padding: 1.5em 0;
    }
    .news_1 .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }
    .news_1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 4px;
    }
    .index_3_2 ul li {
        width: 100%;
    }
    .jobmask_mid_mid {
        margin-right: 2.5em;
        margin-left: 1em;
    }
    .jobmask_mid_close {
        right: 1em;
        top: 1em;
    }
    .jobmask_mid_mid_1 {
        font-size: 1.25em;
    }
    .nybannerjj_1,
    .joinus_mid_1_right_1 span {
        font-size: 1.375em;
    }
    #submitbtn {
        width: 100%;
        font-size: 16px;
    }
    .layui-form-item .layui-inline {
        width: 100%;
        margin-right: 0
    }
    .layui-form-item .layui-inline:nth-child(5) {
        width: 100%;
    }
    .joinus_mid_1_right_1 span:after {
        width: 30px;
        height: 2px;
    }
}

@media screen and (max-width:600px) {
    .index_4_mid_name_hide {
        width: 8.5em;
        height: 8.5em
    }
}

@media screen and (max-width:480px) {
    .banner_img_jj_mid_1 img {
        max-width: 90vw;
    }
    .index_4_mid_bg {
        height: 40vh;
    }
    .index_4_mid_name_hide span,
    .index_4_mid_name span {
        font-size: 1.125em;
    }
    .index_2_1 {
        font-size: 1.25em;
    }
    .index_1_right_mid {
        padding-right: 1em;
        padding-bottom: 1em;
    }
    .index_1_left_4 ul li,
    .index_1_left_4 ul li:nth-child(2),
    .index_1_left_4 ul li:last-child {
        width: 50%;
        text-align: center
    }
    .index_1_left_4 ul li:nth-child(1),
    .index_1_left_4 ul li:nth-child(2) {
        margin-bottom: 1em;
    }
    .indexpro_act {
        font-size: .65em;
    }
    .about_2_mid_right_1 {
        padding-top: 0
    }
    .about_2_mid_right_1_img {
        margin-left: 0
    }
    .about_1_footer ul li:nth-child(1),
    .about_1_footer ul li:nth-child(2) {
        margin-bottom: 1em;
    }
    .about_1_footer ul li {
        width: 50%;
    }
    .proinfomid_2_buy a {
        width: auto;
    }
    .index_1_left_2 {
        font-size: 1.25em;
    }
    .promid_top_2 {
        font-size: 1.375em;
    }
    .promid_1_mid_right_1 {
        font-size: 1.125em;
    }
    .promid {
        padding-bottom: 2em;
    }
    .ideamid_1_right_2 {
        margin-top: 1.5em;
    }
    .ideamid_2_mid_jj_mid,
    .ideamid_2 ul li:nth-child(2n) .ideamid_2_mid_jj_mid {
        margin-left: 1em;
        margin-right: 1em;
        padding-top: 1em;
        padding-bottom: 1em;
    }
    .ideamid_1_right_1 span {
        font-size: 1.25em;
    }
    .news_info_mid_mid_4_left ul li a {
        padding: .5em .875em;
    }
    .news_info_mid_mid_1 {
        font-size: 1.125em;
    }
    .news_1_mid_right_mid_3,
    .index_3_2_2_3 {
        font-size: .9375em;
    }
    .news_1_mid_right_mid {
        margin: 1.5em;
    }
    .jobmask_mid_mid_4 {
        line-height: 1.6;
    }
    .jobmask_mid_mid_1 {
        font-size: 1.125em;
    }
    .joinus_mid_1_right_1 {
        margin-bottom: 0
    }
    .nybannerjj_2,
    .joinus_mid_2_left_1 {
        font-size: .875em;
    }
    .nybannerjj_2 {
        font-size: .875em;
    }
    .nybannerjj_1,
    .joinus_mid_1_right_1 span {
        font-size: 1.125em;
    }
}


/********mobile menu****************/

#header .nav-btn {
    display: none;
    width: 22px;
    height: 12px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}

@media screen and (max-width:1100px) {
    #header .nav-btn {
        display: block
    }
}

#header .nav-btn .line {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #000;
    position: absolute;
    left: 0 -webkit-transition: -webkit-transform .35s;
    transition: -webkit-transform .35s;
    -o-transition: transform .35s;
    transition: transform .35s;
    transition: transform .35s, -webkit-transform .35s
}

#header .nav-btn .line1 {
    top: 0;
    -webkit-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    transform-origin: left top 0
}

#header .nav-btn .line2 {
    top: 6px
}

#header .nav-btn .line3 {
    bottom: 0;
    -webkit-transform-origin: left bottom 0;
    -ms-transform-origin: left bottom 0;
    transform-origin: left bottom 0
}

#header .nav-btn.hover .line1 {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 4px;
    top: -2px;
}

#header .nav-btn.hover .line3 {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 4px;
    bottom: -2px;
}

#header .nav-btn.hover .line2 {
    display: none
}

#header .sub-menu {
    background-color: #f5f5f5;
    width: 100%;
    display: none;
    position: absolute;
    left: 0;
    top: 60px;
    height: calc(100vh - 60px);
    z-index: 998;
    overflow-y: auto
}

#header .sub-menu ul {
    width: 100%;
    padding-bottom: 6%
}

#header .sub-menu li {
    border-bottom: 1px solid #dcdcdc;
    font-size: 18px
}

#header .sub-menu .tit {
    display: block;
    width: 96.25%;
    padding: 0% 1.875%;
    line-height: 50px;
    color: #000;
    position: relative
}

#header .sub-menu li:last-child {
    border-bottom: none
}

#header .sub-menu .titx {
    display: block;
    width: 94%;
    padding: 0 3%;
    line-height: 50px;
    color: #000;
    position: relative;
    border-bottom: 1px solid #dcdcdc
}

#header .sub-menu .sub-tit:after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/header/ico_03.png) no-repeat center;
    background-size: 100% auto;
    position: absolute;
    right: 1.875%;
    top: 50%;
    margin-top: -8px;
}

.ovh-f {
    overflow: hidden
}

#header .sub-menu .sub-tit.on {
    background-color: #cc3421;
    color: #fff
}

#header .sub-menu .sub-tit.on:after {
    background: url(../images/header/ico_03_h.png) no-repeat center;
    background-size: 100% auto
}

#header .sub-menu .sec-list {
    line-height: 40px;
    padding: 10px 4%;
    display: none
}

#header .sub-menu .sec-list p {
    background: url(../images/header/ico_04.png) no-repeat left center;
    background-size: 6px auto;
    font-size: 14px
}

#header .sub-menu .sec-list a {
    padding-left: 3%;
    color: #666;
    display: block
}

.index_pic ul li {
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    float: left;
    width: 16.66666666666667%;
}

.index_pic ul li.zhai {
    width: 15%;
}

.index_pic ul li.kuan {
    width: 25%;
}

.index_4 {
    display: none
}

@media screen and (max-width:810px) {
    .index_4 {
        display: block
    }
    .index_pic {
        display: none
    }
}


/******右侧浮动*************/

.webright {
    position: fixed;
    right: 20px;
    z-index: 100;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    width: 42px;
}

.webright ul li {
    position: relative;
    margin-top: .5em;
}

.webright ul li:nth-child(1) {
    margin-top: 0
}

.webright ul li a {
    position: relative;
    z-index: 10;
    background-color: #b4b4b4;
    border-radius: 100%;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    height: 42px;
}

.webright ul li a.wqq {
    background-image: url(../images/right/img1.png);
}

.webright ul li a.wwechat {
    background-image: url(../images/right/img2.png);
}

.webright ul li a.wphone {
    background-image: url(../images/right/img3.png);
}

.webright ul li a.wgoup {
    background-image: url(../images/right/img4.png);
}

.webright ul li img {
    display: none;
    position: absolute;
    right: 47px;
    top: -21px;
    max-width: none;
}

.webright ul li:hover img {
    display: block
}

.webright ul li span {
    top: 0;
    display: none;
    position: absolute;
    right: 21px;
    width: 165px;
    background-color: #b4b4b4;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #fff;
}

.webright ul li:hover span {
    display: block
}

.webright ul li:hover a {
    background-color: #ce4534
}

@media screen and (max-width:640px) {
    .webright {
        display: none
    }
}

.header_left span {
    display: block;
    cursor: pointer;
    position: absolute;
    right: -3em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    font-size: 1.25em;
    padding-left: .5em;
}

.header_left span:after {
    content: '';
    position: absolute;
    left: 0;
    top: 20%;
    height: 60%;
    width: 1px;
    background-color: #fff;
}

#header.cur .header_left span {
    color: #000;
}

#header.cur .header_left span:after {
    background-color: #000
}

.jmbt span {
    padding-bottom: 0;
}

.jmbt span::after {
    display: none;
}

.dppx_ul ul>li {
    width: 48%;
    float: left;
    text-align: left;
    height: 60px;
    line-height: 60px;
    padding-left: 40px;
    box-sizing: border-box;
    margin-bottom: 50px;
}

.dppx_ul ul>li:nth-child(2n) {
    float: right;
}

.dppx_ul ul>li {
    border-bottom: #ededed solid 8px;
    border-radius: 5px;
}

.dppx_ul ul>li:nth-child(1) {
    background: url(../images/g01.jpg) no-repeat left center;
    background-size: 30px auto;
    line-height: 68px;
}

.dppx_ul ul>li:nth-child(2) {
    background: url(../images/g02.jpg) no-repeat left center;
    background-size: 30px auto;
}

.dppx_ul ul>li:nth-child(3) {
    background: url(../images/g03.jpg) no-repeat left center;
    background-size: 30px auto;
}

.dppx_ul ul>li:nth-child(4) {
    background: url(../images/g04.jpg) no-repeat left center;
    background-size: 30px auto;
}

.dppx_ul ul>li:nth-child(5) {
    background: url(../images/g05.jpg) no-repeat left center;
    background-size: 30px auto;
    line-height: 50px;
}

.dppx_ul ul>li:nth-child(6) {
    background: url(../images/g06.jpg) no-repeat left center;
    background-size: 30px auto;
}

.dppx_ul ul>li:nth-child(7) {
    background: url(../images/g07.jpg) no-repeat left center;
    background-size: 30px auto;
}

.dppx_ul ul>li:nth-child(8) {
    background: url(../images/g08.jpg) no-repeat left center;
    background-size: 30px auto;
}

.gczz {
    padding: 60px 0px;
    border-top: #e5e5e5 solid 1px;
}

.gczz ul>li {
    width: 33%;
    float: left;
    box-sizing: border-box;
    padding: 0 45px;
    margin-bottom: 50px;
    overflow: hidden;
}

.gczz ul>li img {
    min-width: 100%;
    height: 400px;
}

.cjwt {
    background: url(../images/cj11.jpg) no-repeat top center;
    padding-bottom: 4.53125vw;
}

.cjwt ul {
    border-top: #008cd7 solid 5px;
    padding: 30px 0;
}

.cjwt ul>li {
    color: #008cd7;
    border-bottom: #e0e0e0 solid 1px;
    text-align: left;
    padding: 30px 0;
    font-size: 18px;
    cursor: pointer;
}

.cjwt ul>li p {
    display: none;
    padding: 20px 0;
    line-height: 1.5;
    color: #666;
    font-size: 16px;
}

.cjwt ul>li div.cbtn {
    float: right;
}

.cjwt ul>li img {
    width: auto !important;
}

.cjwt ul>li div.cbtn .jian {
    display: none;
}

.fw {
    padding: 180px 0 100px 0;
}

.fwitem>div {
    float: left;
    box-sizing: border-box;
}

.fwitem>div:nth-child(1) ul {
    margin-top: 50px;
}

.fwitem>div:nth-child(1),
.fwitem>div:nth-child(3) {
    width: 40%;
    text-align: left;
}

.fwitem>div:nth-child(2) {
    width: 20%;
    padding: 80px 70px 0 70px;
}

.fwitem>div:nth-child(2) span,
.fwitem>div:nth-child(2) img {
    display: block;
    margin: 0 auto;
    font-size: 24px;
}

.fwitem>div:nth-child(3) {
    text-align: left;
}

.fwitem>div:nth-child(1) li {
    background: url(../images/f01.jpg) no-repeat right center;
    height: 60px;
    margin-bottom: 80px;
    background-size: 40px auto;
}

.fwitem>div:nth-child(1) li span {
    background: #f7f7f7;
    padding: 20px 15px;
    display: inline-block;
    margin-right: 15px;
}

.ftit {
    text-align: center;
    margin-bottom: 50px;
}

.ftit span {
    font-size: 24px;
}

.ftit i {
    display: block;
    width: 10%;
    margin: 15px auto 0 auto;
    background: #5c5e5d;
    height: 5px;
}

.fwitem>div:nth-child(3) li {
    margin-bottom: 52px;
    color: #5c5e5d;
    line-height: 1.5;
    background: url(../images/f02.jpg) no-repeat left center;
    padding-left: 50px;
    background-size: 40px auto;
}

.fwitem>div:nth-child(3) .ftit {
    margin-bottom: 45px;
}

.fwitem>div:nth-child(3) li:nth-child(2) {
    margin-bottom: 48px;
}

.fwitem>div:nth-child(3) li:nth-child(3) {
    margin-bottom: 58px;
}

@media screen and (max-width:640px) {
    .dppx_ul ul>li {
        width: 100%;
        line-height: normal !important;
        height: auto;
        padding: 10px 0 10px 40px;
        margin-bottom: 30px;
    }
    .gczz ul>li {
        width: 50%;
        padding: 0 15px;
    }
    .gczz ul>li img {
        width: 100%;
        height: 226px;
    }
    .fwitem>div {
        width: 100% !important;
    }
    .cjwt ul>li {
        font-size: 16px;
    }
    .fwitem>div:nth-child(2) {
        display: none;
    }
    .fwitem>div:nth-child(1) li,
    .fwitem>div:nth-child(3) li {
        background: none;
    }
    .fwitem>div:nth-child(2) span,
    .fwitem>div:nth-child(2) img {
        display: inline-block;
    }
    .fwitem>div:nth-child(2) img {
        width: auto !important;
    }
    .fwitem>div:nth-child(1) li {
        margin-bottom: 20px;
    }
    .fwitem>div:nth-child(1) li span {
        padding: 10px 5px;
    }
    .fwitem>div:nth-child(3) li {
        padding-left: 0;
        margin-bottom: 20px !important;
        font-size: 14px;
    }
}