/* RESET */

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

fieldset,
img {
    border: 0;
}

input,
textarea {
    outline: none;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-weight: normal;
    font-style: normal;
}

ol,
ul {
    list-style: none;
}

caption,
th {
    text-align: left;
}

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

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

abbr,
acronym {
    border: 0;
}

a {
    text-decoration: none;
}

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

body {
    font: normal 100% Microsoft YaHei, Helvetica, Arial, sans-serif;
    overflow-x: hidden;
    color: #333;
}

.tc {
    width: 1750px;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.c {
    width: 1600px;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    /* position: relative; */
}

input,
textarea {
    outline: none;
    background: none;
    border: none;
}

.cc {
    width: 1260px;
    margin-left: auto;
    margin-right: auto;
}

.left {
    float: left;
}

.right {
    float: right;
}

a {
    font-size: 14px;
    line-height: 25px;
}

p {
    font-size: 14px;
    line-height: 30px;
}

span {
    font-size: 14px;
}

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

.clear {
    clear: both;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.height10 {
    height: 10px;
}

.height30 {
    height: 30px;
}

.height20 {
    height: 20px;
}

.height34 {
    height: 34px;
}

.height40 {
    height: 40px;
}

.height50 {
    height: 50px;
}

.height60 {
    height: 60px;
}

.height70 {
    height: 70px;
}

.height80 {
    height: 80px;
}

.height90 {
    height: 90px;
}

.height95 {
    height: 95px;
}

.height100 {
    height: 100px;
}

.ff {
    background-color: #fff;
    overflow: hidden;
}

.f8 {
    background: #f8f8f8;
    width: 100%;
}

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

input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #bbbbbb;
}

input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #bbbbbb;
}

input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #bbbbbb;
}

textarea::-webkit-input-placeholder {
    color: #bbbbbb;
}

textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #bbbbbb;
}

textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #bbbbbb;
}

textarea:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #bbbbbb;
}

@font-face {
    font-family: 'DINCOND';
    src: url('/lib/Font-Awesome/font/DINCOND-BLACK.OTF') format('truetype');
}

@font-face {
    font-family: 'tt0173m';
    src: url(/lib/Font-Awesome/font/tt0173m.ttf);
}

#Jnav {
    z-index: 999999;
}

.fixed-nav {
    position: fixed;
    width: 100%;
    height: 110px;
    top: -110px;
    -webkit-transition: top .5s;
    -moz-transition: top .5s;
    -o-transition: top .5s;
    transition: top .5s;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
}

.fixed-nava {
    position: fixed;
    width: 100%;
    height: 110px;
    top: -110px;
    -webkit-transition: top .5s;
    -moz-transition: top .5s;
    -o-transition: top .5s;
    transition: top .5s;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    background: rgba(0, 0, 0, 0.6);
}

.fixed-nav-appear {
    top: 0;
}


/* 网站头部 */

.header {
    height: 110px;
    width: 100%;
    -webkit-transition: all ease .5s;
    position: fixed;
    transition: all ease .5s;
    min-width: 1200px;
    z-index: 9998;
}

.header_mid span {
    line-height: 50px;
    color: #888;
    float: right;
}


/* .header_mid img{margin:0 10px;} */

.header_mid em:hover {
    color: #0167c7;
}

.header_mid a,
.header_mid em {
    color: inherit;
    font-size: 16px;
}

.header_mid {
    z-index: 9;
}

.header .header_mid {
    z-index: 9;
}

.header .header_mid>.left img {
    margin-top: 26px;
}

.header .header_mid>p {
    float: right;
    font-size: 18px;
    color: #0167c7;
    margin-top: 40px;
}

.header .header_mid>p img {
    margin-right: 8px;
}

.header .header_mid>ul {
    float: right;
}

.header .header_mid>ul>li {
    float: left;
    margin-top: 16px;
    padding: 27px 36px;
}

.header .header_mid>ul>li>a:before {
    content: "";
    position: absolute;
    width: 0;
    height: 3px;
    left: 50%;
    bottom: -30px;
    background: #ec1c24;
    transform: translateX(-50%);
    transition: all 0.6s cubic-bezier(.075, .82, .165, 1)
}

.header .header_mid>ul>li>a {
    color: #fff;
    display: inline-block;
    position: relative;
    z-index: 1;
    font-size: 18px;
}

.header .header_mid>ul>li.active a:before,
.header_mid>ul>li:hover a:before {
    width: 100%;
}

.header .header_mid>ul>li a:-webkit-any-link {
    display: block;
}

.header .header_mid .tel {
    float: right;
    margin-top: 43px;
}

.header .header_mid>ul>li .li_nav4 {
    display: none;
    position: absolute;
    left: 0px;
    margin-top: 30px;
    width: 100%;
    padding: 88px 0px 100px;
    background-color: #fff;
}

.header .header_mid>ul>li:nth-child(2):hover .li_nav4 {
    display: block;
}

.header .header_mid>ul>li .li_nav4 .li_nav4_1 {
    width: 15%;
    margin-right: 2%;
    float: left;
    overflow: hidden;
}

.header .header_mid>ul>li .li_nav4 .li_nav4_1:nth-child(6) {
    margin-right: 0px;
}

.header .header_mid>ul>li .li_nav4 .li_nav4_1 .tp {
    width: 100%;
    height: 90px;
    overflow: hidden;
    text-align: center;
    line-height: 90px;
}

.header .header_mid>ul>li .li_nav4 .li_nav4_1 .tp .img2 {
    display: none;
}

.header .header_mid>ul>li .li_nav4 .li_nav4_1:hover .tp .img1 {
    display: none;
}

.header .header_mid>ul>li .li_nav4 .li_nav4_1:hover .tp .img2 {
    display: inline;
}

.header .header_mid>ul>li .li_nav4 .li_nav4_1 img {
    max-width: 100%;
}

.header .header_mid>ul>li .li_nav4 .li_nav4_1 p {
    font-size: 18px;
    margin-top: 35px;
    color: #6b6b6b;
    font-weight: bold;
    text-align: center;
}

.header .header_mid>ul>li .li_nav4 .li_nav4_1:hover p {
    color: #df1119;
}

.header .header_mid>ul>li .li_nav5 {
    display: none;
    position: absolute;
    left: 0px;
    margin-top: 30px;
    width: 100%;
    padding: 80px 0px 80px;
    background-color: #fff;
}

.header .header_mid>ul>li:nth-child(3):hover .li_nav5 {
    display: block;
}

.header .header_mid>ul>li .li_nav5 .li_nav5_1 {
    font-size: 16px;
    width: 23.5%;
    margin-right: 2%;
    float: left;
    margin-bottom: 20px;
    color: #666;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    border-bottom: 1px #e6e6e6 solid;
}

.header .header_mid>ul>li .li_nav5 .li_nav5_1:nth-child(4n) {
    margin-right: 0px;
}

.header .header_mid>ul>li .li_nav5 .li_nav5_1 img {
    margin-right: 10px;
}

.header .header_mid>ul>li .li_nav5 .li_nav5_1:hover {
    color: #df1119;
}

.header .header_mid>ul>li .li_nav1 {
    display: none;
    position: absolute;
    left: 0px;
    margin-top: 30px;
    width: 100%;
    padding: 78px 0px 160px;
    background-color: #fff;
}

.header .header_mid>ul>li .li_nav1 .li_nav1_1 {
    width: 21.5%;
    float: left;
    overflow: hidden;
}

.header .header_mid>ul>li .li_nav1 .li_nav1_1 img {
    max-width: 100%;
}

.header .header_mid>ul>li .li_nav1 .li_nav1_2 {
    width: 32%;
    float: left;
    overflow: hidden;
    margin-left: 5%;
}

.header .header_mid>ul>li .li_nav1 .li_nav1_2 .li_nav1_2_1 {
    font-size: 16px;
    width: 46%;
    float: left;
    margin-bottom: 20px;
    color: #666;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    border-bottom: 1px #e6e6e6 solid;
}

.header .header_mid>ul>li .li_nav1 .li_nav1_2 .li_nav1_2_1:nth-child(2n) {
    float: right;
}

.header .header_mid>ul>li .li_nav1 .li_nav1_2 .li_nav1_2_1 img {
    margin-right: 5px;
}

.header .header_mid>ul>li .li_nav1 .li_nav1_2 .li_nav1_2_1 a {
    font-size: 16px;
    color: #666;
    line-height: 40px;
}

.header .header_mid>ul>li .li_nav1 .li_nav1_2 .li_nav1_2_1 a:hover {
    color: #c21010;
}

.header .header_mid>ul>li .li_nav1 .li_nav1_3 {
    width: 36.87%;
    font-size: 16px;
    color: #666;
    line-height: 40px;
    padding-left: 5%;
    float: right;
    overflow: hidden;
    border-left: 1px #e6e6e6 solid;
}

.header .header_mid>ul>li .li_nav5 {
    display: none;
    position: absolute;
    left: 0px;
    margin-top: 30px;
    width: 100%;
    padding: 80px 0px 80px;
    background-color: #fff;
}

.header .header_mid>ul>li:nth-child(4):hover .li_nav5 {
    display: block;
}

.header .header_mid>ul>li .li_nav5 .li_nav5_1 {
    font-size: 16px;
    width: 23.5%;
    margin-right: 2%;
    float: left;
    margin-bottom: 20px;
    color: #666;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    border-bottom: 1px #e6e6e6 solid;
}

.header .header_mid>ul>li .li_nav5 .li_nav5_1:nth-child(4n) {
    margin-right: 0px;
}

.header .header_mid>ul>li .li_nav5 .li_nav5_1 img {
    margin-right: 10px;
}

.header .header_mid>ul>li .li_nav5 .li_nav5_1:hover {
    color: #df1119;
}


/* .header .header_mid > ul > li .li_nav2{display: none;position: absolute;left:0px;margin-top: 30px; width: 100%;padding: 78px 0px 160px;background-color: #fff;}
.header .header_mid > ul > li:nth-child(4):hover .li_nav2{display: block;}
.header .header_mid > ul > li .li_nav2 .li_nav2_1{width: 21.5%;float: left;overflow: hidden;}
.header .header_mid > ul > li .li_nav2 .li_nav2_1 img{max-width: 100%;}
.header .header_mid > ul > li .li_nav2 .li_nav2_2{width: 74.5%;float: right;overflow: hidden;}
.header .header_mid > ul > li .li_nav2 .li_nav2_2 .li_nav1_2_1{font-size: 16px;width: 23.5%;margin-right: 2%; float: left;margin-bottom: 20px; color: #666;height: 40px;line-height: 40px;overflow: hidden;border-bottom: 1px #e6e6e6 solid;}
.header .header_mid > ul > li .li_nav2 .li_nav2_2 .li_nav1_2_1:nth-child(4n){margin-right: 0px;}
.header .header_mid > ul > li .li_nav2 .li_nav2_2 .li_nav1_2_1 img{margin-right: 5px;}
.header .header_mid > ul > li .li_nav2 .li_nav2_2 .li_nav1_2_1 a{font-size: 16px;color: #666;line-height: 40px;}
.header .header_mid > ul > li .li_nav2 .li_nav2_2 .li_nav1_2_1 a:hover{color: #c21010;} */

.header .header_mid>ul>li .li_nav3 {
    display: none;
    position: absolute;
    left: 0px;
    margin-top: 30px;
    width: 100%;
    padding: 78px 0px 130px;
    background-color: #fff;
}

.header .header_mid>ul>li:nth-child(5):hover .li_nav3 {
    display: block;
}

.header .header_mid>ul>li .li_nav3 .li_nav3_1 {
    width: 28.875%;
    margin-right: 6.65%;
    float: left;
    overflow: hidden;
}

.header .header_mid>ul>li .li_nav3 .li_nav3_1:nth-child(3) {
    margin-right: 0;
}

.header .header_mid>ul>li .li_nav3 .li_nav3_1 .tp {
    width: 100%;
    overflow: hidden;
}

.header .header_mid>ul>li .li_nav3 .li_nav3_1 .tp img {
    max-width: 100%;
}

.header .header_mid>ul>li .li_nav3 .li_nav3_1 p {
    font-size: 16px;
    color: #666;
    margin-top: 50px;
    text-align: center;
}

.header .header_mid>ul>li .li_nav3 .li_nav3_1 p:hover {
    color: #c21010;
}

.header .header_mid>ul>li:nth-child(6):hover .li_nav5 {
    display: block;
}


/* .header .header_mid > ul > li .li_nav5{display: none;position: absolute;left:0px;margin-top: 30px; width: 100%;padding: 80px 0px 80px;background-color: #fff;}
.header .header_mid > ul > li:nth-child(5):hover .li_nav5{display: block;}
.header .header_mid > ul > li .li_nav5 .li_nav5_1{font-size: 16px;width: 23.5%;margin-right: 2%; float: left;margin-bottom: 20px; color: #666;height: 40px;line-height: 40px;overflow: hidden;border-bottom: 1px #e6e6e6 solid;}
.header .header_mid > ul > li .li_nav5 .li_nav5_1:nth-child(4n){margin-right: 0px;}
.header .header_mid > ul > li .li_nav5 .li_nav5_1 img{margin-right: 10px;}
.header .header_mid > ul > li .li_nav5 .li_nav5_1:hover{color: #df1119;} */


/*首页轮播图*/

.banner {
    position: relative;
}

.banner .swiper-slide {
    position: relative;
}

.banner .swiper-slide img {
    width: 100%;
}

.banner .banner_cs {
    position: absolute;
    bottom: 80px;
    right: 0;
    width: 100%;
    height: 68px;
    z-index: 1;
}

.banner .swiper-button-next {
    width: 68px;
    height: 68px;
    float: right;
    opacity: 1;
}

.banner .swiper-button-prev {
    width: 68px;
    height: 68px;
    float: right;
    margin-right: 50px;
    opacity: 1;
}

.banner .swiper-button-prev {
    background: url("../image/i_p4.png") no-repeat;
}

.banner .swiper-button-next {
    background: url("../image/i_n4.png") no-repeat;
}

@font-face {
    font-family: 'chunlian';
    src: url(/lib/Font-Awesome/font/SourceHanSansCN-Bold.otf);
}


/* 翻页 */

.page p {
    text-align: center;
}

.page p span,
.page p a {
    padding: 2px 2px;
    margin-left: 15px;
    font-size: 18px;
    color: #666666;
}

.page .current {
    color: #c21010;
    padding: 2px 2px;
}

.page p a:hover {
    color: #c21010;
    padding: 2px 2px;
}


/* 底部 */

.footer {
    width: 100%;
    background-color: #222837;
}

.footer .footer_1 {
    width: 20%;
    float: left;
    margin-top: 80px;
}

.footer .footer_1 .f_logo {
    width: 100%;
    overflow: hidden;
}

.footer .footer_1 .f_logo img {
    max-width: 100%;
}

.footer .footer_1 p {
    font-size: 15px;
    color: rgba(255, 255, 255, .51);
    line-height: 36px;
    margin-top: 35px;
}

.footer .footer_2 {
    width: 54%;
    float: left;
    overflow: hidden;
    margin-top: 70px;
    margin-left: 7.5%;
}

.footer .footer_2 li {
    float: left;
    margin-right: 2%;
}

.footer .footer_2 li:nth-child(1) {
    width: 19%;
}

.footer .footer_2 li:nth-child(2) {
    width: 23.5%;
}

.footer .footer_2 li:nth-child(3) {
    width: 29%;
}

.footer .footer_2 li:nth-child(4) {
    width: 20%;
    margin-right: 0;
}

.footer .footer_2 li h2 {
    width: 100%;
    height: 20px;
    overflow: hidden;
    line-height: 20px;
    margin-bottom: 35px;
}

.footer .footer_2 li h2 a {
    font-size: 17px;
    color: #fffefe;
}

.footer .footer_2 li h3 {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}

.footer .footer_2 li h3 a {
    font-size: 15px;
    color: rgba(255, 255, 255, .52);
}

.footer .footer_2 li h2:hover a {
    color: #e00000;
}

.footer .footer_2 li h3:hover a {
    color: #e00000;
}

.footer .footer_3 {
    width: 17.83%;
    float: right;
    overflow: hidden;
    margin-top: 70px;
}

.footer .footer_3 h2 {
    font-size: 17px;
    color: #fffefe;
    height: 20px;
    line-height: 20px;
}

.footer .footer_3 .footer_3_tel {
    font-size: 30px;
    color: #a7a7a7;
    margin-top: 25px;
}

.footer .footer_3 .footer_3_add {
    margin-top: 34px;
}

.footer .footer_3 .footer_3_add .add_l {
    width: 28px;
    float: left;
}

.footer .footer_3 .footer_3_add .add_r {
    width: calc(100% - 40px);
    float: right;
    font-size: 18px;
    color: rgba(255, 255, 255, .54);
    line-height: 32px;
}

.footer_4 {
    width: 100%;
    margin-top: 73px;
    padding: 55px 0px 40px;
    overflow: hidden;
    border-top: 1px rgba(255, 255, 255, .3) solid;
}

.footer_4 .left {
    font-size: 15px;
    color: rgba(255, 255, 255, .5);
}

.footer_4 .left a {
    font-size: 15px;
    color: rgba(255, 255, 255, .5);
}

.footer_4 .left a:hover {
    color: #e00000;
}

.footer_4 .share {
    float: right;
    margin-top: -13px;
}

.footer_4 .share .tp {
    float: right;
    width: 45px;
    height: 45px;
    border-radius: 22.5px;
    margin-left: 10px;
    text-align: center;
    line-height: 45px;
    background-color: rgba(255, 255, 255, .15);
}

.footer_4 .share .tp:hover {
    background-color: #1da25c;
}


/* 首页关于我们 */

.i_about {
    width: 100%;
    padding: 128px 0px 120px;
    background-color: #fafafa;
}

.i_about .i_about_l {
    width: 50%;
    float: left;
}

.i_about .i_about_l h2 {
    font-size: 45px;
    color: #e00000;
    font-weight: bold;
}

.i_about .i_about_l h3 {
    font-size: 26.5px;
    color: #333;
    font-weight: bold;
    margin-top: 20px;
}

.i_about .i_about_l .hr {
    width: 60px;
    height: 4px;
    background-color: #e00000;
    margin-top: 40px;
}

.i_about .i_about_l ul {
    margin-top: 125px;
}

.i_about .i_about_l li {
    width: 50%;
    height: 168px;
    float: left;
}

.i_about .i_about_l li:nth-child(1) {
    border-right: 1px #e6e6e6 solid;
    padding-right: 10%;
}

.i_about .i_about_l li:nth-child(2) {
    padding-left: 10%;
}

.i_about .i_about_l li:nth-child(3) {
    border-top: 1px #e6e6e6 solid;
    padding-top: 40px;
    border-right: 1px #e6e6e6 solid;
    padding-right: 10%;
}

.i_about .i_about_l li:nth-child(4) {
    border-top: 1px #e6e6e6 solid;
    padding-left: 10%;
    padding-top: 40px;
}

.i_about .i_about_l li span {
    font-size: 75px;
    color: #222;
    font-family: 'DINCOND';
}

.i_about .i_about_l li sub {
    font-size: 45px;
    color: #333;
    font-weight: bold;
    top: 0px;
}

.i_about .i_about_l li p {
    font-size: 16px;
    color: #666;
    line-height: 25px;
}

.i_about .i_about_l li.active span {
    color: #e00000;
}

.i_about .i_about_l li.active sub {
    color: #e00000;
}

.i_about .i_about_l li .li_con:hover {
    transform: translateY(-10px);
}

.i_about .i_about_r {
    width: 40%;
    float: right;
    overflow: hidden;
}

.i_about .i_about_r .r_con {
    font-size: 18px;
    color: #555;
    line-height: 40px;
}

.i_about .i_about_r .i_video {
    margin-top: 115px;
}


/* 首页优势 */

.i_ys {
    width: 100%;
    padding: 120px 0px;
    background: #fff;
}

.i_ys li {
    width: 32%;
    float: left;
    margin-right: 2%;
}

.i_ys li:nth-child(3) {
    margin-right: 0px;
}

.i_ys li h2 {
    font-size: 34px;
    color: #333;
    font-weight: bold;
    text-align: center;
}

.i_ys li p {
    font-size: 18px;
    color: #666;
    line-height: 35px;
    text-align: center;
    padding: 0 5%;
    margin-top: 30px;
}

.i_ys li:hover {
    transform: translateY(-10px);
}


/* 首页产品 */

.i_pro {
    width: 100%;
    background: #fff;
    padding: 40px 0px 159px;
}

.i_pro li {
    width: 32%;
    height: 358px;
    overflow: hidden;
    position: relative;
    float: left;
    margin-right: 2%;
}

.i_pro li:nth-child(3) {
    margin-right: 0px;
}

.i_pro li .tp {
    width: 100%;
    height: 358px;
    overflow: hidden;
}

.i_pro li .tp img {
    width: 100%;
    height: 358px;
}

.i_pro li .li_why {
    position: absolute;
    top: 270px;
    padding: 0 40px;
}

.i_pro li .li_why h2 {
    font-size: 32px;
    color: #fff;
    font-weight: bold;
    font-family: '思源黑体 CN';
}

.i_pro li .li_why p {
    font-size: 20px;
    height: 74px;
    overflow: hidden;
    color: rgba(255, 255, 255, .85);
    line-height: 37px;
    margin-top: 20px;
    display: none;
}

.i_pro li .li_why span {
    font-size: 20px;
    color: rgba(255, 255, 255, .85);
    display: none;
}

.i_pro li .li_why .more {
    margin-top: 13px;
    font-size: 14px;
    color: #fff;
}

.i_pro li .li_why .more img {
    margin-top: -3px;
    margin-right: 12px;
}

.i_pro li .li_why .more .img2 {
    display: none;
}

.i_pro li.active .li_why {
    top: 0px;
    padding-top: 80px;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 358px;
    overflow: hidden;
}

.i_pro li.active .li_why p {
    display: block;
}

.i_pro li.active .li_why span {
    display: block;
}

.i_pro li.active .li_why .more {
    width: 138px;
    height: 40px;
    color: #ec1c24;
    background-color: #fff;
    text-align: center;
    line-height: 40px;
    border-radius: 20px;
}

.i_pro li.active .li_why .more .img1 {
    display: none;
}

.i_pro li.active .li_why .more .img2 {
    display: inline;
}

.i_pro li:hover {
    transform: translateY(-10px);
}


/* 首页解决方案 */

.i_solution {
    width: 100%;
    /* height: 974px; */
    padding-top: 110px;
    padding-bottom: 135px;
    background: url("../image/i_solution_bj.png") no-repeat;
    position: relative;
}

.i_solution h2 {
    font-size: 46px;
    color: #fff;
    font-weight: bold;
    font-family: '思源黑体 CN';
}

.i_solution h3 {
    font-size: 29px;
    color: rgba(255, 255, 255, .93);
    margin-top: 26px;
    position: relative;
    padding-bottom: 40px;
    margin-bottom: 85px;
}

.i_solution h3:after {
    content: "";
    width: 2em;
    background: #df1119;
    display: block;
    position: absolute;
    bottom: 0;
    height: 3px;
    left: 0;
}

.i_solution .more {
    margin-top: 50px;
    margin-bottom: 58px;
    display: none;
}

.i_solution .tp {
    width: 100%;
    height: 247px;
    overflow: hidden;
}

.i_solution .tp img {
    width: 100%;
    height: 247px;
    transition: all .5s;
}

.i_solution .swiper-container {
    padding-top: 20px;
}

.i_solution .swiper-container a {
    transition: all .3s;
}

.i_solution .swiper-container a:hover {
    /* transform: translateY(-20px); */
}

.i_solution .swiper-slide:hover {
    transform: translateY(-20px);
}

.i_solution .swiper-slide {
    transition: all .3s;
}

.i_solution .swiper-slide:hover .tp img {
    transform: scale(1.2);
    transition: all 3s;
}

.i_solution .i_solution_c {
    width: 100%;
    height: 153px;
    background-color: #fff;
    overflow: hidden;
    padding: 32px 31px;
}

.i_solution .i_solution_c .title {
    font-size: 22px;
    color: #333;
    letter-spacing: 1px;
}

.i_solution .i_solution_c .more1 {
    font-size: 14px;
    color: #555;
    margin-top: 30px;
}

.i_solution .i_solution_c .more1 img {
    margin-right: 12px;
}

.i_solution .hr {
    text-align: center;
    margin-top: 65px;
}


/* 首页经典案例 */

.i_case {
    width: 100%;
    height: 1026px;
    padding-top: 100px;
    background: url("../image/i_case_bj.png") no-repeat;
}

.i_case h2 {
    font-size: 46px;
    color: #333;
    font-weight: bold;
}

.i_case h2 span {
    font-size: 46px;
    color: #df1119;
}

.i_case h3 {
    font-size: 29px;
    color: #333;
    margin-top: 18px;
}

.i_case .hr {
    width: 60px;
    height: 4px;
    background-color: #ec1c24;
    margin-top: 40px;
    margin-bottom: 68px;
}

.i_case .i_case_l {
    width: 43.625%;
    float: left;
    position: relative;
}

.i_case .i_case_l .tp {
    width: 100%;
    height: 495px;
    background: #fff;
    text-align: center;
    line-height: 495px;
}

.i_case .i_case_l .tp img {
    width: 100%;
    height: 495px;
}

.i_case .i_case_l .swiper-button-next,
.i_case .i_case_l .swiper-button-prev {
    width: 49px;
    height: 42px;
    top: 555px;
}

.i_case .i_case_l .swiper-button-prev {
    background: url("../image/i_case_l1.png") no-repeat;
}

.i_case .i_case_l .swiper-button-next {
    background: url("../image/i_case_r1.png") no-repeat;
}

.i_case .i_case_l .swiper-button-next.swiper-button-disabled {
    background: url("../image/i_case_r.png") no-repeat;
}

.i_case .i_case_l .swiper-button-prev.swiper-button-disabled {
    background: url("../image/i_case_l.png") no-repeat;
}

.i_case .i_case_l .li_con1 {
    width: 103%;
    position: absolute;
    left: -10px;
    height: 103px;
    margin-top: -85px;
    line-height: 103px;
    background: url("../image/i_case_l_bj.png") no-repeat;
}

.i_case .i_case_l .li_con {
    width: 100%;
    height: 80px;
    font-size: 22px;
    color: #333;
    line-height: 80px;
    background: none;
    padding-right: 20px;
    overflow: hidden;
    margin-top: 18px;
    padding-left: 17px;
}

.i_case .i_case_l .li_con .hr1 {
    width: 3px;
    height: 22px;
    margin-top: 29px;
    background-color: #c80311;
    float: left;
    margin-right: 14px;
}

.i_case .i_case_r {
    width: 53.75%;
    float: right;
}

.i_case .i_case_r li {
    width: 31%;
    height: 180px;
    font-size: 50px;
    color: #e20000;
    overflow: hidden;
    text-align: center;
    line-height: 180px;
    margin-bottom: 28px;
    background-color: #fff;
    float: left;
    margin-right: 3.5%;
    box-shadow: #ddd 2px 5px 10px 1px;
}

.i_case .i_case_r li:nth-child(3n) {
    margin-right: 0px;
}

.i_case .i_case_r li img {
    max-width: 100%;
    max-height: 100%;
}

.i_case .i_case_r li .img2 {
    display: none;
}

.i_case .i_case_r li:hover .img1 {
    display: none;
}

.i_case .i_case_r li:hover .img2 {
    display: inline;
}

.i_case .i_case_r li:nth-child(9) {
    line-height: 150px;
}


/* 首页新闻资讯 */

.i_news {
    padding: 100px 0px 120px;
}

.i_news h2 {
    font-size: 46px;
    color: #333;
    font-weight: bold;
    float: left;
}

.i_news h2 span {
    font-size: 46px;
    color: #ec1c24;
    font-weight: bold;
}

.i_news .i_news_nav {
    float: right;
}

.i_news .i_news_nav li {
    height: 40px;
    float: left;
    color: #666a75;
    font-size: 18px;
    list-style-type: none;
    line-height: 40px;
    text-align: right;
    margin-left: 70px;
}

.i_news .i_news_nav li.active {
    color: #df1119;
    font-size: 26px;
    font-weight: bold;
}

.i_news .title2 {
    font-size: 29px;
    color: #333;
    margin-top: 30px;
}

.i_news .more {
    margin-top: 40px;
}

.i_news .i_news_c1 {
    display: none;
    margin-top: 88px;
}

.i_news .i_news_c1:nth-child(1) {
    display: block;
}

.i_news .ul1 li {
    width: 32%;
    height: 652px;
    background-color: #fff;
    box-shadow: #ddd 2px 2px 20px 1px;
    float: left;
    margin-right: 2%;
}

.i_news .ul1 li:nth-child(3) {
    margin-right: 0px;
}

.i_news .ul1 li .li_t {
    width: 100%;
    height: 318px;
    overflow: hidden;
}

.i_news .ul1 li .li_t img {
    width: 100%;
    height: 318px;
    transition: all .5s;
}

.i_news .ul1 li .li_t:hover img {
    transform: scale(1.1);
    transition: all 3s;
}

.i_news .ul1 li .li_con {
    width: 100%;
    padding: 50px 9%;
}

.i_news .ul1 li h3 {
    font-size: 23px;
    color: #333;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
}

.i_news .ul1 li .time {
    font-size: 18px;
    color: #535353;
    height: 20px;
    line-height: 20px;
    margin-top: 40px;
    overflow: hidden;
}

.i_news .ul1 li p {
    font-size: 18px;
    color: #535353;
    height: 90px;
    line-height: 45px;
    margin-top: 15px;
    overflow: hidden;
}

.i_news .ul1 li .arr {
    margin-top: 20px;
}

.i_news .ul1 li:hover h3 {
    color: #df1119;
}

.i_news .ul1 li:hover {
    transform: translateY(-10px);
}


/* 首页留言 */

.i_message {
    width: 100%;
    height: 275px;
    background-color: #0036a0;
    overflow: hidden;
}

.i_message .left {
    width: calc(100% - 250px);
    float: left;
    padding-top: 94px;
}

.i_message .left h2 {
    font-size: 42px;
    color: #fff;
    font-weight: bold;
}

.i_message .left h3 {
    font-size: 20px;
    color: #fff;
    margin-top: 25px;
}

.i_message .right {
    width: 230px;
    height: 60px;
    margin-top: 112px;
    background-color: #fff;
    text-align: center;
    line-height: 60px;
    font-size: 21px;
    color: #0036a0;
}

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

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

@media screen and (max-width: 1500px) {
    .i_about .i_about_l li {
        width: 50%;
        height: 180px;
        float: left;
    }
}

@media screen and (max-width: 1400px) {
    .i_about .i_about_l li {
        width: 50%;
        height: 200px;
        float: left;
    }
}

body * {}

body * {}

body * {}

body * {}

body * {}

body * {}

body * {}

body * {}

body * {}

body * {}

body * {}

body * {}

body * {}

body * {}

body * {}

body * {}

body * {}

body * {}

body * {}

body * {}

body * {}

body * {}

body * {}

body * {}

body * {}

body * {}

body * {}

body * {}

body * {}

.i_solution .c .hdls {
    position: absolute;
    right: 0;
    top: 140px;
}

.i_solution .c {
    position: relative;
}

.i_solution .i_solution_c {
    background: #F9FAFA;
}

.i_solution {
    background: none;
}

.i_solution h2,
.i_solution h3 {
    color: #000;
}

.i_solution h2 span {
    font: inherit;
    color: #df1119;
}

.i_solution .hdls {
    text-align: center;
    margin-bottom: 20px;
    padding: 10px 0;
}

.i_solution .hdls .swiper-pagination {
    position: static;
    display: inline-block;
}

.i_solution .hdls .swiper-pagination-bullet {
    margin: 0 5px;
    width: 30px;
    height: 3px;
    border-radius: 0;
    background: #ddd;
    opacity: 1;
    cursor: pointer;
    transition: background-color 0.3s;
}

.i_solution .hdls .swiper-pagination-bullet-active {
    background: #e60012;
}

.i_solution .hdls .custom-pagination {
    display: inline-block;
    font-size: 0;
    /* 消除span之间的间隙 */
}

.i_solution .hdls .custom-pagination .dot {
    display: inline-block;
    width: 50px;
    height: 3px;
    margin: 0;
    background-color: #EDEDED;
    cursor: pointer;
    transition: all 0.3s ease;
    vertical-align: middle;
}

.i_solution .hdls .custom-pagination .dot.active {
    background-color: #CD3028;
}