@charset "UTF-8";



/*basic css*/



html, body, dl, dd, img, form, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, button {

    margin: 0;

    padding: 0;

    border: 0;

}



 * { touch-action: pan-y; }

@font-face {

    /* font-test*/

    font-family: ak;

    src: url('img/AkzidenzGrotesk-BoldCond.svg'), url('img/AkzidenzGrotesk-BoldCond.otf'), url('img/AkzidenzGrotesk-BoldCond.eot'), url('img/AkzidenzGrotesk-BoldCond.svg'), url('img/AkzidenzGrotesk-BoldCond.woff2');

}



@font-face {

    /* font-test*/

    font-family: MyriadPro;

    src: url('img/MyriadPro.svg'), url('img/MyriadPro.eot'), url('img/MyriadPro.svg'), url('img/MyriadPro.woff');

}



@font-face {

    /* font-test*/

    font-family: Sheep-Sans;

    src: url('img/Sheep-Sans.svg'), url('img/Sheep-Sans.ttf'), url('img/Sheep-Sans.svg'), url('img/Sheep-Sans.woff');

}



body {

    font-size: 12px;

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

    background-color: #fff;

}



input, textarea, button {

    padding: 0;

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

}



input[type="button"], input[type="submit"], input[type="reset"] {

    -webkit-appearance: none;

}



input {

    outline: none;

    -webkit-appearance: none; /*去除系统默认的样式*/

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 点击高亮的颜色*/

}



input:focus {

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    -webkit-user-modify: read-write-plaintext-only;

}



.fix:after {

    clear: both;

    content: "";

    display: table;

}



input:focus, textarea:focus {

    outline: none;

}



textarea {

    -webkit-appearance: none;

}



h1, h2, h3, h4, h5, h6 {

    font-weight: normal;

}



a {

    cursor: pointer;

}



ul, ol, li {

    list-style-type: none;

}



.slick-slide:focus, input:focus, a:focus {

    outline: none !important;

}



img {

    border: 0;

    vertical-align: middle;

    max-width: 100%;

}



select, input, textarea, button {

    vertical-align: middle;

    outline: none;

}



table {

    border-collapse: collapse;

    border-spacing: 0

}



tr {

    margin: 0;

    padding: 0;

}



td {

    margin: 0;

    padding: 0;

}



iframe {

    border: none;

}



select {

    appearance: none;

    -moz-appearance: none;

    -webkit-appearance: none;

    outline: none

}



a:link {

    text-decoration: none;

}



a:visited {

    text-decoration: none;

}



a:hover {

    text-decoration: none;

}



a:active {

    text-decoration: none;

}



.hidden {

    display: none;

    visibility: hidden;

}



.wrap {

    border: 0;

    padding: 0;

    width: 1150px;

    margin: 0 auto;

    *zoom: 1;

}



.wrap:after {

    clear: both;

    content: "";

    display: table;

}



.clear {

    clear: both;

    font-size: 0;

    line-height: 0;

    height: 0;

    visibility: hidden;

}



.fix {

    *zoom: 1;

}



.radius-wrap {

    width: 44px;

    height: 44px;

    top: 92vh;

    left: 50%;

    right: 50%;

    margin: 0px -22px;

    z-index: 1000;

    position: absolute;

    cursor: pointer;

}



.radius {

    width: .44rem;

    height: .44rem;

    border: 1px solid #fff;

    border-radius: 50%;

    text-align: center;

    position: relative;

    overflow: hidden;

}



a {

    display: inline-block;

    max-width: 100%;

}



.ones {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}



.twos {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical

}



.clearfix:after, .clearfix:before {

    content: "";

    display: table

}



.clearfix:after {

    clear: both

}



.clearfix {

    zoom: 1

}



.picture {

    position: relative;

    overflow: hidden;

}



.picture img {

    transition: all .7s;

    -moz-transition: all .7s;

    -webkit-transition: all .7s;

}



.each-item:hover .picture img {

    transform: scale(1.1);

    -moz-transform: scale(1.1);

    -webkit-transform: scale(1.1);

    zoom: 1.1 \9;

}



input:-webkit-autofill {

    box-shadow: 0 0 0px 1000px white inset !important;

}



input[type="button"], input[type="submit"], input[type="reset"] {

    -webkit-appearance: none;

}



textarea {

    -webkit-appearance: none;

}



.box {

    width: 90%;

    max-width: 1600px;

    margin: auto;

}



input::placeholder {

    color: #999999

}



input::-webkit-input-placeholder {

    color: #999999

}



/*header*/



.main {

    background: #fff;

    min-height: 100vh;

    box-sizing: border-box;

    /* padding-top: 90px; */

    padding-bottom: 1px;

}





/*footer*/



.footer {

    background: #f5f5f5;

}



.footer .footer_top {

}



.footer .footer_top .top {

    padding: 35px 0 20px 0;

    border-bottom: 1px solid #dddddd;

}



.f_top_list {

    float: right;

}



.f_top_list li {

    background: url(.) top left no-repeat;

    padding-left: 40px;

    box-sizing: border-box;

    display: inline-block;

    margin-left: 100px;

}



.f_top_list li:first-child {

    margin-left: 0;

}



.f_top_list li.ico1 {

    background-image: url('img/ico1.png');

}



.f_top_list li.ico2 {

    background-image: url('img/ico2.png');

}



.f_top_list li.ico3 {

    background-image: url('img/ico3.png');

}



.f_top_list .t1 {

    font-size: 12px;

    color: #666666;

}



.f_top_list li:last-child .t2 {

    font-family: '微软雅黑';

    font-weight: normal;

}



.f_top_list .t2 {

    font-size: 20px;

    color: #222222;

    font-family: 'Myriad Pro';

    font-weight: bold;

}



.footer .center {

    padding: 10px 0;

}



.footer .footer_nav {

    float: left;

}



.footer_nav li {

    width: 200px;

    display: inline-block;

    vertical-align: top;

    padding-bottom: 20px;

}



.footer .center h4 {

    font-size: 18px;

    line-height: 2;

    padding: 40px 0 0;

    padding-bottom: 10px;

    color: #222222;

    font-weight: bold;

    display: inline-block;

}



.footer_nav a {

    font-size: 14px;

    line-height: 30px;

    color: #666666;

    display: block;

}



.f_nav_center {

    background: url('img/map_footer.jpg');

    width: 420px;

    height: 310px;

    float: right;

    padding: 0 80px;

    box-sizing: border-box;

    float: left;

}



.footer .center .f_nav_center h4 {

    padding-left: 25px;

    display: block;

    box-sizing: border-box;

}



.ten_list li {

    width: 100px;

    text-align: center;

    font-size: 14px;

    line-height: 36px;

    font-weight: bold;

    color: #222222;

    box-sizing: border-box;

    display: inline-block;

    vertical-align: top;

}



.ten_list li:before {

    content: '';

    display: inline-block;

    width: 10px;

    height: 2px;

    margin-top: 15px;

    vertical-align: top;

    background: #e62129;

    margin-right: 10px;

}



.footer .ewm {

    width: 140px;

    float: right;

}



.footer .ewm_img {

    width: 110px;

    background: #ffffff;

    display: block;

    margin: 0px 0 10px;

}



.ewm .e1 {

    font-size: 14px;

    color: #333333;

}



.footer_bottom {

    background: #eeeeee;

    font-size: 14px;

    line-height: 40px;

    color: #444444;

}



.footer_bottom .left {

    float: left;

}



.footer_bottom .right {

    float: right;

}



.footer_bottom a {

    color: #444444;

}



.footer_pc {

    display: block;

}



.footer_sj {

    display: none;

    padding-bottom: 10px;

    width: 100%;

}



.fixedbot {

    width: 100%;

    position: fixed;

    bottom: 0;

    left: 0;

    z-index: 9;

    border-top: 1px solid #ddd;

}



.fixedbot a {

    width: 25%;

    float: left;

    display: block;

    background-color: #FFFFFF;

}



.fixedbot a img {

    width: 40px;

    margin: 5px auto;

    display: block;

}



.header {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 10;

    height: 90px;
    background: #ffffff;

}



.header.ons {

    top: -95px;

    box-shadow: 0px 3px 21px 0 rgba(0, 0, 0, 0);

    opacity: 0;

}



.header.fixed_top {

    /*-webkit-transition: top .5s, -webkit-transform .5s;*/

    /*transition: top .5s, -webkit-transform .5s;*/

    /*transition: top .5s, transform .5s;*/

    /*transition: top .5s, transform .5s, -webkit-transform .5s;*/

    position: fixed;

    background: #ffffff;

    box-shadow: 0px 3px 21px 0 rgba(0, 0, 0, .09);

}



.header .header_wrapper {

    position: relative;

}



.header .logo {

    width: 300px;

    float: left;

    position: relative;

    margin-top: 25px;

    z-index: 5;

}



.header .right {

    float: right;

}



.header .right .header_message {

    font-size: 16px;

    /*color: #fff;*/

    text-align: right;

    line-height: 30px;

    margin: 10px 0 0 0;

    font-family: 'arial';

    font-weight: 100;

}



.header.fixed_top .right .header_message {

    color: #444;

}



.header .right .header_message img {

    margin-right: 8px;

}



.header_message span {

    margin-left: 40px;

    display: inline-block;

    position: relative;

}



.header_message span img.ewm {

    position: absolute;

    background: #fff;

    padding: 5px;

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

    top: 30px;

    left: calc(50% - 45px);

    transform: rotateY(90deg);

    transition: all .3s;

    z-index: 15;

}



.header_message span img:first-child, .header .header_right_ico img:first-child {

    display: inline-block;

}



.header_message span img:nth-child(2), .header .header_right_ico img:nth-child(2) {

    /*display: none;*/
    display: inline-block;
}



.header.fixed_top .header_message span img:nth-child(2), .header.fixed_top .header_right_ico img:nth-child(2) {

    display: inline-block;

}



.header.fixed_top .header_message span img:first-child, .header.fixed_top .header_right_ico img:first-child {

    display: none;

}



.header_message span:hover .ewm {

    transform: rotateY(0deg);

}



.header .nav_bottom {

    position: absolute;

    width: 115px;

    line-height: 2;

    background: #fff;

    padding: 15px 0;

    box-shadow: 10px 0px 20px 0 rgba(0, 0, 0, .2);

    top: 90px;

    display: none;

}



.header.fixed_top .nav_top {

    color: #222222

}



.header .nav_bottom a {

    display: block;

    font-size: 16px;

    line-height: 2;

    text-align: center;

    color: #333;

    z-index: 2;

}



.header .nav {

    font-size: 16px;

    line-height: 50px;

    display: inline-block;

}



.nav a {

    box-sizing: border-box;

    /*color: #fff;*/
    color:#222222;

}



.nav li.on a, .nav li a:hover {

    color: #e62129;

}



.nav li a.nav_top:before {

    content: '';

    position: absolute;

    bottom: 0;

    left: 50%;

    height: 2px;

    width: 0;

    transition: all .4s;

    -webkit-transition: all .4s;

    background: #e62129;

}



.nav li.on a:before, .nav li:hover a:before {

    left: 0;

    width: 100%;

}



.nav li {

    display: inline-block;

    margin-right: 60px;

    font-size: 16px;

    position: relative;

    z-index: 5;

}



.nav li:last-child {

    margin-right: 0

}



.nav li.ons .nav_top {

    color: #e62129;

}



.nav li.ons .nav2 {

    max-height: 100vh;

    z-index: 30;

    padding: 10px 0;

}



.nav li .nav2 {

    position: absolute;

    left: 50%;

    top: calc(100% + 2px);

    margin-top: -2px;

    background-color: #fff;

    transform: translate(-50%, 0);

    width: 200px;

    transition: all .3s ease;

    z-index: 20; /*     pointer-events: none; */

    border-radius: 3px;

    text-transform: uppercase;

    overflow: hidden;

    box-sizing: border-box;

    max-height: 0;

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

}



.nav li .nav2 a {

    display: block;

    text-align: center;

    color: #222;

}



.nav li .nav2 a:hover {

    background: #f0f0f0;

}



.nav li .nav2:before {

    content: '';

    display: block;

    width: 100%;

    height: 20px;

    position: absolute;

    z-index: -1;

    bottom: 100%;

    background: #e62129;

    left: 0;

}



.header .header_right_ico {

    width: 45px;

    height: 45px;

    line-height: 45px;

    float: right;

    border-radius: 50%;

    position: relative;

    z-index: 10;

    text-align: right;

    margin-left: 40px;

    margin-top: 2px;

}



.nav_top .number {

    font-size: 16px;

    color: #999999;

    display: inline-block;

    margin-top: -10px;

    margin-right: 5px;

    vertical-align: top;

}



.nav_top .state {

    font-size: 16px;

    color: #222222;

    display: inline-block;

}



li.on .nav_top .state {

    color: #ec3f4e

}



.header_sj {

    display: none;

}



.header_pc .nav {

    display: inline-block;

}



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

    .nav li {

        margin-right: 40px;

        font-size: 15px;

    }



    .header .logo {

        width: 280px;

    }



    .header .right .header_message {

        font-size: 15px;

    }

}



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

    .nav li {

        margin-right: 30px;

        font-size: 14px;

    }



    .header .right .header_message {

        font-size: 14px;

    }

}



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

    .nav li {

        margin-right: 35px;

        font-size: 15px;

    }



    .header .right .header_message {

        font-size: 13px;

    }

}



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

    .header_sj {

        display: block;

    }



    .header_pc .nav {

        display: none;

    }



    .nav li .nav2, .nav li.ons .nav2 {

        position: static;

        transform: translate(0%, 0);

        width: 100%;

        box-shadow: 0 0 0 0;

    }



    .nav li .nav2 a {

        text-align: left;

        padding: 0 10px;

        box-sizing: border-box;

    }



    .nav li .nav2:before {

        display: none;

    }



    .nav li .nav_top i.arrow {

        display: block;

        width: 10px;

        height: 10px;

        border-left: 2px solid #999;

        border-top: 2px solid #999;

        transform: rotate(135deg);

        float: right;

        margin-top: 18px;

    }



    .nav li.ons .nav_top i.arrow {

        transform: rotate(-135deg);

        border-left: 2px solid #e62129;

        border-top: 2px solid #e62129;

    }



    .header .nav {

        display: none;

        background: #fff;

        min-height: 100vh;

        width: 100%;

        top: 54px;

        line-height: 3;

        box-sizing: border-box;

        padding-top: 0;

        left: 0;

        position: fixed;

    }



    .header.ons .nav {

        display: none;

    }



    .nav li .nav_top {

        padding: 10px 0 5px 0;

        display: block;

        color: #222;

        font-size: 16px;

    }



    .header .logo {

        max-width: 150px;

        width: 50%;

        margin-top: 5px;

    }



    .header {

        line-height: 60px;

        top: -5px;

        height: 65px;

        opacity: 1;

    }



    .header.ons {

        top: 0;

    }



    .header .header_right_ico {

        width: 110px;

        height: 30px;

        margin-top: 15px;

        line-height: 22px;

        padding: 0;

        /* background: #f4f4f4; */

        margin-top: 12px;

    }



    .header .header_right_ico img {

        display: inline-block !important;

        width: 25px;

    }



    .header .header_right_ico img.banner_sj {

        width: 30px;

        margin-left: 13px;

    }



    .main {

        padding-top: 62px;

    }



    .nav li {

        float: none;

        display: block;

        margin: 0;

        text-align: left;

        padding: 0 20px;

        box-sizing: border-box;

        border-bottom: 1px solid rgba(221, 221, 221, 0.55);

    }



    .nav li a.nav_top:before {

        height: 1px;

        display: none;

    }



    .header .nav_bottom {

        display: block !important;

        position: static;

        width: 100%;

        text-align: left;

        box-shadow: none;

        padding: 0;

        padding-left: 25px;

        padding-bottom: 10px;

    }



    .header .nav_bottom a {

        text-align: left;

        font-size: 12px;

        line-height: 3;

    }



    .nav_top .number {

        font-size: 14px

    }



    .header .nav_bottom:before {

        display: none

    }



    .header .right .header_message {

        display: none;

    }

}



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

    .header .header_wrapper {

        padding-top: 2%;

        /* background-color: #FFFFFF; */

    }

}



/*header_search*/



.search {

    position: fixed;

    z-index: 6;

    top: 0px;

    right: 0;

    height: 100%;

    max-height: 100vh;

    overflow-y: hidden;

    overflow-x: hidden;

    -webkit-overflow-scrolling: touch;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    opacity: 0;

    visibility: hidden;

    transition: .2s opacity;

    z-index: 100;

}



.search.search-is-open {

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    opacity: 1;

    visibility: visible;

    /* transition: 0s opacity; */

}



.search.search-is-open .search__container {

    /* transform: translateY(0) translateZ(0); */

    visibility: visible;

    opacity: 1;

    height: 70px;

    box-sizing: border-box;

}



.search__container {

    position: relative;

    z-index: 2;

    background-color: #fff;

    /* transform: translateY(-100%) translateZ(0); */

    /* transition: transform .75s cubic-bezier(.77, 0, .175, 1); */

    visibility: hidden;

    opacity: 0;

    /* transition: .5s opacity; */

    -webkit-transition: all .5s;

    transition: all .5s;

}



.search__overlay {

    position: fixed;

    z-index: 1;

    top: 0;

    right: 0;

    width: 100%;

    height: 100%;

    background-color: #1d1d1d;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";

    opacity: .7;

}



.search, .search__overlay {

    left: 0;

}



.search-header {

    position: relative;

    /* padding-top: 100px; */

    /* padding-bottom: 100px; */

}



.search-header .search-loader {

    position: absolute;

    top: 17px;

    left: 2.6vw;

}



.search-header .search-btn-close {

    position: absolute;

    top: 0;

    right: 0;

}



.search-header .search-input {

    font-size: 24px;

    width: 100%;

    -webkit-appearance: none;

    -moz-appearance: none;

    border: 0;

}



.search-header .search-input__wrapper:after {

    content: "";

    position: absolute;

    z-index: 1;

    bottom: 0;

    left: 0;

    right: 0;

    height: 1px;

    background-color: #d9d9d9;

    width: 100%;

}



.search-item {

    position: relative;

    display: block;

    overflow: hidden;

    transition: background-color .2s, opacity .3s, color .3s;

    transform-origin: 0 0;

    color: #1d1d1d;

}



.search-item:after {

    content: "";

    position: absolute;

    z-index: 1;

    bottom: 0;

    left: 8.333%;

    right: 8.333%;

    height: 1px;

    background-color: #d9d9d9;

}



.row.por {

    position: relative;

    max-width: 500px;

}



.search-item .solr-highlight {

    background-color: rgba(101, 32, 142, .2);

}



.search-item__inner {

    padding-top: 16px;

    padding-top: 1rem;

    padding-bottom: 16px;

    padding-bottom: 1rem;

    min-height: 121px;

}



.search-close {

    position: absolute;

    display: block;

    top: 30%;

    right: 0;

    width: 20px;

    height: 1.8rem;

    background: url(img/close.png) no-repeat center;

    background-size: 20px !important;

    cursor: pointer;

    z-index: 6;

    transition-duration: .5s;

}



.search-close:hover {

    transform: rotate(90deg);

}



.search .submit0 {

    position: absolute;

    top: 40%;

    left: 0;

    z-index: 5;

    width: 20px;

    height: 20px;

    background: url(img/ico_search.png) no-repeat center;

    opacity: .8;

    border: none;

    background-size: 20px !important;

    box-sizing: border-box;

    display: block;

}



.search-header .search-input {

    display: block;

    text-indent: 30px;

    line-height: 3;

    font-size: 18px;

    line-height: 91px;

    color: #333;

    width: 100%;

    -webkit-appearance: none;

    -moz-appearance: none;

    border: 0;

    /* border-bottom: 1px solid #d9d9d9; */

}



.intro-list1.flexBox.alignCenter {

    align-items: flex-start;

}



.intro-list1 .moudle-titles1 {

    line-height: 1rem;

}



.intro-list1 .list-right {

    margin-top: 1.98rem;

}



@media (max-width: 1200px) {

    .search {

        /* top: 50px; */

    }



    .search-header {

        /* padding: 50px 0; */

    }



    .search__container {

        padding: 20px 0;

    }



    .search-header .search-input {

        text-indent: 30px;

        height: 30px;

        line-height: 30px;

        font-size: 16px;

        /* padding-bottom: 10px; */

        position: relative;

        z-index: 4;

        color: #000 !important;

        /* background: #999; */

    }



    .search .submit0 {

        width: 20px;

        height: 30px;

        background-size: 20px !important;

        top: 0;

    }



    .search-close {

        background-size: 20px !important;

        width: 20px;

        height: 30px;

        top: 0;

    }

}



.search-body .search-list1 {

    min-height: 20vw;

}



.use-body .newsInfo-mains {

    border: none;

    padding: 0;

}



.use-body .item-h5 {

    font-size: 20px;

    font-weight: bold;

    color: #000;

}



.use-body .info-item {

    margin-bottom: 20px;

}



.proInfo-list1 {

    position: relative;

}



@media (max-width: 1023px) {

    .use-body .item-h5 {

        font-size: 18px;

    }



    .search-body .search-list1 {

        min-height: 50vw;

    }



    .intro-list1 .moudle-titles1 {

        line-height: 1.1;

    }



    .intro-list1 .list-right {

        margin-top: 0;

    }

}



.remind-sorry {

    text-align: center;

    font-size: .5rem;

    line-height: 1.1;

    color: #888;

}



.travel-swiper-banner .slide1 .img100 {

    transition-duration: .6s;

    transition-delay: .3s;

}



.travel-swiper-banner.cur .slide1 .img100 {

    transition-duration: .6s;

    transition-delay: .3s;

    opacity: 0;

    transform: translateX(50px);

}



.travel-swiper-banner.cur2 .swiper-slide0.slide1 .img100 {

    opacity: 1;

    transform: translateX(0);

}



.proInfo-para-wrap {

    display: none !important;

}



.bdsharebuttonbox .hide-ewm {

    transition-duration: .5s;

    transform: rotateY(90deg);

    bottom: 26px;

    left: 50%;

    margin-left: -40px;

    width: 80px;

    height: 80px;

    background: #fff;

    position: absolute;

}



.bdsharebuttonbox .hide-ewm:after {

    content: "";

    position: absolute;

    top: 100%;

    left: 50%;

    margin-left: -6px;

    width: 0;

    height: 0;

    box-sizing: content-box;

    border-width: 6px;

    border-style: solid;

    border-color: #fff transparent transparent transparent;

}



.bdsharebuttonbox .weixin {

    position: relative;

}



.bdsharebuttonbox .weixin:hover .hide-ewm {

    transform: rotateY(0);

}



.bdshare-button-style0-16 a:hover {

    opacity: 1 !important;

}



.ability-list5 .tech-list13 .font-dt {

    padding-left: 0 !important;

}



.Info-form-bg p, .Info-form-bg span {

    color: #888 !important;

    text-align: left;

    font-size: 14px !important; /*white-space: pre-wrap;*/

    line-height: 1.8;

}



.Info-form-bg .info-dt-wrap:before {

    content: "";

    display: block;

    width: 100%;

    height: 1px;

    background: #ccc;

    left: 0;

    top: 0;

    transform: rotateX(60deg);

    position: absolute;

}



.Info-form-bg .info-dt-wrap {

    padding-top: .75rem;

    position: relative;

}



@media (max-width: 1023px) {

    .Info-form-bg p, .Info-form-bg span {

        font-size: 12px !important;

    }

}



@media (max-width: 321px) {

    .news-btn-wrap .news-btn {

        font-size: 12px;

    }

}



@media (min-width: 1201px) {

    .footer-top .footer-nav.footer-m-nav {

        display: none;

    }

}



@media (max-width: 1200px) {

    .ability-list4 .moudle-titles1 .moudle-font42 {

        margin-bottom: 0;

    }



    .ability-list4 .moudle-titles1 {

        margin-bottom: 1rem;

    }



    .proInfo-list2 .proInfo-table table {

        width: auto;

    }



    .proInfo-list2 .proInfo-table {

        overflow: scroll;

    }

}



@media (min-width: 768px) {

    .pc-block2 {

        display: block;

    }



    .tech-list31 .tech-m-img, .tech-list11 .tech-m-img {

        display: none;

    }



    .tech-list31 .tech-pc-img, .tech-list11 .tech-pc-img {

        display: inline-block;

    }

}



@media (max-width: 767px) {

    .tech-list31 .tech-m-img, .tech-list11 .tech-m-img {

        display: inline-block;

    }



    .tech-list31 .tech-pc-img, .tech-list11 .tech-pc-img {

        display: none;

    }



    .wel-list1 img.poa100:nth-child(2) {

        left: -28vw;

    }



    .safe-item-wrap .safe-item {

        margin-bottom: 4px;

    }



    .m-block2 {

        display: block;

    }



    .travel-swiper-banner .four-item {

        flex: 0 0 100%;

        width: 100%;

        margin-right: 0;

    }



    .tech-list31 .list-item:nth-child(2), .tech-list31 .list-item:nth-child(3) {

        padding-bottom: 30px;

    }



    .tech-list31 .list-item {

        border-bottom: 1px solid rgba(0, 0, 0, 0.1);

        margin-bottom: 30px;

    }

}



.proInfo-list2 .proInfo-table table tr:first-child td { /*width: 100% !important;*/

    text-align: center !important;

}



@media (min-width: 1201px) and (max-width: 1340px) {

    .mCSB_inside > .mCSB_container {

        margin-right: 20px !important;

    }



    .ability-list3 .cn-font16 {

        padding-right: 5rem;

    }



    .wel-list1 .wel-solution-item:nth-child(1) .moudle-titles1, .wel-list1 .wel-solution-item:nth-child(3) .moudle-titles1 {

        margin-top: 40px;

    }



    .wel-list1 .list-right .textRight.cn-font18 {

        padding-left: 1rem;

        margin-top: 20px;

    }



    .wel-list1 .list-right .wel-solution-item:nth-child(3) .textRight.cn-font18 {

        padding-left: 3.5rem;

    }



    .intro-list2 .list-left {

        flex: 0 0 calc(100% - 575px);

        width: calc(100% - 575px);

    }

}



@media (min-width: 1201px) {

    .intro-list3 .show-top .name0, .intro-list3 .show-top .zhiwei0 .s0 {

        display: block !important;

    }



    .footer-top .footer-nav.footer-m-nav {

        display: none;

    }

}



@media (max-width: 1200px) {

    .safe-item-wrap .safe-item .cn-font38 {

        margin: 10px auto;

    }



    .footer-top .footer-nav.footer-pc-nav {

        display: none;

    }



    .footer-top .footer-nav.footer-m-nav {

        display: inline-block;

    }



    .footer-top .footer-nav {

        flex: 0 0 25%;

    }



    .energy-list1 .cn-font20 {

        line-height: 1.5;

    }



    .footer .bdsharebuttonbox {

        flex: 0 0 40%;

        justify-content: center;

    }

}



@media (min-width: 768px) {

    .pc-block-m-none {

        display: block;

    }



    .pc-block2 {

        display: block;

    }



    .tech-list31 .imgauto.tech-m-img {

        display: none;

    }



    .tech-list31 .imgauto.tech-pc-img {

        display: inline-block;

    }

}



/*end header_search*/





/*seach*/



.search-body .tech-nav-banner {

    width: 200px;

}



.search-body .list-mains {

    width: 100%;

    margin: 0 auto;

    padding-bottom: 100px;

}



.search-body .moudle-titles1 {

    padding: 60px 0;

}



.moudle-titles1 .moudle-font42 {

    font-size: 42px;

    line-height: 1.3; /* color: #ec3f4e; */

    /* font-weight: bold; */

}



.search-body .search-list1 {

    margin: 0 auto .5rem;

}



.search-body .search-item {

    position: relative;

    display: block;

    border: 1px solid #eee;

    border-left-width: 5px;

    margin-bottom: 10px;

    line-height: 30px;

    padding: 18px 200px 18px 32px;

    color: #333;

    background: #fff;

}



.search-body .search-item:after {

    top: 50%;

    left: 0;

    display: block;

    width: 5px;

    height: 0;

    background: #ec3f4e;

    content: "";

    position: absolute;

    content: "";

    transition-duration: .3s;

}



.search-body .search-item:hover {

    color: #ec3f4e;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}



.search-body .search-item:hover:after {

    top: 0;

    height: 100%;

}



.search-body .search-h5 {

    height: 30px;

    font-size: 18px;

    transition-duration: .3s;

}



.search-body .search-time {

    top: 50%;

    right: 0;

    margin-top: -15px;

    position: absolute;

    display: block;

    width: 144px;

    text-align: center;

    border-left: 1px solid #ececec;

    font-size: 14px;

    transition-duration: .3s;

}



.intro-list3 .right-item-wrap {

    justify-content: flex-start;

}



.banner_pc {

    display: block !important;

}



.banner_sj {

    display: none !important;

}



@media (max-width: 1199px) {

    .search-body .intro-swiper-btns {

        top: -50px;

        height: 30px;

        width: 80px;

    }



    .search-body .intro-swiper-btns .swiper-btn {

        width: 30px;

        height: 30px;

    }



    .search-body .intro-list3 .moudle-titles1 .moudle-font42 {

        line-height: 1.4;

    }



    .search-body .ability-list1 {

        margin: 8vw auto;

    }



    .search-body .ability-list1 .item-ico {

        margin-top: -14px;

        width: 28px;

        height: 28px;

    }



    .search-body .ability-list1 .item-content {

        padding-left: 40px;

    }



    .search-body .proInfo-font66 {

        padding: 8vw 0;

    }



    .search-body .search-item {

        line-height: 24px;

        padding: 10px;

        border-left-width: 2px;

        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

    }



    .search-body .search-item:after {

        width: 2px;

        height: 100%;

        top: 0;

    }



    .search-body .search-h5 {

        font-size: 16px;

        height: auto;

        -webkit-line-clamp: 5;

    }



    .search-body .search-time {

        position: static;

        font-size: 12px;

        display: inline-block;

        width: 100%;

        font-size: 12px;

        margin-top: 5px;

        text-align: left;

        border: none;

    }



    .moudle-titles1 .moudle-font42 {

        font-size: 24px;

    }



    .search-body .moudle-titles1 {

        padding: 20px 0;

    }



    .banner_pc {

        display: none !important;

    }



    .banner_sj {

        display: block !important;

    }

}



/*end seach*/





/*pro.html*/



.neiye_banner {

    position: relative;

    height: 500px;

    background: url(.) center left no-repeat;

    background-size: cover;

    overflow: hidden;

}



.neiye_banner img {

    top: -55%;

    position: absolute;

}



.neiye_banner .box {

    position: absolute;

    top: 67%;

    left: 50%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    z-index: 2;

}



.neiye_banner .t1 {

    font-size: 40px;

    color: #ffffff;

    font-weight: bold;

}



.neiye_banner .t2 {

    font-size: 22px;

    color: #ffffff;

    line-height: 1.7;

    margin-top: 13px;

    /*max-width: 500px;*/

}



.neiye_nav {

    line-height: 70px;

    height: 70px; /* margin-top: -70px; */

    position: relative;

    z-index: 3;

    box-sizing: border-box;

    background: #fff;

    border-bottom: 1px solid #eeeeee;

}



.neiye_nav .left {

    width: calc(100% - 240px);

}



.neiye_nav .left a {

    text-align: center;

    font-size: 16px;

    position: relative;

    z-index: 4;

    color: #222222;

    width: auto !important;

    padding: 0 30px 0 35px;

}



.neiye_nav .left a:after {

    content: '';

    width: 100%;

    height: 0;

    position: absolute;

    background: #da251b;

    bottom: 0;

    left: 0;

    z-index: 2;

    transition: all .5s;

    -webkit-transition: all .5s;

}



.neiye_nav .left .t1 {

    position: relative;

    z-index: 5;

    display: inline-block;

}



.neiye_nav .left a:hover:after, .neiye_nav .left a.on:after {

    height: 100%;

}



.neiye_nav .left a:before {

    content: url("img/ico_radius.png");

    margin-right: 10px;

    opacity: 0;

    position: relative;

    z-index: 5;

    display: inline-block;

}



.neiye_nav a.on, .neiye_nav a:hover {

    color: #fff;

}



.neiye_nav .left a:hover:before, .neiye_nav .left a.on:before {

    opacity: 1;

}



.neiye_nav .right {

    /*width: 300px;*/

    min-width: 300px;

    float: right;

    text-align: right;

    font-size: 14px;

    color: #666666;

}



.neiye_nav .right a {

    color: #666666;

}



.neiye_nav .right img {

    margin-right: 5px;

}



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

    .neiye_nav .left a {

        font-size: 14px;

    }



    .neiye_nav .left a:before {

        margin-right: 5px;

    }

}



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

    .neiye_banner {

        height: 400px;

        background-size: 100% 100%;

    }



    .neiye_banner img {

        top: -15%;

        position: absolute;

    }

}



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

    .neiye_nav {

        height: 50px;

        line-height: 50px;

        margin-top: 0px;

        margin-bottom: 70px;

    }



    .neiye_nav .right {

        float: none;

        text-align: left;

        width: 100%;

    }



    .neiye_nav .left {

        width: 100%;

        float: none;

        margin: 30px 0;

    }



    .neiye_nav .left a {

        background: #f9f9f9;

        border-radius: 30px;

        color: #333333;

        padding: 0 20px;

        margin: 0 7px; /*width: auto !important;*/

        line-height: 3;

    }



    .neiye_nav a.on, .neiye_nav a:hover {

        background: #da251b;

        color: #fff;

    }



    .neiye_nav .left a:after {

        opacity: 0;

    }



    .neiye_nav .left a:before {

        display: none;

    }



    .neiye_banner {

        height: auto;

        background-size: cover;

    }



    .neiye_banner img {

        position: static;

    }



    .neiye_banner .t1 {

        font-size: 32px;

    }



    .neiye_banner .box {

        top: 60%

    }



    .neiye_banner .t2 {

        font-size: 14px;

    }



    .pagetion {

        font-size: 16px;

        padding: 10px 0 40px 0;

    }

}



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

    .neiye_banner .t1 {

        font-size: 24px;

    }

}



/*cost.html*/



.title_sum {

    max-width: 800px;

    margin: auto;

    text-align: center;

    padding: 80px 0 40px 0;

}



.title_sum .t1 {

    font-size: 30px;

    font-weight: bold;

    color: #222222;

}



.title_sum .t2 {

    font-size: 16px;

    line-height: 2.2;

    color: #222222;

    padding-top: 20px;

}



.cost_list {

    padding-bottom: 90px;

}



.cost_list li {

    width: 24%;

    margin: 0 calc(1.3% - 4px) 30px 0;

    display: inline-block;

    vertical-align: top;

    transition: all .4s ease;

    -webkit-transition: all .4s ease;

    text-align: center;

}



.cost_list li:hover {

    box-shadow: 0 13px 40px 0 rgba(0, 0, 0, .15);

}



.cost_list li:nth-child(4n) {

    margin-right: 0;

}



.cost_list a {

    width: 100%;

    display: block;

}



.cost_list .ones {

    line-height: 98px;

    padding: 0 10px;

    font-size: 18px;

    box-sizing: border-box;

    color: #222222;

    font-weight: bold;

    background: #f6f6f6;

}



.cost_list .waiting a {

    padding: 40% 0 40%;

}



.cost_list .waiting:hover {

    box-shadow: 0 0 0 0 #ffffff;

}



.cost_list .dian1 {

    display: inline-block;

    width: 12px;

    height: 12px;

    background: #f6f6f6;

    border-radius: 50%;

    margin: 5px;

    position: relative;

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

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

}



.cost_list .waiting:hover .dian1 {

    background: #999;

}



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

    .title_sum .t1 {

        font-size: 27px;

    }



    .title_sum .t2 {

        font-size: 14px;

    }



    .title_sum .t2 p {

        display: inline;

    }



    .cost_list li, .cost_list li:nth-child(4n) {

        width: 32%;

        margin: 0 calc(2% - 4px) 20px 0;

    }



    .cost_list li:nth-child(3n) {

        margin-right: 0;

    }



    .cost_list .ones {

        line-height: 50px;

        font-size: 15px;

    }

}



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

    .neiye_banner img {



        max-width: 120%;



        width: 120%;



        margin-left: -10%;

    }



    .title_sum .t1 {

        font-size: 22px;

    }



    .title_sum .t2 {

        font-size: 12px;

    }



    .cost_list li, .cost_list li:nth-child(4n), .cost_list li:nth-child(3n) {

        width: 49%;

        margin: 0 calc(2% - 4px) 20px 0;

    }



    .cost_list li:nth-child(2n) {

        margin-right: 0;

    }



    .cost_list .ones {

        line-height: 35px;

        font-size: 13px;

    }



    .title_sum {

        padding: 50px 0 25px 0;

    }



    .cost_list {

        padding-bottom: 50px;

    }



    .cost_list .dian {

        width: 8px;

        height: 8px;

        margin: 3px;

    }

}



/*end cost.html*/





/*cost1.html*/



.cost1_list {

    padding: 80px 0;

}



.cost1_list li {

    width: 33.33%;

    float: left;

    height: 300px;

    box-sizing: border-box;

    padding: 100px 65px 0 65px;

    border: 1px solid #f4f4f4;

    transition: box-shadow .4s ease-in-out;

    -webkit-transition: box-shadow .4s ease-in-out;

    background: #ffffff;

    position: relative;

}



.cost1_list li:nth-child(odd) {

    background-color: #f4f4f4;

}



.cost1_list li:hover {

    border-color: transparent;

    box-shadow: 0 1px 22px 0px rgba(0, 0, 0, .2);

    z-index: 2;

}



.cost1_list .number {

    color: #aaaaaa;

    font-size: 36px;

    font-weight: bold;

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

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

}



.cost1_list li:hover .number {

    color: #da251b;

}



.cost1_list .lans {

    font-size: 20px;

    line-height: 1.6;

    color: #222222;

    padding-top: 30px;

    font-weight: bold;

}



.cost1_list .bg {

    position: absolute;

    width: 50%;

    bottom: 35px;

    right: 10px;

    z-index: 2;

    opacity: 0;

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

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

}



.cost1_list li:hover .bg {

    opacity: 1;

}



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

    .cost1_list li {

        width: 50%;

        padding: 70px 45px 0 45px;

        height: 250px;

    }



    .cost1_list .number {

        font-size: 32px;

    }



    .cost1_list .lans {

        font-size: 16px;

        padding-top: 20px;

    }



    .cost1_list li:nth-child(4) {

        background-color: #f4f4f4;

    }



    .cost1_list li:nth-child(3) {

        background-color: #fff;

    }

}



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

    .cost1_list li {

        padding: 40px 25px 0 25px;

        height: 160px;

    }



    .cost1_list .number {

        font-size: 24px;

    }



    .cost1_list .lans {

        font-size: 14px;

        padding-top: 10px;

    }



    .cost1_list .bg {

        width: 70%;

        bottom: 10px;

        right: 5px;

    }



    .cost1_list {

        padding: 40px 0;

    }

}



/*end cost1.html*/





/*news_list*/



.news_list {

    padding: 100px 0 70px 0;

}



.news_list a {

    display: inline-block;

    vertical-align: top;

    width: 23%;

    margin-right: calc(2.67% - 4px);

    margin-bottom: 40px;

    background: #ffffff;

    transition: all .4s ease;

    -webkit-transition: all .4s ease;

}



.news_list a:nth-child(4n) {

    margin-right: 0;

}



.news_list a:hover {

    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .15);

}



.news_list .lans {

    padding: 20px 30px;

    box-sizing: border-box;

}



.news_list .l1 {

    line-height: 1.4;

    font-size: 24px;

    color: #222222;

    -webkit-line-clamp: 2;

    height: 68px;

}



.news_list .l2 {

    font-size: 14px;

    line-height: 1.7;

    height: 72px;

    color: #666666;

    margin: 15px 0 25px 0;

}



.news_list .l3 {

    font-size: 14px;

    color: #222222;

}



.news_list .l3 i {

    display: inline-block;

    vertical-align: middle;

    background: url('img/ico_a0.png');

    width: 6px;

    height: 12px;

    margin-left: 10px;

    transition: all .4s ease;

    -webkit-transition: all .4s ease;

}



.news_list a:hover .l1 {

    color: #da251b;

}



.news_list a:hover .l3 i {

    animation: myfirst1 1s ease-out 0s infinite;

}



@keyframes myfirst1 {

    0% {

        margin-left: 6px;

        opacity: 1;

    }

    100% {

        margin-left: 14px;

        opacity: 0.05;

    }

}



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

    .news_list .l1 {

        line-height: 1.5;

        font-size: 20px;

        height: 60px;

    }



    .news_list .lans {

        padding: 17px 25px;

    }



    .news_list {

        padding: 70px 0 50px 0;

    }

}



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

    .news_list {

        padding: 80px 0 50px 0;

    }



    .news_list a, .news_list a:nth-child(4n) {

        width: 32%;

        margin-right: calc(2% - 4px);

        margin-bottom: 30px;

    }



    .news_list a:nth-child(3n) {

        margin-right: 0;

    }



    .news_list .l1 {

        line-height: 1.5;

        font-size: 20px;

        height: 60px;

    }



    .news_list .l2 {

        font-size: 13px;

        line-height: 22px;

        height: 66px;

        margin: 10px 0 20px 0;

    }



    .news_list .lans {

        padding: 15px 25px;

    }

}



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

    .news_list {

        padding: 30px 0 25px 0;

    }



    .news_list a, .news_list a:nth-child(4n), .news_list a:nth-child(3n) {

        width: 48.5%;

        margin-right: calc(3% - 4px);

        margin-bottom: 20px;

    }



    .news_list a:nth-child(2n) {

        margin-right: 0;

    }



    .news_list .l1 {

        line-height: 25px;

        font-size: 16px;

        height: 50px;

    }



    .news_list .l2 {

        font-size: 12px;

        line-height: 20px;

        height: 60px;

        margin: 7px 0 15px 0;

    }



    .news_list .l3 {

        font-size: 12px;

    }



    .news_list .lans {

        padding: 12px 20px 20px 20px;

    }

}



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

    .news_list a, .news_list a:nth-child(4n), .news_list a:nth-child(3n), .news_list a:nth-child(2n) {

        margin-right: 0;

        width: 100%;

    }

}

.pagetion {

    line-height: 40px;

    text-align: center;

    color: #666666;

    font-size: 14px;

    padding-bottom: 60px;

}



.pagetion ul li {

    box-sizing: border-box;

    display: inline-block;

    border-radius: 30px;

    -moz-border-radius: 30px;

    -webkit-border-radius: 30px;

    background: #ffffff;

    border: 1px solid #e6e6e6;

    color: #666666;

    margin: 0 8px;

    padding: 0 15px;

    position: relative;

}



.pagetion ul li.active {

    box-sizing: border-box;

    background: #da251b;

    color:#fff;

}









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

    .pagetion {

        line-height: 28px;

        font-size: 12px;

        padding-bottom: 30px;

    }



    .pagetion a {

        margin: 0 5px;

        padding: 0 7px;

    }



    .pagetion a:last-child {

        margin-right: 10px;

    }

}



/*end news_list*/





/*newd.html*/



.news_details {

    position: relative;

    margin-top: 20px;

    z-index: 2;

    margin-bottom: 95px;

}



.news_details .left {

    width: calc(100% - 525px);

    float: left;

    background: #ffffff;

    padding: 50px 3%;

    box-sizing: border-box;

    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .07);

}



.news_details .left .title {

    font-size: 30px;

    line-height: 1.7;

    color: #222222;

    font-weight: bold;

}



.news_details .right {

    width: 440px;

    float: right; /* padding: 20px 1.6%; */

    box-sizing: border-box;

    padding-top: 45px;

}



.news_details .right .title {

    font-size: 24px;

    line-height: 2;

    font-weight: bold;

    padding-bottom: 5px;

    border-bottom: 1px solid #eee;

}



.news_details .mess {

    font-size: 14px;

    color: #999999;

    margin: 27px 0 20px 0;

    padding-bottom: 20px;

    border-bottom: 1px solid rgba(0, 0, 0, .1);

    line-height: 2;

}



.news_details .mess li {

    margin-right: 75px;

    float: left;

}



.news_details .editors {

    font-size: 16px;

    line-height: 30px;

    color: #222;

    width: 100%;

}



.news_details .right_list {

}



.right_list a {

    display: block;

    padding: 15px 0;

    width: 100%;

    border-bottom: 1px dashed #e5e5e5;

}



.right_list a:first-child {

}



.right_list .picture {

    width: 150px;

    float: left;

}



.right_list .lans {

    width: 260px;

    float: right;

}



.right_list .t1 {

    font-size: 16px;

    line-height: 26px;

    color: #333333;

    margin: 5px 0 25px 0;

}



.right_list .t2 {

    font-size: 13px;

    color: #999999;

    font-weight: lighter;

}



.right .more {

    color: #666666;

    line-height: 2;

    cursor: pointer;

    text-align: center;

    padding-top: 20px;

}



.right .more img {

    transform: rotate(90deg);

    -webkit-transform: rotate(90deg);

    margin-bottom: -18px;

}



.i_ico {

    display: inline-block;

}



.i_ico a {

    margin: 0 3px;

    -webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%);

    -o-filter: grayscale(100%);

    filter: grayscale(100%);

    filter: gray;

    display: none;

    transition: 0.5s;

}



.i_ico.on a {

    display: inline-block;

}



.i_ico a:nth-child(1), .i_ico a:nth-child(2), .i_ico a:nth-child(3), .i_ico a:last-child {

    display: inline-block;

}



.i_ico a:hover {

    -webkit-filter: grayscale(0%);

    -moz-filter: grayscale(0%);

    -ms-filter: grayscale(0%);

    -o-filter: grayscale(0%);

    filter: grayscale(0%);

    filter: ;

}



.new_pagetion {

    border-top: 1px solid #eeeeee;

    margin-top: 60px;

    padding-top: 30px;

}



.new_pagetion .left1 {

    width: calc(100% - 250px);

    float: left;

}



.new_pagetion .left1 a {

    font-size: 16px;

    line-height: 40px;

    color: #222222;

    display: block;

    margin-bottom: 5px;

}



.new_pagetion .left1 span {

    font-size: 16px;

    line-height: 40px;

    color: #222222;

    float: left;

}



.new_pagetion .left1 a:hover {

    color: #e60012;

}



.new_pagetion .list:hover {

    background: #e60012;

    color: #fff;

}



.new_pagetion .list {

    width: 160px;

    height: 50px;

    line-height: 50px; /* background: #eeeeee; */

    color: #222;

    text-align: center;

    font-size: 16px;

    border: 1px solid #e5e5e5;

    margin-top: 10px;

    transition: background .4s ease;

}



.new_pagetion .list img {

    margin-left: 10px

}



.new_pagetion .list img:first-child {

    display: inline-block;

}



.new_pagetion .list img:last-child {

    display: none;

}



.new_pagetion .list:hover img:first-child {

    display: none;

}



.new_pagetion .list:hover img:last-child {

    display: inline-block;

}



.neiye_nav_news {

    background: transparent;

    border: 0;

    margin-top: 30px;

}



.neiye_nav_news.neiye_nav .right {

    float: none;

    text-align: left;

}



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

    .news_details .right {

        width: 320px;

    }



    .right_list .picture {

        width: 120px;

    }



    .right_list .lans {

        width: 180px;

        float: right;

    }



    .right_list .t1 {

        font-size: 15px;

        line-height: 22px;

        margin: 5px 0 15px 0;

    }



    .news_details .left {

        width: calc(100% - 360px);

    }



    .news_details .left .title {

        font-size: 28px;

    }



    .news_details .mess {

        font-size: 13px;

        margin: 20px 0 15px 0;

        padding-bottom: 20px;

    }



    .news_details .editors {

        font-size: 15px;

        line-height: 28px;

    }

}



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

    .news_details .left {

        width: 100%;

        float: left;

        background: #ffffff;

        padding: 35px 5%;

        box-sizing: border-box;

    }



    .news_details .right {

        display: none;

    }



    .news_details .editors {

        font-size: 13px;

        line-height: 1.85;

    }

    .news_details .editors img{
        width: 100% !important;
        height: auto !important;

    }

    .new_pagetion .left1 {
        overflow: hidden;
        width: 100%;

        float: none;

    }



    .new_pagetion .list {

        float: none;

        width: 120px;

        line-height: 40px;

        height: 40px;

        font-size: 14px;

        margin: 20px auto 0 auto;

    }



    .new_pagetion .list img {

        width: 14px;

    }



    .news_details .left .title {

        font-size: 24px;

    }



    .new_pagetion .left1 a {

        font-size: 14px;

        line-height: 27px;

    }



    .new_pagetion {

        margin-top: 30px;

        padding-top: 20px;

    }



    .news_details {

        margin-top: 50px;

        margin-bottom: 50px;

    }



    .neiye_nav_news {

        margin-bottom: 0;

        margin-top: 10px;

    }

}



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

    .news_details .left {

    }



    .news_details .title {

        font-size: 24px;

        line-height: 1.8;

    }



    .tuijian {

        padding: 30px 0 15px 0;

        line-height: 2;

    }



    .news_details .mess li {

        margin-right: 30px;

        line-height: 2;

    }



    .news_details .left .title {

            font-size: 18px;

    }



    .new_pagetion .left1 a {

        height: 40px;
        font-size: 12px;
        line-height: 40px;

    }



    .news_details {

        margin-top: 10px;

    }

}



/*end newd.html*/





/*case.html*/



.anli_list {

    padding: 100px 0 50px 0;

}



.anli_list a {

    width: calc(33.33% - 15px);

    margin-right: 17px;

    display: inline-block;

    margin-bottom: 20px;

    transition: all .52s ease;

    -webkit-transition: all .52s ease;

}



.anli_list a:nth-child(3n) {

    margin-right: 0px;

}



.anli_list .pic {

    position: relative;

    overflow: hidden;

}



.anli_list .picture:before {

    content: '';

    position: absolute;

    top: 100%;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 2;

    background-color: rgba(0, 0, 0, .5);

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

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

}



.anli_list a:hover .picture:before {

    top: 0%;

}



.anli_list a:hover {

    box-shadow: 0 17px 40px 0 rgba(0, 0, 0, .15);

}



.anli_list .bg {

    position: absolute;

    top: 100%;

    left: 7%;

    width: 88%;

    height: 80%;

    z-index: 3;

    border: 1px solid rgba(255, 255, 255, .1);

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

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

}



.anli_list a:hover .bg {

    top: 10%;

}



.anli_list .bg_lans {

    width: 80%;

    color: #ffffff;

    font-size: 16px;

    line-height: 36px;

    margin: 9% auto 0 auto;

}



.anli_list .lans {

    line-height: 36px;

    background-color: #ffffff;

    padding: 25px 25px 15px 25px;

    position: relative;

    z-index: 5;

}



.anli_list .l1 {

    font-size: 16px;

    font-weight: bold;

    color: #222222;

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

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

}



.anli_list a:hover .l1 {

    color: #e60012;

}



.anli_list .l2 {

    font-size: 14px;

    color: #666666;

    margin-bottom: 25px;

}



.anli_list .l3 {

    border-top: 1px solid #eeeeee;

    padding-top: 15px;

}



.anli_list .l3_1 {

    font-size: 14px;

    color: #666666;

    float: left;

}



.anli_list .l3_2 {

    float: right;

    transition: all .4s cubic-bezier(0.4, 0, 1, 1);

    -webkit-transition: all .4s cubic-bezier(0.4, 0, 1, 1);

    margin-right: 10px;

}



.anli_list a:hover .l3_2 {

    margin-right: 0px;

}



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

    .anli_list .bg_lans {

        width: 85%;

        font-size: 14px;

        line-height: 30px;

        margin: 7% auto 0 auto;

    }

}



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

    .anli_list a, .anli_list a:nth-child(3n) {

        width: calc(50% - 12px);

        margin-right: 20px;

    }



    .anli_list a:nth-child(2n) {

        margin-right: 0px;

    }



    .anli_list .bg {

        left: 5%;

        width: 90%;

        height: 90%;

        top: 5%;

    }



    .anli_list .picture:before {

        top: 0

    }



    .anli_list a:hover .bg {

        top: 5%;

    }



    .anli_list .bg_lans {

        width: 90%;

        font-size: 14px;

        line-height: 30px;

        margin: 5% auto 0 auto;

    }



    .anli_list .lans {

        line-height: 30px;

        padding: 15px 15px 5px 15px;

    }



    .anli_list .l1 {

        font-size: 14px;

    }



    .anli_list .l2 {

        font-size: 12px;

        margin-bottom: 15px;

    }



    .anli_list .l3 {

        padding-top: 5px;

    }



    .anli_list .l3_1 {

        font-size: 12px;

    }



    .anli_list {

        padding: 80px 0 30px 0;

    }

}



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

    .anli_list a, .anli_list a:nth-child(3n), .anli_list a:nth-child(2n) {

        width: 100%;

        margin-right: 0;

    }



    .anli_list {

        padding: 50px 0 20px 0;

    }

}



/*end case.html*/



/**成本优化*/





.price_list {

    padding: 20px 0 50px 0;

}



.price_list a {

    width: calc(33.33% - 15px);

    margin-right: 17px;

    display: inline-block;

    margin-bottom: 20px;

    transition: all .52s ease;

    -webkit-transition: all .52s ease;

}



.price_list a:nth-child(3n) {

    margin-right: 0px;

}



.price_list .pic {

    position: relative;

    overflow: hidden;

}



.price_list .picture:before {

    content: '';

    position: absolute;

    top: 100%;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 2;

    background-color: rgba(0, 0, 0, .5);

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

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

}



.price_list a:hover .picture:before {

    top: 0%;

}



.price_list a:hover {

    box-shadow: 0 17px 40px 0 rgba(0, 0, 0, .15);

}



.price_list .bg {

    position: absolute;

    top: 100%;

    left: 7%;

    width: 88%;

    height: 80%;

    z-index: 3;

    border: 1px solid rgba(255, 255, 255, .1);

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

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

}



.price_list a:hover .bg {

    top: 10%;

}



.price_list .bg_lans {

    width: 80%;

    color: #ffffff;

    font-size: 14px;

    line-height: 26px;

    margin: 9% auto 0 auto;

}



.price_list .lans {

    line-height: 36px;

    background-color: #ffffff;

    padding: 25px 25px 15px 25px;

    position: relative;

    z-index: 5;

}



.price_list .l1 {

    font-size: 16px;

    font-weight: bold;

    color: #222222;

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

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

}



.price_list a:hover .l1 {

    color: #e60012;

}



.price_list .l2 {

    font-size: 14px;

    color: #666666;

    margin-bottom: 25px;

}



.price_list .l3 {

    border-top: 1px solid #eeeeee;

    padding-top: 15px;

}



.price_list .l3_1 {

    font-size: 14px;

    color: #666666;

    float: left;

}



.price_list .l3_2 {

    float: right;

    transition: all .4s cubic-bezier(0.4, 0, 1, 1);

    -webkit-transition: all .4s cubic-bezier(0.4, 0, 1, 1);

    margin-right: 10px;

}



.price_list a:hover .l3_2 {

    margin-right: 0px;

}



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

    .price_list .bg_lans {

        width: 85%;

        font-size: 12px;

        line-height: 22px;

        margin: 7% auto 0 auto;

    }

}



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

    .price_list a, .price_list a:nth-child(3n) {

        width: calc(50% - 12px);

        margin-right: 20px;

    }



    .price_list a:nth-child(2n) {

        margin-right: 0px;

    }



    .price_list .bg {

        left: 5%;

        width: 90%;

        height: 90%;

        top: 5%;

    }



    .price_list .picture:before {

        top: 0

    }



    .price_list a:hover .bg {

        top: 5%;

    }



    .price_list .bg_lans {

        width: 90%;

        font-size: 12px;

        line-height: 22px;

        margin: 5% auto 0 auto;

    }



    .price_list .lans {

        line-height: 30px;

        padding: 15px 15px 5px 15px;

    }



    .price_list .l1 {

        font-size: 14px;

    }



    .price_list .l2 {

        font-size: 12px;

        margin-bottom: 15px;

    }



    .price_list .l3 {

        padding-top: 5px;

    }



    .price_list .l3_1 {

        font-size: 12px;

    }



    .price_list {

        padding: 80px 0 30px 0;

    }

}



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

    .price_list a, .price_list a:nth-child(3n), .price_list a:nth-child(2n) {

        width: 100%;

        margin-right: 0;

    }



    .price_list {

        padding: 50px 0 20px 0;

    }



    .price_list .bg_lans {

        width: 90%;

        font-size: 10px;

        line-height: 18px;

        margin: 5% auto 0 auto;

    }

}



/*end成本优化**/





/*join.html*/



.join_nav.neiye_nav {

    background: transparent;

    border: transparent;

}



.join_sum {

}



.join_sum .join1 {

}



.join_sum .titles {

    font-size: 34px;

    font-weight: bold;

    color: #222222;

}



.join_sum .editors {

    font-size: 18px;

    color: #222222;

    padding: 30px 0;

    line-height: 1.8;

}



.join_sum .join_list {

}



.join_list li {

    background: url(.) center center no-repeat;

    background-size: cover;

    height: 400px;

    width: calc(50% - 10px);

    float: left;

    margin-bottom: 20px;

    padding: 65px;

    box-sizing: border-box;

}



.join_list li:nth-child(2n) {

    margin-left: 20px;

}



.join_list .t1 {

    font-size: 34px;

    font-weight: bold;

    line-height: 80px;

    color: #ffffff;

}



.join_list .t1:before, .join_list .t1:after {

    background: url('img/ico_dou.png');

    width: 20px;

    height: 20px;

    content: '';

    display: inline-block;

    vertical-align: top;

    margin-right: -10px;

}



.join_list .t1:after {

    transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

    vertical-align: bottom;

}



.join2 .titles {

    padding-top: 50px;

}



.join2_list {

    padding: 40px 0;

}



.join2_list li {

    line-height: 1.8;

    background: #ffffff; /* padding: 45px 50px 20px 50px; */

    box-sizing: border-box;

    border: 1px solid #eeeeee;

    transition: box-shadow .4s ease;

}



.join2_list li.on {

    position: relative;

    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);

    border: 1px solid #eeeeee;

}



.join2_list li:nth-child(odd) {

    background-color: #f6f6f6;

    border: 0;

}



.join2_list .top {

    cursor: pointer;

    padding: 45px 60px 20px 60px;

}



.join2_list .top1:after {

    content: '►';

    font-size: 14px;

    color: #000000;

    font-weight: bold;

    position: absolute;

    top: 0;

    right: 0;

    transform: rotate(90deg);

    transition: all .4s ease;

}



.join2_list li.on .top1:after {

    transform: rotate(0deg);

    color: #e62129;

}



.join2_list .top1 {

    font-size: 20px;

    line-height: 1;

    border-left: 3px solid #333333;

    font-weight: bold;

    color: #333333;

    padding-left: 20px;

    box-sizing: border-box;

    position: relative;

}



.join2_list .top2 {

    padding: 23px;

    box-sizing: border-box;

}



.join2_list .top2 dd {

    width: 20%;

    display: inline-block;

    vertical-align: top;

    font-size: 16px;

    color: #666666;

}



.join2_list .bottom {

    font-size: 16px;

    color: #666666;

    border-top: 1px solid #eee;

    padding: 23px 0 50px 0;

    margin: 0 85px;

    box-sizing: border-box;

    display: none;

}



.join2_list .bottom .b1 {

    font-weight: bold;

    color: #222222;

    padding-bottom: 7px;

}



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

    .join_list li {

        height: 300px;

        padding: 45px;

    }



    .join_list .t1 {

        font-size: 28px;

        line-height: 60px;

    }



    .join_list .t1:before, .join_list .t1:after {

        background: url('img/ico_dou.png');

        width: 15px;

        height: 15px;

        background-size: 100% 100%;

        margin-right: -5px;

    }



    .join_sum .titles {

        font-size: 28px;

    }



    .join_sum .editors {

        font-size: 16px;

        padding: 25px 0;

    }



    .join_nav.neiye_nav {

        margin-bottom: 0;

    }



    .join2 .titles {

        padding-top: 30px;

    }



    .join2_list {

        padding: 25px 0;

    }



    .join2_list .top {

        padding: 30px 40px 10px 30px;

    }



    .join2_list .top1 {

        font-size: 18px;

        padding-left: 17px;

    }



    .join2_list .top2 {

        padding: 20px;

    }



    .join2_list .top2 dd {

        width: 45%;

        line-height: 1.8;

        font-size: 14px;

    }



    .join2_list .bottom {

        font-size: 14px;

        padding: 20px 0;

        margin: 0 50px;

    }



    .join2_list .bottom .b1 {

        padding-bottom: 5px;

    }

}



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

    .join_list li, .join_list li:nth-child(2n) {

        height: 150px;

        padding: 20px;

        width: 100%;

        margin: 0 0 10px 0;

        float: none;

    }



    .join_list .t1 {

        font-size: 22px;

        line-height: 60px;

    }



    .join_sum .join1 {

        padding: 20px 0 10px 0;

    }



    .join_sum .titles {

        font-size: 22px;

    }



    .join_sum .editors {

        font-size: 14px;

        padding: 20px 0;

    }



    .join2 .titles {

        padding-top: 20px;

    }



    .join2_list {

        padding: 15px 0;

    }



    .join2_list .top {

        padding: 25px 15px 5px 15px;

    }



    .join2_list .top1 {

        font-size: 15px;

        padding-left: 12px;

    }



    .join2_list .top2 {

        padding: 15px;

        line-height: 2;

    }



    .join2_list .top2 dd { /* width: 100%; */

        font-size: 12px;

    }



    .join2_list .bottom {

        font-size: 12px;

        padding: 15px 0px 30px 0px;

        margin: 0 30px;

    }

}



/*end join.html*/





/*conctact.html*/



.contact_map {

    width: 920px;

    height: 800px;

    position: relative;

    padding-left: 12%;

}



#contact_map {

    position: absolute;

    z-index: 1;

    top: 0;

}



.dian_sum {

    position: relative;

    z-index: 2;

    width: 920px;

    height: 800px;

}



.dian_item {

    width: 60px;

    height: 60px;

}



.dian {

    position: absolute;

    z-index: 4;

    width: 10px;

    height: 10px;

    margin-left: -3px;

    margin-top: -3px;

    overflow: hidden;

    border-radius: 50%;

    background: rgba(166, 189, 217, 0.5);

    box-shadow: 0 0 0 0 rgba(166, 189, 217, 0.25);

    animation: myfirst 2.5s linear 2.8s infinite alternate;

    -webkit-animation: myfirst 2.5 linear 2.8s infinite alternate;

}



.dian i {

    margin: calc(50% - 2px) auto;

    display: block;

    width: 4px;

    height: 4px;

    border-radius: 50%;

    background: #a6bdd9;

}



.dian_sum .name {

    position: absolute;

    z-index: 5;

    color: #666666;

    line-height: 2;

    font-size: 14px;

}



.contact1_list {

    margin: 10px 0 0 0;

}



.contact1_list dd {

    /*width: 49%;*/
    width: 100%;

    float: left;

    background: #f9f9f9;

    padding: 20px;

    box-sizing: border-box;

}



.contact1_list dd:nth-child(odd) {

    margin-right: 2%;

}



.contact1_list .c_lans {
    text-align: center;

    padding: 25px;

    box-sizing: border-box;

    height: 360px;

}



.contact1_list .c1 {

    font-size: 20px;

    color: #d2d2d2;

    font-weight: bold;

    margin-bottom: 20px;

}



.contact1_list .c2 {

    color: #222222;

    font-size: 20px;

    font-weight: bold;

    margin-bottom: 20px;

}



.contact1_list .c3_list {

    font-size: 14px;

    color: #222222;

    line-height: 30px;

}



.contact1_list .c3_list li {

    margin-bottom: 10px;

    padding-left: 35px;

    box-sizing: border-box;

    background: url(.) center left no-repeat;

}



.contact1_list .c3_list li.ico_loc {

    background-image: url("img/ico_loc.png");

}



.contact1_list .c3_list li.ico_email {

    background-image: url("img/ico_email1.png");

}



.contact1_list .c3_list li.ico_phone {

    background-image: url("img/ico_phone1.png");

}



.contact1_list .c3_list li.ico_tel {

    background-image: url("img/ico_tel.png");

}



.contact1_list .c3_list li.ico_loc {

    background-image: url("img/ico_loc.png");

}



.contact2 .box {

    position: relative;

}



.contact2 {

    background: url(.) center bottom no-repeat;

    background-size: cover;

    padding: 90px 0 125px 0;

    margin-bottom: -1px;

}



.contact2_lans {

    font-size: 36px;

    line-height: 1.7;

    font-weight: bold;

    color: #222222;

    position: absolute;

    left: 70%;

    top: 29%;

}



.contact2_lans .t2 {

    margin-top: 40px;

    font-size: 16px;

    font-weight: normal;

}



@keyframes myfirst {

    0% {

        width: 10px;

        height: 10px;

        margin-left: -3px;

        margin-top: -3px;

        box-shadow: 0 0 0 0 rgba(166, 189, 217, 0.4);

    }

    40% {

        width: 20px;

        height: 20px;

        margin-left: -8px;

        margin-top: -8px;

        box-shadow: 0 0 0 0 rgba(166, 189, 217, 0.4);

    }

    100% {

        width: 20px;

        height: 20px;

        margin-left: -8px;

        margin-top: -8px;

        box-shadow: 0 0 0 15px rgba(166, 189, 217, 0.15);

    }

}



@-webkit-keyframes myfirst {

    0% {

        width: 10px;

        height: 10px;

        margin-left: -3px;

        margin-top: -3px;

        box-shadow: 0 0 0 0 rgba(166, 189, 217, 0.4);

    }

    40% {

        width: 20px;

        height: 20px;

        margin-left: -8px;

        margin-top: -8px;

        box-shadow: 0 0 0 0 rgba(166, 189, 217, 0.4);

    }

    100% {

        width: 20px;

        height: 20px;

        margin-left: -8px;

        margin-top: -8px;

        box-shadow: 0 0 0 15px rgba(166, 189, 217, 0.15);

    }

}



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

    .contact_map {

        padding-left: 0;

        zoom: .95;

    }



    .contact2_lans {

        font-size: 33px;

        left: 73%;

    }

}



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

    .contact1_list dd:nth-child(odd), .contact1_list dd {

        width: 100%;

        margin-right: 0;

        margin-bottom: 20px;

        float: none;

    }



    .contact1_list .c_lans {

        height: auto;

    }



    .contact_map {

        zoom: .8;

    }



    .contact1_list .c2, .contact1_list .c1 {

        font-size: 17px;

        margin-bottom: 15px;

    }



    .contact1_list .c3_list {

        font-size: 13px;

        line-height: 25px;

    }



    .contact1_list .c3_list li {

        background-size: 18px 18px;

        padding-left: 25px;

    }



    .contact1_list {

        margin: 0;

    }



    .contact2_lans {

        font-size: 28px;

        position: static;

        text-align: center;

        margin-top: 20px;

    }



    .contact2_lans .t2 {

        margin-top: 25px;

        font-size: 16px;

    }



    .contact_map {

        padding-left: 5%;

    }



    .contact_map {

        padding-left: 0%;

        margin: auto;

    }

}



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

    .contact2 {

        padding: 30px 0 65px 0;

    }



    .contact1_list .c_lans {

        padding: 15px;

    }



    .contact1_list dd {

        padding: 12px;

    }



    .contact1_list .c2, .contact1_list .c1 {

        font-size: 15px;

        margin-bottom: 14px;

    }



    .contact1_list .c3_list {

        font-size: 12px;

        line-height: 20px;

        margin: 20px 0 10px 0;

    }



    .contact_map {

        zoom: .4;

    }



    .contact2_lans {

        font-size: 22px;

        position: static;

        text-align: center;

        margin-top: 30px;

    }



    .contact2_lans .t2 {

        margin-top: 15px;

        font-size: 13px;

    }



    .dian_sum .name {

        margin-top: -25px;

        font-size: 12px;

    }

}



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

    .contact_map {

        zoom: .35;

    }

}





/*end contact.html*/





/*honor_list*/



.honor_list {

    padding: 110px 0 50px 0;

}



.honor_list li {

    border: 6px solid #eeeeee;

    box-sizing: border-box;

    width: 23.2%;

    display: inline-block;

    margin: 0 calc(2.4% - 4px) 40px 0;

    position: relative;

}



.honor_list li:nth-child(4n) {

    margin-right: 0;

}



.honor_list a {

    display: block;

}



.honor_list a:before {

    content: '';

    background: rgba(1, 65, 144, .8);

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 2;

    opacity: 0;

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

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

}



.honor_list .lans1 {

    font-size: 16px;

    line-height: 1.5;

    color: #ffffff;

    position: absolute;

    width: 50%;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    z-index: 3;

    text-align: center;

}



.honor_list .lans {

    opacity: 0;

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

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

}



.honor_list a:hover:before, .honor_list a:hover .lans {

    opacity: 1;

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

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

}



.honor_list .lans:before {

    content: '';

    position: absolute;

    display: block;

    width: 20px;

    height: 20px;

    border-top: 2px solid #da251b;

    border-left: 2px solid #da251b;

    top: 20px;

    left: 20px;

    z-index: 4;

}



.honor_list .lans:after {

    content: '';

    position: absolute;

    display: block;

    width: 20px;

    height: 20px;

    border-right: 2px solid #da251b;

    border-bottom: 2px solid #da251b;

    right: 20px;

    bottom: 20px;

    z-index: 4;

}



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

    .honor_list li, .honor_list li:nth-child(4n) {

        border: 4px solid #eeeeee;

        width: 31%;

        margin: 0 calc(3.5% - 4px) 30px 0;

    }



    .honor_list li:nth-child(3n) {

        margin-right: 0;

    }



    .honor_list .lans1 {

        width: 70%;

        font-size: 14px;

    }



    .honor_list {

        padding: 80px 0 30px 0;

    }

}



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

    .honor_list li, .honor_list li:nth-child(4n), .honor_list li:nth-child(3n) {

        border: 3px solid #eeeeee;

        width: 48.5%;

        margin: 0 calc(3% - 4px) 20px 0;

    }



    .honor_list li:nth-child(2n) {

        margin-right: 0;

    }



    .honor_list .lans1 {

        width: 80%;

        font-size: 13px;

    }



    .honor_list {

        padding: 60px 0 10px 0;

    }

}



/*end honor_list*/





/*cooperation.html*/



.cooperation1 .box {

    background-color: #f9f9f9;

    position: relative;

}



.cooperation1 .left {

    width: 980px;

    background-color: #ffffff;

}



.cooperation1 .right {

    width: calc(100% - 980px);

    position: absolute;

    top: 50%;

    right: 0;

    transform: translate(0, -50%);

    z-index: 3;

}



.cooperation1 .right {

}



.cooperation1 .r1 {

    font-size: 34px;

    color: #222222;

    font-weight: bold;

    margin-bottom: 25px;

}



.cooperation1 .r2 {

    font-size: 16px;

    line-height: 1.8;

    color: #666666;

}



.cooperation1 .lans {

    padding: 0 40px;

    box-sizing: border-box;

}



.cooperation1 .r3 {

    padding-top: 140px;

}



.cooperation1 .r3 li {

    width: 30%;

    text-align: center;

    display: inline-block;

    vertical-align: top;

}



.cooperation1 .r3 li:nth-child(2) {

    margin: 0 calc(5% - 4px);

}



.cooperation1 .r3 .r3_1 {

    color: #e60012;

    font-size: 40px;

    font-weight: bold;

}



.cooperation1 .r3 .r3_2 {

    font-size: 14px;

    color: #666666;

}



.cooperation2_list {

    padding: 80px 0;

}



.cooperation2_list li {

    width: 15%;

    display: inline-block;

    margin: 30px calc(2% - 4px) 0 0;

    vertical-align: top;

    box-sizing: border-box;

    border: 1px solid #eeeeee;

    transition: all .5s ease;

    -webkit-transition: all .5s ease;

}



.cooperation2_list li:hover {

    box-shadow: 0 8px 25px 0 rgba(0, 0, 0, .19);

}



.cooperation2_list li:nth-child(6n) {

    margin-right: 0;

}



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

    .cooperation1 .left {

        zoom: .8;

    }



    .cooperation1 .right {

        width: calc(100% - 785px);

    }



    .cooperation1 .r1 {

        font-size: 28px;

        margin-bottom: 20px;

    }



    .cooperation1 .r2 {

        font-size: 14px;

        line-height: 1.8;

        color: #666666;

    }



    .cooperation1 .lans {

        padding: 0 30px;

    }



    .cooperation1 .r3 {

        padding-top: 80px;

    }



    .cooperation1 .r3 .r3_1 {

        font-size: 30px

    }

}



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

    .cooperation1 .left {

        width: 100%;

        float: none;

        text-align: center;

        zoom: .7;

    }



    .cooperation1 .right {

        width: 100%;

        position: static;

        transform: translate(0, 0%);

        padding: 50px 0;

    }



    .cooperation1 .left canvas {

        display: inline-block;

    }



    .cooperation1 .r1 {

        font-size: 26px;

        margin-bottom: 10px;

    }



    .cooperation1 .r2 {

        font-size: 14px;

    }



    .cooperation1 .lans {

        padding: 0 30px;

    }



    .cooperation1 .r3 {

        padding-top: 60px;

    }



    .cooperation2_list li, .cooperation2_list li:nth-child(6n) {

        width: 22.75%;

        display: inline-block;

        margin: 25px calc(3% - 4px) 0 0;

    }



    .cooperation2_list li:nth-child(4n) {

        margin-right: 0;

    }



    .cooperation2_list {

        padding: 50px 0;

    }

}



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

    .cooperation1 .left {

        zoom: .5;

    }



    .cooperation1 .r1 {

        font-size: 23px;

    }



    .cooperation1 .r2 {

        font-size: 14px;

    }



    .cooperation1 .lans {

        padding: 0 20px;

    }



    .cooperation1 .r3 {

        padding-top: 40px;

    }



    .cooperation2_list li, .cooperation2_list li:nth-child(6n), .cooperation2_list li:nth-child(4n) {

        width: 31%;

        display: inline-block;

        margin: 20px calc(3.5% - 4px) 0 0;

    }



    .cooperation2_list li:nth-child(3n) {

        margin-right: 0;

    }

}



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

    .cooperation1 .left {

        zoom: .38;

        margin-left: -20px;

    }



    .cooperation2_list {

        padding: 20px 0;

    }



    .cooperation1 .r1 {

        font-size: 20px;

    }



    .cooperation1 .r3 .r3_1 {

        font-size: 27px;

    }



    .cooperation1 .r2 {

        font-size: 13px;

    }



    .cooperation1 .r3 .r3_2 {

        font-size: 12px;

    }



    .cooperation1 .lans {

        padding: 0 15px;

    }



    .cooperation1 .r3 {

        padding-top: 30px;

    }



    .cooperation2_list li, .cooperation2_list li:nth-child(3n), .cooperation2_list li:nth-child(6n), .cooperation2_list li:nth-child(4n) {

        /* width: 48%; */

        /* display: inline-block; */

        /* margin: 15px calc(4% - 4px) 0 0; */

    }



    .cooperation2_list li:nth-child(2n) {

        /* margin-right: 0; */

    }

}



/*end cooperation.html*/





/*about.html*/



.about1 {

    padding: 100px 0 150px 0;

}



.about1 .left {

    width: 47%;

    float: left;

    line-height: 1.5;

}



.about1 .a1 {

    font-size: 20px;

    color: #999999;

}



.about1 .a2 {

    font-size: 34px;

    color: #222;

    font-weight: bold;

    margin: 15px 0 50px 0;

}



.about1 .a3 {

    font-size: 16px;

    line-height: 1.8;

    color: #666666;

}



.about1 .right {

    float: right;

    width: 43%;

}



.about2 {

}



.about2 .about2_container {

    position: relative;

}



.about2_container .bg {

}



.about2 .about2_list {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 5;

    max-width: 1200px;

}



.about2_list li {

    width: 33.3%;

    float: left;

    padding-top: 26%;

    position: relative;

}



.about2_list li:before {

    content: '';

    position: absolute;

    top: 0;

    left: 5px;

    z-index: 5;

    background-color: rgba(255, 255, 255, .1);

    width: calc(100% - 10px);

    height: 1px;;

}



.about2_list li:after {

    content: '';

    position: absolute;

    bottom: 5px;

    right: 0;

    z-index: 5;

    background-color: rgba(255, 255, 255, .1);

    height: calc(100% - 10px);

    width: 1px;;

}



.about2_list li:nth-child(3n):after {

    display: none;

}



.about2_list li:nth-child(1):before, .about2_list li:nth-child(2):before, .about2_list li:nth-child(3):before {

    display: none;

}



.about2_item .lans {

    color: #ffffff;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 5;

    font-size: 16px;

    text-align: center;

    width: 100%;

}



.about2_item .l1 {

    line-height: 1;

}



.about2_item .number {

    display: inline-block;

    font-size: 120px;

    vertical-align: bottom;

    font-family: ak;

    margin-bottom: -20px;

}



.about2_item div.num {

    margin-right: -2px;

    display: inline-block;

    vertical-align: middle;

}



.about2_item .yeihei {

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

    font-size: 86px;

    font-weight: bold;

    line-height: 120px;

    vertical-align: middle;

    display: inline-block;

    margin: 0 -18px;

}



.about2_item .add {

    display: inline-block;

    font-size: 80px;

    vertical-align: middle;

    line-height: 120px;

    display: inline-block;

}



.about2_item .l2 {

    margin-top: 35px;

}



.about3_list {

    border-top: 1px solid #e5e5e5;

}



.about3_list .about3_nav {

    float: left;

    width: 270px;

    box-sizing: border-box;

    border-right: 1px solid #e5e5e5;

    padding-top: 50px;

    height: 450px;

}



.about3_nav a {

    font-size: 20px;

    line-height: 60px;

    color: #222222;

    text-align: center;

    box-sizing: border-box;

    margin: 0px auto 20px auto;

    display: block;

    width: 240px;

    border-left: 2px solid transparent;

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

}



.about3_nav a:hover, .about3_nav a.on {

    background: #da251b;

    color: #ffffff;

    border-left: 2px solid #f2635b;

}



.about3_nav a span {

    font-size: 16px;

    font-family: Arial;

    font-weight: bold;

    margin-right: 25px;

    display: inline-block;

}



.about3_conatiner {

    width: calc(100% - 270px);

    float: left;

    padding: 80px 100px;

    box-sizing: border-box;

}



.about3_conatiner dd {

    display: none;

}



.about3_conatiner dd.on {

    display: block;

}



.about3_conatiner .about3_a1 {

    font-size: 18px;

    color: #222222;

    font-weight: bold;

}



.about3_conatiner .about3_a2 {

    font-size: 16px;

    color: #666666;

    padding: 15px 0 55px 0;

    line-height: 1.5;

}



.about4_list {

}



.about4_list li {

    position: relative;

    z-index: 1;

    height: 300px;

    width: calc(50% - 5px);

    margin-bottom: 10px;

    float: left;

    background: #f9f9f9;

    background-position: bottom center;

    background-size: 100% auto;

    transition: all .4s ease;

    -webkit-transition: all .4s ease;

}



.about4_list li:hover {

    background: url('img/a3_bg.png') bottom center no-repeat #ffffff;

    box-shadow: 0 17px 40px 0 rgba(0, 0, 0, .15);

    z-index: 3;

}



.about4_list li:nth-child(even) {

    margin-left: 10px;

}



.about4_list .lans {

    text-align: center;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    z-index: 2;

    color: #666666;

    line-height: 1.5;

    width: 80%;

}



.about4_list .l1 {

    font-size: 26px;

    font-weight: bold;

    color: #222222;

    transition: all .4s ease;

    -webkit-transition: all .4s ease;

}



.about4_list li:hover .l1 {

    color: #da251b;

}



.about4_list .l2 {

    font-size: 14px;

    font-family: 'arial';

    margin: 5px 0 15px 0;

}



.about4_list .l3 {

    font-size: 16px;

}



.about5 {

    background-image: linear-gradient(#ffffff, #fafafa);

}



.about2 .about2_container:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .2);

    z-index: 2;

}



.about6 {

}



.about6 .top {

    position: relative;

}



.about6 .top:before {

    content: '';

    width: 100%;

    height: 1px;

    background: #dddddd;

    position: absolute;

    top: 50%;

    left: 0;

    z-index: 1;

}



.about6 .top:after {

    content: '';

    width: 100%;

    height: 1px;

    background: #e7e7e7;

    position: absolute;

    top: 50%;

    left: 0;

}



.about6 .top a {

    text-align: center;

    font-size: 20px;

    font-family: 'arial';

    color: #999999;

    line-height: 60px;

    padding-top: 60px;

    position: relative;

}



.about6 .top a:after {

    content: '';

    position: absolute;

    top: calc(50% - 5px);

    left: calc(50% - 5px);

    width: 10px;

    height: 10px;

    background: url('img/r1.png');

}



.about6 .top a.on:after {

    background: url('img/r1_on.png');

}



.about6 .top a.on:before {

    content: '▼';

    top: 10px;

    left: 0;

    width: 100%;

    height: 10px;

    color: #da251b;

    text-align: center;

    position: absolute;

    font-size: 14px;

    font-family: "Arial";

}



.about6 .top a.on {

    color: #da251b;

}



.about6 .bottom {

    margin: 50px auto 100px auto;

    max-width: 1200px;

}



.about6 .bottom .year {

    font-size: 50px;

    font-weight: bold;

    color: #da251b;

    width: 300px;

    text-align: center;

    float: left;

}



.about6 .bottom .right {

    width: calc(100% - 300px);

    float: right;

}



.about6 .bottom .right li {

    font-size: 16px;

    line-height: 1.5;

    padding: 0 0 10px 0;

    color: #222222;

    box-sizing: border-box;

}



.about6 .bottom .right li:before {

    content: '';

    width: 8px;

    height: 8px;

    box-sizing: border-box;

    border: 2px solid #0f4b96;

    display: inline-block;

    margin-right: 10px;

    border-radius: 50%;

}



.about6 .top .swiper-button-next, .about6 .top .swiper-button-prev {

    background-image: url('img/r1.png');

    background-size: 100% 100%;

    width: 10px;

    height: 10px;

    margin-top: -5px;

    z-index: 10;

}



.about6 .top .swiper-button-prev {

    left: 0;

}



.about6 .top .swiper-button-next {

    right: 0;

}



.about6 .bottom .swiper-button-prev, .about6 .bottom .swiper-button-next {

    background-image: url('img/btn1.png');

    opacity: 1;

    background-size: 100% 100%;

    z-index: 10;

}



.about6 .bottom .swiper-button-prev:hover, .about6 .bottom .swiper-button-next:hover {

    background-image: url('img/btn2.png');

    background-size: 100% 100%;

}



.about6 .bottom .swiper-button-next {

    transform: rotate(180deg);

}



.about6_nav {

    text-align: center;

    margin-bottom: 70px;

}



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

    .about1 .left {

        width: 52%;

    }



    .about1 .a2 {

        font-size: 30px;

        margin: 10px 0 30px 0;

    }



    .about1 .a3 {

        font-size: 15px;

    }



    .about1 {

        padding: 80px 0 120px 0;

    }

}



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

    .about6 .bottom .swiper-button-prev, .about6 .bottom .swiper-button-next {

        width: 20px;

        height: 20px;

        top: 100%;

        margin-top: 10px;

    }



    .about6 .top a {

        font-size: 15px;

        line-height: 50px;

        padding-top: 50px;

    }



    .about6 .top a:after, .about6 .top a.on:after {

        top: calc(50% - 3px);

        left: calc(50% - 3px);

        width: 6px;

        height: 6px;

        background-size: 100% 100%;

    }



    .about6 .bottom .year {

        font-size: 40px;

        width: 100%;

        padding: 20px 0;

        float: none;

        text-align: left;

    }



    .about6 .bottom .right {

        width: 100%;

        float: none;

        margin-top: 0;

    }



    .about6 .top {

        margin-top: -30px

    }



    .about6 .bottom .right li {

        font-size: 14px;

        padding: 0 0 8px 0;

        line-height: 2;

    }



    .about6 .bottom {

        margin: 20px auto 50px auto;

    }



    .about1 .right, .about1 .left {

        width: 100%;

        float: none;

    }



    .about1 .right {

        margin-top: 30px;

    }



    .about1 {

        padding: 50px 0 80px 0;

    }



    .about1 .a2 {

        font-size: 26px;

        margin: 6px 0 16px 0;

    }



    .about1 .a1 {

        font-size: 17px;

    }



    .about1 .a3 {

        font-size: 14px;

    }



    .about2_item .number {

        font-size: 100px;

    }



    .about2_item .yeihei, .about2_item .add {

        font-size: 60px;

        line-height: 100px;

    }



    .about3_list .about3_nav {

        width: 180px;

        padding-top: 40px;

        height: 400px;

    }



    .about3_nav a {

        font-size: 15px;

        line-height: 50px;

        margin: 0px auto 10px auto;

        width: 150px;

    }



    .about3_nav a span {

        font-size: 14px;

        margin-right: 10px;

    }



    .about3_conatiner {

        width: calc(100% - 180px);

        padding: 40px 50px;

    }



    .about3_conatiner .about3_a1 {

        font-size: 16px;

    }



    .about3_conatiner .about3_a2 {

        font-size: 14px;

        padding: 10px 0 40px 0;

    }



    .about4_list .l1 {

        font-size: 22px;

    }



    .about4_list .l2 {

        font-size: 12px;

    }



    .about4_list .l3 {

        font-size: 14px;

    }



    .about4_list li {

        height: 260px;

    }

}



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

    .about2_list li {

        width: 50%;

        padding-top: 42%;

    }



    .about2_container .bg {

        width: 100%;

        height: 800px;

        background: url(.) center center no-repeat;

        background-size: cover;

    }



    .data-background {

        display: none;

    }



    .about2_list li:nth-child(3n):after, .about2_list li:after {

        display: block;

    }



    .about2_list li:nth-child(2n):after {

        display: none;

    }



    .about2_list li:nth-child(3):before {

        display: block;

    }



    .about2_item .number {

        font-size: 80px;

    }



    .about2_item .yeihei, .about2_item .add {

        font-size: 50px;

        line-height: 80px;

    }

}



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

    .about6 .bottom {

        margin: 10px auto 20px auto;

    }



    .about6 .bottom .year {

        font-size: 30px;

    }



    .about6 .bottom .right li {

        font-size: 12px;

    }



    .about2_container .bg {

        height: 600px;

    }



    .about2_item .number {

        font-size: 70px;

        margin-bottom: -15px;

    }



    .about2_item .yeihei, .about2_item .add {

        font-size: 40px;

        line-height: 70px;

    }



    .about2_item .lans {

        font-size: 14px;

    }



    .about2_item .l2 {

        margin-top: 20px;

    }



    .about3_list .about3_nav {

        width: 100%;

        padding-top: 20px;

        height: auto;

        border-right: 0;

    }



    .about3_nav a {

        font-size: 13px;

        line-height: 42px;

        margin: 0px;

        width: auto;

        display: inline-block;

        padding: 0 10px;

        width: calc(33.3% - 4px);

        background: #fff;

    }



    .about3_nav a span {

        font-size: 12px;

        margin-right: 5px;

    }



    .about3_conatiner {

        width: 100%;

        padding: 30px 20px 0;

    }



    .about3_conatiner .about3_a1 {

        font-size: 14px;

    }



    .about3_conatiner .about3_a2 {

        font-size: 12px;

        padding: 7px 0 30px 0;

    }



    .about4_list li:nth-child(even), .about4_list li {

        margin-left: 0;

        width: 100%;

        height: 180px;

    }



    .about4_list .l1 {

        font-size: 18px;

    }



    .about4_list .l2 {

        font-size: 12px;

        margin: 0px 0 8px 0;

    }



    .about4_list .l3 {

        font-size: 12px;

    }



    .about4_list .lans {

        width: 90%;

    }

}



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

    .about6 .bottom .year {

        font-size: 22px;

        padding: 10px 0;

    }



    .about2_item .number {

        font-size: 50px;

        margin-bottom: -10px;

    }



    .about2_item .l2 {

        margin-top: 15px;

    }



    .about2_item .yeihei, .about2_item .add {

        font-size: 30px;

        line-height: 50px;

        margin: 0 -5px;

    }



    .about2_item .lans {

        font-size: 13px;

    }



    .about2_item span.num, .about2_item .add {

        margin-right: 0px;

    }

}



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

    .about2_item .number {

        font-size: 40px;

        margin-bottom: -10px;

    }



    .about2_item .l2 {

    }



    .about2_item .yeihei, .about2_item .add {

        font-size: 23px;

        line-height: 40px;

    }



    .about2_container .bg {

        height: 500px;

    }



    .about3_nav a {

        font-size: 13px; /* margin: 5px; */

        /* width: auto; */

        padding: 0 5px;

    }



    .about3_nav a span {

        font-size: 12px;

        margin-right: 5px;

    }



    .about1 {

        padding: 35px 0 45px 0;

    }



    .about1 .a2 {

        font-size: 22px;

    }



    .about1 .a1 {

        font-size: 15px;

    }



    .about1 .a3 {

        font-size: 13px;

    }

}



/*end about.html*/





/*search.html*/



.search-list {

    width: 83%;

    margin: -60px auto 100px;

    position: relative;

}



.search-top {

    width: 85%;

    max-width: 800px;

    height: 120px;

    padding: 20px 40px;

    box-sizing: border-box;

    margin: 0 auto;

    background-color: #fff;

    box-shadow: 0 10px 40px rgba(223, 229, 232, 0.5);

}



.search-left input {

    background: none;

    outline: none;

    border: none;

    color: #000;

    font-size: 18px;

    width: 100%;

    line-height: 80px;

}



.search-left {

    width: calc(100% - 90px);

    padding-left: 30px;

    box-sizing: border-box;

    float: left;

}



.search-left input::-webkit-input-placeholder { /* WebKit browsers */

    color: #000;

    font-size: 18px;

    font-weight: bold;

}



.search-left input::-moz-placeholder { /* Mozilla Firefox 19+ */

    color: #000;

    font-size: 18px;

    font-weight: bold;

}



.search-left input:-ms-input-placeholder { /* Internet Explorer 10+ */

    color: #000;

    font-size: 18px;

    font-weight: bold;

}



.search-right {

    width: 80px;

    height: 80px;

    border-left: 1px solid #e62129;

    float: right;

}



.search-right .search_btns {

    width: 80px;

    height: 80px;

    background: url('img/ico_search1.png') right center no-repeat;

    display: block;

    border: 0;

    background-size: 35% 35%;

    cursor: pointer;

}



.list-main {

    width: 100%;

    margin: 50px auto;

}



.search-main {

    width: 100%;

    padding: 30px 0;

    cursor: pointer;

    position: relative;

    border-bottom: 1px solid #ddd;

}



.search-main a {

    width: 100%;

    height: 100%;

}



.search-main .red_xian {

    width: 0;

    position: absolute;

    bottom: 0;

    left: 0;

    height: 1px;

    background-color: #e62129;

    transition: all 1s ease-in-out;

}



.search-main.on .red_xian {

    width: 100%;

}



.search-main .search-main-one {

    width: 100%;

    height: 72px;

}



.search-main .search-main-two {

    width: 0;

    height: 72px;

    position: absolute;

    z-index: 1;

    left: 0;

    top: 50%;

    background-color: #fff;

    transform: translate(0, -50%);

    transition: all 1s ease-in-out;

    overflow: hidden;

}



.search-main.on .search-main-two {

    width: 100%;

}



.main-left {

    display: block;

    float: left;

    width: 80%;

}



.main-left .title {

    font-size: 20px;

    color: #000;

    font-weight: bold;

    margin-bottom: 20px;

    height: 30px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.main-left .title em {

    color: #d90909;

    font-size: 22px;

    font-weight: bold;

    font-style: normal;

}



.main-left .text {

    max-width: 910px;

    font-size: 14px;

    color: #84898c;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.main-right .kuai {

    padding: 10px 28px;

    background-color: #e6e9ec;

    font-size: 16px;

    color: #000000;

    font-weight: bold;

}



.search-main-two .main-left .title {

    color: #e62129;

}



.search-main-two .main-left .text {

    color: #000;

}



.search-main-two .main-right .kuai {

    background-color: #fff;

    padding: 0;

    width: 0;

    margin-bottom: 16px;

    overflow: hidden;

    transition: all 0.3s;

}



.main-right {

    display: inline-block;

    float: right;

    padding: 10px 0;

}



.search-main-two .main-right .kuai img {

    width: 88px;

    height: 13px;

}



.search-main.on .search-main-two .main-right .kuai {

    width: 100%;

}



.none {

    text-align: center;

}



.next-list {

    margin: 50px 0 100px 0;

}



/*end search.html*/



#swiper1.swiper-container {

    height: 705px;

    overflow: hidden;

    top: 0;

}



.banner_video {

    background-size: cover;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

}



#swiper1 .lans {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    z-index: 2;

    font-size: 24px;

    line-height: 1.5;

    color: #333333;

    padding: 150px 0;

    background-size: 100% 100%;

}



#swiper1 .swiper-slide {

    background: #ffffff;

}



#swiper1 .lans .l1 {

    font-size: 50px;

    color: #fff;

    font-weight: bold;

    margin-top: 60px;

}



#swiper1 .lans span {

    display: inline-block;

    width: calc(30% - 4px);

    vertical-align: top;

}



#swiper1 .lans .l2 {

    margin: 10px 0 15px 0;

    width: 50px;

    height: 4px;

    overflow: hidden;

    background: #e62129;

}



#swiper1 .lans .l3 {

    font-size: 22px;

    color: #fff;

}



.banner-background {

    width: 100%;

}



#swiper1 .swiper-pagination-bullets {

    bottom: 30px;

}



#swiper1 .swiper-pagination-bullet {

    background: url('img/pagetion2.png') center center no-repeat;

    width: 12px;

    height: 12px;

}



#swiper1 .swiper-pagination-bullet-active {

    background: url('img/pagetion1.png') center center no-repeat;

}



.index-banner .cansual-sub-title span {

    display: block;

    font-size: 20px;

    line-height: 32px;

}



.page-header-bar {

    position: absolute;

    right: 0;

    left: 0;

    bottom: 0;

    height: 70px;

    line-height: 70px;

    z-index: 55;

    transform-origin: bottom;

    -webkit-transform-origin: bottom;

    -moz-transform-origin: bottom;

    transform: rotateX(0deg) translate3d(0, 0, 0);

    -webkit-transform: rotateX(0deg) translate3d(0, 0, 0);

    -moz-transform: rotateX(0deg) translate3d(0, 0, 0);

    transition: all .65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s;

    -webkit-transition: all .65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s;

    -moz-transition: all .65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s;

}



/*.page-header-bar.active {transform: rotateX(90deg) translate3d(0,0,0);-webkit-transform: rotateX(90deg) translate3d(0,0,0);-moz-transform: rotateX(90deg) translate3d(0,0,0);

}*/



.page-header-bar-inner {

    transition: -webkit-transform .4s;

    transition: transform .4s;

    -webkit-transform-origin: center bottom;

    -ms-transform-origin: center bottom;

    transform-origin: center bottom;

}



.page-header-bar-hidden .page-header-bar-inner, .static.home .page-header-bar-inner {

    transition: visibility .4s steps(1, end), -webkit-transform .4s;

    transition: visibility .4s steps(1, end), transform .4s;

    visibility: hidden;

    -webkit-transform: rotateX(94deg) rotateZ(0);

    transform: rotateX(94deg) rotateZ(0);

}



.no-transition .page-header-bar-inner {

    transition: none;

}



.page-header-collapsed .page-header-bar-inner {

    visibility: hidden;

    transition: none;

}



.carousel-bar-inner {

    width: 100%;

    height: 100%;

}



.carousel-bar-title-word {

    padding-left: 75px;

    font-size: 12px;

    color: #666;

}



.carousel-scroll-btn {

    z-index: 56;

    position: absolute;

    bottom: 50px;

    left: 160px;

    width: 52px;

    height: 52px;

    border: 1px solid #fff;

    border-radius: 100%;

    overflow: hidden;

    cursor: pointer;

}



.carousel-scroll-btn .carousel-scroll-btn-icon {

    position: absolute;

    display: block;

    width: 52px;

    height: 52px;

    margin: 0 auto;

    background: url(img/icon2.png) no-repeat center center;

    cursor: pointer;

    animation: downico 1.5s ease-out infinite;

}



.index-banner .cansual-sub-title span {

    display: block;

    font-size: 20px;

    line-height: 32px;

}



.page-header-bar {

    position: absolute;

    right: 0;

    left: 0;

    bottom: 0;

    height: 70px;

    line-height: 70px;

    z-index: 55;

    transform-origin: bottom;

    -webkit-transform-origin: bottom;

    -moz-transform-origin: bottom;

    transform: rotateX(0deg) translate3d(0, 0, 0);

    -webkit-transform: rotateX(0deg) translate3d(0, 0, 0);

    -moz-transform: rotateX(0deg) translate3d(0, 0, 0);

    transition: all .65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s;

    -webkit-transition: all .65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s;

    -moz-transition: all .65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s;

}



/*.page-header-bar.active {transform: rotateX(90deg) translate3d(0,0,0);-webkit-transform: rotateX(90deg) translate3d(0,0,0);-moz-transform: rotateX(90deg) translate3d(0,0,0);

}*/



.page-header-bar-inner {

    transition: -webkit-transform .4s;

    transition: transform .4s;

    -webkit-transform-origin: center bottom;

    -ms-transform-origin: center bottom;

    transform-origin: center bottom;

}



.page-header-bar-hidden .page-header-bar-inner, .static.home .page-header-bar-inner {

    transition: visibility .4s steps(1, end), -webkit-transform .4s;

    transition: visibility .4s steps(1, end), transform .4s;

    visibility: hidden;

    -webkit-transform: rotateX(94deg) rotateZ(0);

    transform: rotateX(94deg) rotateZ(0);

}



.no-transition .page-header-bar-inner {

    transition: none;

}



.page-header-collapsed .page-header-bar-inner {

    visibility: hidden;

    transition: none;

}



.carousel-bar-inner {

    width: 100%;

    height: 100%;

}



.carousel-bar-title-word {

    padding-left: 75px;

    font-size: 12px;

    color: #666;

}



.carousel-scroll-btn {

    z-index: 56;

    position: absolute;

    bottom: 50px;

    left: 160px;

    width: 52px;

    height: 52px;

    border: 1px solid #fff;

    border-radius: 100%;

    overflow: hidden;

    cursor: pointer;

}



.carousel-scroll-btn .carousel-scroll-btn-icon {

    position: absolute;

    display: block;

    width: 52px;

    height: 52px;

    margin: 0 auto;

    background: url(img/icon2.png) no-repeat center center;

    cursor: pointer;

    animation: downico 1.5s ease-out infinite;

}



@keyframes downico {

    0% {

        top: 0;

        opacity: 1;

    }

    35% {

        top: 50%;

        opacity: 0;

    }

    65% {

        top: -50%;

        opacity: 0;

    }

    100% {

        top: 0;

        opacity: 1;

    }

}



.carousel-controls {

    position: absolute;

    right: 0;

    top: 0;

    width: 420px;

    height: 70px;

    background: rgba(255, 255, 255, .6);

}



.carousel-controls .count {

    position: absolute;

    left: 0;

    width: 180px;

    padding-left: 40px;

    font: 18px/70px 'MyriadPro';

    color: #222222;

    font-weight: bold;

}



.carousel-controls .count span {

    display: inline-block;

    margin: 0 5px;

}



.carousel-controls .count i {

    font-family: Arial;

}



.carousel-controls .count .current {

    color: #e62129;

    font-size: 24px;

}



.carousel-controls .controls {

    position: absolute;

    left: 180px;

    margin-top: 15px;

}



.carousel-controls .controls.disabled {

    z-index: -1;

}



.carousel-controls .carousel-line {

    z-index: 1;

    position: absolute;

    left: 50%;

    top: 18px;

    display: block;

    width: 1px;

    height: 35px;

    background: #e5e5e5;

    opacity: .3;

}



.carousel-controls .carousel-control {

    float: left;

    width: 70px;

    height: 40px;

    cursor: pointer;

}



.carousel-controls .swiper-button-next, .carousel-controls .swiper-button-prev {

    position: relative;

    width: 100%;

    height: 100%;

    overflow: hidden;

    background: none;

    top: 0;

    margin-top: 0;

    border-radius: 0;

}



.carousel-controls .swiper-button-line {

    z-index: 1;

    position: absolute;

    top: 0;

    display: block;

    width: 20px;

    height: 100%;

    overflow: hidden;

    transition: all .45s ease-out 0s;

    -webkit-transition: all .45s ease-out 0s;

    -moz-transition: all .45s ease-out 0s;

}



.carousel-controls .swiper-button-prev {

    left: initial;

    border-right: 1px solid #fff;

}



.carousel-controls .swiper-button-next {

    right: initial;

}



.carousel-controls .swiper-button-prev .swiper-button-line {

    background: url(img/icon4.png) no-repeat center center;

    transform: rotate(180deg);

    left: 15px;

}



.carousel-controls .swiper-button-next .swiper-button-line {

    background: url(img/icon4.png) no-repeat center center;

    right: 15px;

}



.carousel-controls .swiper-button-prev:hover .swiper-button-line {

    background: url(img/icon2.png) no-repeat left center;

    width: 40px;

}



.carousel-controls .swiper-button-next:hover .swiper-button-line {

    background: url(img/icon2.png) no-repeat right center;

    width: 40px;

}



.index-title {

    z-index: 2;

    position: relative;

    padding: 80px 0 10px 0;

    text-align: center;

}



.index-title .big-title {

    position: relative;

    height: 40px;

    line-height: 40px;

}



.index-title .big-title .big {

    z-index: 1;

    position: relative;

    display: inline-block;

    padding: 0 18px;

    font-size: 30px;

    color: #333;

}



.index-title .big-title .line {

    position: absolute;

    top: 22px;

    left: 50%;

    display: block;

    width: 65px;

    height: 1px;

    background-color: #c1c1c1;

}



.index-title .big-title .l-line {

    margin-left: -147.5px;

}



.index-title .big-title .r-line {

    margin-left: 80.5px;

}



.index-title .small {

    display: block;

    font: normal 18px/1.5 'Sheep-Sans';

    color: #999;

    letter-spacing: 1px;

}



.index-title_editors {

    font-size: 14px;

    line-height: 26px;

    color: #666666;

    max-width: 1070px;

    margin: auto;

}



.advantage-list {

    width: 100%;

    display: table;

    /*border-bottom: 2px solid #222;*/

    overflow: hidden;

    padding: 30px 0 100px 0;

}



.advantage-list li {

    width: 20%;

    float: left;

    box-sizing: border-box;

    padding: 60px 20px 54px 40px;

    background: #fff;

    transition: all ease .3s;

    border-radius: 3px;

    margin: 0 5.125% 0 0.5%;

}



.advantage-list li:nth-child(4n) {

    margin: 0 0 0 8px;

}



.advantage-list li:hover {

    background: #4675b6;

}



.advantage-list li .icon {

    width: 100%;

    height: 100px;

    transition: all ease .3s;

}



.advantage-list li .icon img {

    width: 75px;

    display: block;

}



.advantage-list li .icon img:last-child {

    display: none;

}



.advantage-list li:hover img:last-child {

    display: block;

}



.advantage-list li:hover img:first-child {

    display: none;

}



.advantage-list li .title {

    font-size: 24px;

    color: #222;

    line-height: 36px;

    font-weight: bold;

    margin-bottom: 28px;

    transition: all ease .3s;

}



.advantage-list li:hover .title {

    color: #fff;

}



.advantage-list li .txt {

    color: #666;

    font-size: 14px;

    line-height: 24px;

    transition: all ease .3s;

}



.advantage-list li:hover .txt {

    color: #fff;

}



.advantage-list li .link {

    width: 0;

    height: 20px;

    margin-top: 45px;

    background: url(img/ico_a3.png) right center no-repeat;

    transition: all ease .3s;

}



.advantage-list li:hover .link {

    width: 48px;

}



.index_customers li {

    width: 16.6%;

    float: left;

    position: relative;

}



.index_customers .top {

    border-top: 1px solid #e6e6e6;

    position: absolute;

    top: 0;

    left: 15px;

    width: calc(100% - 30px);

    height: 1px;

}



.index_customers li:nth-child(1) .top, .index_customers li:nth-child(6) .top, .index_customers li:nth-child(2) .top, .index_customers li:nth-child(3) .top, .index_customers li:nth-child(4) .top, .index_customers li:nth-child(5) .top {

    display: none;

}



.index_customers .right {

    border-right: 1px solid #e6e6e6;

    position: absolute;

    top: 15px;

    left: 0;

    height: calc(100% - 30px);

    width: 1px;

    z-index: 5;

}



.index_customers li:nth-child(6n - 5) .right {

    display: none;

}



.index_customers .dian1 {

    background: #e6e6e6;

    position: absolute;

    top: 0;

    left: 0;

    width: 5px;

    height: 5px;

    border-radius: 50%;

}



.index_customers li:nth-child(6n-5) .dian1, .index_customers li:nth-child(1) .dian1, .index_customers li:nth-child(2) .dian1, .index_customers li:nth-child(3) .dian1, .index_customers li:nth-child(5) .dian1, .index_customers li:nth-child(6) .dian1, .index_customers li:nth-child(4) .dian1 {

    display: none;

}



.index-customer-list li img {

    position: absolute;

    top: 50%;

    left: 50%;

    display: block;

    transform: translate(-50%, -50%);

    transition: all .5s linear 10ms;

    -webkit-transition: all .5s linear 10ms;

    width: 90%;

}



.index-customer-list li:hover img:last-child, .index-customer-list li img:first-child {

    opacity: 0;

    transform: translateY(-50%) translateX(-50%) rotateY(180deg);

}



.index-customer-list li img, .index-customer-list li:hover img:first-child {

    opacity: 1;

    transform: translateY(-50%) translateX(-50%) rotateY(0deg);

}



.index_advantage {

    background-color: #f6f6f6;

}



.index_case {

    background-color: #f6f6f6;

}



.index_customers .lans {

    text-align: center;

    box-sizing: border-box;

    position: relative;

    height: 190px;

}



.index-customer-list {

    padding: 50px 0;

}



.index_case .anli_list {

    padding: 30px 0;

}



.index-news-list {

    padding: 30px 0 0;

}



.index-news {

    padding: 1px 0 70px;

    background: #fff;

}



.index-news .wrap {

    width: 1345px;

    padding: 0;

}



.index-news .each-item {

    float: left;

    width: calc(50% - 260px);

}



.index-news .each-item .item-inner {

    position: relative;

    display: block;

    transition: all .4s ease;

}



.index-news .each-item .item-inner:hover {

    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .15);

    z-index: 3

}



.index-news .each-item img {

    max-width: 100%;

    margin: 0;

}



.index-news .each-item .item1 .text-wrap {

    position: absolute;

    bottom: 0;

    width: 100%;

    background: rgba(0, 0, 0, .35);

}



.index-news .each-item .item1 img {

    display: block;

}



.index-news .each-item .item1 .text-inner {

}



.index-news .each-item .item1 .title {

    padding-right: 30%;

    font-size: 18px;

    color: #fff;

    line-height: 26px;

    margin-bottom: 16px;

    overflow: hidden;

}



.index-news .each-item .item1 .item-inner:hover .title {

    color: #fff;

}



.index-news .each-item .item-inner:hover .title {

    color: #e62129;

}



.index-news .each-item .item1 .times {

    display: block;

    font: bold 14px/1 'MyriadPro';

    color: #fff;

}



.index-news .each-item .item .icon {

    position: absolute;

    right: 25px;

    top: 40px;

    display: block;

    width: 22px;

    height: 22px;

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

}



.index-news .each-item .item:hover .icon {

    right: 15px;

}



.index-news .each-item .item1 .icon {

    background: url(img/ico_a3.png) no-repeat right center;

}



.index-news .each-item .item2 .icon, .index-news .each-item .item3 .icon {

    top: 50px;

    background-size: cover;

    background: url(img/ico_a1.png) no-repeat center center;

}



.index-news .each-item .item3 .icon {

    right: auto;

    left: 30px;

    top: 85px

}



.index-news .each-item .item2:hover .icon, .index-news .each-item .item3:hover .icon {

    background: url(img/ico_a2.png) no-repeat right center;

}



.index-news .each-item .item3:hover .icon {

    left: 40px;

}



.index-news .each-item .item2, .index-news .each-item .item3 {

    position: relative;

    background: #f6f6f6;

}



.index-news .each-item .item2 .text-wrap {

    padding-bottom: 19px;

    border-bottom: 1px solid #f3f3f3;

}



.index-news .each-item .item2 .title, .index-news .each-item .item3 .title {

    font-size: 18px;

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

    overflow: hidden;

}



.index-news .each-item .item2 .title {

    margin-bottom: 15px;

    white-space: nowrap;

    text-overflow: ellipsis;

    color: #222;

}



.index-news .each-item .item2 .des {

    height: 48px;

    font-size: 14px;

    color: #666;

    line-height: 24px;

    overflow: hidden;

}



.index-news .each-item .item2 .date-wrap {

    position: relative;

    border-top: 1px solid #e3e3e3;

    margin-top: 0.5%;

}



.index-news .each-item .item3 .date-wrap {

    position: relative;

}



.index-news .each-item .date {

    font: 14px/1 'MyriadPro';

    color: #666;

    font-weight: bold;

}



.index-news .each-item .big-date {

    display: block;

    font: 36px/1 'MyriadPro';

    color: #666;

    font-weight: bold;

}



.index-news .each-item .item2 .big-date {

    margin: 20px 0 10px;

}



.index-news .each-item .item3 .date-wrap {

    float: left;

    width: 100px;

    height: 110px;

    border-right: 1px solid #e7e7e7;

}



.index-news .each-item .item3 .text-wrap {

    position: relative;

    height: 110px;

    margin-left: 100px;

    padding-left: 30px;

}



.index-news .each-item .item3 .date-wrap .line, .index-news .each-item .item2 .date-wrap .line {

    display: block;

    width: 20px;

    height: 2px;

    margin: 12px 0;

    background-color: #e7e7e7;

}



.index-news .each-item .item3 .title {

    margin-top: -7px;

    height: 64px;

    line-height: 32px;

    color: #222;

}



.index-news .each-item:first-child {

    margin-left: 0;

    width: 500px;

}



.index-news .each-item { /* width:440px; */

    margin-left: 10px;

}



.index-news .each-item .item2, .index-news .each-item .item3 {

    margin-bottom: 10px;

}



.index-news .each-item .item1 .text-inner {

    padding: 20px 25px 20px 30px;

    box-sizing: border-box;

}



.index-news .each-item .item2 .item-inner {

    padding: 41px 45px 32px;

}



.index-news .each-item .item3 .item-inner {

    padding: 40px 45px;

}



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

    .advantage-list li {

        width: 23%;

        margin: 0 1.125% 0 0.5%;

        padding: 60px 20px 20px 20px

    }



    .index-news .each-item:first-child {

        margin-left: 0;

        width: 420px;

    }



    .index-news .each-item {

        float: left;

        width: calc(50% - 220px);

    }



    .index-news .each-item .item2 .item-inner {

        padding: 26px 35px 27px;

    }



    .index-news .each-item .big-date {

        font-size: 27px;

    }



    .index-news .each-item .item3 .date-wrap .line, .index-news .each-item .item2 .date-wrap .line {

        margin: 8px 0;

    }



    .index-news .each-item .item2 .text-wrap {

        padding-bottom: 14px;

    }



    .index-news .each-item .item2 .icon, .index-news .each-item .item3 .icon {

        top: 40px;

    }



    .index-news .each-item .item2 .title {

        margin-bottom: 10px;

    }



    .index-news .each-item .item3 .date-wrap {

        width: 80px;

        height: 100px;

    }



    .index-news .each-item .item3 .text-wrap {

        position: relative;

        height: 100px;

        margin-left: 90px;

        padding-left: 10px;

    }



    .index-news .each-item .item3 .item-inner {

        padding: 29.5px 35px;

    }



    .index-news .each-item .item3 .icon {

        top: 80px;

    }

}



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

    .page-header-bar {

        display: none;

    }



    .banner-background {

        display: none;

    }



    #swiper1 .lans .l1 {

        font-size: 38px;

    }



    #swiper1 .lans .l2 {

        width: 40px;

        height: 3px;

    }



    #swiper1 .lans .l3 {

        font-size: 18px;

    }



    #swiper1.swiper-container {

        height: 90vh;

    }



    .advantage-list {

        padding-bottom: 30px;

    }



    .advantage-list li {

        padding: 30px 10px 30px 10px;

    }



    .advantage-list li .icon {

        height: 50px;

    }



    .advantage-list li .icon img {

        width: 40px;

    }



    .advantage-list li .title {

        font-size: 14px;

        line-height: 30px;

        margin-bottom: 10px;

    }



    .advantage-list li .link {

        margin-top: 25px;

    }



    .index-title .big-title .big {

        padding: 0 15px;

        font-size: 26px;

    }



    .index-title .big-title {

        line-height: 30px;

        height: 30px;

    }



    .index-title .big-title .line {

        top: 20px;

        width: 55px;

    }



    .index-title .small {

        font-size: 16px;

    }



    .index-news .each-item:nth-child(2) {

        width: calc(100% - 430px);

    }



    .index-news .each-item:nth-child(3) {

        width: 100%;

        margin: 10px 0;

    }



    .index-news .each-item .item3 .icon {

        left: 10px;

    }

}



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

    .index_customers .lans {

        height: 150px

    }



    .index-news .each-item:first-child {

        display: none;

    }



    .index-news .each-item:nth-child(2), .index-news .each-item:nth-child(3) {

        width: 100%;

        margin: 10px 0;

        float: none;

    }



    .index-news .each-item .item2 .item-inner, .index-news .each-item .item3 .item-inner {

        padding: 18px 20px 17px;

    }



    .index-news .each-item .item3 .title {

        font-size: 16px;

        line-height: 2;

        height: 64px;

    }



    .index-news .each-item .item2 .big-date {

        margin: 10px 0 5px;

    }



    .index-news .each-item .item3 .date-wrap .line {

        margin: 17px 0;

    }



    .index-news .each-item .item3 .icon {

        top: 75px;

    }



    .index-news .each-item .item2 .icon {

        top: 30px;

        right: 15px;

    }



    .index_customers li {

        width: 25%;

    }



    .index_customers li:nth-child(6n - 5) .right, .index_customers li:nth-child(6n - 5) .dian1, .index_customers li:nth-child(5) .top, .index_customers li:nth-child(6) .top, .index_customers li:nth-child(5) .dian1, .index_customers li:nth-child(6) .dian1 {

        display: block;

    }



    .index_customers li:nth-child(4n - 3) .right, .index_customers li:nth-child(4n - 3) .dian1 {

        display: none;

    }

}



#swiper1 .lans .l1 {

    font-size: 50px;

    color: #fff;

    font-weight: bold;

}



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

    #swiper1 .lans .l2 {

        margin: 8px 0 10px 0;

        width: 30px;

        height: 3px;

    }



    .index-title .big-title .big {

        font-size: 23px;

    }



    #swiper1 .lans .l3 {

        font-size: 15.5px;

    }



    #swiper1 .lans .l1 {

        font-size: 35px;

    }



    #swiper1.swiper-container {

        height: 80vh;

        overflow: hidden;

    }



    .index-title {

        padding-top: 50px;

    }

}



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

    #swiper1 .lans .l1 {

        font-size: 27px;

    }



    #swiper1 .lans .l2 {

        width: 30px;

        height: 2px;

    }



    #swiper1 .lans .l3 {

        font-size: 13px;

    }



    #swiper1.swiper-container {

        height: 400px;

    }



    #swiper1 .swiper-pagination-bullet {

        width: 8px;

        height: 8px;

        background-size: 100% 100%;

        margin: 0 3px;

    }



    .advantage-list li .link {

        margin-top: 15px;

    }



    .advantage-title .bdl {

        font-size: 40px;

    }



    .advantage-title .bdr {

        font-size: 40px;

        line-height: 70px;

    }



    .advantage-title .title {

        font-size: 18px;

    }



    .advantage-title .txt {

        width: 100%;

    }



    .advantage-title .bdr span {

        width: 170px;

        top: 23px;

        right: 50px;

    }



    .advantage-list li {

        width: 47%;

        margin: 0 1.5%;

        padding: 20px 10px 20px 10px;

        margin-bottom: 20px;

    }



    .advantage-list li .txt {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;



        min-height: 96px;

        font-size: 12px;

        line-height: 2;

    }



    .index-title .big-title .big {

        padding: 0 10px;

        font-size: 22px;

    }



    .index-title .big-title .line {

        top: 15px;

        width: 40px;

    }



    .index-title .small {

        font-size: 13px;

    }



    .index-title .big-title .l-line {

        margin-left: -107.5px;

    }



    .index-title .big-title .r-line {

        margin-left: 60.5px;

    }



    .index-title {

        padding: 50px 0 10px 0;

    }



    .index_customers li:nth-child(4n - 3) .right, .index_customers li:nth-child(4n - 3) .dian1, .index_customers li:nth-child(4) .top, .index_customers li:nth-child(4) .dian1 {

        display: block;

    }



    .index_customers li {

        width: 33.33%;

    }



    .index_customers li:nth-child(3n-2) .right, .index_customers li:nth-child(3n-2) .dian1 {

        display: none;

    }



    .index-customer-list li img {

        width: auto;

        height: 100px;

    }



    .index_customers .lans {

        height: 130px;

    }



    .index-customer-list {

        padding: 20px 0;

    }



    .index-title_editors {

        font-size: 12px;

        line-height: 1.8;

    }

}



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

    .index-customer-list li img {

        height: 70px;

    }



    .index_customers .lans {

        height: 80px;

    }

}



/*end banner*/





/*servies_title*/



.servies_title {

    text-align: center;

    color: #222222;

}



.servies1 {

    padding: 100px 0;

    background: url(.) top center no-repeat;

}



.servies_title .s1 {

    font-size: 30px;

    font-weight: bold;

    margin-bottom: 30px;

}



.servies_title .s2 {

    font-size: 16px;

    line-height: 30px;

}



.servies1_list {

    width: 100%;

    background: url('img/radius.png') center center no-repeat;

    padding: 30px 0;

    position: relative;

    margin: 50px 0;

}



.servies1_list2 {

    display: none;

}



.servies1_list .center {

    line-height: 205px;

    text-align: center;

    color: #da251b;

    font-size: 22px;

    font-weight: bold;

}



.servies1_list li {

    width: 340px;

    color: #d06660;

    font-size: 16px;

    line-height: 40px;

    position: absolute;

    text-align: right;

}



.servies1_list li:nth-child(odd) {

    text-align: left;

}



.servies1_list li:nth-child(1) {

    left: calc(50% - 350px);

    top: 0;

}



.servies1_list li:nth-child(2) {

    left: calc(50% + 0px);

    top: 0;

}



.servies1_list li:nth-child(3) {

    left: calc(50% - 350px);

    bottom: 0;

}



.servies1_list li:nth-child(4) {

    left: calc(50% + 0px);

    bottom: 0;

}





.servies2_list {

    padding: 50px 0 100px 0;

}



.servies2_list li {

    height: 250px;

    width: 33%;

    float: left;

    box-sizing: border-box;

    border: 1px solid #e7e7e7;

    margin-left: -1px;

    margin-top: -1px;

    padding: 40px 60px;

    line-height: 1.5;

    font-weight: bold;

    transition: all .4s ease;

}



.servies2_list li:hover {

    background: url('img/ss1.jpg') right top no-repeat;

    background-size: 100% auto;

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

}



.servies2_list .l1 {

    font-size: 36px;

    color: #666666;

    position: relative;

    z-index: 2;

}



.servies2_list li:hover .l1 {

    color: #da251b;

}



.servies2_list .l2 {

    font-size: 22px;

    color: #333333;

    margin-top: 30px;

}



.servies3_list {

}



.servies3_list li {

    background: #f4f4f4;

    margin-bottom: 20px;

}



.servies3_list .left {

    width: 50%;

    float: left;

    height: 500px;

    background: url(.) center center no-repeat;

}



.servies3_list .right {

    width: 50%;

    float: left;

    box-sizing: border-box;

    padding: 50px 65px 0;

}



.servies3_list .r1 {

    font-size: 20px;

    line-height: 30px;

    color: #333333;

    font-weight: bold;

    margin-bottom: 25px;

}



.servies3_list .r1 span {

    font-size: 18px;

    font-family: 'arial';

    display: inline-block;

    margin: 0 10px;

    color: #999999;

}



.servies3_list .r2 {

    width: 50px;

    height: 2px;

    background: #da251b;

    margin-bottom: -1px;

}



.servies3_list .r3 {

    width: 100%;

    height: 1px;

    background: #eeeeee;

}



.servies3_list .r4 {

    margin-top: 15px;

}



.servies3_list .r4 dd {

    width: calc(100% - 4px);

    display: inline-block;

    font-size: 16px;

    line-height: 30px;

    margin: 10px 0;

    box-sizing: border-box;

    color: #222222;

}



.servies3_list .r4 dd:before {

    /*

    content: '⦁';

    color: #e62129;

    */

    display: inline-block;

    margin-right: 15px;

}



.servies3_list li:nth-child(even) .left {

    float: right;

}



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

    .servies_title .s1 {

        font-size: 26px;

        margin-bottom: 20px;

    }



    .servies_title .s2 {

        font-size: 14px;

        line-height: 26px;

    }



    .servies2_list li {

        padding: 20px 30px;

        height: 200px;

    }



    .servies2_list .l1 {

        font-size: 30px;

    }



    .servies2_list .l2 {

        font-size: 18px;

        margin-top: 15px;

    }



    .servies3_list .right {

        padding: 20px 35px 0;

    }



    .servies3_list .r4 dd {

        width: calc(100% - 4px);

        font-size: 13px;

        line-height: 2;

        vertical-align: top;

        margin: 5px 0;

    }



    .servies3_list .r4 dd:before {

        margin-right: 8px;

    }



    .servies3_list .left {

        height: 350px;

    }



    .servies3_list .r1 {

        font-size: 16px;

        line-height: 25px;

        margin-bottom: 15px;

    }



    .servies3_list .r1 span {

        font-size: 13px;

    }



    .servies2_list {

        padding: 30px 0 80px 0;

    }



    .servies1_list {

        zoom: .8;

        display: none

    }



    .servies1_list2 {

        zoom: .8;

        display: block;

        padding-top: 20px;

        text-align: center;

        margin: 0 auto;

    }



    .servies1 {

        margin-top: -70px;

        background-size: cover;

        padding-bottom: 50px;

    }



    .servies1_list li:nth-child(2) {

        left: calc(50% + 50px);

        top: 0;

    }



    .servies1_list li:nth-child(4) {

        left: calc(50% + 50px);

        bottom: 0;

    }

}



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

    .servies2_list li {

        width: 50%;

        padding: 20px 20px;

        height: 160px;

    }



    .servies_title .s1 {

        font-size: 22px;

        margin-bottom: 15px;

    }



    .servies1_list {

        zoom: .6;

    }



    .servies2_list .l1 {

        font-size: 26px;

    }



    .servies2_list .l2 {

        font-size: 16px;

        margin-top: 10px;

    }



    .servies3_list .left {

        width: 100%;

        float: none !important;

        height: auto;

        padding-top: 62.5%;

    }



    .servies3_list .right {

        width: 100%;

        float: none !important;

        padding: 20px;

    }



    .servies1_list {

        margin: 80px 0;

    }

}



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

    .servies1_list {

        zoom: .4;

    }



    .servies_title .s1 {

        font-size: 18px;

        margin-bottom: 10px;

    }



    .servies2_list li {

        padding: 20px 10px

    }



    .servies2_list .l1 {

        font-size: 22px;

    }



    .servies2_list .l2 {

        font-size: 12px;

    }



    .servies3_list .left {

    }



    .servies3_list .right {

        padding: 15px;

    }



    .servies2_list li {

        height: 140px;

    }



    .servies_title .s2 {

        font-size: 12px;

        line-height: 1.5;

    }

}



/*footer*/



.footer {

    background: #f5f5f5;

}



.footer .footer_top {

}



.footer .footer_top .top {

    padding: 35px 0 20px 0;

    border-bottom: 1px solid #dddddd;

}



.f_top_list {

    float: right;

}



.f_top_list li {

    background: url(.) top left no-repeat;

    padding-left: 40px;

    box-sizing: border-box;

    display: inline-block;

    margin-left: 100px;

}



.f_top_list li:first-child {

    margin-left: 0;

}



.f_top_list li.ico1 {

    background-image: url('img/ico1.png');

}



.f_top_list li.ico2 {

    background-image: url('img/ico2.png');

}



.f_top_list li.ico3 {

    background-image: url('img/ico3.png');

}



.f_top_list .t1 {

    font-size: 12px;

    color: #666666;

}



.f_top_list li:last-child .t2 {

    /*

    font-family: '微软雅黑';

    font-weight: normal;

    */

}



.f_top_list .t2 {

    font-size: 20px;

    color: #222222;

    font-family: 'Myriad Pro';

    font-weight: bold;

}
.f_top_list .t2 a{

    font-size: 20px;

    color: #222222;

    font-family: 'Myriad Pro';

    font-weight: bold;

}



.footer .center {

    padding: 10px 0;

}



.footer .footer_nav {

    float: left;

}



.footer_nav li {

    width: 200px;

    display: inline-block;

    vertical-align: top;

    padding-bottom: 20px;

}



.footer .center h4 {

    font-size: 18px;

    line-height: 2;

    padding: 40px 0 0;

    padding-bottom: 10px;

    color: #222222;

    font-weight: bold;

    display: inline-block;

}



.footer_nav a {

    font-size: 14px;

    line-height: 30px;

    color: #666666;

    display: block;

}



.f_nav_center {

    background: url('img/map_footer.jpg');

    width: 420px;

    height: 310px;

    float: right;

    padding: 0 80px;

    box-sizing: border-box;

    float: left;

}



.footer .center .f_nav_center h4 {

    padding-left: 25px;

    display: block;

    box-sizing: border-box;

}



.ten_list li {

    width: 100px;

    text-align: center;

    font-size: 14px;

    line-height: 36px;

    font-weight: bold;

    color: #222222;

    box-sizing: border-box;

    display: inline-block;

    vertical-align: top;

}



.ten_list li:before {

    content: '';

    display: inline-block;

    width: 10px;

    height: 2px;

    margin-top: 15px;

    vertical-align: top;

    background: #e62129;

    margin-right: 10px;

}



.footer .ewm {

    width: 140px;

    float: right;

}



.footer .ewm_img {

    width: 110px;

    background: #ffffff;

    display: block;

    margin: 0px 0 10px;

}



.ewm .e1 {

    font-size: 14px;

    color: #333333;

}



.footer_bottom {

    background: #eeeeee;

    font-size: 14px;

    line-height: 40px;

    color: #444444;

}



.footer_bottom .left {

    float: left;

}



.footer_bottom .right {

    float: right;

}



.footer_bottom a {

    color: #444444;

}



.footer_pc {

    display: block;

}



.footer_sj {

    display: none;

    padding-bottom: 10px;

    width: 100%;

}



.fixedbot {

    width: 100%;

    position: fixed;

    bottom: 0;

    left: 0;

    z-index: 9;

    border-top: 1px solid #ddd;

}



.fixedbot a {

    width: 25%;

    float: left;

    display: block;

    background-color: #FFFFFF;

}



.fixedbot a img {

    width: 40px;

    margin: 5px auto;

    display: block;

}



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

    .f_top_list li {

        padding-left: 35px;

        margin-left: 50px;

    }



    .f_top_list .t2 {

        font-size: 16px;

    }
    .f_top_list .t2 a{

        font-size: 16px;

    }


    .logo_footer {

        width: 17%;

        margin-top: 10px;

    }



    .footer .center h4 {

        font-size: 16px;

        padding: 20px 0 5px;

    }



    .footer_nav li {

        width: 140px;

    }



    .f_nav_center {

        width: 300px;

        background-size: 100% auto;

        padding: 0 40px;

        height: 270px;

    }

}



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

    .footer_pc {

        display: none;

    }



    .footer_sj {

        display: block;

        background-color: #f5f5f5;

        border-top: 1px solid rgba(0, 0, 0, .15);

    }



    .footer_bottom {

        background: transparent;

        text-align: center;

    }



    .footer_sj .f-nav {

        width: 90%;

        margin: auto;

        padding: 20px 0;

    }



    .f-cb li {

        border-bottom: 1px solid #ddd;

        padding-bottom: 10px;

        position: relative;

    }



    .f-cb h4 {

        display: block;

        font-size: 14px;

        line-height: 2;

        margin: 12px 0 0;

    }



    .f_cb_a {

        display: none;

        padding: 8px 8px 0;

        box-sizing: border-box;

    }



    .footer_bottom .left {

        text-align: center;

        line-height: 1.8;

        font-size: 10px;

        padding: 0 0 10px 0;
        float: none;

    }



    .footer_bottom .right {

        display: inline-block;

        text-align: center;

        float: none;

    }



    .f-cb a {

        display: block;

        font-size: 12px;

        line-height: 2.5;

        color: #666;

    }



    .f-nav li h4:before {

        content: "";

        position: absolute;

        right: 0;

        top: 10px;

        border-left: 1px solid #888;

        border-top: 1px solid #888;

        width: 7px;

        height: 7px;

        background-repeat: no-repeat;

        background-position: center;

        transform: rotate(-135deg);

    }

}



/*end footer*/

/*2580补充*/



.zooms #swiper1.swiper-container {

    max-height: 80vh;

    overflow: hidden;

}



.zooms .index_section1 {

    zoom: 1;

}



.zooms #swiper1 .lans .l1 {

    font-size: 30px;

}



.zooms #swiper1 .lans .l3 {

    font-size: 17px;

}



.zooms .header {

    zoom: .7;

    padding-bottom: 5%;

}



.zooms .main {

    /* padding-top: 40px; */

}



.zooms section {

    zoom: .88;

}



.zooms .footer {

    zoom: .8;

}



a {

    -webkit-tap-highlight-color: transparent;

    outline: none;

}



.ewm_footer {

    width: 100px;

    margin: 20px auto;

    display: block;

}



.about3_lists1 {

    font-size: 15px;

    line-height: 2;

    color: #333;

}



.about3_lists1 li {



    border-bottom: 1px solid #ddd;

    padding: 15px;

    font-size: 18px;

    font-weight: bold;

    height: 100px;

    line-height: 100px;

}



.about3_lists1 span.ico {

    height: 50px;

    text-align: center;

    line-height: 50px;

    background: #e60012;

    color: #FFFFFF;

    font-size: 22px;

    font-weight: bold;

    width: 50px;

    border-radius: 50%;

    margin-right: 10px;

    display: inline-block;

    vertical-align: middle;

    margin-right: 30px;

}

@media screen and (min-width: 1200px){
    .footer-menu{
        display: none;
    }

}

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

    .about3_lists1 li {



        padding: 20px 0;

        height: 100px;

        font-size: 14px;

        line-height: 2;

    }



    .about3_lists1 {

        font-size: 14px;

        line-height: 2;

        color: #333;

    }



    .about3_lists1 span.ico {

        height: 36px;

        line-height: 36px;

        font-size: 18px;

        width: 36px;

        margin-right: 20px;

    }



    .zooms section {

        zoom: 1;

    }



    .zooms .footer {

        zoom: 1;

    }



    .f_top_list {

        width: 90%;

        float: none;

        margin: 0 auto;

    }



    .f_top_list li {

        width: 100%;

        margin: 20px auto 10px;

    }



    .zooms .header {

        zoom: 1;

        padding-bottom: 0;

        /* border-bottom: 1px solid #ddd; */

        line-height: 50px;

        box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, .05);

    }



    #swiper1 .lans span {

        width: calc(50% - 4px);

    }



    .zooms #swiper1.swiper-container {

        max-height: 400vh;

        overflow: hidden;

    }



    .zooms .index_section1 {

        zoom: 1;

    }



    .zooms #swiper1 .lans .l1 {

        font-size: 24px;

    }



    .zooms #swiper1 .lans .l3 {

        font-size: 13px;

    }
    
    @font-face {
        font-family: 'iconfont';
        src: url('../fonts/iconfont.eot');
        src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/iconfont.woff2') format('woff2'),
        url('../fonts/iconfont.woff') format('woff'),
        url('../fonts/iconfont.ttf') format('truetype'),
        url('../fonts/iconfont.svg#iconfont') format('svg');
    }
    .iconfont {
        font-family: "iconfont" !important;
        font-size: 16px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .footer-menu {
        z-index: 99999;
        height: auto;
        width: 100%;
        /*background: #fff;*/
        background: #e62129;
        opacity: 1;
        position: fixed;
        left: 0;
        bottom: 0;
        display: flex;
        justify-items: center;
    }
    .footer-menu .menu_son.active p {
        /*color: #1E2752;*/
        color: #FFFFFF;
        /*font-weight: bold;*/
    }
    .footer-menu .menu_son.active .iconfont{
        color: #1E2752;
        /*font-weight: bold;*/
    }
    .footer-menu .menu_son {
        display: block;
        color: #A9B1B4;
        width: 25%;
        margin: 2% auto;
    }
    .footer-menu .menu_son .iconfont{
        /*padding-top: 1rem;*/
        text-align: center;
        font-size: 1.3rem;
    }
    .footer-menu .menu_son p{
        text-align: center;
        font-size: .6rem;
        font-weight: 400;
        color: #FFFFFF;
    }

}