/* ==== base.css ==== */
*{
	box-sizing: border-box;
}
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{
    background:#fff;
    color:#666;
    position:relative;
    font: 14px/2 Microsoft YaHei,arial,Source Sans,宋体,sans-serif;
    vertical-align:baseline;
    width:100%;
    overflow-x:hidden;
    font-weight: 400;
}
a{text-decoration:none;outline:none;}
a:link{color:#666;}
a:visited{color:#666;}
a:hover,a:active,a:focus{color:#1A6FA5;text-decoration:none;outline:none;}

input{padding:0;margin:0;}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
img{
	max-width: 100%;
}
@font-face {
  font-family: "puhui35";
  font-weight: 500;
  src: url("../fonts/webfont.woff") format("truetype"),
  url("../fonts/webfont.woff") format("opentype");
  font-display: swap;
}
/*@font-face {*/
/*  font-family: "puhui45";*/
/*  font-weight: 500;*/
/*  src: url("../fonts/webfont.woff") format("truetype"),*/
/*  url("../fonts/webfont.woff") format("opentype");*/
/*  font-display: swap;*/
/*}*/
/*@font-face {*/
/*  font-family: "puhui55";*/
/*  font-weight: 500;*/
/*  src: url("../fonts/webfont.woff") format("truetype"),*/
/*  url("../fonts/webfont.woff") format("opentype");*/
/*  font-display: swap;*/
/*}*/
/*@font-face {*/
/*  font-family: "puhui65";*/
/*  font-weight: 500;*/
/*  src: url("../fonts/webfont.woff") format("truetype"),*/
/*  url("../fonts/webfont.woff") format("opentype");*/
/*  font-display: swap;*/
/*}*/
@font-face {
  font-family: "puhui75";
  font-weight: 500;
  src: url("../fonts/webfont.woff") format("truetype"),
  url("../fonts/webfont.woff") format("opentype");
  font-display: swap;
}
/*@font-face {*/
/*  font-family: "puhui85";*/
/*  font-weight: 500;*/
/*  src: url("../fonts/webfont.woff") format("truetype"),*/
/*  url("../fonts/webfont.woff") format("opentype");*/
/*  font-display: swap;*/
/*}*/
@font-face {
  font-family: "puhui105";
  font-weight: 500;
  src: url("../fonts/webfont.woff") format("truetype"),
  url("../fonts/webfont.woff") format("opentype");
  font-display: swap;
}
/*@font-face {*/
/*  font-family: "puhui115";*/
/*  font-weight: 500;*/
/*  src: url("../fonts/webfont.woff") format("truetype"),*/
/*  url("../fonts/webfont.woff") format("opentype");*/
/*  font-display: swap;*/
/*}*/
/*
@font-face {
    font-family: webfont;
    src: url(../fonts/webfont.woff);
}
*/

.animate {
    transform: translate(0px);
    opacity: 1;
    filter: alpha(opacity=100);
}

.img{
  overflow:hidden;
  display: block;
}
.img img{
  transition:all 0.3s ease-out;
}
.pc_img{
    
}
.m_img{
    display: none;
}
@media(max-width:820px){
    body{
        font-weight: 500;
        font: 15px/2 "微软雅黑", microsoft yahei,arial,sans-serif;
        -webkit-text-size-adjust: 100%;
        color:#333;
    }
}
@media(max-width:460px){
    .pc_img{
        display: none;
    }
    .m_img{
        display: block;
    }    
}


@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}

@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}


/*video click*/
.cboxOverlay {
    position: fixed;
    z-index: 10000001;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    display: none;
}
.colorbox {
    position: fixed;
    width: 70%;
    height: 80%;
    top: 10%;
    left: 15%;
    background: #ffffff;
    z-index: 10000002;
    display: none;
}
.colse_click {
    position: absolute;
    top: -30px;
    right: 0;
    width: 25px;
    height: 25px;
    background: url("../images/closeVideo.png") no-repeat center;
    cursor: pointer;
}
.colorbox iframe {
    width: 100%;
    height: 100%;
}
@media(max-width: 640px){
    .colorbox {
        width: 90%;
        left: 5%;
    }
}

.videoarea{
  position: fixed;
  display: none;
  width: 70%;
  height: 80%;
  top: 10%;
  left: 15%;
  z-index: 999999;
}
.videoarea video{
  width: 100% !important;
  height: 100% !important;
  margin: 0 auto;
  display: block;
  outline: none;
}
.newstextarea{
  display: none;
}
.shadow{
  background: #000;
  opacity: .8;
  position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  width: 100%;
  height: 100%;
  z-index: 666666;
  display: none;
}

.shadow .close{
  font-size: 40px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  padding: 0 0 7px 0;
  color: #fff;
  position: fixed;
  right: 20px;
  top: 10px;
  font-weight: bold;
  cursor: pointer;
  -moz-transition:  all 0.5s;
  -webkit-transition: all 0.5s;
  -ms-transition:   all 0.5s;
  -o-transition:    all 0.5s;
  transition:     all 0.5s;
}
.shadow .close:hover{
  transform: rotate(180deg);
}

@media(max-width: 1280px){
  .videoarea{
    width: 90%;
    left:5%;
  }
}
/* ==== index.css ==== */
/*头部样式*/
.head {
    padding:20px 0;
    position: fixed;
    top:0;
    left:0;
    width: 100%;
    z-index:9999;
    transition: all 0.3s ease-out;
}.mess_a {
    cursor: pointer;
}.container {
    width: 90%;
    max-width: 1700px;
    margin: 0 auto;
}.logo {
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 60px;
}.logo a {
    display: flex;
}.logo .logo_text {
    display: none;
    height: 28px;
}.logo .logo_text .p1 {
    background: #1E7AB8;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    padding:0 10px;
    /*display: inline-block;*/
    border-radius: 3px;
    max-width: 95px;
    text-align: center;
}.logo .logo_text .p2 {
    font-size: 12px;
    color: #1A6FA5;
    line-height: 1.2;
}.logo img {
    max-width:226px;
}.logo img.logo1 {
    display: none;
}a.head_a {
    margin-top:13px;
    display: block;
    float:right;
    width: 120px;
    line-height: 34px;
    font-size: 14px;
    color: #fff;
    background:#1E7AB8;
    border-radius: 10px;
    text-align:center;
    margin-left: 45px;
    overflow: hidden;
    position: relative;
}a.head_a:before {
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation: wave 1.3s infinite;
    animation: wave 1.3s infinite;
    z-index: 1;
}.mores {
    position: relative;
    overflow: hidden;
}.mores:before {
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation: wave 1.3s infinite;
    animation: wave 1.3s infinite;
    z-index: 1;
}.h_tel {
    float:right;
    font-size: 20px;
    color: #ffffff;
    padding-left: 34px;
    background:url(../images/tel1.png) no-repeat left center;
    line-height: 60px;
}.nav {
    display: flex;
    padding: 0 5%;
    /*padding-right:8%;*/
    float:right;
}.nav li {
    float: left;
    padding:0 32px;
}.nav li a.a1 {
    display: flex;
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 60px;
}.nav li a.a1 i {
    display: inline-block;
    width: 9px;
/*    height: 100%;*/
    background:url(../images/down.png) no-repeat center;
    margin-left:5px;
}.nav li:hover a.a1 {
    color: #1A6FA5;
}.nav li:hover a.a1 i {
    background:url(../images/down_h.png) no-repeat center;
}.nav li .b_nav {
    display: none;
    position: absolute;
    top:80px;
    left:0px;
    z-index: 999;
    background-color: #fff;
    width: 100%;
    border-top:1px solid #eee;
    padding:40px 0;
}.nav li .b_nav a {
    display: block;
}.nav li .b_nav .container {
    display: flex;
    max-width: 1400px;
}.nav li .b_nav .nav_l {
    width: 38.5%;
    float:right;
    display: none;
}.nav li .b_nav .nav_l .img1 {
    display: none;

}.nav li .b_nav .nav_r {
    /*width: 61.5%;*/
    width: 100%;
    float:left;
    /*display: flex;*/
    /*flex-wrap: wrap;*/
}.nav li .b_nav .nav_r a {  
    width: 12.5%;
    /*border-right: 1px solid #eee;  */
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    position: relative;
    float: left;
}.nav li .b_nav .nav_r a:after {
    content:'';
    position: absolute;
    right: 0;
    top:15%;
    width: 1px;
    height: 70%;
    background: #eee;
}.nav li .b_nav .nav_r a:last-child {
    border:none;
}.nav li .b_nav .nav_r a:last-child:after {
    display:none;
}.nav li .b_nav .nav_r a .img2 {
    transition: all 0.3s ease-out;
}.nav li .b_nav .nav_r a .img2 img {
    max-height: 35px;
}.nav li .b_nav .nav_r a h3 {
    font-size: 16px;
    color: #333; 
/*    font-weight: normal;*/
    padding-top:12px;
}.nav li .b_nav .nav_r a.cur .img2 {
    margin-top:-10px;
}.nav li .b_nav .nav_r a.cur h3 {
    color: #1A6FA5;
}#c-header.c-head-hide {
    position: fixed;
    top:0;
    background:#fff;
    box-shadow: 0px 0px 5px #ccc;
}#c-header.c-head-hide .logo .logo2 {
    display: none;
}#c-header.c-head-hide .logo .logo1 {
    display: inline-block;
}#c-header.c-head-hide .h_tel {
    color: #333333;
    background: url(../images/tel1_h.png) no-repeat left center;
}#c-header.c-head-hide .nav li a {
    color: #333;
}#c-header.c-head-hide .nav li a i {
    background:url(../images/down2.png) no-repeat center;
}#c-header.c-head-hide .nav li:hover a {
    color: #1A6FA5;
}#c-header.c-head-hide .nav li:hover a i {
    background:url(../images/down_h.png) no-repeat center;
}#c-header.c-head-hide.c-head-move {
    padding:5px 0;    
}#c-header.c-head-hide.c-head-move .nav li .b_nav {
    top:60px;
}#c-header.c-head-hidden {
    display: none;
}.m_nav {
    display: none;
    float:right;
    margin-right: 30px;
}.m_nav a {
    display: block;
    margin:0 8px;
    font-size: 14px;
    color: #fff;
    line-height: 60px;
}#c-header.c-head-hide .m_nav a, #c-header.news_head .m_nav a {
    color: #333;
}.mores2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin:40px auto 0;
}.mores2 a {
    display: inline-block;
/*    max-width: 200px;*/
    line-height: 50px;
    font-size: 15px;
    color: #fff;
    background:#1E7AB8;
    border-radius: 25px;
    margin:0 10px;
    text-align: center;
    padding:0 15px;
    position: relative;
    overflow: hidden;
}.mores2 a:before {
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation: wave 1.3s infinite;
    animation: wave 1.3s infinite;
    z-index: 1;
}.mores2 a:hover {
    text-decoration: underline;
}
@media(max-width: 1760px){.nav {
        padding:0 4%;
        /*padding-right: 7%;*/
    }.nav li {
        padding:0 28px;
    }

}
@media(max-width: 1600px){.head {
        padding:15px 0;
    }.nav {
        padding: 0px 3%;
        /*padding-right: 6%;*/
    }.nav li {
        padding:0 20px;
    }.nav li a.a1 {
        font-size: 17px;
    }.nav li .b_nav {
        top:70px;
    }.nav li .b_nav .nav_r a h3 {
        font-size:15px;
    }.h_tel {
        font-size:18px;
    }
}
@media(max-width: 1440px){.nav {
        /*padding-right: 6%;*/
    }.nav li {
        padding:0 20px;
    }a.head_a {
        width: 110px;
        margin-left: 30px;
    }.h_tel {
        font-size: 17px;
    }
}
@media(max-width: 1365px){.nav {
        /*padding-right: 4%;*/
    }.nav li {
        padding:0 16px;
    }.nav li a.a1 {
        font-size: 16px;
    }
}
@media(max-width: 1280px){/*.container {*/
    /*    width: 94%;*/
    /*}*/
    .nav {
        padding:0 2%;
        /*padding-right: 2%;*/
    }a.head_a {
        display: none;
    }
}
@media(max-width: 1199px){a.head_a {
        display: none;
    }.h_tel {
        font-size: 16px;
    }/*.nav {*/
    /*    padding-left: 3%;*/
    /*}*/
}
@media(max-width: 1099px){.nav {
        float:right;
        padding: 0 0 0 3%;
/*        padding-left: 0;*/
    }.h_tel {
        display: none;
    }    
}@media(max-width: 1024px) {

}
@media(max-width: 990px){/*.h_tel {*/
    /*    display: none;*/
    /*}*/
    .logo img {
        max-width: 160px;
    }.nav li a.a1 {
        font-size:15px;
    }
}
@media(max-width: 820px){.head {
        padding:10px 0;
    }.nav li .b_nav {
        top:70px;
    }.menu-button {
        display: block;
    }.nav {
        display: none;
    }.m_nav {
        display: flex;
    }

}
@media(max-width: 640px){.head {
        padding:0px 0;
    }#c-header.c-head-hide.c-head-move {
        padding: 0px 0;
    }.logo {
        width: 35%;
    }.logo img {
        width:100%;
    }.menu-button {
        top:25px;
    }.m_nav {
        margin-right: 10px;
    }.m_nav a {
        margin:0 5px;
        /*font-size: 15px;*/
    }
}
@media(max-width: 460px){.logo {
        height:50px;
    }.m_nav a {
        line-height:50px;
    }

}/* 咨询弹框 */
@font-face {
    font-family: webfont;
    src: url(../fonts/webfont.woff);
}.consulta {
    width: 718px;
    height: 368px;
    margin: 0 auto;
    background: rgba(232, 94, 2, 0.96);
    /*background: rgba(31, 154, 237, 0.96);*/
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -359px;
    margin-top: -160px;
    display: none!important;
    z-index: 990;
}.consultaEwm {
    position: absolute;
    right: 50px;
    width: 33%;
    bottom: 105px;
    text-align: center;
    display: flex;
    align-items: center;
}.consultaEwm>img {
    width: 108px;
}.consultaEwm img:first-child {
    margin-right: 8%;
}.consultaEwm p {
    color: #fff;
    margin-top: 14px;
    display: inline-block;
    text-align: left;
    line-height: 1.4;
}.consultaEwm p img {
    width: 24px;
    display: block;
    margin-bottom: 14px;
}.consultRight {
    width: calc(100% - 100px);
    margin: 0 50px;
    z-index: 9;
}.consultRight h2 {
    color: #fff;
    font-size: 30px;
    margin-top: 50px;
    margin-bottom: 3px;
    line-height: 1.4;
}.consultRight p {
    font-family: webfont, "Microsoft Yahei";
    color: #fff;
    font-size: 24px;
    font-weight: 100;
    letter-spacing: 2px;
    margin-bottom: 24px;
    line-height: 1.6;
}#form1 .form1_input input {
    display: block;
    width: 50%;
    margin-top: 12px;
    border: none;
    height: 40px;
    line-height: 40px;
    padding: 0 13px;
    outline: none;
}.consultRight a {
    cursor: pointer;
    display: inline-block;
    border: 1px solid #fff;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-top: 17px;
    padding: 10px 10px;
    color: #fff;
    font-size: 16px;
    width: 21%;
    text-align: center;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    line-height: 1.4;
}.mess_btn3 {
        margin-top: 17px;
}.mess_btn3 input {
    cursor: pointer;
    display: inline-block;
    border: 1px solid #fff;
    -moz-border-radius: 5px;
    border-radius: 5px;

    padding: 10px 10px;
    color: #fff;
    font-size: 16px;
    width: 21%;
    text-align: center;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    line-height: 1.4;
    outline: none;
    background: none;
}.mess_btn3 a {
    cursor: pointer;
    display: inline-block;
    border: 1px solid #fff;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 10px;
    color: #fff;
    font-size: 16px;
    width: 21%;
    text-align: center;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    line-height: 1.4;
    outline: none;
    background: none;   
    margin-left: 15px; 
}/*.consultRight a.ind_submit {
    background: #fff;
    color: #000;
    }*/

.consultRight a:hover {
    background: #fff;
    color: #000;
}.conk {
    position: absolute;
    border: 1px solid #fff;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    margin-top: 10px;
    margin-left: 10px;
    z-index: -1;
}.ys_clock {
    position: absolute;
    top: 11px;
    right: 10px;
    color: #000;
    font-size: 36px;
    background: #fff;
    height: 36px;
    line-height: 36px;
    width: 36px;
    text-align: center;
    cursor: pointer;
}

@media(max-width: 786px) {/*.consulta {*/
    /*    display: none !important;*/
    /*}*/
}
@media(max-width: 767px){.consulta {
        width:90%;
        height: 348px;
        top: 50%;
        left: 5%;
        margin-left: 0px;
        margin-top: -150px;
    }.consultRight {
        width: calc(100% - 40px);
        margin: 0 20px;
    }.consultRight h2 {
    font-size: 22px;
    margin-top: 40px;
}.consultRight p {
    font-size:16px;
    font-weight:500;
    margin-bottom: 15px;
}.consultRight p span {
        font-size:18px;
        display:block;
    }.consultaEwm {
        display:none;
    }#form1 .form1_input input {
    width:100%;
}.mess_btn3 input {
    width:40%;
}.consultRight a {
        width:36%;
        margin-top:0;
    }
}#c-banner1 {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}#c-banner1 .swiper-slide {
/*height: 100vh;*/
    position: relative;
    overflow: hidden;
    background-size: cover!important;
    /*background-position: center!important;*/
    background-repeat: no-repeat!important;    
}.swiper-slide img {
    vertical-align: middle;
    max-width: 100%;
}#c-banner1 .swiper-slide img {
    /*height: 100%;*/
    width: 100%;
}#c-banner1 .swiper-slide .pc_img {
    opacity: 0;
}#c-banner1 .swiper-slide2 .bgImg img {
    -moz-transition: all 4.5s linear;
    -o-transition:  all 4.5s linear;
    transition: all 4.5s linear;
    width: 100%;
    position: absolute;
    left: 0;
    top:0;
}#c-banner1 .swiper-slide2.swiper-slide-active .bgImg img {
    top:-200px;
}#c-banner1 .swiper-pagination {
    text-align: left;
    padding:0 5%;
    bottom:40px;
}#c-banner1 .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background:#fff;
    opacity: 1;
    margin:0 10px;
}#c-banner1 .swiper-pagination .swiper-pagination-bullet-active {
    width: 40px;
}.banner_text5 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*text-align:center;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99;
    color: #fff;    
}.banner_text5 p.p1 {
    font-size: 78px; 
    line-height: 1;
    font-weight: bold;
}.banner_text5 p.p2 {
    font-size: 46px;
    line-height: 1;
    margin:20px 0 50px;
}.banner_text5 a {
    display: block;
    width: 160px;
    line-height: 55px;
    font-size: 20px;
    color: #1A6FA5;
    border-radius: 10px;
    background: #fff;
    text-align: center;
    font-family: "微软雅黑";
    font-weight: bold;
    overflow: hidden;
    position: relative;
}.banner_text5 a:before {
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation: wave 1.3s infinite;
    animation: wave 1.3s infinite;
    z-index: 1;
}/*#c-banner1 .banner_text1 {*/
/*    display: none;*/
/*}*/
.banner_text1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align:center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99;
    color: #fff;
}.banner_text1 .p1 {
    font-size: 34px;
}.banner_text1 .p2 {
    font-size: 64px;
    font-weight: bold;
    line-height: 1.2;
    margin:0px 0 50px;
}.banner_text1 a {
    position: relative;
    display: block;
    width: 190px;
    line-height: 55px;
    font-size: 20px;
    color: #fff;
    background:#1E7AB8;
    border-radius: 10px;
    text-align:center;
    margin:0 auto;   
    overflow: hidden;
}.banner_text1 a:before {
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation: wave 1.3s infinite;
    animation: wave 1.3s infinite;
    z-index: 1;
}
@-webkit-keyframes wave{0% {
        background:rgba(255,255,255,.8);
        transform:translateX(-50%) translateY(-50%) scale(0)
    }to {
        background:transparent;
        transform:translateX(-50%) translateY(-50%) scale(1)
    }
}
@keyframes wave{0% {
        background:rgba(0,0,0,.25);
        transform:translateX(-50%) translateY(-50%) scale(0)
    }to {
        background:transparent;
        transform:translateX(-50%) translateY(-50%) scale(1)
    }
}#c-banner1 .swiper-slide video {
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1;
}.banner-video-slide {
    background: #0b1a2a;
    height: 100%;
}.banner-video-slide .banner_text7 {
    background: rgba(0,0,0,.28);
}.banner_text7 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align:center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99;
    font-size: 32px;
    color: #fff;  
    line-height: 1.6;
    font-weight: bold;
}.banner_text7 p:nth-child(1) {
    font-size: 52px;
    /*: #1A6FA5;*/
    /*font-weight: bold;*/
}
@media(max-width: 1600px){/*.banner_text1 .p1 {*/
    /*    font-size: 26px;*/
    /*}*/
    .banner_text1 .p2 {
        font-size: 46px;
    }.banner_text1 a {
        width: 160px;
        line-height: 50px;
        font-size: 16px;
    }#c-banner1 .swiper-slide2.swiper-slide-active .bgImg img {
        top:-100px;
    }.banner_text5 p.p1 {
        font-size: 52px; 
    }.banner_text5 p.p2 {
        font-size: 32px;
        margin:20px 0 50px;
    }.banner_text5 a {
        font-size: 16px;
        width: 120px;
        line-height: 46px;
    }

}
@media(max-width: 1440px){.banner_text7 {
        font-size:24px;
    }.banner_text7 p:nth-child(1) {
        font-size: 42px;
    }
}
@media(max-width: 1259px){#c-banner1 {
        height: 100vh;
    }#c-banner1 .banner-video-slide {
        height: 100%;
    }#c-banner1 .swiper-slide img {
        height: auto;
    }.banner_text1 .p2 {
        font-size: 36px;
    }.banner_text1 .p1 {
        font-size: 26px;
    }
}@media(max-width: 1024px) {
    
}
@media(max-width: 820px){.banner_text1 .p1 {
        font-size: 20px;
    }.banner_text1 .p2 {
        font-size: 28px;
    }.banner_text1 a {
        width: 120px;
        line-height: 45px;
        font-size: 15px;
    }#c-banner1 .swiper-pagination {
        bottom:20px;
    }#c-banner1 .swiper-pagination .swiper-pagination-bullet {
        margin:0 5px;
        width:7px;
        height:7px;
    }#c-banner1 .swiper-pagination .swiper-pagination-bullet-active {
        width: 25px;
    }#c-banner1 .swiper-slide2.swiper-slide-active .bgImg img {
        top:-60px;
    }.banner_text5 p.p1 {
        font-size: 32px; 
    }.banner_text5 p.p2 {
        font-size: 20px;
        margin:15px 0 30px;
    }.banner_text7 {
        font-size:20px;
    }.banner_text7 p:nth-child(1) {
        font-size: 32px;
    }
}
@media(max-width: 640px){.banner_text1 .p1 {
        font-size: 15px;
    }.banner_text1 .p2 {
        font-size: 20px;
    }#c-banner1 .swiper-pagination {
        bottom:10px;
    }#c-banner1 .swiper-slide2.swiper-slide-active .bgImg img {
        top:-40px;
    }.banner_text5 p.p1 {
        font-size: 24px; 
    }.banner_text5 p.p2 {
        font-size: 17px;
        margin:15px 0 25px;
    }.banner_text5 a {
        font-size: 14px;
        width: 100px;
        line-height: 32px;
    }.banner_text7 {
        font-size:16px;
    }.banner_text7 p:nth-child(1) {
        font-size: 20px;
    }
}
@media(max-width: 460px){.banner_text5 {
        flex-direction:unset;
        padding:15px 0;
        justify-content:center;
        text-align:center;
    }.banner_text5 p.p1 {
        font-size: 17px; 
    }.banner_text5 p.p2 {
        font-size: 14px;
        margin:10px 0 15px;
    }.banner_text5 a {
        margin:0 auto;
    }#c-banner1 .swiper-slide video, #c-banner1 .swiper-slide .banner_text7 {
        display:block;
    }.banner-video-slide .m_img {
        display: none;
    }
}.banner_text8 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align:center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99;
    color: #fff;  
    line-height: 1.6;
    text-align: center;
}.banner_text8 h3 {
    font-size: 60px;
}.banner_text8 p {
    font-size: 46px;
}.banner_text9 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99;
    color: #fff;  
    line-height: 1.6;
/*    text-align: center;  */  
}.banner_text9 .ys_logo {
    max-width: 187px;
}.banner_text9 h3, .banner_text9 h2 {
    font-size: 60px;
}.banner_text9 p {
    font-size: 30px;
}.banner_text9 a.a1 {
    display: inline-block;
    position: relative;
    z-index: 2;
    padding: 0 16px;
    font-size: 20px;
    line-height: 50px;
    color: #fff;
    font-weight: bold;
    margin-top:20px;
}.banner_text9 a.a1 i {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    background: #d30301;
    vertical-align: middle;
    margin-right: -25px;
    transition: all 0.4s ease-out;
}.banner_text9 a.a1 em {
    position: relative;
    display: inline-block;
    margin-left: 25px;
    font-style: normal;
}.banner_text9 a.a1:hover i {
    width: 100%;
}.banner_text9 a.a2 {
    display: flex;
    align-items: center;
    max-width: 176px; 
    height: 54px;
    font-size: 15px;
    color:#4c4c4c;
    margin-top:90px;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 27px;
    font-family: "puhui65";
}.banner_text9 a.a2 i {
    display: block;
    position: relative;
    width: 54px;
    height: 54px;
/*    background:url(../images/cn_more1.png) no-repeat center;*/
    margin-right: 28px;
    transform: rotate(-45deg);
    transition: all 0.3s ease-out;
}.banner_text9 a.a2 i div {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background:url(../images/cn_more2.png) no-repeat center #d30301;
    position: relative;
    z-index: 8;
}.banner_text9 a.a2 i img {
    display: inline-block;
    position: relative;
    z-index: 8;
}.banner_text9 a.a2 i:after, .banner_text9 a.a2 i:before {
    content:'';
    display: block;
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background:#d30301;
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    transition: all 1s ease-out;
    z-index: 1;
    opacity: 0.1;

/*    -webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);*/
}.banner_text9 a.a2:hover i {
    transform: rotate(0deg);
}.banner_text9 a.a2:hover i:after {
    -ms-transform: scale(3);
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -o-transform: scale(3);
    transform: scale(3);
/*    opacity: 0.03; */   
}.banner_text9 a.a2:hover i:before {
    -ms-transform: scale(2);
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
/*    opacity: 0.05;*/
/*    animation: big1 1s linear infinite;*/
}/*.banner_text9 a.a2 i:before {
    animation-delay: 0.6s;
}.banner_text9 a.a2 i:after {
    animation-delay: 0s; 
}*/
/*@keyframes big1 {from {
        transform: scale(1, 1); 
        opacity: 0.8;
    }to {
        transform: scale(1.8, 1.8); 
        opacity: 0;
    } 
}*/
.banner_text9 a.a2.a3 {
    background-color: rgba(255, 255, 255, 0.3);
    color:#fff;
}.banner_text9 a.a2.a3 i div {
    background:url(../images/cn_more3.png) no-repeat center #fff;
}.banner_text9 a.a2.a3 i:after, .banner_text9 a.a2.a3 i:before {
    background:#fff;
}.banner_text9 a.a2.a4 {
    background-color: rgba(255, 255, 255, 0.3);
    color:#4c4c4c;
}.banner_text9 a.a2.a4 i div {
    background:url(../images/cn_more2.png) no-repeat center #248f57;
}.banner_text9 a.a2.a4 i:after, .banner_text9 a.a2.a4 i:before {
    background:#248f57;
}.banner_text9 a.a2.a5 {
    background-color: rgba(255, 255, 255, 0.3);
    color:#4c4c4c;
}.banner_text9 a.a2.a5 i div {
    background:url(../images/cn_more2.png) no-repeat center #ed0007;
}.banner_text9 a.a2.a5 i:after, .banner_text9 a.a2.a4 i:before {
    background:#ed0007;
}.banner_text9 .ys_logo2 {
    max-width: 277px;
}.case_detail3_1 {
    padding:68px 0 95px;
    background:#f5f5f5;
}.case_detail3_1 .container {
    display: flex;
    flex-wrap: wrap;
}.case_detail3_1 .img {
    width: 40.8%;
}.case_detail3_1 .text {
    width: 59.2%;
    padding:0 90px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background:#fff;
}.case_detail3_1 .text p {
    font-size: 19px;
    color: #4c4c4c;
    line-height: 1.8;
}.case_detail3_1 .text p strong {
    font-size: 30px;
    color: #333333;
    display: block;
    margin-bottom: 10px;
}.case_detail3_1_2 {
    padding-top:130px;
    display: flex;
    flex-wrap: wrap;
}.case_detail3_1_2 .text1 {
    width: 40.8%;
    font-size: 50px;
    color: #333333;
    line-height: 1.2;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    justify-content: center;
}.case_detail3_1_2 .text2 {
    width: 59.2%;   
    font-size: 26px;
    color: #333333; 
}.case_detail3_1_2 .text2 p {
    margin-bottom: 10px;
}.case_detail3_2 {
    background:url(../images/ys_bg1.jpg) no-repeat center;
    background-size: cover;
    padding:105px 0;
}.case_detail3_2 .container {
    max-width: 1365px;
}.case_detail3_2 h1 {
    font-size: 130px;
    color: #141821;
    overflow: hidden;
    -webkit-text-stroke:1px #fff;
    color: transparent;
/*    white-space: nowrap; */
/*    text-overflow: ellipsis;*/
/*    overflow: hidden;*/
    line-height: 1;
    text-transform: uppercase;
    width: 130%;
}.case_detail3_2 .text {
    text-align: center;
    padding:40px 0 65px;
}.case_detail3_2 .text p {
    font-size: 16px;
    color: rgba(255,255,255,.7);
}.case_detail3_2 .text strong {
    font-size: 32px;
    color: #ffffff;
    display: block;
    margin-bottom: 10px;
}#c-banner3 {

}#c-banner3 .swiper-slide {
    position: relative;
    margin-top:12px;
    cursor: pointer;
}#c-banner3 .swiper-slide a img:nth-child(1) {
/*  transition: all 0.1s ease-out;*/
}#c-banner3 .swiper-slide a img:nth-child(2) {
    position: absolute;
    top:50%;
    margin-top:-23px;
    left:50%;
    margin-left:-23px;
    width: 46px;
    height: 46px;
    z-index:9;
/*    transition: all 0.1s ease-out;*/
}#c-banner3 .swiper-slide a img:nth-child(3) {
    display: none;
/*    transition: all 0.1s ease-out;*/
}#c-banner3 .swiper-slide a {
    display: block;
    transition: all 0.3s ease-out;
}#c-banner3 .swiper-slide p {
    width: 100px;
    line-height: 24px;
    font-size: 14px;
    color:#fff;
    text-align: center;
    position: absolute;
    top:0;
    left:0;
    z-index:9;
    background-color: rgba(0,0,0,.6);
    border-radius: 5px 0 5px 0;
/*    transition: all 0.1s ease-out;*/
}#c-banner3 .swiper-slide a:hover {
    margin-top:-12px;
}#c-banner3 .swiper-slide a:hover img:nth-child(1) {
    display: none;
}#c-banner3 .swiper-slide a:hover img:nth-child(2) {
    visibility: hidden;
}#c-banner3 .swiper-slide a:hover img:nth-child(3) {
    display: inline-block;
}#c-banner3 .swiper-slide a:hover p {
    display: none;
}.case_detail3_3 {

}.case_detail3_3_top {
    display: flex;
    flex-wrap: wrap;
    padding:135px 0 20px;
}.case_detail3_3_top .text {
    text-transform: uppercase;
    width: 66.5%;
    background:#d30301;
    padding:60px 46px 30px;
    color: #fff;
}.case_detail3_3_top .text .case_t1 {

}.case_detail3_3_top .text .case_t1 .p1 {
    font-size: 60px;
    line-height: 1;
}.case_detail3_3_top .text .case_t1 .p2 {
    font-size: 30px;
    padding:5px 0 40px;
}.case_txt1 {
    float:right;
    font-size: 16px;    
}.case_detail3_3_top .img {
    width: 33.5%;
}.case_detail3_3_top .img img {
    width: 100%;
    height: 100%;
}.case_detail3_3_ul {
    display: flex;
    flex-wrap: wrap;
}.case_detail3_3_ul li {
    text-transform: uppercase;
    width: 33.33333%;
    padding:24px 42px;
}.case_detail3_3_ul li:nth-child(1) {
    background:#ff0000;
    color: #fff;
}.case_detail3_3_ul li:nth-child(2) {
    background:#333;
    color: #fff;
}.case_detail3_3_ul li:nth-child(3) {
    background:#ebebeb;
    color: #333;
}.case_detail3_3_ul li .case_t1 {
    font-size: 20px;
    margin-bottom: 5px;
}.case_detail3_3_ul li .case_txt1 {
    font-size: 12px;
    float:right;
}.case_detail3_3_bottom {
    display: flex;
    flex-wrap: wrap;
    padding:100px 0;
}.case_detail3_3_bottom .txt1 {
    text-transform: uppercase;
    font-family: "微软雅黑";
    width: 32%;
    padding:0 45px;
    color: #333333;
}.case_detail3_3_bottom .txt1 .p1 {
    font-size: 60px;
    font-weight: bold;
    line-height: 1.2;
}.case_detail3_3_bottom .txt1 .p2 {
    font-size: 30px;
}.case_detail3_3_bottom .txt2 {
    width: 68%;    
}.case_detail3_3_bottom .txt2 .text2_top {
    display: flex;
    flex-wrap: wrap;
}.case_detail3_3_bottom .txt2 .text2_top .text1 {
    font-size: 28px;
    color: #d30301;
    width: 32.5%;
    font-weight: bold;
    padding-right: 15px;
}.case_detail3_3_bottom .txt2 .text2_top .text2 {
    font-family: "微软雅黑"; 
    color: #1a1a1a;   
    width: 67.5%;
}.case_detail3_3_bottom .txt2 .text2_top .text2 .p2 {
    font-size: 40px;
    font-weight: bold;
    line-height: 56px;
}.case_detail3_3_bottom .txt2 .text2_top .text2 .p3 {
    font-size: 30px;
    font-weight: bold;
}.case_detail3_3_bottom .txt2 .text2_top .text2 .p4 {
    font-size: 16px;
    line-height: 1.8;
}.case_detail3_3_bottom .txt2 .text2_bottom {
    display: flex;
    flex-wrap: wrap;
    margin-top:25px;
}.case_detail3_3_bottom .txt2 .text2_bottom .text1 {
    font-size: 28px;
    color: #d30301;
    text-transform: uppercase;
    width: 32.5%;
    font-weight: bold;
    padding-right: 15px;
}.case_detail3_3_bottom .txt2 .text2_bottom .text2 {
    font-family: "微软雅黑"; 
    color: #1a1a1a;   
    width: 67.5%;
}.case_detail3_3_bottom .txt2 .text2_bottom .text2 .p2 {
    font-size: 40px;
    font-weight: bold;
    line-height: 56px;
}.case_detail3_3_bottom .txt2 .text2_bottom .text2 .p3 {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.8;
}.case_detail3_3_bottom .txt2 .text2_bottom .text2 .p4 {
    font-size: 20px;
    line-height: 1.8;
}
/*case_detail3_1--case_detail3_3*/
@media(max-width: 1600px){.banner_text8 h3 {
        font-size: 46px;
    }.banner_text8 p {
        font-size: 32px;
    }.case_detail3_1 {
        padding:60px 0 70px;
    }.case_detail3_1 .text {
        padding:0 60px;
    }.case_detail3_1 .text p strong {
        font-size: 26px;
    }.case_detail3_1 .text p {
        font-size: 15px;
    }.case_detail3_1_2 {
        padding:90px 0 0;
    }.case_detail3_1_2 .text1 {
        font-size: 36px;
    }.case_detail3_1_2 .text2 {
        font-size: 20px;
    }.case_detail3_2 {
        padding:90px 0;
    }.case_detail3_2 h1 {
        font-size: 90px;
    }.case_detail3_2 .text {
        padding: 30px 0 50px;
    }.case_detail3_2 .text p {
        font-size: 15px;
    }.case_detail3_3_top {
        padding: 100px 0 20px;
    }.case_detail3_3_top .text {
        padding: 50px 40px 30px;
    }.case_detail3_3_top .text .case_t1 .p1 {
        font-size: 42px;
    }.case_detail3_3_top .text .case_t1 .p2 {
        font-size: 26px;
    }.case_detail3_3_ul li {
        padding:20px 30px;
    }.case_detail3_3_bottom {
        padding:90px 0;
    }.case_detail3_3_bottom .txt1 {
        padding:0 20px;
    }.case_detail3_3_bottom .txt1 .p1 {
        font-size: 42px;
    }.case_detail3_3_bottom .txt1 .p2 {
        font-size: 26px;
    }.case_detail3_3_bottom .txt2 .text2_top .text1, .case_detail3_3_bottom .txt2 .text2_bottom .text1 {
        font-size: 22px;
    }.case_detail3_3_bottom .txt2 .text2_top .text2 .p2, .case_detail3_3_bottom .txt2 .text2_bottom .text2 .p2 {
        font-size: 32px;
        line-height: 48px;
    }.case_detail3_3_bottom .txt2 .text2_top .text2 .p3, .case_detail3_3_bottom .txt2 .text2_bottom .text2 .p3 {
        font-size: 24px;
    }.case_detail3_3_bottom .txt2 .text2_top .text2 .p4, .case_detail3_3_bottom .txt2 .text2_bottom .text2 .p4 {
        font-size: 14px;
    }.banner_text9 .ys_logo {
        max-width: 160px;
    }.banner_text9 .ys_logo2 {
        max-width: 220px;
    }.banner_text9 h3, .banner_text9 h2 {
        font-size: 42px;
    }.banner_text9 p {
        font-size: 24px;
    }.banner_text9 a {
        font-size: 16px;
        line-height: 42px;
    }.banner_text9 a i {
        width: 42px;
        height: 42px;
        border-radius: 25px;
    }.banner_text9 a em {
        margin-left: 15px;
    }.banner_text9 a.a2 {
        height:45px;
        border-radius: 22.5px;
    }.banner_text9 a.a2 i {
        width:45px;
        height:45px;
    }
}
@media(max-width: 1259px){.case_detail3_1 {
        padding:60px 0;
    }.case_detail3_1 .text {
        padding:0 50px;
    }.case_detail3_1 .text p strong {
        font-size: 24px;
    }.case_detail3_1 .text p {
        font-size: 14px;
    }.case_detail3_1_2 {
        padding:70px 0 0;
    }.case_detail3_1_2 .text1 {
        font-size: 32px;
    }.case_detail3_1_2 .text2 {
        font-size: 16px;
    }.case_detail3_1_2 .text2 p {
        margin-bottom: 5px;
    }.case_detail3_2 {
        padding: 70px 0;
    }.case_detail3_2 h1 {
        font-size: 70px;
    }.case_detail3_2 .text {
        padding: 20px 0 30px;
    }.case_detail3_2 .text strong {
        font-size: 26px;
    }.case_detail3_2 .text p {
        font-size: 14px;
    }.case_detail3_3_top {
        padding: 70px 0 20px;
    }.case_detail3_3_top .text {
        padding: 35px 30px 25px;
    }.case_detail3_3_top .text .case_t1 .p1 {
        font-size: 32px;
    }.case_detail3_3_top .text .case_t1 .p2 {
        font-size: 20px;
    }.case_detail3_3_ul li {
        padding:20px 20px;
    }.case_detail3_3_bottom {
        padding:70px 0;
    }.case_detail3_3_bottom .txt1 {
        padding:0 0px;
    }.case_detail3_3_bottom .txt1 .p1 {
        font-size: 32px;
    }.case_detail3_3_bottom .txt1 .p2 {
        font-size: 20px;
    }.case_detail3_3_bottom .txt2 .text2_top .text1, .case_detail3_3_bottom .txt2 .text2_bottom .text1 {
        font-size: 20px;
    }.case_detail3_3_bottom .txt2 .text2_top .text2 .p2, .case_detail3_3_bottom .txt2 .text2_bottom .text2 .p2 {
        font-size: 26px;
        line-height: 40px;
    }.case_detail3_3_bottom .txt2 .text2_top .text2 .p3, .case_detail3_3_bottom .txt2 .text2_bottom .text2 .p3 {
        font-size: 20px;
    }
}
@media(max-width: 1024px){.banner_text8 h3 {
        font-size: 36px;
    }.banner_text8 p {
        font-size: 24px;
    }.banner_text9 .ys_logo {
        max-width: 150px;
    }.banner_text9 .ys_logo2 {
        max-width: 180px;
    }.banner_text9 h3, .banner_text9 h2 {
        font-size: 32px;
    }.banner_text9 p {
        font-size: 20px;
    }.banner_text9 a {
        font-size: 14px;
        line-height: 36px;
    }.banner_text9 a i {
        width: 36px;
        height: 36px;
    }.banner_text9 a em {
        margin-left: 12px;
    }
}
@media(max-width: 820px){.banner_text8 h3 {
        font-size: 32px;
    }.banner_text8 p {
        font-size: 20px;
    }.case_detail3_1 {
        padding:45px 0;
    }.case_detail3_1 .img {
        width: 100%;
    }.case_detail3_1 .img img {
        width: 100%;
    }.case_detail3_1 .text {
        width: 100%;
        padding:20px;
    }.case_detail3_1 .text p strong {
        font-size: 20px;
    }.case_detail3_1_2 {
        padding:50px 0 0;
    }.case_detail3_1_2 .text1 {
        font-size: 26px;
        width: 100%;
    }.case_detail3_1_2 .text2 {
        width: 100%;
        margin-top:15px;
        font-size: 14px;
    }.case_detail3_1_2 .text2 p {
        margin-bottom: 0;
    }.case_detail3_2 {
        padding: 55px 0;
    }.case_detail3_2 h1 {
        font-size: 50px;
    }.case_detail3_2 .text {
        padding: 20px 0 25px;
    }.case_detail3_2 .text strong {
        font-size: 22px;
        line-height: 1.6;
    }.case_detail3_3_top {
        padding: 50px 0 20px;
    }.case_detail3_3_top .text {
        width: 100%;
        padding: 25px 20px;
    }.case_detail3_3_top .text .case_t1 .p1 {
        font-size: 26px;
    }.case_detail3_3_top .text .case_t1 .p2 {
        font-size: 17px;
        padding: 5px 0 30px;
    }.case_txt1 {
        font-size: 15px;
    }.case_detail3_3_top .img {
        display: none;
    }.case_detail3_3_ul li {
        padding:15px 15px;
    }.case_detail3_3_ul li .case_t1 {
        font-size: 16px;
    }.case_detail3_3_bottom {
        padding: 50px 0;
    }.case_detail3_3_bottom .txt1 {
        margin-bottom: 15px;
    }.case_detail3_3_bottom .txt1 .p1 {
        font-size: 26px;
    }.case_detail3_3_bottom .txt1 .p2 {
        font-size: 18px;
    }.case_detail3_3_bottom .txt1 {
        width: 100%;
    }.case_detail3_3_bottom .txt2 {
        width: 100%;
    }.banner_text9 .ys_logo {
        max-width: 120px;
    }.banner_text9 .ys_logo2 {
        max-width: 260px;
    }.banner_text9 h3, .banner_text9 h2 {
        font-size: 26px;
    }.banner_text9 p {
        font-size: 16px;
    }.banner_text9 a.a2 {
        margin-top:60px;
        max-width: 160px;
    }
}
@media(max-width: 640px){.banner_text8 h3 {
        font-size: 22px;
    }.banner_text8 p {
        font-size: 14px;
    }.case_detail3_1 {
        padding:30px 0;
    }.case_detail3_1 .text p strong {
        font-size: 17px;
        margin-bottom: 0px;
    }.case_detail3_1_2 {
        padding:30px 0 0;
    }.case_detail3_1_2 .text1 {
        font-size: 20px;
    }.case_detail3_2 {
        padding: 40px 0;
    }.case_detail3_2 h1 {
        font-size: 32px;
    }.case_detail3_2 .text {
        padding: 20px 0 20px;
    }.case_detail3_2 .text strong {
        font-size: 18px;
        line-height: 1.8;
    }.case_detail3_3_top {
        padding: 30px 0 20px;
    }.case_detail3_3_top .text {
        padding: 20px 15px;
    }.case_detail3_3_top .text .case_t1 .p1 {
        font-size: 20px;
    }.case_detail3_3_top .text .case_t1 .p2 {
        font-size: 15px;
        padding: 5px 0 20px;
    }.case_txt1 {
        font-size: 14px;
    }.case_detail3_3_ul li {
        width: 100%;
    }.case_detail3_3_bottom {
        padding: 30px 0;
    }.case_detail3_3_bottom .txt1 .p1 {
        font-size: 20px;
    }.case_detail3_3_bottom .txt1 .p2 {
        font-size: 16px;
    }.case_detail3_3_bottom .txt2 .text2_top .text1, .case_detail3_3_bottom .txt2 .text2_bottom .text1 {
        width: 100%;
        font-size: 16px;
    }.case_detail3_3_bottom .txt2 .text2_top .text2, .case_detail3_3_bottom .txt2 .text2_bottom .text2 {
        width: 100%;
    }.case_detail3_3_bottom .txt2 .text2_bottom {
        margin-top:15px;
    }.case_detail3_3_bottom .txt2 .text2_top .text2 .p2, .case_detail3_3_bottom .txt2 .text2_bottom .text2 .p2 {
        font-size: 18px;
        line-height: 1.8;
    }.case_detail3_3_bottom .txt2 .text2_top .text2 .p3, .case_detail3_3_bottom .txt2 .text2_bottom .text2 .p3 {
        font-size: 15px;
    }.case_detail3_3_bottom .txt2 .text2_top .text2 .p4, .case_detail3_3_bottom .txt2 .text2_bottom .text2 .p4 {
        font-size: 13px;
    }.banner_text9 a.a2 {
        height:40px;
        border-radius: 20px;
        margin-top: 35px;
        font-size:14px;
        max-width: 130px;
    }.banner_text9 a.a2 i {
        width:40px;
        height:40px;
        margin-right: 15px;
    }.banner_text9 a.a2, .banner_text9 a.a2.a3 {
        background-color: rgba(255, 255, 255, 0.8);
        color: #333!important;
    }.banner_text9 a.a2.a3 i div, .banner_text9 a.a2 i div {
        background: url(../images/cn_more2.png) no-repeat center #d30301;
    }
}
@media(max-width: 460px){.case_detail3_2 h1 {
        font-size: 26px;
    }.banner_text9 .ys_logo {
        max-width: 110px;
    }.banner_text9 .ys_logo2 {
        max-width: 130px;
    }.banner_text9 h3, .banner_text9 h2 {
        font-size: 18px;
    }.banner_text9 p {
        font-size: 14px;
    }/*    .banner_text9 a {
        display: none;
    }*/
}.case_detail3_4 {
    background:#f5f5f5;
    padding:85px 0 0;
}.case_detail_top {
    margin-bottom: 55px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}.case_detail_top .case_t2 {

}.case_detail_top .case_t2 h2 {
    font-size: 135px;
    color: #d30301;
    line-height: 1;
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
}.case_detail_top .case_t2 .p1 {
    font-size: 50px;
    color: #333;
    font-weight:bold;
    line-height: 1.5;
}.case_detail_top .case_t2 .p2 {
    font-size: 20px;
    color: #272727;
    line-height: 1;
}.case_detail_top .p3 {
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    position: relative;
    margin-top:170px;
    padding-top:5px;
}.case_detail_top .p3:before {
    content:'';
    position: absolute;
    top:0;
    left:0;
    width: 80px;
    height:2px;
    background:#d30301;
}.case_detail_4_img1 {
    background:url(../images/ys_bg7.jpg) no-repeat center;
    background-size: cover;
    padding:105px 190px 95px;
}.ys_t1 {
    color: #fff;
    text-align: center;
    margin-bottom: 65px;
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
}.ys_t1 .p1 {
    font-size: 60px;
    line-height: 1;
    font-weight: bold;
}.ys_t1 .p2 {
    font-size: 30px;
}#c-banner5 {
    background:#fff;
    border-radius: 10px;
}.case_detail_4_img2 {
    margin:70px 0 80px;    
}.index_about {
    padding:110px 200px 90px;
    background:url(../images/bg1.jpg) no-repeat center bottom;
    background-size: cover;
    border:2px solid #333;
    border-radius: 15px;
    text-align: center;
    font-family: "微软雅黑";
    margin:70px 0 10px;
}.index_about h2 {
    font-size:48px;
    color: #333333;
    text-align:center;
    line-height: 1;
    margin-bottom: 30px;
    animation-delay: 0.3s;
}.index_about .text {
    font-size:24px;
    color: #666666;
    animation-delay: 0.6s;
}.num_list2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin:45px 0 110px;
    animation-delay: 0.9s;
}.num_list2 li {
    padding:0 75px;
    position: relative;
}.num_list2 li:nth-child(1) {
    padding-left: 0;
}.num_list2 li:last-child {
    padding-right: 0;
}.num_list2 li:last-child:before {
    display: none;
}.num_list2 li:before {
    content:'';
    position: absolute;
    top:50%;
    margin-top: -40px;
    right:0;
    width: 1px;
    height:80px;
    background-color: #e0e0e0;
}.num_list2 li .p1 {
    display: flex;
    flex-wrap: wrap;
}.num_list2 li .p1 span {
    font-size:46px;
    color: #1a1a1a;
    font-family: "宋体";
    font-weight: bold;
    line-height: 1.2;
}.num_list2 li .p1 sup {
    font-size:20px;
    color: #1a1a1a;
    line-height: 1;
}.num_list2 li .p2 {
    display: flex;
    flex-wrap: wrap;
    font-size:15px;
    color: #4c4c4c;
    line-height: 26px;
}.num_list2 li .p2 em {
    display: inline-block;
}.num_list2 li .p2 span {
    margin-left: 7px;
    font-size:15px;
    color: #4c4c4c;
    line-height: 28px;
    display: inline-block;
}.index_about a {
    overflow: visible;
    display: inline-block;
    margin-left: 0 auto;
    animation-delay: 1.2s;
}.index_about a i {
    display: inline-block;
    vertical-align: middle;
    width: 70px;
    height: 70px;
    background: url(../images/player1.png) no-repeat;
    position: relative;
    cursor: pointer;
    margin-right: 30px;
}.index_about a i:before, .index_about a i:after {    
    content: "";
    display: block;
    width: 72px;
    height: 72px;
    border: 1px dotted #df591e;
    border-radius: 100%;
    position: absolute;
    top: -1px;
    left: -1px;
    animation: videoDh 1.5s linear infinite;
    opacity: 0.8;
}.index_about a i:before {
    animation-delay: 0.6s;
}.index_about a i:after {
    animation-delay: 0s; 
}.index_about a span {
    display: inline-block;
    line-height: 1;
    font-size: 18px;
    color: #d30301;
    font-weight: bold;
    position: relative;
    bottom: 0px;
    left:20px;
}
@keyframes videoDh {from {
        transform: scale(1, 1); 
        opacity: 0.8;
    }to {
        transform: scale(1.8, 1.8); 
        opacity: 0;
    } 
}.cboxOverlay {
    position: fixed;
    z-index: 10000;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    display: none;
}.colorbox {
    position: fixed;
    width: 90%;
    height: 70%;
    top: 15%;
    left: 5%;
    background: #ffffff;
    z-index: 10001;
    display: none;
}.colse_click {
    position: absolute;
    top: -30px;
    right: 0;
    width: 25px;
    height: 25px;
    background: url("../images/closeVideo.png") no-repeat center;
    cursor: pointer;
}.colorbox iframe {
    width: 100%;
    height: 100%;
}.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr;
}.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto;
}.case_fixed_img {
    padding-top: 52%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 100;
    image-rendering: auto;
    image-rendering: crisp-edges;
}.cf:before {
    content: '';
    display: table;
}.cf:after {
    content: '';
    display: table;
    clear: both;
}.case_fixed_img .before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 14%;
    background: #f4f4f4;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 0;
}.case_fixed_img .after {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 14%;
    background: #f4f4f4;
    -webkit-transform: translateX(0);
    transform: translateX(0);
        opacity: 0;
}.ys_linian {
    padding:120px 0;
}.ys_linian h3 {
    font-size: 40px;
    color: #333333;
}.ys_linian .text {
    font-size: 20px;
    margin:15px 0 110px;
    line-height: 1.6;
}.ys_xcx {

}.case_t3 {
    text-align: center;
    margin-bottom: 35px;
}.case_t3 h3 {
    font-size: 60px;
    color: #333;
    line-height: 1;
}.case_t3 p {
    font-size: 30px;
    color: #272727;
}.ys_xcx .cont {
    background: url("../images/ys_bg2.jpg") no-repeat center;
    padding:285px 0;
    background-size: cover;
    background-attachment: fixed;
}.ys_xcx .cont .text {
    float:right;
    max-width: 620px;
    color: #fff;
}.ys_xcx .cont .text h3 {
    font-size: 70px;
    line-height: 1;
}.ys_xcx .cont .text .p1 {
    font-size: 36px;
    margin:10px 0 70px;
}.ys_xcx .cont .text .txt {
    font-size: 16px;
    line-height: 1.8;
    color: #b2b2b2;
}.case_detail3_5 {
    background:#f5f5f5;
    padding:80px 0;
}.dspyy {
    padding:100px 0 0;
    text-align: center;
    background:#fff;
}.dspyy h2 {
    font-size: 60px;
    color: #272727;
    line-height: 1;
}.dspyy .text {
    padding:35px 80px;
    font-size: 18px;
    color: #272727;
}.dsp_cont1 {
    padding:80px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}.dsp_cont1 .img {
    width: 50%;
}.dsp_cont1 .text {
    width: 50%;
    max-width: 610px;
    padding:15px 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}.dsp_cont1 .text h3 {
    font-size: 50px;
    color: #141821;
}.dsp_cont1 .text p {
    font-size: 18px;
    color: #141821;
    line-height: 1.6;
}.dspjj {
    padding:80px 0 100px;
    background:#fff;
}.case_t4 {
    text-align: center;
    margin-bottom: 50px;
}.case_t4 h3 {
    font-size: 50px;
    color: #141821;
    line-height: 1.6;
}.case_t4 p {
    font-size: 18px;
    color: #141821;
}#c-banner4 .swiper-pagination {
    position: relative;
    margin-top:60px;
    height: 4px;
    background:#e0e0e0;
}#c-banner4 .swiper-pagination .swiper-pagination-progressbar-fill {
    background:#d30301;
}.dspsj {
    background:url(../images/ys_bg4.png) no-repeat center #fff;
    background-size: cover;
}.dspsj .container {
    display: flex;
    flex-wrap: wrap;
}.dspsj .imgs {
    width: 50%;
/*    text-align: center;*/
    padding:0 30px 0 0;
}.dspsj .imgs .img {
    display: none;
}.dspsj .text {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}.dspsj .text h2 {
    font-size: 50px;
    color: #333333;
    line-height: 1;
    margin-bottom: 55px;
}.ys_tabli {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #d3d3d3;
}.ys_tabli li {
    position: relative;
    line-height: 60px;
    padding:0 10px;
    font-size: 26px;
    color: #333333;
    cursor: pointer;
}.ys_tabli li.cur {
    color: #d30301; 
}.ys_tabli li.cur:before {
    content:'';
    position: absolute;
    bottom:0;
    left:0;
    width: 100%;
    height: 2px;
    background:#d30301;
}.ys_tab {
    display: none;
    font-size: 18px;
    color: #141821;
    margin:25px 0 100px;
}.dspsj a.more1 {
    display: flex;
    justify-content: center;
    width: 190px;
    line-height: 56px;
    font-size: 20px;
    color: #fff;
    background: #d30301;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}.dspsj a.more1 i {
    display: block;
    width: 9px;
    background:url(../images/more3.png) no-repeat center;
    margin-left: 25px;
}.dspsj a.more1:before {
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation: wave 1.3s infinite;
    animation: wave 1.3s infinite;
    z-index: 1;
}.dsyy {
    background:url(../images/ys_bg5.jpg) no-repeat center;
/*    background-size: cover;*/
    height: 1000px;
    background-attachment: fixed;
}.dsyy .cont {
    padding:110px 0 50px;
    max-width: 646px;
    color: #fff;
}.case_t5 {

}.case_t5 h2 {
    font-size: 135px;
    line-height: 1;
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
}.case_t5 .p1 {
    font-size: 50px;
    line-height: 1.5;
}.case_t5 .p2 {
    font-size: 20px;
    line-height: 1;
}.dsyy .cont .text {

}.dsyy .cont .text h3 {
    font-size: 46px;
    margin:60px 0 10px;
}.dsyy .cont .text .txt {
    font-size: 16px;
}.dsyy_sd {
    padding:75px 0 120px;
}.dsyy_sd h2 {
    text-align: center;
    font-size: 50px;
    color: #333333;
    line-height: 1;
    margin-bottom: 55px;
}.dsyy_sd span {
    color: #d30301;
}.dsyy_sd ul {
    display: flex;
    flex-wrap: wrap;
    max-width: 1285px;
    margin:0 auto;
}.dsyy_sd ul li {
    margin-bottom: 16px;
    background:#fff;
    width: 23.5%;
    margin-right: 2%;
    text-align: center;
    padding: 45px 35px 30px;
}.dsyy_sd ul li:nth-child(4n) {
    margin-right: 0;
}.dsyy_sd ul li .img {
    width: 80px;
    height: 80px;
    margin:0 auto;
}.dsyy_sd ul li:nth-child(1) .img {
    background: url('../images/css_sprites.png') -2px -2px;
}.dsyy_sd ul li:nth-child(2) .img {
    background: url('../images/css_sprites.png') -2px -86px;
}.dsyy_sd ul li:nth-child(3) .img {
    background: url('../images/css_sprites.png') -170px -2px;
}.dsyy_sd ul li:nth-child(4) .img {
    background: url('../images/css_sprites.png') -2px -170px;
}.dsyy_sd ul li:nth-child(5) .img {
    background: url('../images/css_sprites.png') -170px -170px;
}.dsyy_sd ul li:nth-child(6) .img {
    background: url('../images/css_sprites.png') -254px -86px;
}.dsyy_sd ul li:nth-child(7) .img {
    background: url('../images/css_sprites.png') -2px -254px;
}.dsyy_sd ul li:nth-child(8) .img {
    background: url('../images/css_sprites.png') -170px -254px;
}.dsyy_sd ul li h3 {
    font-size: 24px;
    color: #333;
    font-weight: bold;
    margin: 11px 0;
    line-height: 24px;    
}.dsyy_sd ul li p {
    margin-bottom: 13px;
    font-size: 16px;
    color: #999;
    line-height: 24px;    
}.dsyy_sd ul li a {
    display: flex;
    border:1px solid #ebebeb;
    width: 132px;
    line-height: 40px;
    font-size: 14px;
    color: #BBBBBB;
    border-radius: 25px;
    margin:0 auto;
    justify-content: center;
}.dsyy_sd ul li a i {
    display: block;
    width: 12px;
    height: 12px;
    margin-right: 8px;
    background: url('../images/css_sprites.png') -458px -94px;
    position: relative;
    margin-top: 14px;
}.dsyy_sd ul li:hover a {
    color:#fff;
    background: #E62129;
    border: 1px solid #E62129;
}.dsyy_sd ul li:hover a i {
    background-position: -458px -138px;
}.ys_4 {
    background:url(../images/ys_bg6.jpg)no-repeat center;
    background-size: cover;
    padding:130px 0 180px;
    position: relative;
}.ys_4 .cont {
    position: relative;
    z-index:9;
    width: 45%;
    color: #fff;
}.ys_4 .cont h3 {
    font-size: 50px;
    line-height: 1;
    margin:290px 0 35px;
}.ys_4 .img {
    position: absolute;
    right:0;
    top:105px;
    width: 62.5%;
    z-index:8;
}.ys_img2 {
    padding:35px 0 0;
}.ys_img3 {
    padding:105px 0 85px;
}.ys_huace {
/*    background:url(../images/ys_bg7.jpg);*/
    background:#e4e4e4;
    padding:25px 0 100px;
}.huace_img {
    text-align: center;
    margin-bottom: 60px;
}.customers-2.swiper-container {
    padding:25px 0;
}.ys_bottom {
    padding:105px 0;
    text-align: center;
}.ys_bottom p {
    font-size: 70px;
    color: #171b23;
    line-height: 1;
    margin-bottom: 45px;
    text-transform: uppercase;
}.ys_bottom a.more1 {
    display: flex;
    justify-content: center;
    width: 300px;
    line-height: 56px;
    font-size: 20px;
    color: #fff;
    background: #1E7AB8;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    margin:0 auto;
    text-transform: uppercase;
}.ys_bottom a.more1 i {
    display: block;
    width: 9px;
    background:url(../images/more3.png) no-repeat center;
    margin-left: 35px;
}.ys_bottom a.more1:before {
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation: wave 1.3s infinite;
    animation: wave 1.3s infinite;
    z-index: 1;
}
/*case_detail3_4*/
@media(max-width: 1600px){.index_about {
        padding:90px 80px;
    }.index_about h2 {
        font-size:36px;
    }.index_about .text {
        font-size:20px;
    }.num_list2 li .p1 span {
        font-size:32px;
    }.num_list2 li .p2 span {
        font-size:14px;
    }.case_detail3_4 {
        padding:80px 0 0;
    }.case_detail_top .case_t2 h2 {
        font-size: 90px;
    }.case_detail_top .case_t2 .p1 {
        font-size: 42px;
    }.case_detail_top .case_t2 .p2 {
        font-size: 16px;
    }.case_detail_top .p3 {
        font-size: 26px;
        margin-top: 110px;
    }.ys_linian {
        padding:90px 0;
    }.ys_linian h3 {
        font-size: 32px;
    }.ys_linian .text {
        font-size: 15px;
        margin: 10px 0 70px;
    }.case_t3 h3, .dspyy h2 {
        font-size: 42px;
    }.case_t3 p {
        font-size: 26px;
    }.ys_xcx .cont {
        padding:220px 0;
    }.ys_xcx .cont .text h3 {
        font-size: 52px;
    }.ys_xcx .cont .text .p1 {
        font-size: 32px;
        margin:10px 0 50px;
    }.ys_xcx .cont .text .txt {
        font-size: 14px;
    }.dspyy .text {
        padding: 30px 40px;
        font-size: 15px;
    }.dsp_cont1 .text {
        padding: 15px 35px;
    }.dsp_cont1 .text h3, .case_t4 h3 {
        font-size: 36px;
    }.dsp_cont1 .text p {
        font-size: 15px;
    }.dspjj {
        padding:80px 0;
    }.case_t4 p {
        font-size: 15px;
    }#c-banner4 .swiper-pagination {
        margin-top:30px;
    }.dspsj .text h2 {
        font-size: 36px;
        margin-bottom: 40px;
    }.ys_tabli li {
        font-size: 20px;
    }.ys_tab {
        font-size: 15px;
        margin: 15px 0 50px;
    }.dspsj a.more1 {
        width: 150px;
        line-height: 42px;
        font-size: 15px;
    }.dsyy {
        background: url(../images/ys_bg5.jpg) no-repeat left center;
        /* background-size: cover; */
        height: 700px;        
    }.case_t5 h2 {
        font-size: 90px;
    }.case_t5 .p1 {
        font-size: 36px;
    }.case_t5 .p2 {
        font-size: 15px;
    }.dsyy .cont .text h3 {
        font-size: 36px;
    }.dsyy .cont .text .txt {
        font-size: 15px;
    }.dsyy_sd {
        padding: 75px 0 90px;
    }.dsyy_sd h2 {
        font-size: 36px;
        margin-bottom: 40px;
    }.ys_4 {
        padding:100px 0;
    }.ys_4 .cont h3 {
        font-size: 36px;
        margin: 200px 0 30px;
    }.ys_img3 {
        padding: 85px 0 ;
    }.ys_bottom {
        padding:90px 0;
    }.ys_bottom p {
        font-size: 52px;
        margin-bottom: 35px;
    }.ys_bottom a.more1 {
        width: 260px;
        font-size: 16px;
        line-height: 42px;
    }.ys_bottom a.more1 i {
        margin-left: 20px;
    }.ys_huace {
        padding: 25px 0 80px;
    }.huace_img {
        margin-bottom: 40px;
    }.case_detail_4_img1 {
        padding:80px 120px 90px;
    }.ys_t1 {
        margin-bottom: 50px;
    }.ys_t1 .p1 {
        font-size: 36px;
    }.ys_t1 .p2 {
        font-size: 24px;
    }.dsyy_sd ul li {
        padding:35px 20px 30px;
    }.dsyy_sd ul li h3 {
        font-size: 20px;
    }.dsyy_sd ul li p {
        font-size: 15px;
    }
}
@media(max-width: 1440px){.index_about .text {
        font-size:18px;
    }.case_detail3_5 {
        padding:60px 0;
    }
}
@media(max-width: 1360px){.num_list2 li {
        padding:0 50px;
        position: relative;
    } 

}
@media(max-width: 1259px){.case_detail3_4 {
        padding:70px 0 0;
    }.case_detail_top {
        margin-bottom: 40px;
    }.case_detail_top .case_t2 h2 {
        font-size: 70px;
    }.case_detail_top .case_t2 .p1 {
        font-size: 32px;
    }.case_detail_top .case_t2 .p2 {
        font-size: 14px;
    }.case_detail_top .p3 {
        font-size: 22px;
        margin-top: 80px;
    }.ys_linian, .dspyy {
        padding:70px 0;
    }.ys_linian h3 {
        font-size: 26px;
    }.ys_linian .text {
        font-size: 14px;
        margin: 10px 0 50px;
    }.case_t3 {
        margin-bottom: 30px;
    }.case_t3 h3, .dspyy h2 {
        font-size: 32px;
    }.case_t3 p {
        font-size: 22px;
    }.ys_xcx .cont {
        padding:160px 0;
        background: url(../images/ys_bg2.jpg) no-repeat right center;
    }.ys_xcx .cont .text h3 {
        font-size: 36px;
    }.ys_xcx .cont .text .p1 {
        font-size: 26px;
        margin:10px 0 30px;
    }.dspyy .text {
        padding: 20px 0px;
        font-size: 14px;
    }.dsp_cont1 {
        padding:60px 0;
    }.dsp_cont1 .text h3, .case_t4 h3 {
        font-size: 32px;
    }.dsp_cont1 .text p {
        font-size: 14px;
    }.dspjj {
        padding:60px 0;
    }.case_t4 {
        margin-bottom: 35px;
    }.case_t4 p {
        font-size: 14px;
    }.dspsj .text h2 {
        font-size: 32px;
        margin-bottom: 30px;
    }.ys_tabli li {
        font-size: 16px;
        line-height: 42px;
    }.ys_tab {
        font-size: 14px;
        margin: 12px 0 30px;
    }.dspsj a.more1 {
        width: 120px;
        line-height: 36px;
        font-size: 14px;
    }.dspsj a.more1 i {
        margin-left: 10px;
    }.dsyy {
        height: 550px;        
    }.case_t5 h2 {
        font-size: 70px;
    }.case_t5 .p1 {
        font-size: 32px;
    }.case_t5 .p2 {
        font-size: 14px;
    }.dsyy .cont {
        padding:70px 0 50px;
    }.dsyy .cont .text h3 {
        font-size: 32px;
        margin: 40px 0 0px;
    }.dsyy .cont .text .txt {
        font-size: 14px;
    }.dsyy_sd {
        padding: 70px 0;
    }.dsyy_sd h2 {
        font-size: 32px;
        margin-bottom: 30px;
    }.ys_4 {
        padding:70px 0;
    }.ys_4 .cont h3 {
        font-size: 36px;
        margin: 120px 0 20px;
    }.ys_img3 {
        padding: 70px 0 ;
    }.case_detail_4_img1 {
        padding:60px 50px ;
    }.ys_t1 {
        margin-bottom: 35px;
    }.ys_t1 .p1 {
        font-size: 32px;
    }.ys_t1 .p2 {
        font-size: 22px;
    }.dsyy_sd ul li {
        padding:20px 15px;
    }.dsyy_sd ul li h3 {
        font-size: 16px;
        margin:7px 0;
    }.dsyy_sd ul li p {
        font-size: 14px;
    }
}
@media(max-width: 1024px){.index_about {
        padding:70px 20px;
    }.case_detail_4_img2 {
        margin:70px 0;
    }.index_about h2 {
        font-size:30px;
    }.num_list2 {
        margin:40px 0 80px;
    }.num_list2 li {
        padding:0 30px;
        position: relative;
    }#c-banner4 .swiper-pagination {
        margin-top:20px;
    }.case_detail3_5 {
        padding:40px 0;
    }.ys_bottom {
        padding:70px 0;
    }.ys_bottom p {
        font-size: 42px;
    }.ys_bottom a.more1 {
        width: 220px;
        font-size: 14px;
        line-height: 36px;
    }.ys_bottom a.more1 i {
        margin-left: 15px;
    }.ys_huace {
        padding: 25px 0 60px;
    }
}
@media(max-width: 990px){.dsyy_sd ul li {
        width: 32%;
    }.dsyy_sd ul li:nth-child(4n) {
        margin-right: 2%;
    }.dsyy_sd ul li:nth-child(3n) {
        margin-right: 0;
    }
}
@media(max-width: 820px){.index_about {
        padding:50px 15px;
        margin: 50px 0 10px;
    }.case_detail_4_img2 {
        margin: 50px 0;
    }.index_about h2 {
        font-size:26px;
    }.index_about .text {
        font-size: 15px;
    }.num_list2 li {
        padding:0 20px;
        position: relative;
    }.case_detail3_4 {
        padding:50px 0 0;
    }.case_detail_top {
        margin-bottom: 30px;
    }.case_detail_top .case_t2 h2 {
        font-size: 50px;
    }.case_detail_top .case_t2 .p1 {
        font-size: 26px;
    }.case_detail_top .p3 {
        font-size: 20px;
        margin-top: 50px;
    }.ys_linian, .dspyy, .dsp_cont1 {
        padding:50px 0;
    }.ys_linian h3 {
        font-size: 24px;
    }.ys_linian .text {
        margin: 10px 0 30px;
    }.case_t3 {
        margin-bottom: 20px;
    }.case_t3 h3, .dspyy h2 {
        font-size: 26px;
    }.case_t3 p {
        font-size: 18px;
    }.ys_xcx .cont {
        padding:100px 0;
    }.ys_xcx .cont .text h3 {
        font-size: 26px;
    }.ys_xcx .cont .text .p1 {
        font-size: 20px;
        margin:10px 0 20px;
    }.case_detail3_5 {
        padding:30px 0;
    }.dspyy .text {
        padding: 15px 0px;
    }.dsp_cont1 .text {
        padding: 15px 20px;
    }.dsp_cont1 .text h3, .case_t4 h3 {
        font-size: 26px;
    }.dspjj {
        padding:45px 0;
    }.case_t4 {
        margin-bottom: 30px;
    }.dspsj .text h2 {
        font-size: 26px;
        margin-bottom: 20px;
    }.ys_tabli li {
        font-size: 16px;
        line-height: 42px;
    }.ys_tab {
        margin: 12px 0 20px;
    }.dsyy {
        height: auto;
        padding:50px 0;
    }.dsyy .cont {
        padding:0px 0;
    }.dsyy .cont .text h3 {
        font-size: 26px;
        margin: 30px 0 0px;
    }.case_t5 h2 {
        font-size: 32px;
    }.case_t5 .p1 {
        font-size: 26px;
    }.dsyy .cont .text h3 {
        font-size: 24px;
        margin: 30px 0 0px;
    }.dsyy_sd {
        padding: 50px 0;
    }.dsyy_sd h2 {
        font-size: 26px;
        margin-bottom: 20px;
    }.ys_4 {
        padding:50px 0;
    }.ys_4 .cont h3 {
        font-size: 26px;
        margin: 60px 0 20px;
    }.ys_img3 {
        padding: 50px 0 ;
    }.ys_bottom {
        padding:50px 0;
    }.ys_bottom p {
        font-size: 30px;
        margin-bottom: 30px;
    }.ys_bottom a.more1 {
        width: 180px;
    }.ys_bottom a.more1 i {
        margin-left: 12px;
    }.ys_huace {
        padding: 25px 0 45px;
    }.huace_img {
        margin-bottom: 30px;
    }.case_detail_4_img1 {
        padding:45px 20px ;
    }.ys_t1 {
        margin-bottom: 30px;
    }.ys_t1 .p1 {
        font-size: 26px;
    }.ys_t1 .p2 {
        font-size: 20px;
    }
}
@media(max-width: 640px){.case_detail_top .case_t2 {
        width: 100%;
    }.case_detail_top .p3 {
        width: 100%;
    }.index_about {
        padding:30px 10px;
        margin: 30px 0 10px;
    }.case_detail_4_img2 {
        margin: 30px 0;
    }.index_about h2 {
        font-size:22px;
        margin-bottom: 15px;
    }.num_list2 {
        margin: 20px 0 30px;
    }.num_list2 li {
        width: 50%;
        margin:10px 0;
    }.num_list2 li:before {
        height: 60px;
        margin-top:-30px;
    }.num_list2 li:nth-child(2):before {
        display: none;
    }.num_list2 li:nth-child(3) {
        padding-left: 0;
    }.num_list li .p1 span {
        font-size:26px;
    }.case_detail3_4 {
        padding:30px 0 0;
    }.case_detail_top {
        margin-bottom: 20px;
    }.case_detail_top .case_t2 h2 {
        font-size: 32px;
    }.case_detail_top .case_t2 .p1 {
        font-size: 22px;
    }.case_detail_top .p3 {
        font-size: 16px;
        margin-top: 20px;
    }.ys_linian, .dspyy, .dsp_cont1 {
        padding:30px 0;
    }.ys_linian h3 {
        font-size: 20px;
    }.ys_linian .text {
        margin: 5px 0 20px;
    }.case_t3 {
        margin-bottom: 12px;
    }.case_t3 h3, .dspyy h2 {
        font-size: 22px;
    }.case_t3 p {
        font-size: 15px;
    }.ys_xcx .cont {
        padding:50px 0;
    }.ys_xcx .cont .text h3 {
        font-size: 22px;
    }.ys_xcx .cont .text .p1 {
        font-size: 16px;
        margin:10px 0 15px;
    }.dsp_cont1 .text {
        padding: 15px 0px;
    }.dsp_cont1 .text h3, .case_t4 h3 {
        font-size: 20px;
    }.dspjj {
        padding:30px 0;
    }.case_t4 {
        margin-bottom: 20px;
    }#c-banner4 .swiper-pagination {
        margin-top:15px;
    }.dsyy {
        padding:30px 0;
    }.dsyy .cont .text h3 {
        font-size: 22px;
        margin: 20px 0 0px;
    }.case_t5 h2 {
        font-size: 22px;
    }.case_t5 .p1 {
        font-size: 20px;
    }.dsyy .cont .text h3 {
        font-size: 18px;
        margin: 15px 0 0px;
    }.dsyy_sd {
        padding: 30px 0;
    }.dsyy_sd h2 {
        font-size: 22px;
    }.dsyy_sd ul li {
        width: 49%;
    }.dsyy_sd ul li:nth-child(3n) {
        margin-right: 2%;
    }.dsyy_sd ul li:nth-child(2n) {
        margin-right: 0;
    }.ys_4 {
        padding:35px 0;
    }.ys_4 .cont h3 {
        font-size: 22px;
        margin: 35px 0 20px;
    }.ys_img3 {
        padding: 30px 0 ;
    }.ys_bottom {
        padding:35px 0;
    }.ys_bottom p {
        font-size: 22px;
        margin-bottom: 20px;
    }.index_about a i {
        width: 40px;
        height: 40px;
        background-size: contain;
        margin-right: 8px;
    }.index_about a i:before, .index_about a i:after {
        width: 42px;
        height: 42px;
    }.index_about .text {
        font-size: 14px;
    }.dsp_cont1 .img {
        width: 100%;
    }.dsp_cont1 .text {
        width: 100%;
    }.dspsj .imgs {
        display: none;
    }.dspsj .text {
        width: 100%;
        padding:30px 0;
    }.dspsj .text h2 {
        font-size: 20px;
    }.ys_tabli li {
        font-size: 15px;
        line-height: 36px;
    }.ys_4 .cont {
        width: 100%;
    }.ys_4 .img {
        position: relative;
        top:0;
        left:0;
        width: 100%;
        margin-top:20px;
    }.ys_huace {
        padding: 25px 0 30px;
    }.customers-2.swiper-container {
        padding: 15px 0;
    }.case_detail_4_img1 {
        padding:30px 15px ;
    }.ys_t1 {
        margin-bottom: 15px;
    }.ys_t1 .p1 {
        font-size: 22px;
    }.ys_t1 .p2 {
        font-size: 18px;
    }
}
@media(max-width: 460px){.ys_xcx .cont {
        padding:35px 0;
    }.ys_xcx .cont .text .p1 {
        margin: 5px 0 15px;
    }.dspyy h2 {
        font-size: 20px;
    }.dsp_cont1 .text h3 {
        font-size: 17px;
    }.ys_4 .cont h3 {
        font-size: 18px;
        margin: 30px 0 10px;
    }
}.index1 {
    padding:110px 0 100px;
    background:url(../images/bg1.png) no-repeat right center;
    background-size: cover;
}.index1 .text {
    width: calc(100% - 700px);
    max-width: 800px;
    float:left;
}.index1 .text h3 {
    font-size: 40px;
    color: #333333;
    font-family: "微软雅黑";
}.index1 .text .txt {
    font-size: 24px;
    color: #666666;
    font-weight: 300;
    line-height: 1.6;
    margin:10px 0 25px;
}.index1 .text a {
    display: inline-block;
    font-size: 18px;
    color:#1A6FA5;
    font-weight: bold;
    font-family: "微软雅黑";
}.index1 .text a:hover {
    text-decoration: underline;
}.index1 .num_list {
    width: 670px;
    display: flex;
    flex-wrap: wrap;
    float:right;
    margin-top:10px;
}.num_list li {
    width: 201px;
    height: 201px;
    background:url(../images/yq2.png) no-repeat center;
    background-size: contain;
    position: relative;
    text-align:center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99;
    margin-right: 33.5px;
}.num_list li:last-child {
    margin-right: 0;
}.num_list li:before {
    content:'';
    position: absolute;
    top: -3px;
    left: 3px;
    width: 195px;
    height: 195px;
    background:url(../images/yq1.png) no-repeat center;
    background-size: contain;
    -webkit-animation: spin 3s linear infinite;
/*    margin:-87.5px 0 0 -87.5px;*/

}.num_list li p.p1 {
    font-size: 25px;
    color: #333333;
    line-height: 1;
}.num_list li p.p1 span {
    font-size: 42px;
}.num_list li p.p2 {
    font-size: 18px;
    color: #6E6E6E;
    font-weight: 300;
}
@-webkit-keyframes spin{from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


@media(max-width: 1600px){.index1 {
        padding:70px 0;
    }.index1 .text {
        width: calc(100% - 650px);
    }.index1 .text h3 {
        font-size: 36px;
    }.index1 .text .txt {
        font-size: 16px;
    }.index1 .text a {
        font-size: 16px;
    }.index1 .num_list {
        width: 577px;
    }.num_list li {
        width: 170px;
    }.num_list li:before {
        width: 170px;
        height: 170px;
        top: 10px;
        left: 0px;
    }.num_list li p.p1 {
        font-size: 20px;
    }.num_list li p.p1 span {
        font-size: 36px;
    }.num_list li p.p2 {
        font-size: 16px;
    }
}@media(max-width: 1440px) {
    
}
@media(max-width: 1259px){.index1 {
        padding: 70px 0;
    }
}@media(max-width: 1024px) {
    
}
@media(max-width: 820px){.index1 {
        padding: 50px 0;
    }.index1 .text {
        width:100%;
    }.index1 .text h3 {
        font-size:26px;
    }.index1 .text .txt {
        font-size: 15px;
        margin: 0px 0 20px;
    }.index1 .num_list {
        width:100%;
    }

}
@media(max-width: 767px){.index1 .num_list {
        display: none;
    }
}
@media(max-width: 640px){.index1 {
        padding: 35px 0;
        display:none;
    }.index1 .text h3 {
        font-size:24px;
    }    
}.index2 {
    padding:0 0 135px 0;
}.index2_top {
    width: 100%;
    min-height: 615px;
    position: relative;
}.index2_tab {
/*    display: none;*/
    position: absolute;
    top:0;
    left:0;
    opacity: 0;
    width: 100%;
    height: 100%;
}.index2_tab.cur {
    opacity: 1;
}.index2_tab .swiper-container {
    width: 100%;
    height: 100%;
}#c-banner2 .swiper-slide, .index2_tab .swiper-container .swiper-slide {
    padding:60px 8% 60px 5.5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*align-items:center;*/
}#c-banner2 .swiper-slide .img, .index2_tab .swiper-container .swiper-slide .img, .index2_tab .swiper-container .swiper-slide .img {
    width: calc(100% - 580px);
    padding-right: 30px;
    transition: 1.3s 0.2s;
    transform: translateX(-30%);
    opacity: 0;    
}/*#c-banner2 .swiper-slide-active .img, */
/*.index2_tab .swiper-container .swiper-slide-active .img, */
.index2_tab.cur .swiper-container .swiper-slide-active .img {
    transform: translateX(0%);
    opacity: 1;   
}#c-banner2 .swiper-slide .text {
    width: 580px; 
    color: #fff;   
    position: relative;

}#c-banner2 .swiper-slide .text h3 {
    font-size: 46px;
    font-family: "微软雅黑";
    margin-bottom:20px;
    position: relative;
    white-space: nowrap; 
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 70px;
    opacity: 0;
}#c-banner2 .swiper-slide .text h3 a {
    display: block;
    position: absolute;
    right:0;
    top:0;
}#c-banner2 .swiper-slide .text .txt {
    opacity: 0;
}#c-banner2 .swiper-slide .text .txt a {
    display: block;
    color: #fff;
    position: relative;
    font-weight: 300;
    line-height: 35px;

    transition: all 0.6s ease-out;
}#c-banner2 .swiper-slide .text .txt a:before {
    content: '-';
    position: absolute;
    left:0;
    top:0px;
    opacity: 0;
    transition: all 0.6s ease-out;
}#c-banner2 .swiper-slide .text .txt a:hover {
    padding-left: 10px;
    transition: all 0.6s ;
}#c-banner2 .swiper-slide .text .txt a:hover:before {
    opacity: 1;
    transition: all 0.6s;
}.index2_tab .text2 {
    width: 580px; 
    color: #fff;   
    position: absolute;
    top:130px;
    right:8%;
    z-index: 99;
}.index2_tab .text2 h3 {
    font-size: 46px;
    font-family: "微软雅黑";
    margin-bottom:20px;
    position: relative;
    white-space: nowrap; 
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 70px;
}.index2_tab .text2 h3 a {
    display: block;
    position: absolute;
    right:0;
    top:0;
    -webkit-animation: Tmouse2 0.6s ease-in-out infinite alternate;
    -moz-animation: Tmouse2 0.6s ease-in-out infinite alternate;
      -o-animation: Tmouse2 0.6s ease-in-out infinite alternate;
         animation: Tmouse2 0.6s ease-in-out infinite alternate;
    /*transition: all 0.4s ease-out;*/
}/*.index2_tab .text2 h3 a:hover {*/
/*    right:15px;*/
/*}*/
@-webkit-keyframes Tmouse2 {0% {
        right:0;
    }100% {
        right:10px;
    }
}
@-moz-keyframes Tmouse2 {0% {
        right:0;
    }100% {
        right:10px;
    }
}
@-o-keyframes Tmouse2 {0% {
        right:0;
    }100% {
        right:10px;
    }
}
@keyframes Tmouse2 {0% {
        right:0;
    }100% {
        right:10px;
    }
}.index2_tab .text2 .txt a {
    display: block;
    color: #fff;
    position: relative;
    font-weight: 300;
    line-height: 35px;
    font-size: 16px;
    transition: all 0.6s ease-out;
}.index2_tab .text2 .txt a:before {
    content: '-';
    position: absolute;
    left:0;
    top:0px;
    opacity: 0;
    transition: all 0.6s ease-out;
}.index2_tab .text2 .txt a:hover {
    padding-left: 10px;
    transition: all 0.6s ;
}.index2_tab .text2 .txt a:hover:before {
    opacity: 1;
    transition: all 0.6s;
}.index2_num {
    position: absolute;
    bottom:10px;
    right:0;
    color: #fff;
    font-weight: 300;
    opacity: 0;
    transition: all 0.6s ease-out;
}.index2_num em:nth-child(1) {
    font-size: 50px;
    line-height: 1;
}.index2_num em:nth-child(2) {
    font-size: 20px;
    opacity: .6;
}#c-banner2 .swiper-slide-active .index2_num {
    opacity: 1;
}#c-banner2 .swiper-button-prev, .index2_tab .swiper-container .c-prev {
    position: absolute;
    top:100%;
    left:60%;
    width: 12px;
    height: 21px;
    background:url(../images/left1.png) no-repeat center;
    margin-top:-101px;
    margin-left: -32px;
    z-index:99;
}#c-banner2 .swiper-button-next, .index2_tab .swiper-container .c-next {
    position: absolute;
    top:100%;
    right:40%;
    width: 12px;
    height: 21px;
    background:url(../images/right1.png) no-repeat center;
    margin-top:-101px;
    margin-right: -64px;
    z-index:99;
}#c-banner2 .swiper-pagination, .index2_tab .swiper-container .swiper-pagination {
    width: 580px;
    left: calc(100% - 8% - 580px);
/*    margin-left: calc(-580px - 220px);*/
    top: calc(100% - 60px);
    text-align: right;
    color: #fff;
    font-weight: 300;
    font-style: italic;
    background:rgba(255,255,255,.2);
    height: 2px;
}#c-banner2 .swiper-pagination .swiper-pagination-progressbar-fill {
    background:rgba(255,255,255,1);    
}.c-line-box {
    width: 580px;
    height: 2px;
    position: absolute;
    right: 8%;
    bottom: 58px;
    z-index: 999;
    background:rgba(255,255,255,.2);
}.c-line {
    background:rgba(255,255,255,1); 
    width: 100%;
    height: 2px;
}.index2_tab .swiper-container .swiper-pagination {
    width: 580px;
    left: calc(100% - 8% - 580px);
    top: calc(100% - 120px);
    text-align: right;
    color: #fff;
    font-weight: 300;
    font-style: italic;
    background:none;
/*    background:rgba(255,255,255,.2);
    height: 2px;*/
}.index2_tab .swiper-container .swiper-pagination .swiper-pagination-current {
    font-size: 50px;
    line-height: 1;
/*    position: relative;
    top: -60px;*/
}.index2_tab .swiper-container .swiper-pagination .swiper-pagination-total {
    font-size: 20px;
    opacity: .6;
/*    position: relative;
    top: -60px;*/
}.index2_ul {
    border-left:1px solid #f0f0f0;
    display: flex;
}.index2_ul li {
    padding:40px 15px 20px;
    border-right:1px solid #f0f0f0;
    border-bottom:1px solid #f0f0f0;
    text-align: center;
    width: 19%;
    transition: all 0.4s ease-out;
    cursor: pointer;
}.index2_ul li .img {
    height: 50px;
    line-height: 50px;
}.index2_ul li h3 {
    font-size: 22px;
    color: #1a1a1a;
    margin:12px 0 0px;
}.index2_ul li p {
    font-size: 14px;
    line-height: 1.6em;
    height: 3.2em;
    color: #4c4c4c;
}.index2_ul li.cur {
    box-shadow: 10px 10px 20px #eee;
    width: 24%;
}.index2_ul li.cur h3 {
    color: #1A6FA5;
}

@media(max-width: 1600px){.index2 {
        padding: 0 0 100px 0;
    }#c-banner2 .swiper-slide, .index2_tab .swiper-container .swiper-slide {
        padding: 60px 5% ;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }.index2_top {
        min-height:530px;
    }.index2_tab .text2 {
        right: 5%;
        width: 480px;
        top:80px;
    }.index2_tab .text2 h3 {
        font-size: 36px;
    }.index2_tab .swiper-container .swiper-pagination {
        left: calc(100% - 5% - 480px);
        width: 480px;
    }.c-line-box {
        right: 5%;
        width: 480px;
    }#c-banner2 .swiper-button-prev, .index2_tab .swiper-container .c-prev {
        left:60%;
    }#c-banner2 .swiper-button-next, .index2_tab .swiper-container .c-next {
        right: 42%;
    }.index2_ul li {
        padding: 30px 15px 20px;
    }.index2_ul li h3 {
        font-size: 16px;
    }.index2_ul li p {
        font-size: 12px;
    }
}
@media(max-width: 1440px){.index2_tab .text2 .txt a {
    font-size: 14px;
}
    
}
@media(max-width: 1259px){.index2_tab .text2 h3 {
        font-size:26px;
    }
}@media(max-width: 1024px) {
    
}
@media(max-width: 820px){.index2 {
        padding: 0 0 60px 0;
    }.index2_top {
        min-height:500px;
    }#c-banner2 .swiper-slide, .index2_tab .swiper-container .swiper-slide {
        padding: 60px 2% 60px;
    }#c-banner2 .swiper-slide .img, .index2_tab .swiper-container .swiper-slide .img {
        width: calc(50% - 0px);

    }.index2_tab .text2 {
        width: 46%;
        /*position: relative;*/
        top: 50%;
        right: 2%;
        margin-top: -200px;
    }.index2_tab .text2 h3 {
        font-size:24px;
    }.index2_tab .text2 h3 a {
        max-width:40px;
    }.c-line-box {
        right: 2%;
        width: 46%;
    }.index2_ul li {
        padding:20px 12px;
    }
}
@media(max-width: 640px){.index2 {
        padding: 0 0 35px 0;
        display:none;
    }.index2_top {
        /*min-height: 450px;*/
    }.index2_tab .swiper-container {
        height:auto;
    }#c-banner2 .swiper-slide, .index2_tab .swiper-container .swiper-slide {
        padding: 15px 2%;
        display:block;
    }#c-banner2 .swiper-slide .img, .index2_tab .swiper-container .swiper-slide .img {
        width: calc(100% - 0px);
        padding-right:0;
    }.index2_tab {
        /*position: relative; */
        /*top:0;*/
    }.index2_tab .text2 {
        width: 100%;
         position: relative; 
        top: 0%;
        right: 0%;
        margin-top: 0px;  
        color:#666;
        padding:15px 0 0;
    }.index2_tab .text2 h3 {
        font-size:16px;
        color:#333;
        margin-bottom:5px;
        padding-right:0;
    }.index2_tab .text2 h3 a {
        display:none;
    }.index2_tab .text2 .txt a {
        color:#666;
        line-height:2em;
    }.index2_ul {
        flex-wrap:wrap;
    }.index2_ul li {
        width:50%;
    }.index2_ul li.cur {
        width:50%;
    }
}.index3 {

}.case_list {
    display: flex;
    flex-wrap: wrap;
}.case_list li {
    width: 25%;
}.case_list li a {
    color: #fff;
    display: block;
    position: relative;
}.case_list li a .img {
    position: relative;
}.case_list li a .img img {
    width: 100%;
}.case_list li a .img2 {
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    text-align:center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    display: none;
}.case_list li a .img2 img {
/*    max-height: 52px;*/
    max-width: 197px;
    margin:0 auto;
}.case_list li a .text2 {
    position: absolute;
    bottom:0;
    left:0; 
    width:100%;
    padding:20px 25px;
    color: #fff;   
}.case_list li a .text2 h3 {
    font-size: 22px;
    line-height:1.2;
}.case_list li a:hover .text2 {
    opacity: 0;
}.case_list li a .text2 p {
    font-size: 15px;
}.case_list li a .text {
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background:rgba(42,143,209,.9);
    z-index:8;
    text-align:center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
}.case_list li a .text .img3 {
    text-align: center;
    display: none;
}.case_list li a .text .img3 img {
    /*width: 60%;*/
    /*max-width: ;*/
    transform: scale(0.8);
}.case_list li a .text h3 {
    font-size: 28px;
    line-height: 1.4;
}.case_list li a .text p {
    font-size: 16px;
    padding:10px 20px 35px;
}.case_list li a .text p.p1 {
    font-size: 22px;
    font-weight: bold;
}.case_list li a .text i {
    font-style: normal;
}.case_list li a:before {
    content:'';
    position: absolute;
    left:20px;
    top:20px;
    width: 0;
    height: 1px;
    background:#fff;
    z-index:9;
    transition: all 0.4s ease-out;
    opacity: .3;
}.case_list li a:after {
    content:'';
    position: absolute;
    left:20px;
    bottom:20px;
    width: 0;
    height: 1px;
    background:#fff;
    z-index:9;
    transition: all 0.4s ease-out;
    opacity: .3;
}.case_list li a .img:before {
    content:'';
    position: absolute;
    left:20px;
    top:20px;
    width: 1px;
    height: 0;
    background:#fff;
    z-index:9;
    transition: all 0.4s ease-out;
    opacity: .3;
}.case_list li a .img:after {
    content:'';
    position: absolute;
    right:20px;
    top:20px;
    width: 1px;
    height: 0;
    background:#fff;
    z-index:9;
    transition: all 0.4s ease-out;
    opacity: .3;
}.case_list li a:hover .img img {
    transform: scale(1.2);
}.case_list li a:hover .img2 {
    opacity: 0;
}.case_list li a:hover .text {
    opacity: 1;
}.case_list li a:hover:before, .case_list li a:hover:after {
    width: calc(100% - 40px);
}.case_list li a:hover .img:before, .case_list li a:hover .img:after {
    height: calc(100% - 40px);
}.case_video_content1 {
    margin-bottom: 50px;
}
@media(max-width: 1600px){.case_list li a .img2 img {
        max-height: 50px;
    }.case_list li a .text .img3 img {
        max-height: 50px;
    }.case_list li a .text h3 {
        font-size:22px;
    }.case_list li a .text p {
        font-size: 14px;
        padding: 5px 20px 10px;
    }.case_list2 li a .text .img3 img {
        max-height: 120px;
    }.case_list li a .text2 h3 {
        font-size: 20px;
    }.case_list li a .text2 p {
        font-size: 15px;
    }.case_list li a .text p.p1 {
        font-size: 20px;
    }
}@media(max-width: 1440px) {
    
}
@media(max-width: 1259px){.case_list li a .text p {
        font-size:14px;
    }
}
@media(max-width: 1024px){.case_list2 li a .text .img3 img {
        max-height: 100px;
    }.case_list li a .text h3, .case_list li a .text2 h3 {
        font-size: 20px;
    }.case_list li a .text2 p {
        font-size: 14px;
    }  
}
@media(max-width: 820px){.case_list li {
        width:50%;
    }.case_list li a .img2 img, .case_list li a .text .img3 img {
        max-height: 32px;
    }.case_list li a .text p {
        font-size:14px;
    }.case_list li a .text2 {
        padding:15px;
    }.case_list li a .text h3, .case_list li a .text2 h3 {
        font-size: 16px;
    }
}
@media(max-width: 640px){.case_list li a:before, .case_list li a:after, .case_list li a .img:before, .case_list li a .img:after {
        display:none;
    }.case_list li a .text p {
        font-size:12px;
        line-height:1.6;
        padding:0 5%;
    }.case_list li a .text h3, .case_list li a .text2 h3 {
        font-size: 14px;
    }.case_list li a .text p.p1 {
        font-size: 14px;
    }.case_list li a .text2 {
        padding:10px 10px;
    }.case_list li a .text2 p {
        font-size: 12px;
        line-height: 1.6em;
        height: 1.6em;
        margin-top:0px;
        overflow: hidden;
    }.case_list li a .text {
        display: none;
    }
}.index4 {
    padding:130px 0 200px;
}.index4 .text1 {
    text-align: center;
    margin-bottom:50px;
}.index4 .text1 h2 {
    font-size: 40px;
    color: #333333;
    font-family: "微软雅黑";
    line-height: 1.6;
}.index4 .text1 .p1 {
    font-size: 24px;
    margin:0 0 15px;
}.index4 .text1 a {
    font-size: 18px;
    color: #1A6FA5;
    font-family: "微软雅黑";
    font-weight: bold;
}.index4 .text1 a:hover {
    text-decoration: underline;
}.news_list1 {
    display: flex;
    flex-wrap: wrap;
}.news_list1 li {
    width: 32%;
    margin-right: 2%;
}.news_list1 li:nth-child(3n) {
    margin-right: 0;
}.news_list1 li a {
    display: block;
}.news_list1 li a .p1 {
    font-size: 18px;
    color: #666666;
    margin:22px 0 18px;
}.news_list1 li a h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 26px;
    color: #282828;
    line-height: 1.5;
    font-weight: normal;
}.news_list1 li a:hover .img img {
    transform: scale(1.2);
}.news_list1 li a:hover h3 {
    color: #1A6FA5;
    text-decoration: underline;
}

@media(max-width: 1600px){.index4 {
        padding:90px 0 150px;
    }.index4 .text1 h2 {
        font-size: 36px;
    }.index4 .text1 .p1 {
        font-size: 16px;
    }.index4 .text1 a {
        font-size: 16px;
    }.news_list1 li a .p1 {
        font-size: 16px;
        margin: 15px 0 10px;
    }.news_list1 li a h3 {
        font-size: 18px;
    }
}@media(max-width: 1440px) {
    
}
@media(max-width: 1259px){.index4 {
        padding: 70px 0 100px;
    }.index4 .text1 h2 {
        font-size: 26px;
    }.index4 .text1 .p1 {
        font-size: 14px;
    }.index4 .text1 a {
        font-size: 15px;
    }.news_list1 li a .p1 {
        font-size: 16px;
        margin: 10px 0 5px;
    }.news_list1 li a h3 {
        font-size: 16px;
    }
}@media(max-width: 1024px) {
    
}
@media(max-width: 820px){.index4 {
        padding: 50px 0 70px;
    }.index4 .text1 h2 {
        font-size:24px;
    }
}
@media(max-width: 640px){.index4 {
        padding: 35px 0;
    }.index4 .text1 .p1 {
        font-size: 12px;
        padding:0 5%;
        line-height:1.6;
    }.index4 .text1 {
        margin-bottom:25px;
    }.index4 .text1 h2 {
        font-size:24px;
    }.news_list1 li {
        width:100%;
        margin-right:0;
        margin-bottom:20px;
    }
}/* 底部预约 */
.foot_par {
    margin:-80px 0;
}.foot_par_con {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 12px 5% 12px 6.5%;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: url(../images/b_bj.png) no-repeat center/cover;
}.foot_par_con .c-item:nth-child(1), .foot_par_con .c-item:nth-child(3) {
    flex-shrink: 0;
}.foot_par_con .c-item:nth-child(2) {
    padding-left: 70px;
    width: 100%;
}.foot_par_con .c-item:nth-child(3) {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}.foot_par_con .c-item:nth-child(3) .c-text2 {
    margin-right: 25px;
    text-align: right;
    font-size: 20px;
    color: #fff;
}.foot_par_con .c-item:nth-child(3) .c-text2 p:last-child {
    font-size: 14px;
    line-height: 1.6;
}.foot_par_con .c-book {
/*    width: 10%;*/
margin: -52px 0;
}.foot_par_con .c-code {
    max-width: 171px;
}.foot_par_con .c-title {
    margin-bottom: .2rem;
    font-weight: bold;
    font-size: 46px;
    color: #fff;
    line-height: 1;
    margin-bottom:10px;
}.foot_par_con .c-text {
    font-size: 20px;
    color: #fff;
    line-height: 1.6;
    font-weight: 300;
}


@media(max-width: 1600px){.foot_par_con {
        padding:12px 4%;
    }.foot_par_con .c-item:nth-child(2) {
        padding-left: 30px;
    }.foot_par_con .c-title {
        font-size: 26px;
    }.foot_par_con .c-text {
        font-size: 16px;
    }.foot_par_con .c-item:nth-child(3) .c-text2 {
        font-size: 16px;
    }
}@media(max-width: 1440px) {
    
}@media(max-width: 1259px) {

}
@media(max-width: 1024px){.foot_par {
        margin: 0px 0;
    }.foot_par .container {
        width:100%;
    }.foot_par_con .c-code {
        max-width:120px;
    }.foot_par_con .c-item:nth-child(3) .c-text2 {
        font-size:14px;
    }.foot_par_con .c-item:nth-child(3) .c-text2 p:last-child {
        font-size:14px;
    }
}
@media(max-width: 820px){.foot_par_con .c-item:nth-child(3) {
        display:none;
    }.foot_par_con .c-book {
        margin:0;
        max-width:120px;
    }.foot_par_con .c-title {
        font-size:22px;
    }
}
@media(max-width: 640px){.foot_par {
        display:none;
    }.foot_par_con .c-book {
        margin:0;
        max-width:80px;
    }.foot_par_con .c-title {
        font-size:16px;
    }.foot_par_con .c-item:nth-child(2) {
        padding-left:20px;
    }.foot_par_con .c-text {
        font-size:14px;
        padding-left: 15px;
    }.foot_par_con .c-text {
        padding-left:0;
    }
}footer {
    background:#333333;
}.foot {
    padding:150px 0 105px;
}.foot_l {
    float:left;
    width: calc(100% - 460px);
    max-width: 1080px;
    padding-right: 30px;
}.foot_more {
    padding-bottom:65px;
}.foot_more li {
    display: flex;
    flex-wrap: wrap;
    margin-bottom:15px;
}.foot_more_t {
    font-size: 15px;
    color: #6E6E6E;
    width: 105px;
}.foot_more_a {
    width: calc(100% - 105px);
    display: flex;
    flex-wrap: wrap;
}.foot_more_a a {
    font-size: 15px;
    color: #6E6E6E;  
    display: block;
    margin-right: 18px;  
}.foot_more_a a:last-child {
    margin-right: 0;
}.foot_more_a a:hover {
    color: #fff;
}.foot_contact {
    display: flex;
    flex-wrap: wrap;
}.foot_contact li {
    width: 28%;
    margin-right: 8%;
    display: flex;
    flex-wrap: wrap;
}.foot_contact li:last-child {
    margin-right: 0;
}.foot_contact li .foot_contact_t {
    width: 90px;
    font-size: 18px;
    color: #cccccc;
    line-height: 1.6;
}.foot_contact li .foot_contact_text {
    width: calc(100% - 90px);
}.foot_contact li .foot_contact_text .p1 {
    font-size: 13px;
    color: #6E6E6E;
    height: 3.2em;
    line-height: 1.6em;
}.foot_contact li .foot_contact_text .p2 {
    font-size: 20px;
    color: #ffffff;
    padding:15px 0 0;
    line-height: 1.6;
}.foot_contact li .foot_contact_text .p3 {
    font-size: 16px;
    color: #b0b0b0;
}.foot_r {
    float:right;
    width: 460px;
}.foot_r h2 {
    font-size: 46px;
    color: #fff;
    line-height: 1.2;
}.foot_r .p1 {
    font-size: 22px;
    color: #b2b2b2;
    margin:20px 0 60px;
}.foot_r a.more1 {
    display: flex;
    justify-content: center;
    width: 190px;
    line-height: 56px;
    font-size: 20px;
    color: #fff;
    background:#1E7AB8;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}.foot_r a.more1 i {
    display: block;
    width: 9px;
    background:url(../images/more3.png) no-repeat center;
    margin-left: 25px;
}.foot_r a.more1:before {
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation: wave 1.3s infinite;
    animation: wave 1.3s infinite;
    z-index: 1;
}.f_share {
    display: flex;
    margin-top:40px;
}.f_share a {
    width: 40px;
    height: 40px;
    position: relative;
    margin-right: 15px;
    cursor: pointer;
}.f_share a .img1 {
    width: 120px;
    height: 120px;
    position: absolute;
    top:60px;
    left:50%;
    margin-left: -60px;
    z-index:99;
    opacity: 0;
    z-index:-99;
    background: #fff;
}.f_share a .img1:after {
    content:'';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    top:-9px;
    left:50%;
    margin-left: -8px;
}.f_share a:hover .img1 {
    opacity: 1;
    z-index:99;
}.f_link {
    font-size: 15px;
    color: #6E6E6E;
    padding:0 0 50px 0;
}.f_link a {
    margin-left: 20px;
    display: inline-block;
    font-size: 15px;
    color: #6E6E6E;
}.f_link a:hover {
    color: #fff;
}.copyright {
    padding:24px 0;
    border-top:1px solid #4d4d4d;
    font-size: 14px;
    color: #6E6E6E;
}.copyright a {
    font-size: 14px;
    color: #6E6E6E;    
}.copyright a:hover {
    color: #fff;
}.copyright_l {
    float:left;
    max-width:60%;
}.copyright_r {
    float:right;   
    max-width:40%;
}.m_message {
    display: none;
}.m_message .message ul li:nth-child(1) {
    display: none;
}
@media(max-width: 1600px){.foot {
        padding: 150px 0 60px;
    }.foot_l {
        width: calc(100% - 260px);
    }.foot_r {
        width: 260px;
    }.foot_r h2 {
        font-size: 26px;
    }.foot_r .p1 {
        font-size: 16px;
        margin: 10px 0 30px;
    }.foot_r a.more1 {
        width: 160px;
        line-height: 50px;
        font-size: 16px;
    }.foot_more {
        padding-bottom: 40px;
    }.foot_contact li {
        width: 32%;
        margin-right: 2%;
    }.f_link {
        padding: 0 0 30px 0;
    }.copyright {
        padding: 25px 0;
    }
}@media(max-width: 1440px) {
    
}
@media(max-width: 1259px){.foot_contact li .foot_contact_t {
        font-size:16px;
    }.foot_contact li .foot_contact_text .p2 {
        font-size:16px;
        padding: 5px 0 0;
    }.foot_contact li .foot_contact_text .p3 {
        font-size:14px;
    }
}
@media(max-width: 1024px){.foot {
        padding: 100px 0 30px;
    }.foot_l {
        width:100%;
        float:none;
    }.foot_r {
        float:none;
        width: 100%;
        margin-top:30px;
    }.f_link {
        padding: 0 0 15px 0;
    }.copyright {
        padding: 15px 0;
    }
}
@media(max-width: 820px){.foot {
        padding: 50px 0 20px;
    }.foot_r h2 {
        font-size:22px;
    }
}
@media(max-width: 640px){.foot {
        padding: 30px 0 20px;
        display:none;
    }.foot_more {
        display:none;
    }.foot_contact li {
        width:100%;
        margin-right:0;
        margin-bottom:15px;
    }.foot_contact li .foot_contact_text .p1 {
        height:auto;
    }.foot_contact li .foot_contact_text .p2 {
        font-size:15px;
        padding: 0px 0 0;
    }.foot_r h2 {
        font-size:24px;
        line-height:1.4;
    }.foot_r .p1 {
        font-size: 15px;
        margin: 10px 0 15px;
    }.foot_r a.more1 {
        width: 140px;
        line-height: 50px;
        font-size: 15px;
    }.f_share {
        display:none;
    }.f_link {
        display:none;
    }.copyright_l {
        width:100%;
        max-width:100%;
    }.copyright_l span {
        display:block;
    }.copyright_r {
        width:100%;
        max-width:100%;
        display:none;
    }.m_message {
        display:block;
        padding:35px 0 ;
        background:#f1f1f1;
    }.m_message .message ul li input, .m_message .message ul li textarea {
        background:#fff;
    }

}/*----- Common css ------*/

.fl {
    float: left;
}.fr {
    float: right;
}.di {
    _display: inline;
}.fwn {
    font-weight: normal;
}.dib {
    *display: inline;
    _zoom: 1;
    _display: inline;
    _font-size: 0px;
}.f_none {
    display: none;
}/*------------内页-------------------*/
.n_banner {
    width: 100%;
    margin: 0 auto;
    position: relative;
}.n_banner img {
    width: 100%;
    margin: 0 auto
}.banner_text2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align:center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99;
    color: #fff;
    font-family: "微软雅黑";
    font-weight: bold;
}.banner_text2 .p1 {
    font-size: 50px;
}.banner_text2 .p2 {
    font-size: 20px;
}
@media(max-width: 1600px){.banner_text2 .p1 {
        font-size: 36px;
    }.banner_text2 .p2 {
        font-size:16px;
    }

}@media(max-width: 1440px) {
    
}
@media(max-width: 1259px){.banner_text2 .p1 {
        font-size: 26px;
    }.banner_text2 .p2 {
        font-size:15px;
    }

}@media(max-width: 1024px) {
    
}
@media(max-width: 820px){.banner_text2 .p1 {
        font-size: 24px;
    }.banner_text2 .p2 {
        font-size:14px;
    }

}
@media(max-width: 640px){.banner_text2 .p1 {
        font-size: 20px;
        line-height:1.6;
    }.banner_text2 .p2 {
        display:none;
    }.case_banner_text .p1 {
        padding:0 10%;
    }
}.sevice_list {

}.sevice_list li {
    align-items:center;
}.sevice_list li .container {
    display: flex;
    flex-wrap: wrap;  
/*    width: 100%;*/  
}.sevice_list li .img {
    width: 50%;
}.sevice_list li .text {
    width: 50%;
    color: #fff;
}.sevice_list li .text h3 {
    font-size: 50px;
    font-family: "微软雅黑";
    line-height: 1;
}.sevice_list li .text .txt {
    margin:25px 0 0px;
}.sevice_list li .text .txt .p1 {
    font-size: 18px;
    color: #fff;
    opacity: .5;
    max-width: 625px;
    line-height: 1.6;
}.sevice_list li .text .txt .p2 {
    display: flex;
    flex-wrap: wrap;
    margin:50px 0 90px;
}.sevice_list li .text .txt .p2 span {
    display: block;
    position: relative;
    font-size: 16px;
    padding-left: 18px;
    margin-right: 20px;
    line-height: 1.4;
    margin-bottom: 5px;
}.sevice_list li .text .txt .p2 span:last-child {
    margin-right: 0;
}.sevice_list li .text .txt .p2 span:before {
    content:'';
    position: absolute;
    left:0;
    top:50%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-top:-5px;
}.sevice_list li .text .txt .p2 span:nth-child(1):before {
    background:#ff0000;
}.sevice_list li .text .txt .p2 span:nth-child(2):before {
    background:#ffae00;
}.sevice_list li .text .txt .p2 span:nth-child(3):before {
    background:#1E7AB8;
}.sevice_list li .text .txt .p2 span:nth-child(4):before {
    background:#666;
}.sevice_list li .text a {
    display: block;
    font-size: 20px;
    color: #fff;
    width: 160px;
    line-height: 56px;
    background: #1E7AB8;
    border-radius: 10px;
    text-align: center;
}.sevice_list li:nth-child(1) {
    background:url(../images/fw1.jpg) no-repeat center;
    background-size: cover;
    padding:195px 0 120px;
}.sevice_list li:nth-child(2) {
    background:#fdfdfd;
    padding:5px 0 50px;
}.sevice_list li:nth-child(2) .container {
    flex-direction: row-reverse;
}.sevice_list li:nth-child(2) .text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}.sevice_list li:nth-child(2n) .text h3 {
    color: #333333;
}.sevice_list li:nth-child(2n) .text .txt .p1 {
    color: #666666;
    opacity: 1;
}.sevice_list li:nth-child(2n) .text .txt .p2 {
    color: #666666;
}.sevice_list li:nth-child(3n) {
    background:#f1592a;
    padding:100px 0 110px;
}.sevice_list li:nth-child(3n) .text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}.sevice_list li:nth-child(3) .img img {
        max-height:428px;
    }.sevice_list li:nth-child(4) {
    background:#f8ebe1;
    padding:50px 0;
    background:url(../images/fw4.jpg) no-repeat center;
    background-size: cover;
}.sevice_list li:nth-child(4) .img img {
        max-height:540px;
    }.sevice_list li:nth-child(4) .container {
    flex-direction: row-reverse;
}.sevice_list li:nth-child(4) .text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
@media(max-width: 1600px){.sevice_list li .text h3 {
        font-size: 36px;
    }.sevice_list li .text .txt .p1 {
        font-size:16px;
    }.sevice_list li .text .txt .p2 {
        margin: 30px 0 50px;
    }.sevice_list li .text .txt .p2 span {
        font-size:15px;
        margin-right:15px;
    }.sevice_list li .text a {
        font-size: 16px;
        width: 120px;
        line-height: 46px;
    }/*.sevice_list li:nth-child(4) {*/
    /*    padding: 70px 0 150px;*/
    /*}*/

}
@media(max-width: 1440px){.sevice_list li:nth-child(3) .img img {
        max-height:328px;
    }.sevice_list li:nth-child(4) .img img {
        max-height:440px;
    }
    
}
@media(max-width: 1259px){.sevice_list li:nth-child(1) {
        padding: 150px 0 100px;
    }.sevice_list li .text h3 {
        font-size: 26px;
    }.sevice_list li .text .txt {
        margin: 15px 0 0px;
    }.sevice_list li .text .txt .p2 {
        margin: 20px 0 30px;
    }.sevice_list li .text .txt .p2 span {
        font-size:14px;
        margin-right:10px;
    }.sevice_list li:nth-child(2) {
        padding:50px 0;
    }/*.sevice_list li:nth-child(4) {*/
    /*    padding: 50px 0 150px;*/
    /*}*/
}@media(max-width: 1024px) {
    
}
@media(max-width: 820px){.sevice_list li:nth-child(1) {
        padding: 120px 0 60px;
    }.sevice_list li .text h3 {
        font-size:24px;
    }.sevice_list li .text .txt .p2 {
        flex-wrap:wrap;
    }.sevice_list li .text .txt .p2 span { 
        width:50%;
        margin-right:0;
        padding-right:15px;
    }.sevice_list li:nth-child(3n) {
        padding: 70px 0;
    }.sevice_list li:nth-child(4) {
        padding: 30px 0;
    }
}
@media(max-width: 640px){.sevice_list li {
        flex-direction:row;
    }.sevice_list li:nth-child(1) {
        padding: 90px 0 40px;
    }.sevice_list li .text {
        width:100%;
    }.sevice_list li .text h3 {
        font-size:24px;
    }.sevice_list li:nth-child(2), .sevice_list li:nth-child(3), .sevice_list li:nth-child(4) {
        padding: 40px 0;
    }.sevice_list li .img {
        width:100%;
        margin-top:20px;
    }
}/*service1*/
.banner_text4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99;
    font-size: 20px;
    color: #fff;
}.banner_text4 h3 {
    font-size: 50px;
    font-family: "微软雅黑";
}.banner_text4 p {
    font-size: 20px;
    margin: 5px 0 70px;
    font-family: "微软雅黑";
    font-weight: bold;
    max-width: 625px;
    line-height: 1.6;
    width: 55%;
}.banner_text4 a {
    display: block;
    width: 160px;
    line-height: 55px;
    font-size: 20px;
    color: #1A6FA5;
    border-radius: 10px;
    background:#fff;
    text-align: center;
    font-family: "微软雅黑";
    font-weight: bold;
}.banner_text4 a:hover {
    color: #fff;
    background:#1E7AB8;    
}.service1_1 {
    padding:65px 0 120px;
}.service1_1 .container {
    max-width: 1344px;
}.service1_1 h2 {
    text-align: center;
    margin-bottom:65px;
}.service1_list {
    display: flex;
    flex-wrap: wrap;
}.service1_list li {
    width: 49%;
    margin-right: 2%;
    margin-bottom:20px;
    position: relative;
}.service1_list li:nth-child(2n) {
    margin-right: 0;
}.service1_list li .img {
    border-radius: 10px;
}.service1_list li .text {
    position: absolute;
    left:0;
    bottom:0;
    width: 100%;
    color: #fff;
    z-index:9;
    padding:0 50px 30px;
}.service1_list li .text h3 {
    font-size: 36px;
    line-height: 1.6;
}.service1_list li .text p {
    font-size: 18px;
        line-height: 1.6;
}.service1_list li:hover .img img {
    transform: scale(1.1);
}.service1_3 {
    padding:110px 0 95px;
    position: relative;
/*    background:url(../images/service1_bg2.jpg) no-repeat center;
    background-size: cover;*/
}.service1_3 .t2 {
    color: #fff;    
}.t2 {
    text-align: center;

}.t2 h2 {
    font-size: 40px;
    font-family: "微软雅黑";
}.t2 p {
    font-size: 18px;
    line-height: 1.6;
}.service1_list2 {
    display: flex;
    flex-wrap: wrap;
    padding:70px 0;
}.service1_list2 li {
    transition: all 0.4s ease-out;
    width: 32%;
    margin-right: 2%;
    margin-bottom:30px;
    color: #fff;
    border:1px solid rgba(255,255,255,.3);
    border-radius: 10px;
    padding:25px 50px;
}.service1_list2 li:nth-child(1) {
    width: 49%;
    padding:25px 70px 32px 50px;
}.service1_list2 li:nth-child(2) {
    width: 49%;
    margin-right: 0;
    padding:25px 70px 32px 50px;
}.service1_list2 li:last-child {
    margin-right: 0%;
}.service1_list2 li h3 {
    font-size: 26px;
    margin-bottom:5px;
}.service1_list2 li p {
    font-size: 18px;
    line-height: 1.6;
}.service1_3_img {
    transition: all 0.5s ease-out;
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    z-index:-1;
}.service1_3_img .img1 {
    display: none;
    height: 100%;
    width: 100%;
    transition: all 0.5s ease-out;
}.service1_3_img .img1 img {
        transition: all 0.5s ease-out;
    opacity: 0;
}.service1_3 a {
    display: block;
    width: 190px;
    line-height: 50px;
    margin:0 auto;
    background:#1E7AB8;
    font-size: 20px;
    color: #fff;
    text-align: center;
    border-radius: 10px;
}.service1_list2 li:hover, .service1_list2 li.cur {
    background:#1E7AB8;
    border:1px solid #1E7AB8;
}.service1_4 {
    padding:105px 0 115px;
}.t3 {
    text-align: center;
    margin-bottom:50px;
}.t3 h2 {
    font-size: 40px;
    color: #333333;
    font-family: "微软雅黑";
    line-height: 1.6;
}.t3 h2 span, .t3 .p1 font {
    color: #1A6FA5;
}.t3 .p1 {
    font-size: 24px;
    margin:0 0 15px;
}a.more_a {
    display: block;
    width: 190px;
    line-height: 55px;
    font-size: 17px;
    color: #fff;
    border-radius: 10px;
    background: #1E7AB8;
    text-align: center;
    margin:40px auto 0;
/*    font-family: "微软雅黑";
    font-weight: bold;*/
}.service1_5 {
    padding:100px 0 120px;
    background:#f8f8f8;
}.service1_6 .message2 {
    padding: 100px 0 185px;
}/*服务方案*/
.service2_case {
    padding-bottom: 132px;
}.service2_case .container {
    max-width: 1336px;    
}.service2_case_list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 70px;   
}.service2_case_list li {
    position: relative;
}.service2_case_list li .text {
    position: absolute;
    left:0;
    bottom:10px;
    width: 100%;
    /*height: ;*/
    color: #fff;
    text-align: center;
}.service2_case_list li .img {
    border-radius: 20px;
}.service2_case_list li .text h3 {
    font-size: 36px;
    font-family: "puhui85";
    line-height: 1.4;
}.service2_case_list li .text p {
    font-size: 22px;
    line-height: 1.6em;
    height: 3.2em;
    margin-top:5px;
}.service2_case_list li:hover .img img {
    transform: scale(1.1);
}/*.service2_case_list li:hover .video_code3 img {*/
/*    max-width: ;*/
/*}*/
.service2_case_list li:hover .video_code3 {
    opacity: 1;
}.service2_case2 {
    background: url(../images/service2_case2_bg.jpg) no-repeat center;
    background-size: cover;
    padding:135px 0 686px;
}.service2_top {
    margin-bottom: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;    
}.service_t1 {
    
}.service_t1 h2 {
    font-size: 50px;
    color: #272727;
    font-family: "苹方";
    line-height: 1.4;
}.service_t1 h2 span {
    color: #ef2223;
}.service2_top .p3 {
    font-size: 30px;
    color: #333333;
    /*font-weight: bold;*/
    position: relative;
    margin-top: 12px;
    padding-top: 5px;
    font-family: "苹方";
}.service2_top .p3:before {
    content:'';
    position: absolute;
    top:0;
    left:0;
    width: 80px;
    height:2px;
    background:#d30301;
}.service2_case2_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}.service2_case2_list dl {
    background: url(../images/service2_case2_bg2.jpg) no-repeat top center #fff;
    background-size: cover;
    width: 49%;
    max-width: 770px;
    border-radius: 20px;
    padding:75px 55px;
    min-height: 360px;
}.service2_case2_list dl dt {
    font-size: 34px;
    color: #ef1213;
    font-family: "puhui85";
    line-height: 1.4;
    font-weight: bold;
}.service2_case2_list dl dd {
    font-size: 16px;
    color: #666666;
    line-height: 1.8;
    margin-top:26px;
}.video_service {
    
}.video_service1 {
    padding:130px 0 0;
}.service_t2 {
    font-size: 50px;
    color: #272727;
    line-height: 1;
    font-family: "苹方";
}.video_service1_list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 15px;
    margin-top:55px;
}.video_service1_list li {

}.video_service1_list li dl {
    height: 120px;
    border-radius: 10px;
    background: #f2f2f2;
    position: relative;    
    overflow: hidden;
    cursor: pointer;
}.video_service1_list li:last-child dl {
    height: 100%;
}.video_service1_list li dl:nth-child(even) {
    margin-top:15px;
}.video_service1_list li dl dt {
    width: 69px;
    height: 69px;
    line-height: 69px;
    background: #ef1213;
    border-radius: 50%;
    font-size: 26px;
    color: #fff;
    text-align: center;
    position: absolute;
    top:-14px;
    right:-14px;
}.video_service1_list li dl:hover {
    background: #ef1213;    
}.video_service1_list li dl:hover dt {
    background: #ef1213;
}.video_service1_list li dl dd {
    display: flex;
    flex-direction: column;
    justify-content: center; 
    width: 100%;
    height: 100%;
    padding:15px 40px;
    font-size: 24px;
    color: #333333;
    line-height: 1.6;
}.video_service1_list li dl:hover dd {
    color: #fff;
}.video_service1_imgs {
    display: flex;
    flex-wrap: wrap;
    margin-top:88px;
}.video_service1_imgs li {
    margin-right: 36px;
    width: 61.7%;
    margin-bottom: 36px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}.video_service1_imgs li:nth-child(2n) {
    margin-right: 0;
}.video_service1_imgs li:nth-child(2), .video_service1_imgs li:nth-child(3) {
    width: calc(38.3% - 36px);
}.video_service1_imgs li .img {
    border-radius: 20px;    
}.video_service1_imgs li p {
    position: absolute;
    bottom:10px;
    left:0;
    padding:0 55px;
    font-size: 36px;
    color: #fff;
    font-weight: bold;
    width: 100%;
}.video_service1_imgs li:hover .img img {
    transform: scale(1.1);
}.video_service2 {
    padding:105px 0 70px;
}.video_service2 .container {
    position: relative;
}.video_service2 .service_t2 {
    position: absolute;
    top:50px;
    left:0;
}.video_service3 {
    background: url(../images/video_service3_bg1.jpg) no-repeat center;
    background-size: cover;
    padding:128px 0 155px;
}.video_service3 .text {
    width: 41%;
}.video_service3 .text .p1 {
    margin:75px 0 25px;
    font-size: 20px;
    color: #272727;
    line-height: 1.6;
}.video_service4 {
    padding:150px 0 95px;
    background: #f2f2f3;
}.video_service4 .video_service4_img1 {
    text-align: center;
    margin-top:15px;
    margin-bottom: 55px;
}.video_service4 .video_service4_img1 img {
    max-width: 70%;
}#video_service4_scroll {
    margin-top: 55px;
    /*padding-bottom: 57px;*/
}#video_service4_scroll .swiper-slide {
    position: relative;
}.video_code {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(13, 157, 255, .9);
    z-index: 8;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    padding:5%;
}.video_code img {
    max-height: 100%;
    /* max-width: 100%; */
    max-width: 150px;
    margin: 0 auto;
}#video_service4_scroll .swiper-slide:hover .video_code1 {
    opacity:1;
}#video_service4_scroll .img {
    border-radius: 20px;
}#video_service4_scroll .swiper-scrollbar {
    height: 4px;
    border-radius: 2px;
    margin-top:54px;
}#video_service4_scroll .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #d30301;
    margin-top:-2px;
    border-radius: 4px;
    height: 8px;
    overflow: hidden;
}.video_service5 .container {
    position: relative;
}.video_service5 .service_t2 {
    position: absolute;
    left: 0;
    top: 120px;    
}.video_service6 {
    padding:145px 0 0;
}.video_service_top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}.video_service6_li {
    width: 55%;
    max-width: 814px;
    border-bottom: 2px solid #d3d3d3;
    display: flex;
    justify-content: space-between;
}.video_service6_li p {
    font-size: 26px;
    color: #333333;
    position: relative;
    cursor: pointer;
    padding-bottom: 5px;
}.video_service6_li p:after {
    content:'';
    height: 4px;
    width: 0%;
    background: #d92523;
    position: absolute;
    bottom:-2px;
    left:0;
}.video_service6_li p.cur {
    color: #d30301;
}.video_service6_li p.cur:after {
    width: 100%;
}.video_service6_cont {
    margin-top:60px;
}.video_service6_tab {
    display: none;
    padding:68px 84px;
    border-radius: 20px;
    background: #eeeeee;
}.service2_3 .case_list li a .img {
    border-radius: 20px;
}.case_list2 li {
    position: relative;
}.case_list li:hover .video_code2 {
    opacity:1;
}
@media(max-width: 1600px){.banner_text4 h3 {
        font-size:40px;
    }.banner_text4 p {
        font-size:18px;
        margin: 0px 0 50px;
    }.service1_1 {
        padding: 50px 0 90px;
    }.service1_1 h2 {
        margin-bottom: 40px;
    }.service1_list li .text h3 {
        font-size:30px;
    }.service1_list li .text p {
        font-size:15px;
    }.service1_3 {
        padding: 90px 0;
    }.t2 h2 {
        font-size: 36px;
    }.t2 p {
        font-size:16px;
    }.service1_list2 {
        padding:50px 0;
    }.service1_list2 li {
        padding:20px 30px;
    }.service1_list2 li:nth-child(1) {
        padding:20px 40px;
    }.service1_list2 li:nth-child(2) {
        padding:20px 40px;
    }.service1_list2 li h3 {
        font-size:20px;
        line-height:1.4;
        margin-bottom: 10px;
    }.service1_list2 li p {
        font-size:15px;
    }.service1_4, .service1_5 {
        padding:70px 0;
    }.t3 {
        margin-bottom:40px;
    }.t3 h2 {
        font-size: 36px;
    }.t3 .p1 {
        font-size:16px;
    }a.more_a {
        width: 170px;
        line-height: 45px;
        font-size: 16px;
        margin: 20px auto 0;
    }.service1_6 .message2 {
        padding: 90px 0 150px;
    }/*2025-03-07*/
    .service2_case_list {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 50px;
    }.service2_case_list li .text h3 {
        font-size:28px;
    }.service2_case_list li .text p {
        font-size:18px;
    }.service2_case {
        padding-bottom: 100px;
    }.service2_case2 {
        padding:100px 0 650px;
    }.service_t1 h2 {
        font-size:42px;
    }.service2_top .p3 {
        font-size:26px;
    }.service2_top .p3:before {
        width:60px;
    }.service2_case2_list dl {
        padding:55px 35px;
        min-height: 320px;
    }.service2_case2_list dl dt {
        font-size:26px;
    }.service2_case2_list dl dd {
        font-size: 14px;
        margin-top: 15px;
    }.video_service1, .video_service6 {
        padding: 100px 0 0;
    }.service_t2 {
        font-size:36px;
    }.video_service1_list li dl {
        height:90px;
    }.video_service1_list li dl dt {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 24px;
        top: -10px;
        right: -10px;
    }.video_service1_list li dl dd {
        font-size:18px;
        padding: 15px 25px;
    }.video_service1_imgs li p {
        font-size:30px;
    }.video_service2 {
        padding: 70px 0 70px;
    }.video_service2 .service_t2 {
        top:20px;
    }.video_service3 {
        padding:90px 0 100px;
    }.video_service3 .text .p1 {
        margin: 50px 0 15px;
        font-size: 16px;
    }.video_service4 {
        padding:100px 0 95px;
    }.video_service5 .service_t2 {
        top:100px;
    }.video_service6_li p {
        font-size:20px;
    }.video_service6_tab {
        padding: 50px 50px;
    }
}@media(max-width: 1440px) {
    
}
@media(max-width: 1280px){/*2025-03-07*/
    .service2_case_list {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 35px;
    }.service1_list li .text h3, .service2_case_list li .text h3 {
        font-size:24px;
    }.service2_case_list li .text p {
        font-size:16px;
    }.service2_case {
        padding-bottom: 75px;
    }.service2_case2 {
        padding:75px 0 550px;
    }.service_t1 h2 {
        font-size:36px;
    }.service2_top .p3 {
        font-size:20px;
        margin-top:5px;
    }.video_service1, .video_service6 {
        padding: 75px 0 0;
    }.service_t2 {
        font-size:32px;
    }/*03-10*/
    .video_service1_list li dl {
        height:70px;
    }.video_service1_list li dl dt {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 20px;
        top: -10px;
        right: -10px;
    }.video_service1_list li dl dd {
        font-size:16px;
        padding: 10px 20px;
    }.video_service1_imgs li p {
        font-size:24px;
        bottom:20px;
        padding:0 30px;
    }.video_service2 .service_t2 {
        top:10px;
    }.video_service3, .video_service4 {
        padding:75px 0;
    }.video_service3 .text .p1 {
        margin: 40px 0 12px;
        font-size: 15px;
    }.video_service4 .video_service4_img1 {
        margin-bottom:35px;
    }.video_service5 .service_t2 {
        top:50px;
    }.video_service6_li p {
        font-size:18px;
    }.video_service6_tab {
        padding: 35px 30px;
    }
}
@media(max-width: 1259px){.banner_text4 h3 {
        font-size:26px;
    }.banner_text4 p {
        font-size:14px;
        margin: 0px 0 30px;
    }.service1_1 {
        padding:30px 0 70px;
    }.service1_1 h2 {
        margin-bottom: 30px;
    }.service1_list li .text {
        padding:0 30px 20px;
    }.service1_list2 {
        padding: 35px 0 15px;
    }.t2 h2 {
        font-size:26px;
    }.service1_3 a {
        width: 150px;
        line-height: 45px;
        font-size: 16px;
    }.service1_4, .service1_5 {
        padding:70px 0;
    }.service1_6 .message2 {
        padding: 70px 0 150px;
    }.service2_case2_list dl {
        padding:45px 30px;
        min-height: 280px;
    }.service2_case2_list dl dt {
        font-size: 22px;
    }.service2_case2_list dl dd {
        margin-top: 12px;
    }
}
@media(max-width: 1024px){.t3 {
        margin-bottom:30px;
    }.t3 h2 {
        font-size:26px;
    }.t3 .p1, .service1_list li .text p {
        font-size:14px;
    }/*2025-03-07*/
    .service2_case_list {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 25px;
    }.service2_case_list li .text h3, .service1_list li .text h3 {
        font-size:20px;
    }.service2_case_list li .text p {
        font-size:14px;
    }.service_t1 h2 {
        font-size:32px;
    }.service2_top .p3 {
        font-size:18px;
    }.service_t2 {
        font-size: 28px;
    }.video_service1_list {
        margin-top:40px;
    }.video_service1_imgs {
        margin-top:55px;
    }.video_service1_imgs li {
        margin-right:20px;
        margin-bottom:20px;
    }.video_service1_imgs li:nth-child(2), .video_service1_imgs li:nth-child(3) {
        width: calc(38.3% - 20px);
    }.video_service6_li p {
        font-size:16px;
    }.video_service1_imgs li p {
        font-size: 20px;
        bottom: 15px;
        padding: 0 25px;
    }
}
@media(max-width: 820px){.banner_text4 h3 {
        font-size:22px;
    }.banner_text4 p {
        margin: 0px 0 20px;
    }.service1_1 {
        padding: 10px 0 55px;
    }.service1_1 h2 {
        margin-bottom: 20px;
    }.service1_3 {
        padding: 60px 0;
    }.service1_4, .service1_5 {
        padding:55px 0;
    }.t2 h2 {
        font-size:24px;
    }.service1_list li .text {
        padding: 0 15px 15px;
    }.service1_list li .text h3 {
        font-size:20px;
    }.service1_list li .text p {
        font-size:14px;
    }.service1_list2 li {
        padding:15px 20px;
    }.service1_list2 li:nth-child(1) {
        padding:15px 20px;
    }.service1_list2 li:nth-child(2) {
        padding:15px 20px;
    }.service1_6 .message2 {
        padding: 50px 0 100px;
    }.t3 {
        margin-bottom:20px;
    }.t3 h2 {
        font-size:24px;
    }.service2_case {
        padding-bottom: 55px;
    }.service2_case2 {
        padding:55px 0 400px;
    }.service_t1 h2 {
        font-size:28px;
    }.service2_top {
        margin-bottom:20px;
    }.service2_top .p3 {
        font-size:16px;
        margin-top:0;
    }.service2_top .p3:before {
        width:50px;
    }.service2_case2_list dl {
        padding: 30px 20px;
        min-height: 260px;
    }.service_t2 {
        font-size: 24px;
    }.video_service1, .video_service6 {
        padding: 55px 0 0;
    }.video_service1_list li dl {
        height:60px;
    }.video_service1_list li dl dt {
        width: 36px;
        height: 36px;
        line-height: 40px;
        font-size: 16px;
        top: -6px;
        right: -6px;
    }.video_service1_list li dl dd {
        font-size: 14px;
        padding: 10px 25px 10px 12px;
    }.video_service2 {
        padding:55px 0;
    }.video_service2 .service_t2 {
        top:0;
    }.video_service3, .video_service4 {
        padding: 55px 0;
    }#video_service4_scroll .swiper-scrollbar {
        margin-top:40px;
    }.video_service5 .service_t2 {
        top: 35px;
    }.video_service6_cont {
        margin-top: 40px;
    }.video_service6_tab {
        padding: 30px 20px;
    }

}
@media(max-width: 640px){.banner_text4 h3 {
        font-size:16px;
        margin-bottom:10px;
    }.banner_text4 p {
        display:none;
    }.service1_1 {
        padding: 10px 0 30px;
    }.service1_1 h2 {
        margin-bottom: 15px;
    }.service1_list li {
        width:100%;
        margin-right:0;
        margin-bottom:15px;
    }.service1_list li .text p {
        font-size:13px;
        line-height: 1.6em;
    }.service1_list2 {
        padding: 25px 0 15px;
    }.service1_list2 li {
        margin-right:0!important;
        width:100%!important;
        margin-bottom:15px;
    }.service1_list2 li h3 {
        font-size:18px;
    }.service1_list2 li p {
        font-size:12px;
    }.service1_3 {
        padding: 40px 0;
    }.service1_3 .t2 h2 {
        font-size:24px;
    }.service1_3 .t2 p {
        font-size:12px;
        line-height:1.8;
    }.service1_4, .service1_5 {
        padding:40px 0;
    }.t2 h2 {
        font-size:24px;
    }.t2 p {
        font-size:12px;
        line-height:1.8;        
    }a.more_a {
        width: 160px;
        line-height: 40px;
        font-size: 15px;
        margin: 10px auto 0;
    }.service1_6 .message2 {
        padding: 40px 0 40px;
    }.t3 h2 {
        font-size:24px;
    }.t3 .p1 {
        font-size:12px;
        line-height:1.8;
    }.service2_case {
        padding-bottom: 40px;
    }.service2_case2 {
        padding:40px 0 300px;
    }.service_t1 h2 {
        font-size:24px;
    }.service2_top .p3 {
        font-size:15px;
        width:100%;
        margin-top:15px;
    }.service2_case_list {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;   
    }.video_service1, .video_service6 {
        padding: 40px 0 0;
    }.service_t2 {
        font-size: 22px;
    }.video_service1_list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 15px;
        margin-top: 30px;
    }.video_service1_list li dl dd {
        font-size:13px;
    }.video_service1_imgs li {
        width:100%;
        margin-right:0;
    }.video_service1_imgs li:nth-child(2), .video_service1_imgs li:nth-child(3) {
        width:calc(50% - 10px);
    }.video_service1_imgs li:nth-child(2) {
        margin-right:20px;
    }.video_service1_imgs li:nth-child(3) {
        margin-right:0;
    }.video_service1_imgs li:last-child {
        margin-bottom:0;
    }.video_service2 {
        padding: 40px 0;
    }.video_service2 .service_t2 {
        position:relative;
        margin-bottom:10px;
    }.video_service3 {
        padding:0;
        background:none;
        margin-bottom:40px;
    }.video_service3 .text {
        width:100%;
    }.video_service3 .text .p1 {
        margin: 25px 0 12px;
        font-size: 14px;
    }#video_service4_scroll .swiper-scrollbar {
        margin-top: 20px;
    }#video_service4_scroll .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        height:5px;
        margin-top:-1px;
    }.video_service5 {
        background:#dcdcdc;
        padding-top:30px;
    }.video_service5 .service_t2 {
        top: 0px;
        margin-bottom:10px;
    }.video_service6_li {
        width:100%;
        margin-top:25px;
    }.video_service6_li p {
        font-size: 14px;
    }.video_service6_cont {
        margin-top: 20px;
    }.video_service6_tab {
        padding: 15px 15px;
        border-radius:10px;
    }
}
@media(max-width: 460px){.service2_case_list {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;   
    }.service2_case_list li .text {
        /*display:none;*/
    }.service2_case_list li .text h3 {
        font-size:13px;
    }.service2_case_list li .text p {
        display:none;
    }.service2_case_list li, .service2_case2_list dl {
        width:100%;
    }.service2_case2_list dl {
        margin-bottom:20px;
        min-height:auto;
    }.service2_case2_list dl:last-child {
        margin-bottom:0;
    }.service2_case2_list dl dd {
        margin-top: 7px;
    }
}.service1_2 {
    background: url(../images/service1_bg1.jpg) no-repeat center top;
    text-align: center;
    background-size: cover;
    position: relative;
}.service1_2 h2.t1 {
    display: none;
    line-height: 1.4;
}.service1_2 .cont {
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
    z-index: 3;
}.service1_2 dl {
    width: 200px;
    color: #fff;
    position: absolute;
    text-align: left;
}/*.service1_2 dl {
    position:static;
    text-align:left!important;
    width:47%!important;
    float:left;
    margin-bottom:30px;
    margin-right:5%;
}*/
.service1_2 dl:nth-of-type(2n) {
    margin-right:0px;
}.service1_2 dt {font-weight:700;margin-bottom:10px;}.service1_2 .con01 {top:14.5%;left:12%;}.service1_2 .con02 {top:14.5%;left:67%;}.service1_2 .con03 {top:45.5%;left:2%;text-align:right;}.service1_2 .con04 {top:45.5%;left:77%;text-align:right;}.service1_2 .con05 {top:75%;left:10%;}.service1_2 .con06 {top:75%;left:73%;}.service1_2>h3 {display:none;}.yuan_bg {
    position:absolute;top:50%;
    left:50%;transform:translate(-50%,-50%);
    border:1px solid #fff;
    opacity:0.4;
    width:475px;
    height:475px;
    border-radius:42% 58% 70% 30% / 45% 45% 55% 55%;
    animation:morph 6s linear infinite;will-change:border-radius;
}.yuan_bg:before, .yuan_bg:after {
    content:"";
    display:block;
    width:490px;
    height:490px;
    position:absolute;
    left:0px;
    top:0px;
    border:1px solid #fff;
    border-radius:42% 58% 70% 30% / 45% 45% 55% 55%;
    will-change:border-radius;animation-delay:100ms;
}.yuan_bg:before {
    animation:morph 10s linear infinite;animation-delay:400ms;
}
@keyframes morph{0%, 100% {border-radius:42% 58% 70% 30% / 45% 45% 55% 55%;}34% {border-radius:70% 30% 46% 54% / 30% 29% 71% 70%;}67% {border-radius:100% 60% 60% 100% / 100% 100% 60% 60%;}
}.fnt_30 {
    font-size: 30px;
    line-height: 1.3;
}.fnt_18 {
    font-size: 18px;
    line-height: 1.6;
}
@media only screen and (min-width: 600px){.service1_2 dl {opacity:0;transition:all 0.4s ease-in-out;}.service1_2 dl:nth-of-type(1) {transition:all 0.4s ease-in-out;}.service1_2 dl:nth-of-type(2) {transition:all 0.4s ease-in-out 0.2s;}.service1_2 dl:nth-of-type(3) {transition:all 0.4s ease-in-out 0.4s;}.service1_2 dl:nth-of-type(4) {transition:all 0.4s ease-in-out 0.6s;}.service1_2 dl:nth-of-type(5) {transition:all 0.4s ease-in-out 0.8s;}.service1_2 dl:nth-of-type(6) {transition:all 0.4s ease-in-out 1s;}.service1_2 dl.dl_anim {opacity:1;}
}
@media only screen and (max-width:1600px){.fnt_18 {
        font-size: 16px;
    }
}

@media only screen and (max-width:1400px){.fnt_30 {
        font-size: 20px;
    }
}
@media only screen and (max-width:1220px){.service1_2 .con03 {left:0px;width:170px;}.service1_2 .con04 {left:73%;}.yuan_bg {width:400px;height:400px;}.yuan_bg:before, .yuan_bg:after {width:405px;height:405px;}
}
@media only screen and (max-width: 1024px){.fnt_18 {
        font-size: 16px;
    }    
}
@media only screen and (max-width: 950px){.fnt_30 {
        font-size: 18px;
    }.fnt_18 {
        font-size: 14px;
    } 
}
@media only screen and (max-width:800px){.service1_2 .con03 {left:0px;width:120px;}.service1_2 .con04 {left:70%;width:170px;}.yuan_bg {width:300px;height:300px;}.yuan_bg:before, .yuan_bg:after {width:305px;height:305px;}
}
@media only screen and (max-width: 767px){.fnt_30 {
        font-size: 16px;
    }.service1_2 .cont img {
        display:none;
    }.service1_2 h2.t1 {
        display:block;
        color:#fff;
        margin-bottom:30px;
    }.fnt_18 {
        line-height:1.8;
    }
}
@media only screen and (max-width:700px){.service1_2>h3 {display:block;color:#fff;font-weight:700;margin-bottom:40px;}.service1_2 .con>img {display:none;}.service1_2 {padding:50px 0px;}.service1_2 dl {position:static;text-align:left!important;width:47%!important;float:left;margin-bottom:30px;margin-right:5%;}.service1_2 dl:nth-of-type(2n) {margin-right:0px;}
}/*service2*/
.banner_text4_2 a {
    display: block;
    width: 160px;
    line-height: 55px;
    font-size: 20px;
    color: #fff;
    border-radius: 10px;
    background:#1E7AB8;
    text-align: center;
    font-family: "微软雅黑";
    font-weight: bold;
    position: relative;
    overflow: hidden;
}.banner_text4_2 a:before {
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation: wave 1.3s infinite;
    animation: wave 1.3s infinite;
    z-index: 1;
}.service2_1 {
    padding:40px 0 85px;
}.service2_1 .container {
    max-width: 1344px;
}.service2_2 {
    padding:110px 0 80px;
    background:#f7f7f7;
}.service2_2 .container {
    max-width: 1200px;
    height: 728px;
    background: url(../images/v_value.png) no-repeat center 112px;
}.service2_2 h2.t1 {
    margin-bottom:70px;
    text-align: center;
}.service2_2 dl {
    float: left;
    width: 430px;
    height: 208px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 25px rgb(67 88 171 / 16%);
    margin-bottom: 40px;
    border: 1px solid #ebecf2;
    position: relative;
}.service2_2 dl:nth-of-type(2n) { float: right;}.service2_2 dl dt { position: absolute; top: 74px; right: -31px; width: 61px; height: 61px; border-radius: 61px; background: #1E7AB8; color: #fff; text-align: center; line-height: 61px; font-weight: bold; font-size: 26px;}.service2_2 dl dd { text-align: right; padding-right: 60px;}.service2_2 dl dd h3 { line-height: 100%; font-size: 26px; color: #333333;font-weight: bold; padding-top: 44px; padding-bottom: 24px;}.service2_2 dl dd h3 span { padding-left: 18px;}.service2_2 dl dd p { line-height: 100%; color: #666666; font-size: 16px;}.service2_2 dl dd p span { display: block; padding: 12px 0;}.service2_2 dl:nth-of-type(2n) dt { right: inherit; left: -31px;}.service2_2 dl:nth-of-type(2n) dd { text-align: left; padding-right: 0; padding-left: 60px;}.service2_3 {
    padding:100px 0 80px;
}.service2_4 .message2 {
    padding: 0px 0 185px;
}
@media(max-width: 1600px){.banner_text4_2 a {
        width: 120px;
        line-height: 45px;
        font-size: 16px;
    }.service2_1 {
        padding:30px 0 70px;
    }.service2_2 {
        padding:90px 0 80px;
    }.service2_2 .container {
        height: 500px;
        background: url(../images/v_value.png) no-repeat center 60px;
        background-size: 420px;
    }.service2_2 dl {
        height:170px;
    }.service2_2 dl dt {
        top:55px;
    }.service2_2 dl dd h3 {
        font-size:20px;
        padding-top: 30px;
        padding-bottom: 15px;
    }.service2_2 dl dd p {
        font-size:14px;
    }.service2_4 .message2 {
        padding:0 0 160px;
    }.service2_3 {
        padding:80px 0 ;
    }
}@media(max-width: 1440px) {
    
}
@media(max-width: 1259px){.banner_text4_2 a {
        width: 90px;
        line-height: 35px;
        font-size: 14px;
    }.service2_2 {
        padding:70px 0;
    }.service2_3 {
        padding:70px 0 ;
    }
}
@media(max-width: 1024px){.service2_2 {
        /*display:none;*/
    }.service2_2 .container {
        background: url(../images/v_value.png) no-repeat center 100px;
        background-size: 350px;
    }.service2_2 dl {
        width:380px;
    }.service2_2 dl dt {
        top: 55px;
        width: 50px;
        height: 50px;
        border-radius: 50px;
        line-height: 50px;
        font-size: 20px;
        right:-25px;
    }.service2_2 dl:nth-of-type(2n) dt {
        left:-25px;
    }.service2_2 dl dd {
        padding-right:50px;
    }.service2_2 dl:nth-of-type(2n) dd {
        padding-left:50px;
    }.service2_4 .message2 {
        padding:0 0 150px;
    }.service2_3 {
        padding:70px 0 ;
    }
}
@media(max-width: 820px){.service2_1 {
        padding:10px 0 55px;
    }.service2_2 {
        padding:55px 0;
    }.service2_2 .container {
        background: url(../images/v_value.png) no-repeat center 80px;
        background-size: 300px;
        height:450px;
    }.service2_2 dl {
        width:320px;
        margin-bottom: 25px;
    }.service2_2 dl dd {
        padding-right:35px;
    }.service2_2 dl:nth-of-type(2n) dd {
        padding-left:35px;
    }.service2_2 dl dd h3 {
        font-size:18px;
    }.service2_2 dl dd p {
        font-size:13px;
    }.service2_2 dl dd p span {
        padding: 7px 0;
    }.service2_4 .message2 {
        padding:0 0 100px;
    }.service2_3 {
        padding:55px 0 ;
    }

}
@media(max-width: 767px){.service2_2 .container {
        height:auto;
        background:none;
    }.service2_2 dl {
        width: calc(100% - 25px);
        height: auto;
        padding: 15px 15px 15px 45px;
        margin-left: 25px;
        margin-bottom: 15px;
    }.service2_2 dl dd {
        padding:0!important;
        text-align:left;
    }.service2_2 dl dd h3 {
        font-size:16px;
        padding:0 0 10px 0;
    }.service2_2 dl dd p {
        line-height:1.6em;
        height:3.2em;
        overflow:hidden;
    }.service2_2 dl dd p span {
        display:inline-block;
        padding:0;
    }.service2_2 dl dt {
        left:-25px;
        top:25px;
    }.service2_3 {
        padding:40px 0 ;
    }
}
@media(max-width: 640px){.service2_1 {
        padding:10px 0 40px;
    }.service2_2 {
        padding:40px 0;
    }.service2_4 .message2 {
        padding:0 0 40px;
    }

}.service3_1 {
    padding: 40px 0 110px;
}.t5 {
    width: 74%;
    max-width: 1180px;
    margin:0 auto;
    text-align: center;
    font-size: 32px;
    color: #272727;
    font-family: "微软雅黑";
    line-height: 1.4;
    font-weight: bold;
}.service3_list {
    display: flex;
    justify-content: center;
    margin-top:70px;
}.service3_list li {
    margin-right: 12px;
}.service3_list li:last-child {
    margin-right: 0;
}.service3_2 {
    text-align: center;
}.service3_2 .img {
    margin-top:40px;
}.service4_1 {
    padding: 40px 0 95px;
}.t2 h2 span {
    color: #1A6FA5;
}.service4_1 .t2 .p1 {
    max-width: 1310px;
    margin:20px auto 40px;
}.service4_li {
    text-align:center;margin-bottom:40px;
}.service4_li a {
    font-family: "微软雅黑";
    font-size:14px;color:#333333;display:inline-block;padding:0px 20px;border:1px solid #dcdcdc;border-radius:3px;line-height:36px;margin-right:20px;}.service4_li a:last-child {margin-right:0px;}.service4_li a:hover {background:#1E7AB8;color:#fff;border:1px solid #1E7AB8;}.service4_li a.on {background:#1E7AB8;color:#fff;border:1px solid #1E7AB8;}.service4_tab {
    padding:40px 35px;
    background:#fff;
    box-shadow:0px 0px 12px rgba(0,0,0,.1);
    display: none;
}.service4_tab .content_txt_left {
    width:29%;
    float:left;
}.service4_tab .content_txt_left img {width:100%;}.service4_tab .content_txt_right {
    float:left;
    width:60%;margin-left:5%;}.service4_tab .content_txt_right .txt_right_title {font-size:20px;color:#333;text-align:center;font-weight:bolder;margin-bottom:35px;}.service4_tab .content_txt_right .txt_right_txt {border-bottom:1px solid #bbbbbb;padding-bottom:30px;height:134px;}.service4_tab .content_txt_right .txt_right_txt a {display:inline-block;width:25%;margin-bottom:16px;margin-right:-5px;
    color: #333;
}.service4_tab .content_txt_right .txt_right_txt a img {margin-right:6px;}.service4_tab .content_txt_right .txt_right_more {text-align:right;}.service4_tab .content_txt_right .txt_right_more a {display:inline-block;width:142px;height:42px;line-height:42px;text-align:center;font-size:18px;background:#1E7AB8;color:#fff;border-radius:5px;margin-top:25px;}

@media(max-width: 1600px){.t5 {
        font-size: 26px;
    }.service3_list {
        margin-top:50px;
    }.service4_1 {
        padding: 20px 0 70px;
    }.service4_3 {
        padding:70px 0 0;
    }
}@media(max-width: 1440px) {
    
}
@media(max-width: 1259px){.service4_li {
        margin-bottom:30px;
    }.service4_li a {
        padding: 0px 10px;
        margin-right: 10px;
        margin-bottom:10px;
    }

}
@media(max-width: 1024px){.t5 {
        font-size: 20px;
    }.service3_1 {
        padding: 10px 0 70px;
    }.service3_list {
        margin-top: 30px;
    }.service3_2 .img {
        margin-top: 30px;
    }.service4_1 .t2 .p1 {
        margin: 10px auto 40px;
    }.service4_2 {
        display:none;
    }

}
@media(max-width: 820px){.service3_1 {
        padding: 10px 0 55px;
    }.service4_1 {
        padding: 10px 0 55px;
    }.service4_li {
        margin-bottom:20px;
    }.service4_tab {
        padding:20px 20px;
    }.service4_tab .content_txt_right .txt_right_title {
        font-size:16px;
        margin-bottom: 15px;
    }.service4_tab .content_txt_right .txt_right_txt {
        height:auto;
        padding-bottom: 20px;
    }.service4_tab .content_txt_right .txt_right_more a {
        width:120px;
        margin-top: 20px;
        font-size:15px;
    }
}
@media(max-width: 640px){.t5 {
        font-size: 16px;
    }.service3_1 {
        padding: 10px 0 40px;
    }.service3_list, .service3_2 .img {
        margin-top: 20px;
    }.service3_list {
        flex-wrap:wrap;
    }.service3_list li {
        width:32%;
        margin-right:2%;
        margin-bottom:10px;
    }.service3_list li:nth-child(3n) {
        margin-right:0;
    }.service4_1 {
        padding: 10px 0 10px;
    }.service4_1 .t2 .p1 {
        margin: 10px auto 30px;
    }.service4_tab .content_txt_right .txt_right_more a {
        width:90px;
    }.service4_1, .service4_li, .service4_tab_c {
        display:none;
    }
}.service4_2 {

}.service4_2 .s_xcx_con02 {
    max-width: 1280px;
}.s_xcx_con02 dl {
    position: relative;
    color: #fff;
}.s_xcx_con02 dd img {
    width: 100%;
}.s_xcx_con02 dt {
    position: absolute;
    left: 0;
    top: 90px;
    width: 100%;
    z-index: 2;
}.s_xcx_con02 .dt_con {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto
}.s_xcx_con02 .dt_con .p {
    padding-bottom: 50px;
    border-bottom: 1px dotted #fff;
    margin-bottom: 50px;
}.s_xcx_con02 .dt_con p {
    margin-top: 15px;
}.s_xcx_con02 .dt_con .ul h4 {
    float: left;
    width: 24%;
}.s_xcx_con02 .dt_con .ul ul {
    float: left;
    width: 76%;
}.s_xcx_con02 .dt_con .ul ul li {
    float: left;
    width: 200px;
    font-weight: 700;
    margin-bottom: 25px;
}.s_xcx_con02 .dt_con .ul ul li span {
    display: inline-block;
    padding: 7px 0 0 20px;
}.fnt_24 {
    font-size: 24px;
}

@media only screen and (min-width: 600px){.s_xcx_con02 h3 {
        opacity: 0;
        transition: all .4s ease-in-out .2s;
    }.s_xcx_con02 h3.con_anim {
        opacity: 1;
    }.s_xcx_con02 .p {
        opacity: 0;
        top: 50px;
        position: relative;
        transition: all .4s ease-in-out .4s;
    }.s_xcx_con02 .p.con_anim {
        opacity: 1;
        top: 0;
    }
}
@media only screen and (max-width: 1500px){.service4_2 .s_xcx_con02 {
        max-width: 950px;
    }.s_xcx_con02 dt {
        top: 40px;
    }.service4_2  .s_xcx_con02 .dt_con {
        max-width: 750px;
        margin:0 auto;
    }.s_xcx_con02 .dt_con .p {
        padding-bottom: 25px;
        margin-bottom: 25px;
    }.fnt_24 {
        font-size: 20px;
    }.s_xcx_con02 .dt_con .ul h4 {
        font-size: 24px;
    }.s_xcx_con02 .dt_con .ul ul li {
        width: 33.33%;
    }

}
@media only screen and(max-width: 1000px){.s_xcx_con02 .dt_con {
        width: 80%;
    }.s_xcx_con02 .dt_con p {
        font-size: 14px;
    }.s_xcx_con02 .dt_con .ul h4 {
        font-size: 18px;
    }.s_xcx_con02 .dt_con .ul ul li {
        margin-bottom: 15px;
    }.s_xcx_con02 .dt_con .ul ul li img {
        width: 30px;
    }.s_xcx_con02 .dt_con .ul ul li span {
        padding-top: 3px;
    }
}
@media only screen and (max-width: 600px){.s_xcx_con02 .dt_con {
        width: 100%;
    }.s_xcx_con02 .dt_con p {
        margin-top: 5px;
    }.s_xcx_con02 .dt_con .ul h4 {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }.s_xcx_con02 .dt_con .ul ul {
        float: none;
        width: 100%;
    }.s_xcx_con02 .dt_con .ul ul li span {
        padding-left: 10px;
    }
}.service4_3 {
    background:#f5f5f5;
    padding:105px 0 0;
}.service4_3 .container {
    max-width: 1350px;
}.service4_3 .t3 {
    margin-bottom:90px;
}.service4_3 .cont {

}.service4_3 .cont .text {
    width: 65.5%;
    max-width: 755px;
    float:left;
}.service4_3 .cont .text .txt {
    font-size: 16px;
}.service4_3 .cont .text ul {
    display: flex;
    flex-wrap: wrap;
    max-width: 714px;
    margin-top:45px;
}.service4_3 .cont .text ul li {
    width: 33.333%;
    background:#fff;
    padding:30px 20px;
    text-align: center;
    border-right: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    position: relative;
    z-index:1;
}.service4_3 .cont .text ul li .img {
    line-height: 60px;
}.service4_3 .cont .text ul li p {
    font-size: 18px;
    color: #4c4c4c;
}.service4_3 .cont .text ul li:hover {
    box-shadow: 0px 0px 15px #eee;
    z-index:9;
}.service4_3 .cont .img1 {
    width: 34.5%;
    float:right;
}.service4_4 {
    padding:110px 0 0;
}.service4_list2 {
    display: flex;
    flex-wrap: wrap;
}.service4_list2 li {
    width: 24.25%;
    margin-right: 1%;
    background:#f7f7f7;
    padding:70px 40px 70px 45px;
}.service4_list2 li:last-child {
    margin-right: 0;
}.service4_list2 li .img {

}.service4_list2 li h3 {
    font-size: 24px;
    color: #333333;
    margin:15px 0 10px;
}.service4_list2 li p {
    font-size: 14px;
    color: #666666;
    line-height: 1.8;
}
@media(max-width: 1600px){.service4_3 {
        padding:70px 0 0;
    }.service4_3 .t3 {
        margin-bottom:70px;
    }.service4_3 .cont .text {
        padding-right:20px;
    }.service4_3 .cont .text ul li p {
        font-size:16px;
        padding-top:5px;
    }.service4_list2 li {
        padding:30px 20px;
    }.service4_list2 li h3 {
        font-size:20px;
        margin: 10px 0 5px;
    }.service4_4 {
        padding: 90px 0 0;
    }
}@media(max-width: 1440px) {
    
}
@media(max-width: 1259px){.service4_3 {
        padding:70px 0 0;
    }.service4_3 .t3 {
        margin-bottom:50px;
    }.service4_4 {
        padding: 70px 0 0;
    }
}
@media(max-width: 1024px){.service4_3 .cont .text ul {
        margin-top:30px;
    }
}
@media(max-width: 820px){.service4_3 {
        padding:55px 0 0;
    }.service4_3 .t3 {
        margin-bottom:30px;
    }.service4_3 .cont .text {
        width:100%;
        padding-right:0;
    }.service4_3 .cont .img1 {
        width:100%;
        margin-top:25px;
        text-align:center;
    }.service4_list2 li {
        padding: 20px 20px;

        width:49%;
        margin-right:2%;
        margin-bottom:15px;
    }.service4_list2 li:nth-child(2n) {
        margin-right:0;
    }.service4_list2 li h3 {
        font-size:16px;
    }.service4_3 .cont .text ul li {
        padding: 15px 20px;
    }.service4_3 .cont .text ul li .img {
        line-height:50px;
    }.service4_3 .cont .text ul li .img img {
        max-height:40px;
    }.service4_4 {
        padding: 55px 0 0;
    }
}
@media(max-width: 640px){.service4_3 {
        padding:40px 0 0;
    }.service4_3 .t3 {
        margin-bottom:20px;
    }.service4_tab .content_txt_left {
        width: 100%;
    }.service4_tab .content_txt_right {
        width:100%;
        margin:20px 0 0;
    }.service4_tab .content_txt_right .txt_right_txt a {
        width:33.333%;
    }.service4_4 {
        padding: 40px 0 0;
    }.service4_3 .cont .text .txt {
        font-size:14px;
        line-height:1.8;
    }.service4_3 .cont .text ul li p {
        font-size:14px;
    }.service4_list2 li p {
        font-size:12px;
        line-height:1.8;
    }
}@media(max-width: 460px) {
    
}/*2025-04-27 品牌视觉*/
.service5_1 {
    
}/*.service5_1_top {*/
/*    overflow-x: auto;*/
/*    -webkit-overflow-scrolling: touch;    */
/*}*/
/*.service5_1_top::-webkit-scrollbar {*/
/*    width:6px;*/
/*    height:3px;*/
/*    background-color:#004ea2;*/
/*}*/
/*.service5_1_top::-webkit-scrollbar-track {*/
/*    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);*/
/*    background-color:#eee;*/
/*}*/
/*.service5_1_top::-webkit-scrollbar-thumb {*/
/*    width:6px;*/
/*    height:3px;*/
/*    background-color:#0071bd;*/
/*}*/
.service5_li {
    padding:75px 0 45px;
    display: flex;
    justify-content: center;
}.service5_li a {
    display: flex;
    align-items: center;
    cursor: pointer;
}.service5_li a i {
    font-style: normal;
    font-size: 80px;
    color: #0071bd;
    line-height: 1;
}.service5_li a font {
    width: 298px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    font-size: 24px;
    color: #5a738f;
    line-height: 1.4;
    padding:5px 10px;   
    border:1px solid #a9cde5;
    line-height: 1.4;
    border-radius: 5px;
    margin-left: 10px;
}.service5_li a span {
    padding:0 60px 0 70px;
}.service5_li a.on font {
    background: #0071bd;
    border:1px solid #0071bd;
    color: #fff;
}.service5_tab_c {
    background: #f2f5f7;
}.service5_tab {
    display: none;
    padding:65px;
    border-top:2px solid #a9cde5;
}.service5_tab_list1, .service5_tab_list2 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 21px 23px;
}.service5_tab strong {
    margin-right: 5px;
}.service5_tab_list1 li, .service5_tab_list2 dl dt {
    height: 58px;
    display: flex;
    align-items: center;
    background: #fff;
    font-size: 16px;
    color: #5a738f;
    line-height: 1.4;
    padding:5px 10px 5px 22px;
}.service5_tab_list2 dl dd p {
    height: 58px;
    display: flex;
    align-items: center;
    border: 2px solid #fff;
    font-size: 16px;
    color: #5a738f;
    line-height: 1.4;
    padding:5px 10px 5px 22px;
    margin-top:23px;
}.service5_2 {
    padding:124px 0 115px;    
}.service5_2 .img {
    margin-top:45px;
    text-align: center;    
    border-top:2px solid #7fb8de;
}.service5_3 {
    padding:115px 0 120px;
    background: url(../images/servide5_3_bg.png) no-repeat center;
    background-size: cover;
}.service5_3 .img {
    margin-top:120px;
    text-align: center;    
}.service5_4 {
    padding:100px 0 108px;
}.service5_scroll {
    position: relative;
}#service5_scroll {
    
}.service5_scroll_cont {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row-reverse;
}.service5_scroll_cont .text {
    width: 38.5%;
    padding-top:20px;
    padding-right: 85px;
}.service5_scroll_cont .text .img1 {
    
}.service5_scroll_cont .text .p1 {
    padding:45px 0 65px;
    line-height: 1.4;
    margin-bottom: 20px;
    border-bottom: 1px solid #7f7f7f;
    font-size: 21px;
    color: #000000;
    font-family: "puhui65";
}.service5_scroll_cont .text .txt {
    font-size: 15px;
    color: #5a738f;
    text-align: justify;
}.service5_scroll_cont .imgs {
    width: 61.5%;    
}.service5_scroll .service5_prev, .service5_scroll .service5_next {
    width: 55px;
    height: 55px;
    margin-top:-27.5px;
}.service5_scroll .service5_prev {
    left:-96px;
    background: url(../images/service5_left1.jpg) no-repeat center;
    background-size: contain;
}.service5_scroll .service5_prev:hover {
    transform: rotate(-180deg);
    background: url(../images/service5_right1.jpg) no-repeat center;
    background-size: contain;
}.service5_scroll .service5_next {
    right:-96px;
    transform: rotate(-180deg);
    background: url(../images/service5_left1.jpg) no-repeat center; 
    background-size: contain;
}.service5_scroll .service5_next:hover {
    transform: rotate(-0deg);
    background: url(../images/service5_right1.jpg) no-repeat center;
    background-size: contain;
}.service5_scroll .service5_pagination {
    position: relative!important;
    top:0;
    left:0;
    width: 100%;
    margin-top:68px;
}.service5_scroll .service5_pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #bdc7d2;
    margin:0 8px;
    opacity: 1;
}.service5_scroll .service5_pagination .swiper-pagination-bullet-active {
    background: #0071bd;
}#service5_scroll .service5_prev1, #service5_scroll .service5_next1 {
    width: 30px;
    height: 54px;
    margin-top:-27px;
}#service5_scroll .service5_prev1 {
    left:55px;
    background: url(../images/service5_left2.png) no-repeat center;
}#service5_scroll .service5_prev1:hover {
    transform: rotate(-180deg);
    background: url(../images/service5_right2.png) no-repeat center;
}#service5_scroll .service5_next1 {
    right:55px;
    transform: rotate(-180deg);
    background: url(../images/service5_left2.png) no-repeat center;    
}#service5_scroll .service5_next1:hover {
    transform: rotate(-0deg);
    background: url(../images/service5_right2.png) no-repeat center;
}#service5_scroll .service5_pagination2 {
    bottom:20px;
    position: absolute;
    left:0;
    width: 100%;
    z-index: 9;
    text-align: center;
}#service5_scroll .service5_pagination2 .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    margin:0 8px;
    opacity: .4;
}#service5_scroll .service5_pagination2 .swiper-pagination-bullet-active {
    background: #fff;
    opacity: 1;
}.service5_5 {
    
}.service5_5 .img {
    margin-top:35px;
    text-align: center;
}.service5_6 {
    padding:120px 0 290px;
}.message3.container {
    max-width: 954px;
}.message3 .message2_t h2 {
    line-height: 1.6;
    margin-bottom: 40px;
    /*font-weight: normal;*/
}.message3 .message2_t p {
    max-width: 695px;
}.message3 a.add_more1 {
    width: 220px;
}
@media(max-width: 1600px){.service5_li {
        padding: 55px 0 35px;
    }.service5_li a i {
        font-size:66px;
    }.service5_li a font {
        font-size:20px;
        width:220px;
        height:52px;
    }.service5_li a span {
        padding: 0 30px;
    }.service5_li a span img {
        max-width:40px;
    }.service5_tab {
        padding:40px;
    }.service5_tab_list1, .service5_tab_list2 {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 18px;
    }.service5_tab_list1 li, .service5_tab_list2 dl dt, .service5_tab_list2 dl dd p {
        font-size:14px;
    }.service5_tab_list2 dl dd p {
        margin-top:18px;
    }.service5_2, .service5_3, .service5_4 {
        padding: 100px 0;
    }.service5_3 .img {
        margin-top: 80px;
    }.service5_scroll_cont .text {
        padding-right:55px;
    }.service5_scroll_cont .text .p1 {
        padding: 25px 0 20px;
        font-size: 18px;
    }.service5_scroll_cont .text .txt {
        font-size:14px;
    }.service5_scroll .service5_prev, .service5_scroll .service5_next {
        width:40px;
        height:40px;
        display:none;
    }.service5_scroll .service5_prev {
        left:-55px;
    }.service5_scroll .service5_next {
        right:-55px;
    }.service5_scroll .service5_pagination {
        margin-top:35px;
    }.service5_6 {
        padding: 100px 0 220px;
    }.message3 .message2_t h2 {
        margin-bottom:30px;
    }.message3 a.add_more1 {
        width: 200px;
    }
}
@media(max-width: 1280px){.service5_li a i {
        font-size:46px;
    }.service5_li a font {
        font-size:16px;
        width:180px;
        height:50px;
    }.service5_li a span {
        padding: 0 15px;
    }.service5_li a span img {
        max-width:30px;
    }.service5_tab {
        padding:30px;
    }.service5_tab_list1, .service5_tab_list2 {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 15px;
    }/*.service5_tab_list1 li, .service5_tab_list2 dl dt, .service5_tab_list2 dl dd p {*/
    /*    font-size:14px;*/
    /*}*/
    .service5_tab_list2 dl dd p {
        margin-top:15px;
    }.service5_2, .service5_3, .service5_4 {
        padding: 75px 0;
    }.service5_3 .img {
        margin-top: 65px;
    }.service5_scroll_cont .text {
        padding-right:45px;
    }.service5_scroll_cont .text .p1 {
        padding: 25px 0 15px;
        font-size: 16px;
    }#service5_scroll .service5_prev1, #service5_scroll .service5_next1 {
        display:none;
    }/*.service5_scroll_cont .text .txt {*/
    /*    font-size:14px;*/
    /*}*/
    .service5_6 {
        padding: 75px 0 200px;
    }.message3 .message2_t h2 {
        margin-bottom:25px;
    }.message3 a.add_more1 {
        width: 180px;
    }    
}
@media(max-width: 1024px){.service5_li {
        padding: 45px 0 30px;
    }.service5_li a i {
        font-size:40px;
    }.service5_li a font {
        font-size:15px;
        width:160px;
        height:46px;
    }.service5_li a span {
        padding: 0 12px;
    }.service5_li a span img {
        max-width:26px;
    }.service5_tab {
        padding:25px 20px;
    }.service5_tab_list1, .service5_tab_list2 {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
    }.service5_tab_list1 li, .service5_tab_list2 dl dt, .service5_tab_list2 dl dd p {
        font-size:13px;
        padding: 5px 5px 5px 5px;
    }.service5_tab_list2 dl dd p {
        margin-top:12px;
    }.service5_6 {
        padding: 75px 0;
    }.service5_scroll_cont .imgs {
        width:100%;
    }.service5_scroll_cont .text {
        width:100%;
        padding-right:0;
    }.service5_scroll_cont .text .img1 {
        height:40px;
    }.service5_scroll_cont .text .img1 img {
        max-height:40px;
    }
}
@media(max-width: 820px){.service5_li {
        padding: 35px 0 20px;
    }.service5_li a font {
        width:150px;
    }.service5_2, .service5_3, .service5_4, .service5_6 {
        padding: 55px 0;
    }.service5_scroll_cont .text .img1 {
        height:30px;
    }.service5_scroll_cont .text .img1 img {
        max-height:30px;
    }.service5_scroll_cont .text .p1 {
        padding: 20px 0 12px;
        margin-bottom:15px;
    }.service5_scroll .service5_pagination, .service5_5 .img {
        margin-top: 20px;
    }
}
@media(max-width: 767px){.service5_1_top {
        margin-bottom:5px;
    }.service5_li a i {
        font-size:32px;
    }.service5_li {
        padding: 25px 0 10px;
        justify-content:flex-start;
    }.service5_tab_list1, .service5_tab_list2 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }
}
@media(max-width: 640px){.service5_2, .service5_3, .service5_4, .service5_6 {
        padding: 40px 0;
    }.service5_li a font {
        font-size:13px;
        width:130px;
        padding:5px 10px;
        height:42px;
        margin-left: 3px;
    }.service5_li a span {
        padding: 0 8px;
    }.service5_scroll_cont .text .p1 {
        font-size:14px;
        padding:15px 0 5px;
    }
}
@media(max-width: 460px){.service5_li a {
        width:32%;
        margin-right:2%;
        text-align:center;
    }.service5_li a:last-child {
        margin-right:0;
    }.service5_li a i, .service5_li a span {
        display:none;
    }.service5_li a font {
        font-size:12px;
        margin:0;
        padding:2px 3px;
    }
}.yxtg_list {
    padding:20px 0 140px;
}.yxtg_list li {
    margin-bottom:120px;
}.yxtg_list li.container {
    max-width: 1350px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    justify-content: space-between;
}.yxtg_list li:nth-child(2) {
    flex-direction: row;
}.yxtg_list li .img {
    float:right;
    width: 53%;
}.yxtg_list li .text {
    float:left;
    width: 42%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding:20px 0 20px 5%;
}.yxtg_list li .text h2 {
    font-size: 50px;
    font-family: "微软雅黑";
    line-height: 1;
}.yxtg_list li .text h2 span {
    color: #1A6FA5;
}.yxtg_list li .text p {
    font-size: 18px;
    color: #666666;
    max-width: 420px;
    font-weight: bold;
    line-height: 1.6;
    margin:32px 0 100px;
}.yxtg_list li .text a {
    display: block;
    width: 156px;
    line-height: 56px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    background:#1E7AB8;
}.banner_text6 {

}.banner_text6 h2 {
    color: #333333;
    font-size: 50px;
    font-family: "微软雅黑";
}.banner_text6 h2 span {
    color: #1A6FA5;
}.banner_text6 p {
    font-size: 20px;
    color: #666666;
/*    max-width: 625px;*/
}.banner_text6 a {
    display: block;
    width: 160px;
    line-height: 55px;
    font-size: 20px;
    color: #fff;
    border-radius: 10px;
    background: #1E7AB8;
    text-align: center;
    font-family: "微软雅黑";
    font-weight: bold;
    overflow: hidden;
    position: relative;
}.banner_text6 a:before {
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation: wave 1.3s infinite;
    animation: wave 1.3s infinite;
    z-index: 1;
}.yxtg1_1 {
    padding:30px 0 50px;
}.yxtg1_1 .container {
    max-width: 1300px;
}.yxtg_list1 {
    display: flex;
    flex-wrap: wrap;
    margin-top:70px;
}.yxtg_list1 li {
    display: flex;
    flex-wrap: wrap;
    align-items:center;
    width: 47%;
    margin-right: 6%;
    margin-bottom:70px;
}.yxtg_list1 li:nth-child(2n) {
    margin-right: 0%;
}.yxtg_list1 li .img {
    width: 145px;
}.yxtg_list1 li .text {
    width: calc(100% - 145px);
}.yxtg_list1 li .text h3 {
    font-family: "微软雅黑";
    font-size: 28px;
    color: #333333;
    line-height: 1.6;
}.yxtg_list1 li .text p {
    font-size: 18px;
    color: #666666;
    line-height: 1.6;
}.yxtg1_2 {
    padding:135px 0 120px;
    background:#f7f7f7;
}.yxtg1_2 .container {
    display: flex;
    flex-wrap: wrap;
}.yxtg1_tab {
    width: 50%;
}.yxtg1_tab .img {
    display: none;
}.yxtg1_2_r {
    width: 50%;
    padding-left: 110px;
}.yxtg1_2_r_t {

}.yxtg1_2_r_t h2 {
    font-size: 40px;
    color: #333333;
    font-family: "微软雅黑";
    line-height: 1;
}.yxtg1_2_r_t p {
    font-size: 24px;
    color: #666666;
    padding:10px 0 40px;
}.yxtg_list2 {

}.yxtg_list2 li {
    display: flex;
    flex-wrap: wrap;
    align-items:center;
    padding:15px 40px;
    margin-bottom:10px;
    cursor: pointer;
}.yxtg_list2 li .num1 {
    width: 95px;
    font-size: 60px;
    color: #8a8a8a;
    line-height: 1;
}.yxtg_list2 li .text {
    width: calc(100% - 95px);
}.yxtg_list2 li .text .p1 {
    font-size: 26px;
    color: #333333;
    line-height: 1.4;
}.yxtg_list2 li .text .p2 {
    font-size: 15px;
    margin-top:5px;
    color: #6E6E6E;
    line-height: 1.6;
}.yxtg_list2 li.cur {
    background:#1E7AB8;
}.yxtg_list2 li.cur .num1 {
    color: #fff;
}.yxtg_list2 li.cur .text .p1 {
    color: #fff;
}.yxtg_list2 li.cur .text .p2 {
    color: #fff;
}.yxtg_message1 {
    background:#f7f7f7;
}.yxtg1_1 .t2 p {
    font-size: 24px;
    max-width: 1340px;
    margin:10px auto 0;
    line-height: 1.6;
}/*yxtg2*/
.yxtg2_1 .container {
    max-width: 1580px;
}.yxtg2_1_c {
    padding:90px 0 0;
}.yxtg2_1_img {
    width: 33%;
    float:left;
    text-align: center;
}.yxtg2_1_img .img {
    display: none;
}.yxtg_list3 {
    float:right;
    width: 67%;
    padding-left: 120px;
}.yxtg_list3 li {
    padding:35px 42px;
    position: relative;
    cursor: pointer;
}.yxtg_list3 li .text {

}.yxtg_list3 li .p1 {
    font-size: 16px;
    /*color: #999999;*/
}.yxtg_list3 li .p1 span {
    color: #1A6FA5;
    font-family: "微软雅黑";
    font-weight: bold;
    margin-right: 5px;
    font-size: 26px;
}.yxtg_list3 li .p2 {
    font-size: 16px;
    color: #4c4c4c;
}.yxtg_list3 li.cur {
    background:#f5f5f5;
}.yxtg_list3 li.cur:before {
    content:'';
    position: absolute;
    left:-20px;
    top:50%;
    margin-top:-20px;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-right: 20px solid #f5f5f5;
    border-bottom: 20px solid transparent;    
}.yxtg2_2 {
    padding:120px 0;
}.yxtg2_2 .container {
    max-width: 1290px;
}.t6 {
    text-align: left;
    text-transform: uppercase;
    position: relative;
    /*background:url(../images/t6_bg1.png) no-repeat left center;*/
    /*background-size: contain;*/
    padding:15px 0 45px;
    margin-bottom:25px;
}/*.yxtg2_2 .t6:before {
    content:"SEO";
    position: absolute;
    top:0;
    left:0;
    font-size: ;
    color: #;
    line-height: 1;
}*/
.t6 h2 {
    font-size: 60px;
    color: #333;
    font-family: "微软雅黑";
    line-height: 1;
    margin-bottom:20px;
}.t6 h2 span {
    color: #1A6FA5;
}.t6 p {
    font-size: 24px;
    color: #666666;
    line-height: 1.6;
}.yxtg2_2 img1 {
    text-align: center;
}.yxtg3_1 {
    padding:50px 0 80px;
}.ab_t2 {
    color: #333333;
    font-size: 34px;
    text-align: center;
    line-height: 1.4;
    font-weight: bold;    
    font-family: "微软雅黑";
    width: 74%;
    max-width: 990px;
    margin:0 auto;
}.ab_t2 span {
    color: #1A6FA5;    
}.yxtg_list4 {
    display: flex;
    flex-wrap: wrap;
    margin-top:65px;
}.yxtg_list4 li {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom:30px;
    position: relative;
    cursor: pointer;
}.yxtg_list4 li:nth-child(4n) {
    margin-right: 0;
}.yxtg_list4 li h3 {
    font-size: 36px;
    color: #fff;
    font-family: "微软雅黑";
    text-align: center;
    position: absolute;
    left:0;
    bottom:0;
    width: 100%;
}.yxtg_list4 li:hover .img img {
    transform: scale(1.1);
}.yxtg3_2 {
    padding:0 0 85px;
}.yxtg3_2 .container {
    max-width: 1460px;
}.ab_t1 h2 span {
    color: #1A6FA5;
}.yxtg_list5 {
    display: flex;
    flex-wrap: wrap;
    padding:75px 0 40px;
}.yxtg_list5 li {
    display: flex;
    flex-wrap: wrap;
    align-items:center;
    background:#f7f7f7;
    width: 48%;
    margin-right: 4%;
    padding:36px 65px;
    margin-bottom:35px;
}.yxtg_list5 li:nth-child(2n) {
    margin-right: 0;
}.yxtg_list5 li .img {
    width: 105px;
}.yxtg_list5 li .text {
    color: #323232;  
    width: calc(100% - 105px);  
    padding-left: 50px;
}.yxtg_list5 li .text h3 {
    font-size: 24px;
    font-family: "微软雅黑";    
}.yxtg_list5 li .text p {
    font-size: 16px;
}.yxtg3_2 a {
    position: relative;
    display: block;
    width: 190px;
    line-height: 55px;
    font-size: 20px;
    color: #fff;
    background:#1E7AB8;
    border-radius: 10px;
    text-align:center;
    margin:0 auto;   
    overflow: hidden;
}.yxtg3_3 {
    padding:85px 0 95px;
}.yxtg3_3 .container {
    max-width: 1440px;
}.yxtg_list6 {
    margin-top:50px;
    display: flex;
    flex-wrap: wrap;
}.yxtg_list6 li {
    text-align: center;
    width: 32%;
    margin-right: 2%;
    margin-bottom:20px;
    background: #f7f7f7;
    padding:30px 60px;
}.yxtg_list6 li:nth-child(3n) {
    margin-right: 0;
}.yxtg_list6 li h3 {
/*    font-weight: normal;*/
    margin: 12px 0;
    font-size: 24px;
    color: #333;
    line-height: 1;
}.yxtg_list6 li p {
    color: #666;
    line-height: 1.8;
    font-size: 16px;
}
@media(max-width: 1600px){.yxtg_list li {
        margin-bottom:90px;
    }.yxtg_list li .text h2 {
        font-size: 36px;
    }.yxtg_list li .text p {
        font-size:16px;
        margin: 25px 0 70px;
    }.yxtg_list li .text a {
        width: 140px;
        line-height: 46px;
        font-size: 16px;
    }.banner_text4 a {
        width: 140px;
        line-height: 45px;
        font-size: 16px;
    }.banner_text6 h2 {
        font-size: 36px;
    }.banner_text6 p {
        font-size:16px;
    }.yxtg1_1 .t2 p {
        font-size:20px;
    }.yxtg_list1 li .text h3 {
        font-size:22px;
    }.yxtg_list1 li .text p {
        font-size:16px;
    }.yxtg1_2 {
        padding:70px 0;
    }.yxtg1_2_r {
        padding-left:70px;
    }.yxtg1_2_r_t h2 {
        font-size: 36px;
    }.yxtg1_2_r_t p {
        font-size:16px;
        padding: 10px 0 20px;
    }.yxtg_list2 li {
        padding:12px 25px;
    }.yxtg_list2 li .num1 {
        font-size:50px;
        width:75px;
    }.yxtg_list2 li .text {
        width: calc(100% - 75px);
    }.yxtg_list2 li .text .p1 {
        font-size:20px;
    }.yxtg_list2 li .text .p2 {
        font-size:14px;
    }.yxtg_list3 {
        padding-left:70px;
    }.yxtg_list3 li {
        padding: 20px 20px;
    }.yxtg_list3 li .p1 {
        font-size:15px;
    }.yxtg_list3 li .p1 span {
        font-size:22px;
    }.yxtg2_1_c {
        padding:70px 0 0;
    }.yxtg2_2 {
        padding:70px 0;
    }.t6 h2 {
        font-size: 36px;
    }.t6 p {
        font-size:16px;
    }.ab_t2 {
        font-size:28px;
    }.yxtg3_1 {
        padding: 40px 0 70px;
    }.yxtg_list4 {
        margin-top:50px;
    }.yxtg_list4 li h3 {
        font-size:24px;
        bottom:10px;
    }.yxtg_list5 {
        padding: 50px 0 30px;
    }.yxtg_list5 li {
        padding:25px 50px;
        margin-bottom:25px;
    }.yxtg_list5 li .text {
        padding-left:30px;
    }.yxtg_list5 li .text h3 {
        font-size:20px;
    }.yxtg_list5 li .text p {
        font-size:15px;
    }.yxtg3_2 a {
        width: 160px;
        line-height: 45px;
        font-size: 16px;
    }.yxtg_list6 li {
        padding: 30px 35px;
    }.yxtg_list6 li h3 {
        font-size:20px;
    }.yxtg_list6 li p {
        font-size:14px;
        line-height:1.6;
    }
}@media(max-width: 1440px) {
    
}
@media(max-width: 1259px){.yxtg_list li {
        margin-bottom:60px;
    }.yxtg_list li .text {
        padding:20px 0 20px 3%;
    }.yxtg_list li .text h2 {
        font-size: 26px;
    }.yxtg_list li .text p {
        font-size:15px;
        margin: 20px 0 50px;
    }.banner_text6 h2 {
        font-size:26px;
    }.banner_text6 p {
        font-size:15px;
    }.yxtg1_1 .t2 p {
        font-size:16px;
        margin: 0px auto 0;
    }.yxtg_list1 {
        margin-top:50px;
    }.yxtg_list1 li {
        margin-bottom:40px;
    }.yxtg_list1 li .img {
        width:110px;
        padding-right:30px;
    }.yxtg_list1 li .text {
        width: calc(100% - 110px);
    }.yxtg_list1 li .text h3 {
        font-size:18px;
    }.yxtg_list1 li .text p {
        font-size:14px;
    }.yxtg1_2_r {
        padding-left:40px;
    }.yxtg1_2_r_t h2 {
        font-size:26px;
    }.yxtg1_2_r_t p {
        font-size:14px;
        padding:5px 0 20px;
    }.yxtg1_2 {
        padding: 70px 0;
    }.yxtg_list2 li {
        padding: 12px 15px;
    }.yxtg_list2 li .num1 {
        font-size: 42px;
        width: 75px;
    }.yxtg_list2 li .text .p1 {
        font-size:18px;
    }.yxtg2_1_c {
        padding:50px 0 0;
    }.yxtg2_2 {
        padding:70px 0;
    }.t6 h2 {
        font-size:26px;
    }.t6 p {
        font-size:15px;
    }.ab_t2 {
        font-size:26px;
    }.yxtg_list4 li {
        width:32%;
    }.yxtg_list4 li:nth-child(4n) {
        margin-right:2%;
    }.yxtg_list4 li:nth-child(3n) {
        margin-right:0%;
    }.yxtg3_3 {
        padding:70px 0;
    }.yxtg_list4 li h3 {
        font-size:20px;
    }.yxtg_list5 li {
        padding: 20px 30px;
        margin-bottom: 20px;
    }.yxtg_list5 li .text h3 {
        font-size:16px;
    }.yxtg_list6 {
        margin-top:30px;
    }
}
@media(max-width: 1024px){.t6 {
        background-size:contain;
        padding: 15px 0 30px;
    }.yxtg_list3 {
        padding-left:40px;
    }.yxtg_list6 li {
        padding: 20px 15px;
    }.yxtg_list6 li h3 {
        font-size:16px;
    }
}
@media(max-width: 820px){.yxtg_list {
        padding: 20px 0 50px;
    }.yxtg_list li {
        margin-bottom:40px;
    }.yxtg_list li .text h2 {
        font-size: 22px;
    }.yxtg_list li .text p {
        font-size:14px;
        margin: 15px 0 30px;
    }.yxtg_list li .text a {
        width: 100px;
        line-height: 36px;
        font-size: 14px;
    }.banner_text4 a {
        width: 100px;
        line-height: 35px;
        font-size: 14px;
    }.banner_text6 h2 {
        font-size:22px;
    }.banner_text6 p {
        font-size:14px;
    }.yxtg1_1 .t2 p {
        font-size:14px;
    }.yxtg_list1 {
        margin-top:30px;
    }.yxtg_list1 li {
        margin-bottom: 30px;
    }.yxtg_list1 li .img {
        width: 90px;
        padding-right: 20px;
    }.yxtg_list1 li .text {
        width:calc(100% - 90px);
    }.yxtg_list1 li .text h3 {
        font-size:16px;
    }.yxtg1_2 {
        padding: 55px 0;
    }.yxtg1_tab {
        width:100%;
    }.yxtg1_2_r {
        width:100%;
        padding-left:0;
        margin-top:20px;
    }.yxtg1_2_r_t h2 {
        font-size:24px;
    }.yxtg_list2 li .text .p1 {
        font-size:16px;
    }.yxtg2_1_c {
        padding:30px 0 0;
    }.yxtg2_2 {
        padding:55px 0;
    }.t6 h2 {
        font-size:24px;
    }.t6 p {
        font-size:14px;
    }.yxtg_list3 {
        padding-left:25px;
    }.ab_t2 {
        font-size:24px;
    }.yxtg3_1 {
        padding: 20px 0 50px;
    }.yxtg3_3 {
        padding:55px 0;
    }.yxtg_list2 li .text .p1 {
        font-size:16px;
    }.yxtg_list3 li .p1 {
        font-weight:bold;
    }.yxtg_list4 li {
        width:49%;
    }.yxtg_list4 li:nth-child(2n) {
        margin-right:0;
    }.yxtg_list4 li h3 {
        font-size:16px;
    }.yxtg3_2 {
        padding: 0 0 55px;
    }.yxtg_list5 {
        padding: 30px 0 20px;
    }
}
@media(max-width: 640px){.yxtg_list {
        padding: 20px 0 30px;
    }.yxtg_list li {
        margin-bottom:20px;
    }.yxtg_list li .text h2 {
        font-size: 18px;
    }.yxtg_list li .text p {
        margin: 10px 0 20px;
    }.yxtg_list li .img {
        width:100%;
    }.yxtg_list li .text {
        width:100%;
        padding:20px 3%;
    }.banner_text6 h2 {
        font-size:20px;
    }.yxtg1_1 {
        padding: 10px 0 30px;
    }.yxtg_list1 {
        margin-top:20px;
    }.yxtg_list1 li {
        width:100%;
        margin-right:0;
        margin-bottom:20px;
    }.yxtg_list1 li .img {
        width: 70px;
        padding-right: 20px;
    }.yxtg_list1 li .text {
        width:calc(100% - 70px);
    }.yxtg1_2 {
        padding: 40px 0;
    }.yxtg1_2_r_t h2 {
        font-size:24px;
        color:#1A6FA5;
    }.yxtg2_1_c {
        padding:20px 0 0;
    }.yxtg2_2 {
        padding:40px 0;
    }.t6 {
        padding: 10px 0 25px;
        margin-bottom: 15px;
        background-size:80%;
    }.t6 h2 {
        font-size:24px;
    }.t6 p {
        font-size:12px;
        line-height:1.8;
    }.yxtg_list2 li .text .p1 {
        font-size:18px;
        font-weight:bold;
    }.yxtg2_1_img {
        width:100%;
        text-align:center;
    }.yxtg2_1_img img {
        width:65%;
    }.yxtg_list3 {
        width:100%;
        padding-left:0;
        margin-top:20px;
    }.yxtg_list3 li .p2 {
        font-size:14px;
        line-height:1.8;
    }.ab_t2 {
        font-size:18px;
        width:90%;
        line-height:1.6;
    }.yxtg3_1 {
        padding: 10px 0 30px;
    }.yxtg3_3 {
        padding:40px 0;
    }.yxtg3_2 {
        padding: 0 0 40px;
    }.yxtg_list5 {
        padding: 20px 0 15px;
    }.yxtg_list5 li {
        width:100%;
        margin-right:0;
        margin-bottom:15px;
        padding:15px 20px;
    }.yxtg3_2 a {
        width: 120px;
        line-height: 35px;
        font-size: 14px;
    }.yxtg_list4 {
        margin-top:30px;
    }.yxtg_list6 {
        margin-top: 20px;
    }.yxtg_list6 li {
        width:49%;
    }.yxtg_list6 li:nth-child(3n) {
        margin-right:2%;
    }.yxtg_list6 li:nth-child(2n) {
        margin-right:0%;
    }
}
@media(max-width: 460px){.yxtg_list5 li .img {
        width:80px;
    }.yxtg_list5 li .text {
        padding-left:20px;
        width:calc(100% - 80px);
    }
}.yxtg4_1 {
    padding:30px 0 0px;
}.yxtg4_1 .container {
    max-width: 1342px;
}.yxtg4_list1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}.yxtg4_list1 li {
    position: relative;
    width: calc(50% - 10px);
    margin-bottom: 20px;
    margin-right: 20px;
}.yxtg4_list1 li:nth-child(2n) {
    margin-right: 0;
}.yxtg4_list1 li .img {
    overflow: hidden;
}.yxtg4_list1 li .img img {
    transition: all 0.5s ease-out;
    width: 100%;
}.yxtg4_list1 li .text {
    position: absolute;
    bottom:0;
    left:0;
    width: 100%;
    padding:30px 47px;
    color: #fff;
    z-index: 9;
}.yxtg4_list1 li .text h3 {
    font-size: 32px;
    line-height: 1.4;
}.yxtg4_list1 li .text p {
    font-size: 18px;
    color: #e0e0e0;
    line-height: 1.6;
    margin-top:5px;
}.yxtg4_list1 li:hover .img img {
    transform: scale(1.1);
}.yxtg4_2 {
    padding: 90px 0 150px 0;
}.yxtg4_2 .t3 h2 {
    line-height: 1.4;
}.yxtg4_list2 {
    display: flex;
    flex-wrap: wrap;
}.yxtg4_list2 li {
    position: relative;
    width: 13%;
    margin-right: 1.5%;
}.yxtg4_list2 li:nth-child(7n) {
    margin-right: 0;
}.yxtg4_list2 li .img {
    
}.yxtg4_list2 li .img img {
    border-radius: 8px;
    width: 100%;
}.yxtg4_list2 li p {
    display: flex;
    flex-direction: column;
    width: 80%;
    border-radius: 6px;
    position: absolute;
    bottom: -35px;
    left: 10%;
    background: #fff;
    padding: 18px 16px;
    box-sizing: border-box;
    box-shadow: 0px 6px 25px 1px rgba(37, 37, 89, 0.16);
    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;
    font-size: 18px;
    color: #1a1a1a;
    line-height: 1.6;
    text-align: center;
}.yxtg4_list2 li:hover p {
    bottom:0;
    width: 100%;
    left:0;
    background: rgba(255,255,255,.9);
}.yxtg4_3 {
    background: url(../images/pc_xcp.jpg) center;
    /*background-size: cover;*/
    background-attachment: fixed;
    width: 100%;
    height: 600px;
}.yxtg4_3 img {
    opacity: 0;
}.yxtg4_4 {
    padding:80px 0 0;
}.yxtg4_4_scroll {
    width: 95%;
    margin-left: 5%;
}#yxtg4_scroll1 {
    padding-bottom: 58px;
}#yxtg4_scroll1 .swiper-slide .img {
    border:4px solid #1a1a1a;
    border-radius: 10px;
}#yxtg4_scroll1 .swiper-slide .img img {
    transition: all 0.5s ease-out;
}#yxtg4_scroll1 .swiper-slide .img:hover img {
    transform: scale(1.1);
}#yxtg4_scroll1 .swiper-pagination {
    width: 90%;
    top:auto;
    bottom:0;
    height: 4px;
    background: #e0e0e0;
    border-radius: 2px;
}#yxtg4_scroll1 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #1E7AB8;
}.yxtg4_5 {
    padding:75px 0 0px;    
}.yxtg4_5 .t3 .p2 {
    max-width: 760px;
    margin:0 auto;
    font-size: 18px;
    color: #141821;
    line-height: 1.6;
    padding-top:10px;
    text-align: center;
}.yxtg4_list3 {
    display: flex;
    flex-wrap: wrap;
}.yxtg4_list3 li {
    width: 31%;
    margin-right: 3%;
    margin-bottom: 30px;
    text-align: center;
}.yxtg4_list3 li:nth-child(3n) {
    margin-right: 0;
}.yxtg4_list3 li a {
    display: block;
    position: relative;
}.yxtg4_list3 li .img {
    position: relative;
    border-radius: 10px;
}.yxtg4_list3 li a .img:after {
    content:'';
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    z-index: 8;
    background: rgba(0,0,0,.1);
}.yxtg4_list3 li .img .img1 {
    transition: all 0.5s ease-out;
}.yxtg4_list3 li:hover .img .img1 {
    transform: scale(1.1);
}.v-player {
    position: absolute;
    top:50%;
    left:50%;
    margin-top:-29.5px;
    margin-left: -29.5px;
    width: 59px;
    height: 59px;
    background: url(../images/x-player.png) no-repeat center;
    background-size: contain;
    z-index: 9;
}.yxtg4_list3 li h3 {
    font-size: 22px;
    color: #333333;
    line-height: 1.6;
    margin-top: 15px;
}
@media(max-width:1600px){.yxtg4_list1 li .text {
        padding:25px 35px;
    }.yxtg4_list1 li .text h3 {
        font-size:26px;
    }.yxtg4_list1 li .text p {
        font-size:15px;
    }.yxtg4_list2 li p {
        font-size:15px;
        padding: 15px 16px;
        bottom:-30px;
    }.yxtg4_3 {
        height:500px;
    }.yxtg4_5 .t3 .p2 {
        font-size:15px;
    }.yxtg4_list3 li h3 {
        font-size:18px;
    }
}
@media(max-width:1280px){.yxtg4_list1 li .text h3 {
        font-size:22px;
    }.yxtg4_2 {
        padding:75px 0;
    }.yxtg4_list2 li p {
        font-size:14px;
    }.yxtg4_3 {
        height:400px;
    }#yxtg4_scroll1 {
        padding-bottom: 40px;
    }.yxtg4_list3 li {
        margin-bottom:20px;
    }.yxtg4_list3 li h3 {
        font-size:16px;
        margin-top:10px;
    }
}
@media(max-width:1199px){.yxtg4_1 {
        padding:10px 0 0px;
    }.yxtg4_list1 li .text {
        padding:20px 20px;
    }.yxtg4_list1 li .text h3 {
        font-size:20px;
    }.yxtg4_list1 li .text p {
        font-size:14px;
    }.yxtg4_list2 li p {
        padding: 10px 5px;
        bottom: -20px;
    }.yxtg4_5 .t3 .p2 {
        font-size:14px;
    }
}
@media(max-width:991px){.yxtg4_list2 li {
        width:23.5%;
        margin-bottom:45px;
    }.yxtg4_list2 li:nth-child(4n) {
        margin-right:0;
    }.yxtg4_3 {
        height:300px;
    }
}
@media(max-width:820px){.yxtg4_2 {
        padding:55px 0;
    }.yxtg4_4, .yxtg4_5 {
        padding:55px 0 0;
    }    
}
@media(max-width:640px){.yxtg4_2 {
        padding:35px 0;
    }.yxtg4_4, .yxtg4_5 {
        padding:35px 0 0;
    }.yxtg4_list2 li {
        width:32%;
        margin-bottom:35px;
    }.yxtg4_list2 li:nth-child(4n) {
        margin-right:2%;
    }.yxtg4_list2 li:nth-child(3n) {
        margin-right:0;
    }.yxtg4_list2 li:nth-child(7) {
        display:none;
    }.yxtg4_list2 li p {
        font-size:13px;
    }.yxtg4_3 {
        height:220px;
    }#yxtg4_scroll1 {
        padding-bottom: 25px;
    }.yxtg4_list3 li {
        width: 49%;
        margin-bottom: 20px;
        margin-right: 2%;
    }.yxtg4_list3 li:nth-child(3n) {
        margin-right: 2%;
    }.yxtg4_list3 li:nth-child(2n) {
        margin-right: 0;
    }.yxtg4_list3 li h3 {
        font-size:14px;
        margin-top:5px;
    }.v-player {
        margin-top: -22.5px;
        margin-left: -22.5px;
        width: 45px;
        height: 45px;
    }
}
@media(max-width:460px){.yxtg4_list1 li {
        width:100%;
        margin-right:0;
        margin-bottom:15px;
    }.yxtg4_list1 li .text h3 {
        font-size:18px;
    }/*.yxtg4_list1 li .text p {*/
    /*    font-size:13px;*/
    /*}*/

}.sort1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding:90px 0 50px;
}.sort1 li {

}.sort1 li a {
    display: block;
    line-height: 55px;
    padding:0 30px;
    font-size: 20px;
    color: #333333;
    margin:0 15px;
    border:1px solid #ccc;
    border-radius: 10px;
}.sort1 li a:hover, .sort1 li a.cur {
    background:#1E7AB8;
    border:1px solid #1E7AB8;
    color: #fff;

}.case_list2 {

}.case_list2 li {
    width: 32%;
    margin-right: 2%;
    margin-bottom:40px;
}.case_list2 li:nth-child(3n) {
    margin-right: 0%;
}.case_list2 li .img img {
    width: 100%;
}/*.case_list3 li a .text {*/
/*    opacity: 1;*/
/*}*/
.case_list.case_list2 li .text2 h3 {
    font-size: 24px;
}/*.case_list.case_list2 li .text2 p {
    font-size: 16px;
}*/
.bottom1 {
    text-align: center;
    padding:100px 0 195px;
}.bottom1 p.p1 {
    font-size: 24px;
    color: #6E6E6E
}.bottom1 h2 {
    font-size: 40px;
    color: #333;
    font-family: "微软雅黑";
    line-height: 1.4;
    margin-bottom:50px;
}.bottom1 h2 span {
    color: #1A6FA5;  
}.bottom1 a.more1 {
    display: flex;
    justify-content: center;
    width: 290px;
    line-height: 56px;
    font-size: 20px;
    color: #fff;
    background:#1E7AB8;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    margin:0 auto;
}.bottom1 a.more1 i {
    display: block;
    width: 9px;
    background:url(../images/more3.png) no-repeat center;
    margin-left: 32px;
}.bottom1 a.more1:before {
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation: wave 1.3s infinite;
    animation: wave 1.3s infinite;
    z-index: 1;
}.mess_btn, .mess_btn2 {
    display: none;
}a.add_more1 {
    display: flex;
    justify-content: center;
    width: 190px;
    line-height: 56px;
    font-size: 20px;
    color: #fff;
    background:#1E7AB8;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    margin:0 auto;    
}a.add_more1 i {
    display: block;
    width: 9px;
    background:url(../images/more3.png) no-repeat center;
    margin-left: 22px;
}a.add_more1:before {
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation: wave 1.3s infinite;
    animation: wave 1.3s infinite;
    z-index: 1;
}.banner_text3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99;
    color: #fff;
}.banner_text3 .container {
    padding:0 60px;
}.banner_text3 img {
    max-width: 50px;
}.banner_text3 h1 {
    font-size: 50px;
    font-weight: normal;
    font-family: "微软雅黑";
    margin-bottom:45px;
}.banner_text3 a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.6);
  box-shadow: inset 0 0 0 white;
  transition: all .5s;
}.banner_text3 a .icon {
  transition: all .5s;
  width: 22px;
  height: 22px;
  fill: #fff;
  position: relative;
  z-index: 3;
  margin: 0 auto;
}.banner_text3 a:hover {
  transform: scale(1.1);
  box-shadow: inset 0 0 0 23px white;
}.banner_text3 a:hover .icon {
  fill: #000;
}.case_detail {
    background:#f7f7f7;

}.case_detail .container {
    background: #fff;
    padding: 70px 0 140px;
    max-width: 1580px;
    margin-top: -70px;
    position: relative;
    z-index: 9;
}.case_detail_t {
    padding:0 6%;
    display: flex;
    flex-wrap: wrap;
}.case_detail_t h2 {
    font-size: 50px;
    color:#333333;
    width: 45%;
}.case_detail_t .text {
    width: 55%;
}.case_detail_t .text .p1 {
    font-size: 20px;
    color: #333333;
    font-weight: bold;
/*    font-family: "微软雅黑";*/
}.case_detail_t .text .txt {
    font-size: 16px;
    color:#666666;
    margin:0 0 60px;
}.case_detail_t .text a {
    display: block;
    width: 160px;
    line-height: 42px;
    border-radius: 10px;
    border:2px solid #1E7AB8;
    font-size: 20px;
    color: #1A6FA5;
    text-align: center;
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
}/*.case_detail_t .text a:before {
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation: wave 1.3s infinite;
    animation: wave 1.3s infinite;
    z-index: 1;
}*/
.case_detail_t .text a:hover {
    background:#1E7AB8;
    color: #fff;
}.case_detail_c {
    text-align: center;
    padding:70px 5% 0;
}.case_detail a.more_a2 {
    display: block;
    width: 220px;
    line-height: 55px;
    font-size: 18px;
    color: #fff;
    border-radius: 10px;
    background: #1E7AB8;
    text-align: center;
    margin: 50px auto 0;
    position: relative;
    overflow: hidden;
}.case_detail a.more_a2:before {
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation: wave 1.3s infinite;
    animation: wave 1.3s infinite;
    z-index: 1;
}.case_detail_more {
    display: flex;
    flex-wrap:wrap;
}.case_detail_more_l {
    width: 50%;
/*    font-weight: bold;*/
    background:url(../images/c_bg1.jpg) no-repeat center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding:30px;
}.case_detail_more_l h3 {
    font-size: 56px;
    color: #fff;
    text-align: center;
    line-height: 1.4;
}.case_detail_more_l a {
    display: block;
    width: 190px;
    line-height: 51px;
    border:2px solid #fff;
    border-radius: 10px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    margin:50px auto 0;
    transition: all 0.4s ease-out;
/*    font-weight: normal;*/
}.case_detail_more_l a:hover {
    background: #fff;
    color: #1A6FA5;
}.page1 {
    width: 50%;
    background-color: #000;
    color: #fff;
    text-align: center;
    display: flex;
    align-items:center;
    justify-content: center;
    font-size: 36px;
}.page1 a {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
}.page1 a .img img {
    width: 100%;
}.page1 a .text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align:center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99;
    color: #fff;   
    background: rgba(0,0,0,.5);
}.page1 a .text h3 {
    font-size: 76px;
    font-weight: normal;
    font-family: "微软雅黑";
}.page1 a .text p {
    font-size: 30px;
}.page1 a .text h4 {
    font-size: 36px;
    color: #fff;
}.page1 a:hover .img img {
    transform: scale(1.1);
}.message2 {
    padding:140px 0 200px;
    max-width: 1110px;
}.message2_t {
    text-align: center;
    margin-bottom: 30px;
}.message2_t h2 {
    font-size: 40px;
    color: #333;
    font-family: "微软雅黑";
}.message2_t h2 span {
    color: #1A6FA5;
}.message2_t p {
    font-size: 24px;
    color: #6E6E6E;
    max-width: 845px;
    margin:10px auto 0;
    line-height: 1.4;
}.message2 ul {
    display: flex;
    flex-wrap: wrap;
    margin:50px 0 60px;
    display: none;
}.message2 ul li {
    width: 32%;
    margin-right: 2%;
    font-size: 18px;
    color: #b2b2b2;
}.message2 ul li input {
    width: 100%;
    border:1px solid #ccc;
    border-radius: 10px;
    font-size: 18px;
    color: #b2b2b2;
    line-height: 62px;
    padding:0 18px;
}.message2 ul li:last-child {
    margin-right: 0;
}.mess_btn2 {
    width: 190px;
    margin:0 auto;
    position: relative;
    overflow: hidden;
    background:#1E7AB8;
    border-radius:10px;
}.mess_btn2 input {
    display: block;
    width: 100%;
    line-height: 56px;
    border:none;
    outline: none;
    font-size: 20px;
    color: #fff;

    /*border-radius:10px;*/
    background: none;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    z-index: 10;
    padding:0 24px;
    text-align: left;
}.mess_btn2:before {
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation: wave 1.3s infinite;
    animation: wave 1.3s infinite;
    z-index: 1;
}.mess_btn2:after {
    content:'';
    position: absolute;
    right:18px;
    top:50%;
    width: 9px;
    height: 17px;
    background:url(../images/more3.png) no-repeat center;
    z-index:9;
    margin-top:-8.5px;
}
@media(max-width: 1600px){.banner_text3 .container {
        padding:0;
    }.case_list2 li {
        margin-bottom:30px;
    }.sort1 li a {
        font-size:16px;
        padding: 0 20px;
        margin: 0 15px;
        line-height: 45px;
    }.message2_t h2 {
        font-size: 36px;
    }.message2_t p {
        font-size:16px;
        margin:0 auto;
    }.message2 ul {
        margin:40px 0;
    }.message2 ul li input {
        font-size:15px;
        line-height:52px;
    }.mess_btn2 {
        width:150px;
    }.mess_btn2 input {
        line-height: 46px;
        font-size: 16px;
        padding: 0 15px;
    }.bottom1 {
        padding: 80px 0 160px;
    }.bottom1 p.p1 {
        font-size:20px;
    }.bottom1 h2 {
        font-size: 36px;
        margin-bottom: 30px
    }.bottom1 a.more1 {
        width: 200px;
        line-height: 46px;
        font-size: 16px;
    }.bottom1 a.more1 i {
        margin-left:15px;
    }.sort1 {
        padding:50px 0 40px;
    }.banner_text3 h1, .case_detail_t h2 {
        font-size: 36px;
    }.case_detail .container {
        padding:40px 0 100px;
        margin-top:-40px;
    }.case_detail_t .text .txt {
        font-size: 15px;
        margin: 0 0 40px;
    }.case_detail_t .text a {
        width:140px;
        font-size:16px;
    }.case_detail a.more_a2 {
        width: 200px;
        line-height: 45px;
        font-size: 16px;
    }.case_detail_more_l h3 {
        font-size: 36px;
    }.page1 a .text h3 {
        font-size:46px;
    }.case_detail_more_l a {
        width: 150px;
        line-height: 45px;
        border-radius: 10px;
        font-size: 16px;
        margin: 30px auto 0;
    }.page1 a .text p {
        font-size:24px;
    }.message2 {
        padding: 100px 0 150px;
    }a.add_more1 {
        width: 160px;
        font-size: 16px;
        line-height: 50px;
    }a.add_more1 i {
        margin-left: 15px;
    }.case_list.case_list2 li .text2 h3 {
    font-size: 20px;
}
}
@media(max-width: 1259px){.case_list2 li {
        margin-bottom:20px;
    }.message2_t h2 {
        font-size:26px;
        /*margin-bottom:20px;*/
    }.bottom1 {
        padding: 50px 0 160px;
    }.bottom1 h2 {
        font-size:26px;
    }.bottom1 p.p1 {
        font-size:18px;
    }.sort1 {
        padding:40px 0 30px;
    }.message2 {
        padding: 70px 0 150px;
    }
}
@media(max-width: 1024px){.banner_text3 h1 {
        margin-bottom: 30px;
    }.banner_text3 .container {
        padding:0;
    }.case_detail .container {
        padding: 40px 0 70px;
    }.banner_text3 h1, .case_detail_t h2 {
        font-size:26px;
    }.case_detail_t .text .p1 {
        font-size:17px;
    }.case_detail_t .text .txt {
        font-size: 14px;
        margin: 0 0 25px;
    }.case_detail_t .text a {
        width: 120px;
        font-size: 15px;
    }.case_detail_c {
        padding: 50px 5% 0;
    }.case_detail_more_l h3 {
        font-size:26px;
    }.case_detail_more_l a {
        width: 120px;
        line-height: 45px;
        font-size: 15px;
        margin: 20px auto 0;
    }.page1 a .text h3 {
        font-size: 36px;
    }.page1 a .text p {
        font-size:20px;
    }
}
@media(max-width: 820px){.case_list2 li {
        margin-bottom:15px;
    }.case_list2 li {
        width:49%;
    }.case_list2 li:nth-child(3n) {
        margin-right: 2%;
    }.case_list2 li:nth-child(2n) {
        margin-right: 0%;
    }.case_list li a .text p {
        padding: 5px 0 0px
    }.case_list li a .text i {
        display:none;
    }.message2_t h2 {
        font-size:24px;
    }.message2 ul {
        margin: 25px 0;
    }.bottom1 {
        padding: 40px 0 100px;
    }.bottom1 p.p1 {
        font-size:16px;
    }.message2_t h2, .bottom1 h2 {
        font-size:24px;
    }.message2_t p {
        font-size:14px;
    }.bottom1 a.more1 i {
        margin-left:10px;
    }.sort1 {
        /*padding:55px 0 30px;*/
    }.message2 {
        padding: 50px 0 100px;
    }.banner_text3 h1, .case_detail_t h2 {
        font-size:24px;
    }.banner_text3 h1 {
        margin-bottom: 20px;
    }.case_detail {
        padding:20px 0 0;
    }.case_detail .container {
        margin-top:0px;
    }.case_detail_t h2 {
        width:100%;
    }.case_detail_t .text {
        width:100%;
    }.case_detail a.more_a2 {
        width: 180px;
        line-height: 35px;
        font-size: 15px;
        margin:30px auto 0;
    }.case_detail_more_l h3 {
        font-size:24px;
    }.page1 a .text h3 {
        font-size:26px;
    }.page1 a .text p {
        font-size:17px;
    }.banner_text3 a:hover {
        box-shadow: inset 0 0 0 0px white;
    }.case_list.case_list2 li .text2 h3 {
        font-size: 18px;
    }
}
@media(max-width: 640px){.message2_t h2 {
        font-size:24px;
    }.message2 ul {
        margin: 25px 0 10px;
    }.message2 ul li {
        width:100%;
        margin-right:0;
        margin-bottom:15px;
    }.mess_btn2 {
        width:140px;
    }.mess_btn2 input {
        font-size:14px;
        padding: 0 12px;
    }.bottom1 {
        padding: 20px 0 50px;
    }.bottom1 h2 {
        font-size:20px;
        margin-bottom:15px;
    }.bottom1 a.more1 {
        /*width: 130px;*/
        line-height: 36px;
        font-size: 14px;
    }.bottom1 a.more1 i {
        margin-left:5px;
    }.sort1 {
        padding:30px 0 25px;
    }.sort1 li a {
        margin:0 5px;
        padding: 0 12px;
        font-size:14px;
        line-height:35px;
    }.message2 {
        padding: 40px 0;
    }.banner_text3 h1 {
        font-size:20px;
    }.banner_text3 h1 {
        margin-bottom: 10px;
    }.banner_text3 a {
        width:40px;
        height:40px;
    }.case_detail .container {
        padding:30px 0 50px;
    }.case_detail_t h2 {
        font-size:24px;
    }.case_detail_t .text .p1 {
        font-weight:normal;
        font-size:15px;
    }.case_detail_t .text .txt {
        font-size:13px;
        line-height:1.6;
        margin-top:5px;
    }.case_detail a.more_a2 {
        width: 170px;
        font-size: 14px;
        margin:25px auto 0;
    }.case_detail_more_l {
        padding:20px 15px;
    }.case_detail_more_l h3 {
        font-size:20px;
    }.page1 a .text h3 {
        font-size:22px;
        line-height:1.6;
    }.page1 a .text p {
        font-size:15px;
    }a.add_more1 {
        width: 140px;
        font-size: 15px;
        line-height: 42px;
    }a.add_more1 i {
        margin-left: 10px;
    }.case_list.case_list2 li .text2 h3 {
        font-size:14px;
    }.case_list2 li {
        margin-bottom:10px;
    }
}
@media(max-width: 460px){.sort1 li a {
        margin:0 2px;
        padding: 0 5px;
        font-size:12px;
        line-height:32px;
    }.case_detail .container {
        padding:25px 0 35px;
    }.case_detail_more_l {
        padding:15px 10px;
    }.case_detail_more_l h3 {
        font-size: 16px;
    }.case_detail_more_l a {
        width: 120px;
        line-height: 35px;
        font-size: 14px;
        margin: 15px auto 0;
    }
}.h80 {
    height: 80px;
}#c-header.news_head {
    position: fixed;
    top:0;
    background:#fff;
    box-shadow: 0px 0px 5px #ccc;
    padding:10px 0;    
}#c-header.news_head .logo .logo2 {
    display: none;
}#c-header.news_head .logo .logo1 {
    display: inline-block;
}#c-header.news_head .h_tel {
    color: #333333;
    background: url(../images/tel1_h.png) no-repeat left center;
}#c-header.news_head .nav li a {
    color: #333;
}#c-header.news_head .nav li a i {
    background:url(../images/down2.png) no-repeat center;
}#c-header.news_head .nav li:hover a {
    color: #1A6FA5;
}#c-header.news_head .nav li:hover a i {
    background:url(../images/down_h.png) no-repeat center;
}.n_sort {
    background:#f7f7f7;
}.sort2 {
    display: flex;
    flex-wrap: wrap;
}.sort2 li {
    margin-right: 65px;
}.sort2 li:last-child {
    margin-right: 0;
}.sort2 li a {
    font-size: 18px;
    color: #666666;
    line-height: 80px;
}.sort2 li a:hover, .sort2 li.cur a {
    color: #1A6FA5;
}.container2 {
    max-width: 1580px;
}.sitemp {
    font-size: 16px;
    color: #666666;
    padding:30px 0 50px;
}.sitemp a {
    font-size: 16px;
    color: #666666;    
}.left1 {
    width: 50%;
    max-width: 780px;
    float:left;
    margin-bottom: 130px;
}.news_list {

}.news_list li {
    margin-bottom:65px;
}.news_list li a {
    display: block;
}.news_list li a h3, .news_list li a h2 {
    font-size: 30px;
    color: #333333;
    line-height: 1.3;
    font-weight: normal;
}.info_t {
    padding-left: 0;
    display: flex;
    margin:22px 0;
}.info_t_l {

}.info_t_l .p1 {
    font-size: 14px;
    color: #6E6E6E;
    line-height: 1.6;
}.info_t_l .date1 {
    font-size: 14px;
    color: #6E6E6E;   
    line-height: 1.6; 
}.info_t_r {
    margin-left: 25px;
    font-size: 14px;
    line-height: 1.6;
    color: #6E6E6E;
    align-items: flex-end;
    display: flex;
}.news_list li a .img {
    overflow: hidden;
    border-radius: 6px;
}.news_list li a .img img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    display: block;
}.news_list li a .info_c {
    line-height: 1.4;
    font-size: 14px;
    color: #6E6E6E;
    margin:20px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}.news_list li a .more {
    font-size: 16px;
    color: #1A6FA5;
    font-weight: bold;
    color: #1A6FA5;
    font-family: "微软雅黑";
}.news_list li a:hover h3 {
    color: #1A6FA5;
}.news_list li a:hover .img img {
    transform: scale(1.1);
}.news_list li a:hover .more {
    text-decoration: underline;
}.right1 {
    width: 30%;
    float:right;
    position: sticky;
    top: 100px;
}.right1 h2 {
    font-size: 18px;
    color: #6E6E6E;
    padding:15px 0;
}.news_list2 {

}.news_list2 li {
    margin-bottom:18px;
}.news_list2 li a {
    display: flex;
    flex-wrap: wrap;
    align-items:center;
}.news_list2 li a .img {
    width: 40%;
}.news_list2 li a .img img {
    width: 100%;
    height: 82px;
    object-fit: cover;
    display: block;
    border-radius: 4px;
}.news_list2 li a h3 {
    width: 60%;
    font-size: 16px;
    color: #4c4c4c;
    font-weight: normal;
    padding-left: 25px;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}.news_detail {

}.news_detail h1 {
    font-size: 30px;
    font-weight: bold;
    color: #333;
    line-height: 1.4;
    margin-bottom:20px;
}.news_detail .content {
    font-size: 16px;
    margin-bottom:30px;
}.m_h60 {
    height: 60px;
    display: none;
}.statement {
    background: #f8f8f8;
    font-size: 12px;
    margin-bottom: 30px;
    padding: 20px 14px 20px 20px;
    line-height: 26px;
    margin-top: 30px;
}.news_detail .content h1 {
    font-size: 24px;
    color: #000;
    line-height: 1.6;  
    margin-bottom: 10px;
}.news_detail .content h2 {
    font-size: 20px;
    color: #000;
    line-height: 1.6;
    margin-bottom: 10px;
}.news_detail .content h3 {
    font-size: 16px;
    color: #000;
    line-height: 1.6;  
    margin-bottom: 10px;
}.news_detail .content table {
    border-top:1px solid #dbdbdb!important;
    border-left:1px solid #dbdbdb!important;
    width: 100%;
}.news_detail .content table tr td {
    border-bottom:1px solid #dbdbdb!important;
    border-right:1px solid #dbdbdb!important;
    border-left: none!important;
    border-top: none!important;
    padding:5px;
}
@media(max-width: 1600px){.sitemp {
        font-size:15px;
        padding: 20px 0 20px;
    }.sitemp a {
        font-size:15px;
    }.sort2 li {
        margin-right:50px;
    }.sort2 li a {
        font-size:16px;
        line-height:60px;
    }.left1 {
        width:60%;
    }.news_list li {
        margin-bottom: 50px;
    }.news_list li a h3, .news_list li a h2 {
        font-size:24px;
    }.news_list2 li a h3 {
        font-size:15px;
        padding-left:15px;
    }.news_detail h1 {
        font-size:24px;
    }
}@media(max-width: 1440px) {
    
}
@media(max-width: 1259px){.sitemp {
        font-size:14px;
    }.sitemp a {
        font-size:14px;
    }.right1 {
        width:35%;
    }
}
@media(max-width: 1024px){.news_list li a h3, .news_list li a h2 {
        font-size:20px;
    }.news_list li a .info_c {
        margin: 10px 0;
    }.news_list li a .more {
        font-size:15px;
    }
}
@media(max-width: 820px){.sort2 li {
        margin-right:30px;
    }.left1 {
        margin-bottom:10px;
    }.news_list li a h3, .news_list li a h2 {
        font-size:17px;
    }.right1 h2 {
        font-size:16px;
    }.news_list2 li a h3 {
        font-size: 14px;
        padding-left: 12px;
    }#c-header.news_head {
        padding:0;
    }.h80 {
        height:60px;
    }.m_h60 {
        display:block;
    }.news_detail h1 {
        font-size:20px;
    }
}
@media(max-width: 640px){.sort2 li {
        margin-right:12px;
    }.sort2 li a {
        font-size:15px;
        line-height:50px;
    }.left1 {
        width:100%;
    }.right1 {
        display:none;
        width:100%;
    }.news_list li a h3, .news_list li a h2 {
        font-size:20px;
    }.news_list li a .info_c {
        line-height:1.6;
    }.statement {
        margin-bottom: 20px;
        padding: 10px 12px;
        line-height: 20px;
    }
}
@media(max-width: 460px){.m_h60 {
        height:50px;
    }
}.banner_text3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
/*    text-align:center;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99;
    color: #fff;    
}.banner_text3 h3 {
    font-size: 50px;
    font-family: "微软雅黑";
}.banner_text3 p {
    font-size: 26px;
    font-weight: bold;
    font-family: "微软雅黑";
    width: 50%;
    max-width: 750px;
    line-height: 1.6;
    margin-top:10px;
}#about1 {
    text-align: center;
    background-color: #f9f9fc;
    padding:110px 0;
}#about1 h2 {
    font-size: 40px;
    color: #333333;
    font-family: "微软雅黑";
}#about1 .text {
    font-size: 24px;
    color: #666666;

    max-width: 1125px;
    margin:0 auto;
    line-height: 1.8;
    padding:10px 0 75px;
    font-weight: 100;
}#about1 .num_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

}#about2 {
    padding:110px 0 90px;
}#about2 .container {
    display: flex;
    flex-wrap: wrap;
}#about2 .container .img {
    width: 50%;
}#about2 .container .text {
    width: 50%;    
    background-color: #f5f6fa;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding:30px 5% 30px 6%;
}#about2 .container .text h3 {
    font-size: 40px;
    color: #333333;
    font-family: "微软雅黑";
    line-height: 1.2;
}#about2 .container .text h3 span {
    color: #1A6FA5;
}#about2 .container .text .txt {
    font-size: 24px;
    color: #6E6E6E;
    line-height: 1.6;
    margin-top:45px;
}#about3 {
    padding:0px 0 90px;
}.ab_t1 {
    text-align: center;
}.ab_t1 h2 {
    font-size: 40px;
    color: #333333;
    font-family: "微软雅黑";
    line-height: 1.6;
}.ab_t1 p {
    font-size: 24px;
    color: #666666;
}.parnter_list {
    margin-top:60px;
    display: flex;
    flex-wrap: wrap;
}.parnter_list li {
    width: 11.1875%;
    margin-right: 1.5%;
    margin-bottom: 15px;
}.parnter_list li:nth-child(8n) {
    margin-right: 0;
}#about4 {
    padding:200px 0 250px;
    background:url(../images/a_bg1.jpg) no-repeat center;
    background-size: cover;
    color: #fff;
    text-align:center;
    background-attachment: fixed;
}#about4 h2 {
    font-size: 50px;
    margin-bottom:10px;
}#about4 p {
    font-size: 24px;
    line-height: 1.6;
}#about5 {
    padding:105px 0;
}#about5 .p1 {
    color:#333333;
    font-size: 34px;
    text-align: center;
    line-height: 1.4;
    font-weight: bold;
}#about5 ul {
    display: flex;
    flex-wrap: wrap;
    margin-top:70px;
}#about5 ul li {
    margin-bottom:25px;
    width: 32%;
    margin-right: 2%;
    background:#f5f6fa;
    padding:55px 50px;
    display: flex;
}#about5 ul li:nth-child(3n) {
    margin-right: 0;
}#about5 ul li .img1 {
    width: 140px;
    border-right:1px solid #e0e0e0;
}#about5 ul li p {
    width: calc(100% - 140px);
    font-size: 25px;
    color:#333333;
    line-height: 1.6;
    padding-left: 30px;
}#about6 {
    padding:120px 0 90px;
    background:url(../images/a_bg2.jpg) no-repeat center;
    background-size: cover;
    color: #fff;
    background-attachment: fixed;
}#about6 h2 {
    font-size: 36px;
    max-width: 675px;
    font-family: "微软雅黑";
    line-height: 1.5;
    margin-bottom:55px;
}#about6 a {
    display: block;
    font-size: 20px;
    color: #fff;
    width: 160px;
    line-height: 56px;
    background:#1E7AB8;
    border-radius: 10px;
    text-align: center;
}#about7 {
    text-align: center;
    padding:120px 0 140px;
}#about7 h2 {
    font-size: 40px;
    color: #333333;
    font-family: "微软雅黑";
}#about7 h2 span {
    color: #1A6FA5;
}#about7 p {
    font-size: 24px;
    color: #6E6E6E;
    max-width: 845px;
    margin:10px auto 45px;
    line-height: 1.6;
}#about7 p span {
    display: block;
}#about7 a {
    display: flex;
    justify-content: center;
    font-size: 20px;
    color: #fff;
    width: 190px;
    line-height: 56px;
    background:#1E7AB8;
    border-radius: 10px;
    text-align: center;
    margin:0 auto;
}#about7 a i {
    display: inline-block;
    width: 7px;
    background:url(../images/more3.png) no-repeat center;
    margin-left: 30px;
}.ab_banner_text a {
    display: none;
    width: 100px;
    line-height: 35px;
    height: 35px;
    font-size: 14px;
    color: #fff;
    border-radius: 10px;
    background: #1E7AB8;
    text-align: center;
    font-family: "微软雅黑";
    font-weight: bold;
    position: relative;
    overflow: hidden;
    border:none;
    margin:10px 0 0;
}
@media(max-width: 1600px){.banner_text3 h3, #about1 h2, .ab_t1 h2, #about7 h2 {
        font-size: 36px;
    }#about4 h2 {
        font-size:44px;
    }#about4 p {
        font-size:20px;
        font-weight:100;
    }.banner_text3 p {
        font-size:20px;
    }#about1, #about2, #about5 {
        padding:70px 0;
    }#about7 {
        padding:90px 0 140px;
    }#about1 .text {
        width:60%;
        font-size:16px;
        padding: 10px 0 50px;
    }#about2 .container .text h3 {
        font-size: 36px;
    }#about2 .container .text .txt {
        font-size:16px;
    }.ab_t1 p {
        font-size:16px;
    }.parnter_list {
        margin-top:40px;
    }#about4 {
        padding:160px 0 210px;
    }#about5 ul {
        margin-top:50px;
    }#about5 ul li {
        padding:30px 20px;
    }#about5 ul li .img1 {
        width:120px;
    }#about5 ul li .img1 img {
        max-width:100px;
    }#about5 ul li p {
        width:calc(100% - 120px);
        font-size:20px;
        padding-left: 20px;
    }#about6 h2 {
        font-size: 36px;
        margin-bottom: 40px;
    }#about6 a {
        font-size: 16px;
        width: 120px;
        line-height: 46px;
    }#about7 p {
        font-size:16px;
        margin: 10px auto 30px;
    }#about7 a {
        font-size: 16px;
        width: 150px;
        line-height: 46px;
    }#about7 a i {
        margin-left:20px;
    }
}@media(max-width: 1440px) {
    
}
@media(max-width: 1259px){.banner_text3 h3, #about1 h2, .ab_t1 h2, #about6 h2, #about7 h2 {
        font-size:26px;
    }.banner_text3 p {
        font-size:16px;
    }#about1, #about2, #about5 {
        padding:70px 0;
    }#about1 .text {
        width:70%;
    }#about7 {
        padding:70px 0 140px;
    }#about2 .container .text h3, #about5 .p1 {
        font-size:26px;
    }.ab_t1 p, #about4 p {
        font-size:15px;
    }#about4 h2 {
        font-size:32px;
    }#about4 p {
        font-size:16px;
        font-weight:100;
    }#about3 {
        padding:0 0 70px;
    }.parnter_list li {
        width:15%;
        margin-right:2%;
    }.parnter_list li:nth-child(8n) {
        margin-right: 2%;
    }.parnter_list li:nth-child(6n) {
        margin-right: 0;
    }#about6 {
        padding:90px 0 70px;
    }

}
@media(max-width: 1024px){#about5 ul li {
        width:49%;
    }#about5 ul li:nth-child(3n) {
        margin-right: 2%;
    }#about5 ul li:nth-child(2n) {
        margin-right: 0;
    }#about1 .text {
        padding:10px 0 0;
        font-weight:500;
    }#about1 .num_list {
        display:none;
    }
}
@media(max-width: 820px){.banner_text3 h3, #about1 h2, .ab_t1 h2#about6 h2, #about7 h2 {
        font-size:24px;
    }.banner_text3 p {
        font-size:14px;
    }#about1, #about2, #about5, #about7 {
        padding:55px 0;
    }#about1 .text {
        width:90%;
    }#about2 .container .text h3, #about5 .p1 {
        font-size:24px;
        text-align: center;
    }.ab_t1 p {
        font-size:14px;
    }#about3 {
        padding:0 0 55px;
    }.parnter_list {
        margin-top:25px;
    }.parnter_list li {
        width:23.5%;
    }.parnter_list li:nth-child(6n) {
        margin-right: 2%;
    }.parnter_list li:nth-child(4n) {
        margin-right: 0;
    }#about4 {
        padding:100px 0 150px;
    }#about4 h2 {
        font-size:26px;
    }#about4 p {
        font-size:15px;
        font-weight:500;
    }#about5 ul {
        margin-top:30px;
    }#about5 ul li p {
        font-size:18px;
        display:flex;
        align-items:center;
    }#about6 {
        padding:70px 0 ;
    }#about6 h2 {
        margin-bottom: 20px;
    }#about6 a {
        font-size: 15px;
        width: 100px;
        line-height: 36px;
    }#about7 p {
        font-size:15px;
        margin: 10px auto 20px;
    }#about7 p span {
        display:inline-block;
    }#about7 a {
        font-size: 14px;
        width: 120px;
        line-height: 35px;
    }#about7 a i {
        margin-left:15px;
    }
}
@media(max-width: 768px){#about2 .container .img {
        width:100%;
    }#about2 .container .text {
        width:100%;
    }#about2 .container .text .txt {
        margin-top:20px;
    }
}
@media(max-width: 640px){/*.banner_text3 h3, #about1 h2, .ab_t1 h2, #about4 h2, #about6 h2, #about7 h2 {*/
    /*    font-size:20px;*/
    /*}*/
    .banner_text3 p {
        display:none;
    }.ab_banner_text a {
        display:block;
    }.ab_banner_text a:before {
        content: "";
        position: absolute;
        display: block;
        transition: all .6s;
        width: 100%;
        height: 0;
        border-radius: 50%;
        left: 50%;
        top: 50%;
        padding-top: 100%;
        transform: translateX(-50%) translateY(-50%);
        -webkit-animation: wave 1.3s infinite;
        animation: wave 1.3s infinite;
        z-index: 1;
    }#about1, #about2, #about5, #about7 {
        padding:40px 0;
    }#about2 .container .text .txt {
        font-size:14px;
    }/*#about2 .container .text h3*/
    #about5 .p1 {
        font-size:20px;
    }#about3 {
        padding:0 0 40px;
    }.parnter_list li {
        width:32%;
    }.parnter_list li:nth-child(4n) {
        margin-right: 2%;
    }.parnter_list li:nth-child(3n) {
        margin-right: 0;
    }#about4 {
        padding:70px 0 100px;
    }.yxtg_list4 li {
        margin-bottom:15px;
    }#about5 ul li {
        width:100%;
        margin-right:0!important;
        padding: 15px 12px;
        margin-bottom: 15px;
    }#about5 ul li .img1 {
        width:85px;
    }#about5 ul li .img1 img {
        max-width:70px;
    }#about5 ul li p {
        font-size:18px;
        width:calc(100% - 85px);
        padding-left:20px;
    }.yxtg_list5 li .text p {
        font-size:14px;
        line-height:1.6;
    }.parnter_list li:nth-child(31), .parnter_list li:nth-child(32), .parnter_list li:nth-child(33), .parnter_list li:nth-child(34), .parnter_list li:nth-child(35), .parnter_list li:nth-child(36), .parnter_list li:nth-child(37), .parnter_list li:nth-child(38), .parnter_list li:nth-child(39), .parnter_list li:nth-child(40), .parnter_list li:nth-child(41) {
        display:none;
    }#about6 h2 {
        font-size:18px;
    }#about7 p span {
        display:inline;
    }
}
@media(max-width:460px){#about5 .p1 {
        font-size: 17px;
    }
}.about_job {
    width: 100%;
    padding: 30px 7.8% 160px;
}.about_job li {
    width:100%;
    display:flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    background:#fff;
    margin-bottom:20px;
    cursor: pointer;
}.about_job li .tbox {
    width:50%;
    float:left;
    padding:20px 5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*padding-top:129px;*/
}.about_job li .tbox .t1 {
    font-size:36px;
    font-weight:bold;
    color:#222;
}.about_job li .tbox .t2 {
    font-size:14px;
    line-height:24px;
    color:#222;
    width:65%;
    margin-top:24px;
    text-align: left;
}.about_job li .tbox .more {
    width:60px;
    height:60px;
    border-radius:50%;
    border:2px solid #222;
    background:url(../images/aicon4.png) center center no-repeat;
    display:block;
    transition:all ease .5s;
    margin-top:35px;
}.about_job li .tbox .more:hover {
    background:#222 url(../images/aicon3.png) center center no-repeat;
}.about_job li .img {
    width:50%;
    float:right;
    overflow:hidden;
}.about_job li .img img {
    width:100%;
    transition:all 1s ease-out;
}.about_job li:hover .img img {
    transform:scale(1.1);
    transition: all 1s;
}.about_job li:nth-child(2n) {
    flex-direction: row;
}.job_conts {
    
}.job_conts .job-info {
    display: none;
}.job_conts .job-info.cur {
   display: flex;
    flex-direction: column;
    justify-content: center;
}.job-info {
    position: fixed;
    width: 100%;
    height: 100%;
    padding: 30px 15%;
    background: rgba(0,0,0,.5);
    z-index: 99999;
    top: 0;
    left: 0;
}.job-info .box {
    width:100%;
    position:relative;
    background:#fff;
    padding:52px 50px 50px;
}.job-info .box .title {
    font-size:36px;
    font-weight:bold;
    color:#222;
    line-height:1;
}.job-info .box .txt {
    font-size:14px;
    line-height:30px;
    color:#222;
    margin-top:40px;
}.job-info .box .txts {
    font-size:14px;
    line-height:30px;
    color:#222;
    margin-top:30px;
}.job-info .box .txts span {
    
}.job-info .box .email {
    width:100%;
    height:70px;
    background:#f7f7f7;
    line-height:70px;
    padding-left:30px;
    font-size:14px;
    font-weight:bold;
    margin-top:50px;
}.job-info .box .back {
    position:absolute;
    top:40px;
    right:50px;
    width:50px;
    height:50px;
    background:url(../images/aicon6.png) center center no-repeat;
}
@media(max-width: 1600px){.about_job {
        padding: 50px 5% 160px;
    }.about_job li .tbox .t1 {
        font-size: 36px;
    }.about_job li .tbox .t2 {
        margin-top:0;
        width:100%;
    }.about_job li .tbox .more {
        width:50px;
        height:50px;
        margin-top: 25px;
    }.job-info {
        padding:30px 7.5%;
    }.job-info .box {
        padding:40px;
    }.job-info .box .title {
        font-size: 36px;
    }.job-info .box .back {
        top:40px;
        right:40px;
    }
}@media(max-width: 1440px) {
    
}
@media(max-width: 1259px){.about_job {
        padding: 20px 3% 150px;
    }.about_job li .tbox .t1 {
        font-size:26px;
    }.job-info .box .title {
        font-size:26px;
    }
}@media(max-width: 1024px) {
    
}
@media(max-width: 820px){.about_job {
        padding: 10px 3% 60px;
    }.about_job li .tbox .t1 {
        font-size:22px;
    }.about_job li .tbox {
        width:100%;
    }.about_job li .img {
        width:100%;
    }.job-info {
        padding:30px 5%;
    }.job-info .box {
        padding:25px;
    }.job-info .box .title {
        font-size:22px;
    }.job-info .box .back {
        top:25px;
        right:25px;
        width:35px;
        height:35px;
        background-size:contain;
    }.job-info .box .txt {
        margin-top:30px;
        line-height:1.8;
    }.job-info .box .txts {
        margin-top:15px;
        max-height:420px;
        overflow-y:auto;
    }.job-info .box .email {
        height: 60px;
        line-height: 60px;
        padding:0 20px;
        margin-top: 20px;
    }
}
@media(max-width: 640px){.about_job {
        padding: 10px 3% 35px;
    }.about_job li .tbox .t1 {
        font-size:18px;
    }.about_job li .tbox .more {
        width:40px;
        height:40px;
        margin-top: 15px;
    }.job-info .box {
        padding:20px 15px;
    }.job-info .box .title {
        font-size:18px;
    }.job-info .box .back {
        top:15px;
        right:15px;
        width:30px;
        height:30px;
        background-size:contain;
    }
}#contact1 {
    padding:100px 0 0;
}h2.t1 {
    font-size: 40px;
    color: #333;
    font-family: "微软雅黑";
}h2.t1 span {
    color: #1A6FA5;    
}.contact_list {
    margin-top:55px;
    display: flex;
    flex-wrap: wrap;
}.contact_list li {
    flex: 1 1 0;
    min-width: 0;
    margin-right: 2%;
    box-shadow: 0px 0px 10px #e5e5e5;
    padding:25px 35px;
}.contact_list li:last-child {
    margin-right: 0;
}.contact_list li h3 {
    font-size: 26px;
    color: #666666;
    padding-bottom: 5px;
    font-weight: 500;
}.contact_list li .text {
    padding-top:5px;
    border-top: 1px solid #eee;
}.contact_list li p {
    margin-top:10px;
    padding-left: 26px;
}.contact_list li .p1 {
    font-size: 16px;
    color: #666666;
    background:url(../images/c_icon1.png) no-repeat 2px 2px;
    line-height: 1.5;
/*    height: 40px;*/
    display: flex;
    flex-wrap: wrap;
    align-items:center;
}.contact_list li .p2 {
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    background:url(../images/c_icon2.png) no-repeat left center;
    line-height: 30px;
}.contact_list li .p3 {
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    background:url(../images/c_icon3.png) no-repeat left center;
    line-height: 30px;
}.contact_list li .txt {
    display: flex;
    flex-wrap: wrap;
}.contact_list li .txt .img1 {
    width: 47%;
    margin-right: 6%;
}.contact_list li .txt .img1:last-child {
    margin-right: 0;
}#contact2 {
    padding:140px 0 220px;
}#contact2 .img {
    width: 50%;
    float:left;
}#contact2 .contact2 {
    width: 50%;
    float:right;
    padding-left: 30px;
}#contact2 .contact2 h2.t1 {
    line-height: 1;
}.message ul {
    display: flex;
    flex-wrap: wrap;
    margin-top:65px;
}.message ul li {
    width: 100%;
    position: relative;
    margin-bottom:30px;
}.message ul li:nth-child(1) {
    width: 48%;
    margin-right: 4%;

}.message ul li:nth-child(2) {
    width: 48%;
}.message ul li input {
    width: 100%;
    background:#f5f5f5;
    border:none;
    outline: none;
    line-height: 65px;
    font-size: 16px;
    color: #b2b2b2;
    padding:0 18px 0 45px;
    display: block;
    position: relative;
}.message ul li textarea {
    width: 100%;
    background:#f5f5f5;
    border:none;
    outline: none;
    line-height: 65px;
    height: 120px;
    font-size: 16px;
    color: #b2b2b2;
    padding:0 18px 0 45px;
    display: block;
    position: relative;
    font-family: "pingfang";
}*::-webkit-input-placeholder {
    color: #b2b2b2;
}*:-moz-placeholder {
    /* FF 4-18 */
    color: #b2b2b2;
}*::-moz-placeholder {
    /* FF 19+ */
    color: #b2b2b2;
}*:-ms-input-placeholder {
    /* IE 10+ */
    color: #b2b2b2;
}*::-webkit-textarea-placeholder {
    color: #b2b2b2;
}*:-ms-textarea-placeholder {
    /* IE 10+ */
    color: #b2b2b2;
}.message ul li:nth-child(1):before {
    content:'';
    position: absolute;
    left:18px;
    top:50%;
    width: 18px;
    height: 20px;
    margin-top:-10px;
    background:url(../images/mess_icon1.png) no-repeat left center;
    z-index:9;
}.message ul li:nth-child(2):before {
    content:'';
    position: absolute;
    left:18px;
    top:50%;
    width: 20px;
    height: 19px;
    margin-top:-10px;
    background:url(../images/mess_icon2.png) no-repeat left center;
    z-index:9;    
}.message ul li:nth-child(3):before {
    content:'';
    position: absolute;
    left:18px;
    top:50%;
    width: 18px;
    height: 22px;
    margin-top:-11px;
    background:url(../images/mess_icon3.png) no-repeat left center;
    z-index:9;
}.message ul li:nth-child(5):before, .message ul li:last-child:before {
    content:'';
    position: absolute;
    left:18px;
    top:23px;
    width: 20px;
    height: 20px;
    margin-top:0px;
    background:url(../images/mess_icon4.png) no-repeat left center; 
    z-index:9;   
}.mess_btn {
    width: 220px;
    position: relative;
    overflow: hidden;
    border-radius:10px;
    background:#1E7AB8;
}.mess_btn input {
    display: block;
    width: 100%;
    line-height: 56px;
    border:none;
    outline: none;
    font-size: 20px;
    color: #fff;

    /*border-radius:10px;*/
    background:none;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    padding:0 24px;
    text-align: left;
    cursor: pointer;
    z-index: 10;
}.mess_btn:before {
    content:'';
    position: absolute;
    right:18px;
    top:50%;
    width: 9px;
    height: 17px;
    background:url(../images/more3.png) no-repeat center;
    z-index:9;
    margin-top:-8.5px;
}.mess_btn:after {
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation: wave 1.3s infinite;
    animation: wave 1.3s infinite;
    z-index: 1;
}
@media(max-width: 1600px){#contact1 {
        padding:90px 0 0;
    }h2.t1 {
        font-size: 36px;
    }.contact_list {
        margin-top:40px;
    }.contact_list li {
        padding:15px 15px;
    }.contact_list li h3 {
        font-size:20px;
        line-height:1.8;
    }.contact_list li .p1 {
        font-size:15px;
    }.contact_list li .p2 {
        font-size:16px;
    }.contact_list li .p3 {
        font-size:16px;
    }#contact2 {
        padding: 90px 0 160px;
    }.message ul {
        margin-top:50px;        
    }.message ul li {
        margin-bottom:20px;
    }.mess_btn {
        width:190px;
    }.mess_btn input {
        line-height: 46px;
        font-size: 16px;
        padding: 0 15px;
    }.message ul li input, .message ul li textarea {
        font-size:15px;
        line-height:55px;
    }.message ul li:nth-child(5):before, .message ul li:last-child:before {
        top:18px;
    }
}@media(max-width: 1440px) {
    
}
@media(max-width: 1259px){#contact1 {
        padding:70px 0 0;
    }h2.t1 {
        font-size: 26px;
    }#contact2 {
        padding: 100px 0 150px;
    }.message ul {
        margin-top:30px;        
    }.message ul li {
        margin-bottom:15px;
    }

}
@media(max-width: 1024px){.contact_list li {
        width:49%;
        margin-bottom:20px;
    }.contact_list li:nth-child(2n) {
        margin-right: 0;
    }
}
@media(max-width: 820px){#contact1 {
        padding:55px 0 0;
    }h2.t1 {
        font-size: 24px;
    }.contact_list {
        margin-top:20px;
    }#contact2 {
        padding: 70px 0 100px;
    }#contact2 .img {
        width:100%;
        margin-bottom:30px;
    }#contact2 .contact2 {
        width:100%;
        padding-left:0;
    }

}
@media(max-width: 640px){#contact1 {
        padding:40px 0 0;
    }h2.t1 {
        font-size: 20px;
    }.contact_list li {
        width:100%;
        margin-right:0!important;
    }.contact_list li h3 {
        font-size:17px;
    }#contact2 {
        padding: 50px 0 50px;
    }.message ul {
        margin-top:20px;        
    }.message ul li:nth-child(1) {
        width: 100%;
        margin-right: 0%;
    }.message ul li:nth-child(2) {
        width: 100%;
    }.mess_btn {
        width:165px;
    }.mess_btn input {
        line-height: 36px;
        font-size: 14px;
        padding: 0 15px;
    }.message ul li:nth-child(5):before, .message ul li:last-child:before {
        top: 18px;
    }
}
@media(max-width: 460px){#contact1 h2.t1 {
        font-size: 17px;
    }
}h1.title {
    font-size: 22px;
    color: #333;
    text-align: center;
    padding:2em 0 0.5em 0;
    font-weight: normal;
}.info_title {
    text-align: center;
    font-size: 14px;
    color: #666;
    padding-bottom: 1em;
    border-bottom:1px dashed #dcdcdc;
    margin-bottom: 2em;
}h3.tag {
    font-size: 14px;
    color: #666;
    font-weight: normal;
}.page {
    font-size: 14px;
    color: #666;    
}.page a {
    font-size: 14px;
    color: #666;    
}

@media(max-width: 768px){h1.title {
        font-size: 18px;
    }
}.x_yxtg {
    background: #f7f7f7;
    padding:70px 0 230px;
}.x_yxtg ul {
    display: flex;
    flex-wrap: wrap;
}.x_yxtg ul li {
    width: 32%;
    margin-right: 2%;
}.x_yxtg ul li:last-child {
    margin-right: 0;
}.x_yxtg ul li .img {
    
}.x_yxtg ul li .text {
    padding:30px 30px 50px 30px; 
    background: #fff;
}.x_yxtg ul li .text h2 {
    font-size: 28px;
    color: #333;
}.x_yxtg ul li .text p {
    font-size: 16px;  
    line-height: 1.8;
    margin:5px 0 30px;
}.x_yxtg ul li .text a {
    display: block;
    font-size: 16px;
    color: #fff;
    width: 120px;
    line-height: 46px;
    background: #1E7AB8;
    border-radius: 10px;
    text-align: center;
}.x_yxtg ul li:hover .img img {
    transform: scale(1.1);
}
@media(max-width:1600px){.x_yxtg ul li .text h2 {
        font-size:24px;
    }.x_yxtg ul li .text p {
        font-size:15px;
    }.x_yxtg ul li .text a {
        font-size: 15px;
        width: 100px;
        line-height: 40px;
    }
}@media(max-width:1440px) {
    
}@media(max-width:1259px) {
    
}
@media(max-width:1024px){.x_yxtg ul li .text h2 {
        font-size:22px;
    }.x_yxtg ul li .text p {
        font-size:14px;
        margin:0px 0 20px;
    }.x_yxtg ul li .text a {
        font-size: 14px;
        width: 90px;
        line-height: 35px;
    }    
}
@media(max-width:820px){.x_yxtg {
        padding:50px 0 70px;
    }.x_yxtg ul li .text {
        padding: 20px;
    }.x_yxtg ul li .text h2 {
        font-size:20px;
    }    
}
@media(max-width:640px){.x_yxtg {
        padding:35px 0;
    }.x_yxtg ul li {
        width:100%;
        margin-right:0;
        margin-bottom:15px;
    }/*.x_yxtg ul li .text {*/
    /*    padding: 20px;*/
    /*}*/
}.pageController {
    text-align: center;
    color:#505050;margin:0 auto;
    margin:50px 0 ;
    line-height:24px;
}.pageController a {
    display: inline-block;
    background-color: #f5f5f5;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    line-height: 48px;
    margin: 3px;
    font-size: 15px;
    transition: all 0.3s ease-out;
}.pageController a:hover {background-color:#1E7AB8;color:#fff; text-decoration:none;border:#efefef 1px solid;}.pageController .currPage {background-color: #1E7AB8;color:#ff0000;border:#efefef 1px solid;}.pageController .t1 {
    float:left;
    margin-right:3px;    
    width: 50px;
    height: 50px;
    line-height: 48px;
    white-space:nowrap;
    display: none;
}.pageController .t2 {vertical-align:middle;line-height:39px;}.pageController .t2 #current {
    display: inline-block;
    line-height: 48px;
    background-color: #1E7AB8;
    vertical-align: middle;
    border: 1px solid #1E7AB8; 
    color: #fff;
    /*padding: 5px 8px;*/
    margin-right: 3px;
    margin-left: 3px;
    width: 50px;
    font-size: 15px;
}.pageController .t1 span {
    /*padding-left:4px;
    padding-right:4px;*/
    width: 50px;
}.pageController select {
    height:24px;
    vertical-align:middle;
    text-align:center;
    line-height:24px;
    display: none;
}.pageController select option {vertical-align:middle;}.m_f_fixed {
    position: fixed;
    bottom:0;
    left:0;
    background: #ff0000;
    color: #fff;
    z-index:9999;
    justify-content: center;
    width: 100%;
    display:none;

}.m_f_fixed a {
    flex:1;
    font-size: 14px;
    color: #fff;
    display: block;
    text-align: center;
    padding:8px 0 0;
}.m_f_fixed a img {
    width: 20px;
    display: block;
    margin:0 auto 0px;
}#gotop {
    position: fixed;
    right: 0;
    bottom: 30px;
    cursor: pointer;
}
@media(max-width: 1199px){#gotop {
        display: none;
    }.pageController {
        margin:30px 0;
    }.pageController .t2 #current {
        font-size:14px;
        width: 50px;
        height: 46px;
        line-height: 44px;
    }.pageController a {
        font-size:14px;
        width: 50px;
        height: 46px;
        line-height: 44px;
    }
}
@media(max-width:640px){.m_f_fixed {
        display: flex;
    }footer {
        margin-bottom:56px;
    }
}/*客服1*/
.client-2 {
    position: fixed;
    right: -170px;
    top: 50%;
    z-index: 900;
}.client-2 li a {
    text-decoration: none;
}.client-2 li {
    margin-top: 1px;
    clear: both;
    height: 71px;
    position: relative;
    background: #222;
}.client-2 li i {
    background: url(../images/fx.png) no-repeat;
    display: block;
    width: 30px;
    height: 27px;
    margin: 0px auto;
    text-align: center;
}.client-2 li p {
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    text-align: center;
    color: #fff;
}.client-2 .my-kefu-qq i {
    background-position: 4px 5px;
}.client-2 .my-kefu-tel i {
    background-position: 0 -21px;
}.client-2 .my-kefu-liuyan i {
    background-position: 4px -53px;
}.client-2 .my-kefu-weixin i {
    background-position: -34px 4px;
}.client-2 .my-kefu-weibo i {
    background-position: -30px -22px;
}.client-2 .my-kefu-ftop {
    display: none;
}.client-2 .my-kefu-ftop i {
    width: 33px;
    height: 35px;
    background-position: -27px -51px;
}.client-2 .my-kefu-left {
    float: left;
    width: 77px;
    height: 47px;
    position: relative;
}.client-2 .my-kefu-tel-right {
    font-size: 16px;
    color: #fff;
    float: left;
    height: 24px;
    line-height: 22px;
    padding: 0 15px;
    border-left: 1px solid #fff;
    margin-top: 14px;
}.client-2 .my-kefu-right {
    width: 20px;
}.client-2 .my-kefu-tel-main {
    background: #222;
    color: #fff;
    height: 56px;
    width: 247px;
    padding:9px 0 6px;
    float: left;
}.client-2 .my-kefu-main {
    background: #222;
    width: 97px;
    height: 56px;
    position: relative;
    padding:9px 0 6px;
    float: left;
}.client-2 .my-kefu-weixin-pic {
    position: absolute;
    left: -140px;
    top: -24px;
    display: none;
    z-index: 333;
}.my-kefu-weixin-pic img {
    width: 140px;
    height: 140px;
}

@media(max-width: 1199px){.client-2 {
        display: none;
    }
}/* 右侧浮窗 客服2 */

#c-right-fixed {
    display: none;
    position: fixed;
    top: 50%;
    right: 2px;
    z-index: 905;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}#c-right-fixed a {
    position: relative;
    right: 0;
    /*margin-bottom: 2px;*/
    display: flex;
    align-items: center;
    width: 70px;
    height: 70px;
    text-align: center;
    color: #777;
    background: #fff;
    z-index: 9;
}#c-right-fixed a:last-child {
    margin-bottom: 0;
}#c-right-fixed a:nth-child(3) {
    /*z-index: 2;*/
}#c-right-fixed .c-wrap {
    border: 1px solid #ebebeb;
    padding: 11px 0;
    width: 70px;
    height: 70px;
    flex: 0 0 70px;
    transition: all .5s;
    position: relative;
    z-index: 10;
    background:#fff;
}#c-right-fixed .c-wrap img {
    height: 28px;
}#c-right-fixed .c-wrap img:nth-child(2), #c-right-fixed a:hover .c-wrap img:nth-child(1) {
    display: none;
}#c-right-fixed a:hover .c-wrap img:nth-child(2) {
    display: inline-block;
}#c-right-fixed .c-title {
    padding-top: 5px;
    font-size: 12px;
    line-height: 1;
}#c-right-fixed a:last-child .c-title {
    font-family: "Arial";
    font-weight: bold;
}#c-right-fixed .c-text {
    flex: 0 0 auto;
    width: 170px;
    font-weight: bold;
    font-size: 20px;
    line-height: 40px;
    border-left: 1px solid #fff;
    color: #fff;
    transition: all .5s;
}#c-right-fixed .c-img {
    position: absolute;
    right: -300px;
    top: -1px;
    z-index: -1;
    padding: 5px;
    width: 148px;
    border: 1px solid #eff1f5;
    background: #fff;
    transition: .5s;
    box-shadow: 0 0 50px rgba(0, 0, 0, .1);
}#c-right-fixed .c-img::before {
    content: "";
    position: absolute;
    top: 34px;
    right: -8px;
    border-left: 8px solid #fff;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    z-index: 8;
}#c-right-fixed .c-img img {
    width: 100%;
}#c-right-fixed .c-img .c-text2 {
    padding: 5px;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #777;
}#c-right-fixed a .c-box {
    position: absolute;
    top: 0;
    left: 0;
    padding: 11px 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    background: #fff;
    transition: all .5s;
    overflow: hidden;
}#c-right-fixed a:hover .c-wrap {
    color: #fff;
    border-color: #1E7AB8;
    background: #1E7AB8;
}#c-right-fixed a:last-child .c-wrap {
    color: #fff;
    border-color: #1E7AB8;
    background: #1E7AB8;
}#c-right-fixed a:first-child:hover .c-box {
    width: 250px;
    height: 70px;
    -webkit-transform: translateX(-180px);
    transform: translateX(-180px);
    overflow: none;
    background: #1E7AB8;
}#c-right-fixed a:hover .c-img {
    right: 84px;
}


@media(max-width: 1259px){#c-right-fixed {
        display: none!important;
    }
}/*客服3*/
.Fast_contact {
    height: 265px;
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: -132.5px;
    z-index: 97
}.Fast_contact ul li.onlineservice_li {
    width: 48px;
    height: 48px;
    position: relative;
    text-align: center;
    margin-bottom: 5px;
    background-color: #d9d9d9;
}.Fast_contact ul > li.onlineservice_li > a {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-top: 10px;
}.Fast_contact ul > li:hover .onlineservice_tips {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
}.onlineService_qq {
    background-image: url("../images/Fast.png");
    background-repeat: no-repeat;
    background-position: 0 0;
}.onlineService_form {
    background-image: url("../images/fastForm.png");
    background-repeat: no-repeat;
    background-position: 0 0;
}.Fast_contact ul > li.onlineservice_li > a.onlineService_tel {
    width: 30px;
    height: 30px;
    background-image: url("../images/fastPhone.png");
    background-repeat: no-repeat;
    background-position: 0 0;
}.onlineService_whatsApp {
    background-image: url("../images/Fast.png");
    background-repeat: no-repeat;
    background-position: 0 -139px;
}.onlineService_email {
    background-image: url("../images/Fast.png");
    background-repeat: no-repeat;
    background-position: 0 -111px;
}.onlineService_skype {
    background-image: url("../images/Fast.png");
    background-repeat: no-repeat;
    background-position: 0 -28px;
}.onlineService_wechat {
    background-image: url("../images/Fast.png");
    background-repeat: no-repeat;
    background-position: 0 -266px;
}.for_wechat span {
    display: block;
    text-align: center;
}.onlineservice_tips {
    padding: 5px 8px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    position: absolute;
    right: 58px;
    top: 6px;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transition: all .4s;
    transition: all .4s;
}.onlineservice_tips li {
    width: auto;
    height: auto;
    white-space: nowrap;
}.onlineservice_tips li a {
    display: block;
    min-height: 22px;
    text-align: center;
    line-height: 22px;
    color: #737578;
    font-size: 15px;
}.onlineservice_tips li a.for_wechat {
    height: auto;
}.onlineservice_tips li a.for_wechat img {
    max-width: 240px;
}.onlineservice_tips li a:hover {
    text-decoration: underline;
}.onlineservice_tips:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 1px solid #ccc;
    border-color: transparent #ccc #ccc transparent;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    right: -6px;
    top: 10px;
    background-color: #fff;
}
@media(max-width:1220px){.Fast_contact {
        display:none;
    }
}.n_banner2 {
    height: 640px;
    background-image: url(../images/b1.jpg);
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}.szyxm1cz {
    width: 50%;
    text-align: center;    
}.szm1t1 {
    font-size: 38px;font-weight: bold;color: #fff;text-align: center;
}.szm1hr {
    margin: 20px auto;width: 150px;height: 3px;background: #fff;
}.szm1t2 p {
    font-size: 16px;color: #fff;
    /*margin-bottom: 15px;*/
}.szm1t2  span {
    margin: 0 20px;display: inline-block;
}.n_banner2cz {
    width: 50%;text-align: center;
}.w1200 {
    width: 1200px;margin: 0 auto;
}.w1300 {
    width: 1300px;margin: 0 auto;
}.yxffl .szyxm4let1 p {
    color: #231815;
}.yxffl .szyxm4let2 p {
    color: #4c4948;
}.yxffl .szyxm4lehr {
    background: #1E7AB8;
}.yxffl>div {
    display: flex;justify-content: space-between;align-items: center;
}.yxffl>div>* {
    width: 47%;
}.yxffl {
    padding: 100px 0; 
}.yxffls1 {
    padding: 100px 0;
}.yxffl_tit {
    text-align: center;font-size: 38px;color: #231815;
    position: relative;font-weight: bold;
    padding-bottom: 20px;
}.yxffl_tit:after {
    content: "";
    width: 100px;height: 3px;background: #1E7AB8;
    position: absolute;bottom: 0;
    left: 50%;transform: translate(-50%, 0);
}.yxffl_text {
    font-size: 16px;line-height: 1.8;
    text-align: left;
    margin: 50px 0;color: #4c4948;
}.yxffls1img {
    display: block;margin: 0 auto;
}.yxffls2 {
    padding: 130px 0 60px;text-align: center;
}.yxffl_t1 {
    display: inline-block;align-items: center;justify-content: center;
    border: 1px solid #231815;border-radius: 50px;
    padding: 0 10px;
}.yxffl_t1 img {
    margin-right: 5px;height: 40px;
    padding:10px 0;
}.yxffl_t1 * {
    display: inline-block;vertical-align: middle;
}.yxffl_t1 span {
    font-size: 16px;color: #231815;
}.yxffl_text2 {
    line-height: 2;margin: 30px 0;
    font-size: 18px;color:#4c4948 ;
}.yxffl_t3 {
    font-size: 50px;font-weight: bold;: #1A6FA5;
    margin: 20px 0;
}.yxffl_t4 {
    font-size:30px;font-weight: bold;color: #231815;
}.yxffls2>div>img {
    display: block;margin: 20px auto;
}.yxffl1 {
    padding: 80px 0;
    background-image: url(../images/b2.jpg);background-size: cover;background-position: center;
}.yxffl1>div {
    display: flex;justify-content: space-between;
}.yxffl1.yxffl .szyxm4lehr {
    background: #fff;
}.szyxm4le {
    width: 46%;
}.szyxm4ri {
    width: 48%;
}.szyxm4let1 {
    line-height: 1.3;
    font-size: 34px;
    font-weight: bold;
    color: #fff;
    text-align: left;
}.yxffl1 .szyxm4let1 p, .yxffl1 .szyxm4let2 p {
    color: #fff;    
}.szyxm4lehr {
    margin: 30px 0;
    width: 140px;height: 4px;background: #fff;
}.szyxm4let2 {
    text-align: left;color: #fff;
}.szyxm4let2 p {
    font-size: 16px;
}.szyxm4let2 h6 {
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
}.szyxm4rit1 {
    display: flex;align-items: center;justify-content: center;
}.szyxm4ri>img {
    margin-top: 140px;
}.yxffl_t1.bai span {
    color: #fff;
}.yxffl_t1.bai {
    border-color: #fff;
    display: flex;align-items: center;justify-content: center;
}.szyxm4rit1>img {
    margin-left: 10px;
}.yxffl3 {
    background-image: url(../images/b3.jpg);
    background-size: cover;background-position: center;
}.yxffl5 {
    background-image: url(../images/b4.jpg);
    background-size: cover;background-position: center;
}.yxffl7 {
    background-image: url(../images/b5.jpg);
    background-size: cover;background-position: center;
}.yxffl9 {
    background-image: url(../images/b6.jpg);
    background-size: cover;background-position: center;
}.hbg .szyxm4let1 p {
    color: #fff;
}.hbg .szyxm4let2 p {
    color: #fff;
}.hbg .szyxm4lehr {
    background: #fff;
}.hbg .szyxm4rit1 {
    justify-content: flex-start;
}.hbg .szyxm4rit1 img {
    margin-left: 0;
    margin-right: 20px;
}.hbg .szyxm4rit1 {
    margin-bottom: 60px;
}.yxffls3>div {
    position: relative;
}.yxffls3 {
    padding: 60px 0 100px;
    background-image: url(../images/b7.jpg);
    background-size: cover;background-position: center;
}.yxffls3con {
    margin: 60px auto 0;
    width: 910px;display: flex;flex-wrap: wrap;justify-content: space-between;
}.yxffls3con a {
    margin-bottom: 30px;
    width: 20%;text-align: center;
}.yxffls3con a img {
    max-width: 100%;
}.xf17 {
    position: absolute;left: 0; top: 0;
}.xf18 {
    position: absolute;right: 0; top: 0;
}.yxffl_tit.bai p {
    color: #fff;
}.yxffl_tit.bai:after {
    background: #fff;
}.sz7cvn {
    width: 95%;display: flex;flex-wrap: wrap;justify-content: center;
}.sz7cvn a {
    font-size: 16px;color: #4c4948;
    margin-right: 20px;
}.sz7cvn a span {
    color: #1A6FA5;
}.yxffls4>div {
    position: relative;
}.sz7t1 {
    font-size: 24px;color: #484849;
    margin: 40px 0 0;text-align: center;
    line-height: 1.4;
}.sz7t1 p {
    font-size: 40px;color: #231815;
}.yxffls4 {
    padding: 80px 0;
}.sz7cvn {
    margin: 50px auto 0;
}.yxffls4>div>img {
    display: block;margin: 0 auto;
}.xf18 {
    font-size: 18px;font-weight: bold;color: #000;
}
@media screen and (max-width: 1024px){.szyxm1cz {
        width: 80%;
    }
}
@media screen and (max-width: 600px) {.szyxm1cz {
        width: 100%;
    }.w1200, .w1300 {
        max-width: 95%;
    }.szm1t1 {
        font-size: 18px;
    }.n_banner2 {
        height: 350px;
    }.n_banner2cz {
        width: 90%
    }.szm1t2 p {
        font-size: 15px;
    }.yxffl_tit {
        font-size: 18px;
    }.yxffls1 {
        padding: 60px 0;
    }.yxffl_text {
        font-size: 14px;
        margin: 30px 0;
    }.yxffls1 img {
        max-width: 100%;
    }.yxffls2 {
        padding: 60px 0 60px;
    }.yxffl_t1 span {
        font-size: 14px;
        padding: 5px 0;
    }.yxffl_t1 {
        line-height: 1;
        padding: 0px 20px 10px;
    }.yxffl_t1 span {
        display: block;
    }.yxffl_text2 {
        margin: 30px 0;
        font-size: 16px;
    }.yxffl_text2 {
        line-height: 2;
        margin: 30px 0;
        font-size: 16px;
        color: #4c4948;
    }.yxffls2t3 {
        font-size: 30px;
    }.yxffls2t4 {
        font-size: 20px;
    }.szyxm4le, .szyxm4ri, .yxffl>div>* {
        width: 100%
    }.yxffl1>div, .yxffl>div {
        display: block;
    }.szyxm4le {
        margin-bottom: 50px;
    }.yxffl1, .yxffl, .yxffls3, .yxffls4 {
        padding: 60px 0;
    }.szyxm4let1 {
        font-size: 24px;
    }.szyxm4lehr {
        margin: 20px 0;
        height: 3px;
    }.szyxm4let2 p {
        font-size: 15px;
    }.szyxm4let2 h6 {
        font-size: 18px;
    }.hbg .yxffl_t1 {
        padding: 10px ;
    }.szyxm4ri img {
        max-width: 100%;
    }.szyxm4ri>img {
        margin-top: 30px;
    }.yxfflri {
        margin-top: 40px;
    }.hbg .yxfflri {
        margin-top: 0;margin-bottom: 40px;
    }.yxffls3con {
        width: 100%;
    }.yxffls3con a {
        width: 23%;margin-bottom: 15px;
    }.sz7t1 p {
        font-size: 30px;
    }.sz7t1 {
        font-size: 20px;
        line-height: 1.7;
    }.yxffls4>div>img {
        width: 100%
    }.sz7cvn a {
        font-size: 14px;margin-right: 10px;
    }.sz7cvn {
        justify-content: flex-start;
    }.xf17, .xf18 {
        top: -60px;
    }.yxffls3 .yxffl_tit {
        margin-top: 30px;
    }
}.c-modal-main {
    width: 718px;
    /*background:rgba(232, 94, 2, 0.96);*/
    background: #e83f3f;
    padding: 18px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    z-index: 150;
    overflow: hidden;
    transition: all 0.6s;
    overflow: hidden;
    max-width: 92%;
    max-height: 92%;
    color: #fff;
}.c-modal-main .main {
    width: 100%;
    border: 1px dotted rgba(255, 255, 255, 0.9);
    padding-top: 60px;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}.c-modal-close {
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 1;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    opacity: .9;
    transition: opacity .3s,transform .3s;
    color: #ddd;
}.c-modal-close img {
    width: 30px;
}.c-modal-main.contactbox .main .tc_top {display: flex;justify-content:space-between;}.c-modal-main.contactbox .main .tc_top .tc_left {
    width: 360px;
    padding-top:10px;
}.c-modal-main .main .tc_top .tc_left .h1 {
    font-family: hb;font-size: 32px;line-height: 40px;margin-bottom: 30px;font-weight: bold;
}.c-modal-main .main .tc_top .tc_left .h2 {font-family: hb;font-size: 24px;line-height: 36px;margin-bottom: 30px;font-weight: bold;}.c-modal-main .main .tc_top .tc_left .h3 {
    font-family: "Microsoft JhengHei";
    margin-top: 7px;font-size: 18px;line-height: 32px;}.c-modal-main .main .tc_top .tc_right {width: 180px;}.c-modal-main .main .tc_top .tc_right img {width: 100%;margin-bottom: 55px;}.c-modal-main .main .tc_top .tc_right .btn {width: 100%;line-height: 48px;border: 1px solid #fff;text-align: center;font-size: 14px;font-family:hr;display:block;color:#fff;transition:all 0.5s;border-radius: 0;padding-left: 0;}.c-modal-main .main .tc_top .tc_right .btn:hover {background-color:#fff;border-color: transparent;color: #000;}.c-modal-main .tit {font-size:28px}.c-modal-main .text {font-size:36px;margin-bottom:10px}.c-modal-main .form {border:2px solid #fff;background-color:#fff;display: flex;align-items: center;justify-content: space-between;}.c-modal-main .ps {
    font-size: 14px;
    color: #fff;
    padding-left: 22px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(../images/suo.png);
    background-size: auto 18px;
    margin-top: 10px;
    }.c-modal-main .iconfont {color:#bcbcbc;line-height:44px;width:46px;text-align:center;font-size:30px}.c-modal-main .submit {
    border:none;outline:none;
    background:#e83f3f;
    padding:0;width: 100px;
    height: 42px;background-size:20px;color:#fff;
    font-size: 14px;cursor:pointer;margin-right: 3px;
}.c-modal-main .input {width:calc(100% - 155px);height: 50px;line-height:1.5;border:none;padding:0 20px;outline:none;color:#000;font-size: 16px;background:none}.c-modal-main::-moz-placeholder {color:#aaa}.c-modal-main::-webkit-input-placeholder {color:#aaa}.c-modal-main:-ms-input-placeholder {color:#aaa}.c-modal-main .info {font-size:14px;margin-top:8px;padding-right:25%;position:relative}.c-modal-main .tel {color:#FFFFFF;margin-top: 50px;font-size: 32px;line-height: 40px;font-family:gilroy-semibold;font-weight: bold;}.c-modal-main .ewm {width:80px;position:absolute;right:0;top:50%;margin-top:-40px}.tc_right_code {
    
}
@media only screen and (max-width:1024px){.c-modal-main {
        display: none!important;
    }
}
@media only screen and (max-width:640px) {.c-modal-main .main {padding:36px 26px;}.c-modal-main .bg {padding:10px}.c-modal-main .tit {font-size:17px}.c-modal-main .text {font-size:24px;margin-bottom:16px}.c-modal-main .form {border:3px solid #fff}.c-modal-main .iconfont {line-height:36px;width:30px;font-size:20px}.c-modal-main .submit {width:60px;height:36px;font-size:13px}.c-modal-main .input {width:calc(100% - 90px);height:36px;padding:0 8px;font-size:14px}.c-modal-main .info {font-size:12px;margin-top:8px;padding:0}.c-modal-main .tel {margin-top:12px;font-size:20px;line-height:1.3}.c-modal-main .ewm {display:none}
}.new-float {
    position: fixed;right: -3px;
    top: 60%;
    z-index: 5000000;width: 77px;height: 374px;
    margin-top: -187px;
    
}.new-float li {
    position: relative;width: 77px;
    height: 57px;margin-bottom: 1px;
    line-height: 20px;color: #fff;
    text-align: center;
    
}.new-float li.hover {
    /*overflow: hidden;*/
    
}.new-float li a {
    display: inline-block;color: #fff;
    
}.new-float li a.tit {
    width: 77px;height: 56px;padding: 30px 10px 0 0;
    color: #fff;font-size: 12px;   
    box-sizing: border-box;
    position: relative;
    z-index:99999;
    
}.new-float li p {
    position: relative;z-index: 2;
    height: 27px;padding-top: 30px;cursor: pointer;
    
}.new-float li.fi {
    position: relative;
}.new-float li.fi img {
    display: none;
    position: absolute;
    top:0;
    left: -168px;
    max-width: 160px;
    /*opacity: 0;*/
}.new-float li.fi:hover img {
    display: block;
}.new-float li.fi a { 
    background:url(../images/on_line.png) no-repeat 0px 0px;
    
}.new-float li.fxx a {
    background:url(../images/on_line.png) no-repeat 0px -172px;    
}.new-float li.tp a {
    background:url(../images/on_line.png) no-repeat 0px -227px;
}.new-float li.zx a {
    background:url(../images/on_line.png) no-repeat 0px -0px;
}.new-float li.th a {
    background:url(../images/on_line.png) no-repeat 0px -57px;
    
}.new-float li.fo a.tit {
    background:url(../images/on_line.png) no-repeat 0px -114px;
    
}.new-float li.fif p {
    background: url(../img/bg_float05.png) no-repeat;
    
}.new-float li .tel {
    position: absolute;left: 74px;top: 0;z-index: 1;width: 184px;
    height: 56px;font: 24px/57px Arial;color: #fff; 
    background:#5b5b5b;cursor: pointer;
    transition: all 0.5s ease-out;
    z-index:99998;
    
}.new-float a.mof {
    display: inline-block;width: 78px;height: 71px;padding: 12px 11px 0 12px;
    margin-top: 10px;*margin-top: 7px;background:url(../images/on_line.png) no-repeat 0px -239px;
    font-size: 15px;line-height: 22px;color: #fff;
    
}.new-float li:hover .tel {
    left:-184px;
}
@media(max-width:1024px){.new-float {
        display:none!important;
    }
}.pull-left {
    float: left!important;
}.pull-right {
    float: right!important;
}/*架构库*/
.template-wrap {
    padding:50px 0 200px;
}.template-wrap .filter-item {
    overflow: hidden;
}.template-wrap .filter-item.filter-item-industry a {
/*    width: 131px;*/
    margin: 8px 10px 8px 0;
}.template-wrap .filter-item a {
    display: inline-block;
    line-height: 28px;
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 15px;
    text-align: center;
    background: #f8f8f8;
    border: 1px solid #f8f8f8;
    padding:0 20px;
}.template-wrap .filter-item a.active {
    background: #f5fcff;
    color: #00abee;
    border-color: #a6e2f9;
}.template-lists {
    margin-top:30px;
}.template-lists .template-pro {
    padding:0 15px;
    width:25%;
    float:left;
    position:relative;
    margin-bottom:25px
}.template-lists-item .img {
    display:block;
    position:relative;
    border:1px solid #e5e5e5
}.template-lists-item .img img {
    width:100%
}.template-lists-item .img .isnew {
    width:auto;
    max-width:100%;
    position:absolute;
    left:0;
    top:0
}.template-lists-item .img .preview {
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background:rgba(0,0,0,.7);
    opacity:0;
    -webkit-transition:all .3s;
    transition:all .3s;
    z-index:9
}.template-lists-item .img .preview .sec {
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    top:59%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}.template-lists-item .img .preview .sec a {
    width:122px;
    height:36px;
    display:block;
    border-radius:20px;
    background:#03a9f4;
    color:#fff;
    font-size:13px;
    line-height:36px;
    text-align:center;
    -webkit-transition:all .3s;
    transition:all .3s;
    margin:0 4px
}.template-lists-item .img .preview .sec a:hover {
    background:#0083cc
}
@media (max-width:760px){.template-lists-item .img .preview .sec a {
/*        width:80px;*/
        height:30px;
        font-size:12px;
        line-height:30px
        padding:0 15px;
    }
}.template-lists-item .img .preview span {
    height:36px;
    display:block;
    border-radius:3px;
    color:#fff;
    font-size:13px;
    line-height:36px;
    text-align:center;
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    top:47%;
    -webkit-transform:translateY(-30%);
    transform:translateY(-50%);
    text-transform:Uppercase
}
@media (max-width:1440px){.template-wrap {
        padding:50px 0 120px;
    }.template-wrap .filter-item a {
        padding:0 15px;
    }
}
@media (max-width:760px){.template-wrap {
        padding:30px 0 50px;
    }.template-wrap .filter-item a {
        padding:0 6px;
    }.template-wrap .filter-item.filter-item-industry a {
        margin:5px 8px 5px 0;
    }.template-lists-item .img .preview span {
        width:100%;
    }
}.template-lists-item .text {
    position:relative;
    padding:15px;
    -webkit-transition:all .3s;
    transition:all .3s;
    line-height:14px
}.template-lists-item .text .numbering {
    font-size:14px;
    font-weight:200;
    margin:0;
    color:#444;
    width:100%;
    padding-bottom:4px
}.template-lists-item .text .hits .iconfont {
    position:relative;
    top:2px
}
@media (max-width:760px){.template-lists-item .text {
        padding:7px
    }
}.template-lists-item:hover {
    -webkit-transition:all .3s;
    transition:all .3s
}.template-lists-item:hover .img .preview {
    opacity:1
}.template-lists-item:hover .text {
    background:#fff
}.template-lists-item:hover .text h3 a span {
    color:#03a9f4
}
@media (max-width:1440px){.template-lists .template-pro {
        width:33.3333333%
    }
}
@media (max-width:780px){.template-lists .template-pro {
        width:50%
    }
}
@media (max-width:480px){.template-lists .template-pro {
        width:100%
    }
}#preview-body {
    overflow-y: hidden;
    background: #f6f6f6;
    min-height: 100vh;
}body, html {
    scroll-behavior: smooth;
}#preview-body {
    overflow-y:hidden;
    background:#f6f6f6;
    min-height:100vh
}#preview-bar {
    position:fixed;
    z-index:99999;
    top:0;
    width:100%;
    height:58px;
    background:#fff;
    -webkit-transition:all .5s ease;
    transition:all .5s ease;
    -webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);
    box-shadow:0 2px 8px rgba(0,0,0,.1)
}#preview-bar .response-icon {
    float:left;
    width:30%;
    padding:0 2.5%;
    line-height:56px
}#preview-bar .response-icon a {
    display:inline-block;
    vertical-align:middle;
    margin:0 20px;
    font-size:14px;
    color:#949494
}#preview-bar .response-icon a.active, #preview-bar .response-icon a.active .iconfont, #preview-bar .response-icon a:not(.no-hover):hover, #preview-bar .response-icon a:not(.no-hover):hover .iconfont {
    color:#03a9f4
}#preview-bar .response-icon .iconfont {
    font-size:34px;
    color:#949494;
    line-height:1;
    vertical-align:middle;
    margin-right:5px
}#preview-bar .preview-change {
    float:right;
    margin-right:100px
}#preview-bar .preview-change span {
    display:inline-block;
    width:62px;
    height:32px;
    line-height:32px;
    border-radius:3px;
    background:#666;
    color:#fff;
    font-size:16px;
    text-align:center;
    position:relative;
    vertical-align:middle;
    cursor:pointer
}#preview-bar .preview-change span a {
    font-size:0;
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0
}#preview-bar .preview-change span:hover {
    background:#03a9f4
}#preview-bar .preview-info {
    float:right;
    margin-top:17px;
    margin-right:5.72916667%
}#preview-bar .preview-info span {
    display:inline-block;
    vertical-align:middle
}#preview-bar .preview-info a.ljgm {
    width:110px;
    line-height:26px;
    border-radius:20px;
    background:#03a9f4;
    color:#fff;
    text-align:center;
    display:inline-block;
    font-size:14px;
    margin-right:20px;
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out
}#preview-bar .preview-info a.ljgm:hover {
    background:#0083cc
}#preview-bar .preview-info .number {
    color:#111;
    font-size:16px;
    text-transform:uppercase;
    margin-right:25px
}#preview-bar .preview-info .number:after {
    content:"|";
    color:#999;
    margin-left:25px
}#preview-bar .preview-info .number i {
    margin-right:5px
}#preview-bar .preview-info .web-tag {
    position:relative;
    line-height:25px;
    padding:0 10px;
    background:#f6f5f5;
    border-right:2px;
    font-size:13px;
    color:#747474
}#preview-bar .preview-info .web-tag i {
    margin-right:5px
}.preview-toggle {
    position:absolute;
    width:40px;
    height:40px;
    top:calc(50% - 20px);
    right:2.08333333%
}.preview-toggle .hidden-iocn {
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
    line-height:40px;
    cursor:pointer
}.preview-toggle .hidden-iocn .iconfont {
    font-size:35px;
    color:#000
}.preview-toggle .show-icon {
    position:absolute;
    z-index:999;
    top:49px;
    right:-100%;
    width:58px;
    height:58px;
    background:url(../images/preview-bg.png);
    text-align:right;
    display:none;
    cursor:pointer
}.preview-toggle .show-icon .iconfont {
    font-size:30px;
    color:#fff
}#preview-iframe {
    position:relative;
    z-index:50;
    top:58px;
    height:100%;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}/* SVC_NAV_10 2026-11-09: 服务项目下拉由 8 项增至 10 项，一行排开 */
.nav li .b_nav .nav_r.nav_li1 > a { width: 10%; }
@media (max-width: 1280px) {.nav li .b_nav .nav_r.nav_li1 > a { width: 20%; padding-bottom: 18px; }
}

/* SLIDE_BG_V1 2026-11-10: 轮播背景图只在 >=821px 生效，移动端不下载 1.9MB 原图 */
@media (min-width: 821px) {#c-banner1 .banner-case-slide { background-repeat: no-repeat; background-position: left center; background-size: cover; }#c-banner1 .sbg-nbhondar { background-image: url(/data/images/slide/banner-nbhondar.jpg?v=s32); }#c-banner1 .sbg-uhlaser { background-image: url(/data/images/slide/banner-uhlaser.jpg?v=s32); }#c-banner1 .sbg-furunsi { background-image: url(/data/images/slide/banner-furunsi.jpg?v=s32); }#c-banner1 .sbg-fluid { background-image: url(/data/images/slide/banner-fluid.jpg?v=s32); }#c-banner1 .sbg-youan { background-image: url(/data/images/slide/banner-youan.jpg?v=s32); }#c-banner1 .sbg-thume { background-image: url(/data/images/slide/banner-thume.jpg?v=s32); }#c-banner1 .sbg-dunhuang { background-image: url(/data/images/slide/banner-dunhuang.jpg?v=s32); }#c-banner1 .sbg-futural { background-image: url(/data/images/slide/banner-futural.jpg?v=s32); }
}

/* TAP_TARGET_V1 2026-11-10
   移动端轮播分页点与「让网站自己帮你做生意」按钮位置重叠（7px 小点本来就压在按钮上，只是不显眼），
   手指也点不准。移动端改为隐藏分页点，保留左右滑动 + 自动轮播，避免遮挡 CTA。 */
@media (max-width: 820px) {#c-banner1 .swiper-pagination { display: none !important; }
}

/* HEADING_LEVEL_V1 2026-11-10: h4 改成 h3 后补回原视觉 */
.cn-list li h3 { font-size: 15px; font-weight: 400; line-height: 30px; color: #666; margin: 0; }
.br-foot-col h3 { margin: 6px 0 18px; font-size: 15px; font-weight: 700; color: #fff; }

/* ==== swiper.min.css ==== */
/**
 * Swiper 4.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 1, 2018
 */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
/* ==== animate.min.css ==== */
@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

@-webkit-keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%,
    43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%,
    43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        -ms-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        -ms-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        -ms-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        -ms-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        -ms-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        -ms-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        -ms-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        -ms-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        -ms-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {
    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        -ms-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        -ms-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        -ms-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        -ms-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        -ms-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        -ms-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        -ms-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -ms-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -ms-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        -ms-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        -ms-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        -ms-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

@-webkit-keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        -ms-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        -ms-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        -ms-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        -ms-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        -ms-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        -ms-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        -ms-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        -ms-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        -ms-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        -ms-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        -ms-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        -ms-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        -ms-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        -ms-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        -ms-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        -ms-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        -ms-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -ms-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -ms-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        -ms-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        -ms-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        -ms-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        -ms-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        -ms-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        -ms-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        -ms-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        -ms-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        -ms-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        -ms-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        -ms-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        -ms-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        -ms-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        -ms-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        -ms-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        -ms-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        -ms-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        -ms-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        -ms-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        -ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        -ms-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        -ms-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        -ms-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        -ms-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        -ms-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        -ms-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        -ms-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        -ms-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        -ms-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        -ms-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        -ms-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        -ms-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        -ms-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        -ms-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        -ms-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        -ms-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -ms-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    100% {
        opacity: 0;
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -ms-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    100% {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        -ms-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        -ms-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center;
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        -ms-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        -ms-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center;
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}
/* ==== moblie.css ==== */
.right-con{
	display: none;
  margin-top:20px;
}
.right-con .right-tab .nav-tab {
  background: url(../images/navtab-icon.png) no-repeat center center;
	background-size: contain;

	margin-left: 4px;
    width: 22px;
    height: 19px;
    transform: translateY(0px);
}
#c-header.c-head-hide .right-con .right-tab .nav-tab,#c-header.news_head .right-con .right-tab .nav-tab{
  background:url('../images/navtab-icon-b.png')no-repeat center center;
  background-size: contain;
}
/*.right-con .right-tab .nav-tab i {
    background: url(../images/navtab-icon.png) no-repeat center center;
    background-size: contain;
    display: inline-block;
}*/
.msub-list {
    background: #1E7AB8;
    /* border-top: 1px solid rgba(255, 255, 255, 0.15); */
    position: absolute;
    top: 60px;
    z-index: 99;
    width: 100%;
    left: 0;

    display: none;
}
.msub-list .list-wrap {
  padding: 5px 0;
}
.msub-list .list-wrap .list li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.msub-list .list-wrap .list li a {
	color: #fff;
}
.msub-list .list-wrap .list li dt {
	position: relative;
	font-weight: normal;
	height: 54px;
	line-height: 54px;
	box-sizing: border-box;
	padding: 0 5.2%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.msub-list .list-wrap .list li dt a {
	font-size: 16px;
	display: inline-block;
	width: 80%;
}
.msub-list .list-wrap .list li dt .icon {
	position: absolute;
	right: 36px;
	top: 0;
	transition: all 0.5s ease 0s;
}
.msub-list .list-wrap .list li dd {
  display: none;
  font-weight: normal;
  background: #2f96db;
  box-sizing: border-box;
  padding: 0px 5.2%;
/*  height: 22px;*/
  line-height: 30px;
  position: relative;
}
.msub-list .list-wrap .list li dd a {
  font-size: 14px;
  display: inline-block;
  width: 100%;
/*  text-indent: 25px;*/
  padding:5px 0;
}
.msub-list .list-wrap .list li dd:before {
  content: '';
  width: calc(100% - 36px);
  height: 1px;
  position: absolute;
  left: 18px;
  bottom: 0;
  background: rgba(255, 255, 255, 0.15);
}
.msub-list .list-wrap .list li dd:last-child:before {
  display: none;
}
.msub-list .list-wrap .list li:last-child {
  border: none;
}
.msub-list .list-wrap .list li:last-child dt {
  border: none;
}
.msub-list .list-wrap .list li:last-child.cur dt {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.msub-list .list-wrap .list li.cur .icon {
  transform: rotate(180deg);
}
@media(max-width: 820px){
	/*.right-con,.right-con .right-tab .nav-tab{*/
	/*	display: block !important;*/
	/*}*/
	
}
@media(max-width: 640px){
  .right-con{
    margin-top:20px;
  }
}


.m_open{
    display: none;
    float: right;
    width: 20px;
    margin-top:21px;
}
.m_open span{
    display: block;
    width: 20px;
    height: 2px;
    background: #333;
    margin-bottom: 5px;
    border-radius: 4px;
}
.m_open span:last-child{
    margin-bottom: 0;
}
.nav-box{
	position: fixed;
	top: 0;
	left:0;
	background: white;
	width: 100%;
	height:100vh;
	z-index: 100;
	padding: 10px 3% 0;
	display: none;
	max-width: 820px;
	overflow: hidden;
}
.close-btn{text-align: right;}
.close-btn i{
	display: block;
	width: 18px;	
	height: 18px;
	background: url(../images/close2.png) no-repeat top center;
	background-size: 100% 100%;
}
.close-btn a{
    color: #d2d2d2;
    text-align: right;
    display: inline-block;
    margin-right: 2%;
}
.close-btn a img{
    max-width: 22px;
}
.nav-list{
	display: flex;
	flex-wrap:wrap;
	padding: 40px 0 55px;
}

.nav-list>li{
	text-align: center;
	width: 33.33%;
	margin-bottom: 30px;
}
.nav-list .img-box{
	width: 30%;
}
.nav-list .nav-icon{
	width: auto;
 	height: 30px;
 	text-align: center;
}
.nav-list .nav-icon img{
    max-height: 30px;
    width: auto;
}
.nav-p{
	color: #333;
	padding-top: 5px;
}

/*.数据start*/
.sj-list{
	display: flex;
	flex-wrap: nowrap;
	padding: 10px;
    display: none;
    /*background: #f7f7f7;*/
    border-bottom: 10px solid #f7f7f7;
}
.sj-list .sj-size{
	font-size: 10px;
}
.sj-list>li{
	width: 25%;
	text-align: center;
	line-height: 1.6;
}
.sj-list font,.sj-list strong{
	color:#333;
	font-size: 18px;
}
.sj-list p{
	color: #666;
	font-size: 14px;
}
/*数据startend*/
.m_index1{
    padding:30px 0;
    display: none;
}
.m_index1 h2{
    font-size: 20px;
    color: #333;
    text-align: center;
    margin-bottom: 20px;
}
.m_index1 ul{
    display: flex;
    flex-wrap: wrap;
}
.m_index1 ul li{
    width: 32%;
    text-align:center;
    margin-bottom: 15px;
    margin-right: 2%;
}
.m_index1 ul li:nth-child(3n){
    margin-right: 0;
}
.m_index1 ul li a{
    display: block;
}
.m_index1 ul li a .img1{
    
}
.m_index1 ul li a .img1 img{
    max-height: 30px;
}
.m_index1 ul li a p{
    font-size: 14px;
    margin-top:10px;
}
.m_index1 a.mores{
    display: block;
    font-size: 15px;
    color: #fff;
    width: 100px;
    line-height: 40px;
    background: #1E7AB8;
    border-radius: 10px;
    text-align: center; 
    margin:15px auto 0;
}
.h2-box {
    padding: 20px 0 0 0;
    text-align: center;
    font-size: 18px;
}
.h2-box>p:last-child{
	color: #6E6E6E;
	font-size: 12px;
	padding:0 8%;
	line-height: 1.6;
}
.lc{
	background: url(../images/lc-bg_02.png) top center;
	background-size: 100% 100%;
	color: #fff;
	height: 365px;
	position: relative;
	text-align: center;
	display: none;
}
.lc .h2-box h2,.lc .h2-box p{
	color: #fff;
}
.lc .h2-box p:nth-child(1){
    font-weight: bold;
}
.lc .h2-box p:last-child{
    color: #ccc;
}
.lc-list{
	display: flex;
	flex-wrap: wrap;
	padding: 15px 3% 0;
}
.lc-list>li{
	width: 20%;
	text-align: center;
}
.lc-list .img-box{
	width: 70%;
}
.img-box, .img-box img{
    display: inline-block;
    width: 100%;    
}
.lc-list .pt{
	padding-top: 30px;
}
.lc-list .pt p:last-child{
    font-size: 14px;
    line-height: 1.4;
}
.computer{
	padding: 20px 0 0 0;
	/*height: 223px;*/
}
.computer img{
	height: 100%;
} 
.lc-list>li>p:nth-child(2){
	padding: 5px 0 0 0;
}

.cn{
	padding: 20% 0 20px;
	background: #f5f5f5;
	display: none;
}
.tt-h2{
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}
.cn-list{
	display: flex;
	flex-wrap: wrap;
	padding: 15px 10px 0 10px;
}
.cn-list>li{
	width: 48%;
	text-align: center;
	border-radius: 3px;
	background: #fff;
	margin: 10px 0 0 0;
}
.cn-list>li:nth-child(2n){
	margin-left: 4%;
}
.cn-list>li>div:first-child{
	width: 28px;
	height: 43px;
	padding-top: 20px;
}
.cn-list h4{
	font-weight: normal;
	font-size: 15px;
	padding: 10px 0 5px 0;
}
.cn-list p{
	font-size: 12px;
	color: #666;
	line-height: 1.6;
	padding: 0 10px 10px 10px;
}
.cn .btn{
	margin: 20px auto 20px;
}
/*button  start*/
.btn{
	display: block;
	width: 90%;
	line-height: 40px;
	border: 1px solid #1E7AB8;
	border-radius: 20px;
	color: #333;
	font-size: 13px;
	padding-left: 15px;
	position: relative;
	margin: auto;
	box-sizing: border-box;
}
.btn span{
	display: block;
	position: absolute;
	width: 33%;
	right: -2px;
	top: 0;
	background: #1E7AB8;
	color: white;
	border-radius: 20px;
	text-align: center;
}
a.btn{
    color: #000;
}

.m_foot{
    display: none;
    border-bottom: 1px solid #666;
    padding-bottom: 15px;
    margin-bottom: 10px;
}
.m_nav2{
    display: flex;
    flex-wrap: wrap;
}
.m_nav2 li{
    margin-right: 15px;
}
.m_nav2 li:nth-child(6){
    display: none;
}
.m_nav2 li a{
    display: block;
    font-size: 14px;
    color: #6E6E6E;
}
.dz {
    padding: 5px 0 30px;
    display: none;
	/*background: #f7f7f7;*/
}
.dz .h2-box{
    margin-bottom: 10px;
}
.mj{
    display: none;
}
.fx{
    display: none;
	padding: 10px 10px 10px 10px;
	background: #f7f7f7;
	margin:30px 0 10px;
}
.fx-list{
	padding: 10px 0 0 0;
	display: flex;
	flex-wrap: wrap;
}
.fx-list>li{
	width: 48%;
	background: #FFF;
	padding: 10px;
	border-radius: 3px;
	margin-bottom: 10px;
text-align: center;
}
.fx-list>li:nth-child(2n){
	margin-left: 4%;
}
.fx-list>li>div:first-child{
	width: 100%;
}
.fx-list p{
	color: #666;
	font-size: 13px;
	padding: 10px 10px 0 10px;
	line-height: 1.6;
	
}
.fx .btn{
	margin: 10px auto 20px;
}
.ms{
	padding: 0 10px 0 10px;
	display: none;
}
.ms-list{
	padding: 15px 0 0 0;
	display: flex;
	flex-wrap: wrap;
}
.ms-list>li{
	width: 20%;
	text-align: center;
	margin-bottom: 20px;
}
.ms-list>li>div:first-child{
	width: 25px;
	height: 25px;
}
.ms-list p{
	color: #333;
	font-size: 10px;
	padding: 5px 0 5px 0;
}
/*.btn .red{*/
/*	color: #ff4d2a;*/
/*}*/

@media(max-width:820px){
    .m_open{
        display:block;
    }
}
@media(max-width:640px){
    .sj-list{
        display:flex;
    }
    .m_index1,.lc,.cn,.m_foot,.dz,.mj,.fx,.ms{
        display:block;
    }
}
@media(max-width:460px){
    .m_open{
        margin-top:16px;
    }
}
@media screen and (max-width: 320px){
	.btn{
		padding-left: 5px;
	}
	.m_nav2 li{
	    margin-right:10px;
	}
	.m_nav2 li:nth-child(3),.m_nav2 li:nth-child(7){
	    margin-right:0;
	}
}
/* ==== boersi-skin.css ==== */
:root {
  --brand: #1A6FA5;
  --brand-soft: #1E7AB8;
  --brand-deep: #186A9E;
}.head {
  padding: 12px 0;
}#c-header.c-head-hide.c-head-move, #c-header.news_head {
  padding: 12px 0;
}.logo {
  height: auto !important;
}.logo a {
  align-items: center;
}.logo .logo_text {
  display: none !important;
}.logo .logo_img {
  display: flex;
  align-items: center;
  line-height: 0;
}.banner-case-slide .banner_text9 .ys_logo.br-banner-logo {
  max-width: none;
  margin-bottom: 10px;
}.banner-case-slide .br-banner-logo strong {
  display: block;
  font-size: 32px;
  line-height: 1.1;
  letter-spacing: 0.08em;
  font-weight: 800;
}.banner-case-slide .br-banner-logo span {
  display: block;
  margin-top: 6px;
  font-size: 14px;
  letter-spacing: 0.12em;
  color: #5c6570;
}.banner-case-dark .banner_text9 h3, .banner-case-dark .banner_text9 h2, .banner-case-dark .banner_text9 p {
  color: #fff !important;
  text-shadow: 0 2px 16px rgba(0,0,0,.35);
}.banner-case-dark .br-banner-logo span {
  color: rgba(255,255,255,.86);
}.banner-case-slide .br-banner-logo-hondar strong { color: #ff4d3a; }.banner-case-slide .br-banner-logo-uhlaser strong { color: #fff; }.banner-case-slide .br-banner-logo-furunsi strong { color: #7fd3ff; }.banner-case-slide .br-banner-logo-fluid strong { color: #f0c14b; }.banner-case-slide .br-banner-logo-youan strong { color: #1f7a63; }.banner-case-slide .br-banner-logo-thume strong { color: #c9a6ff; }.banner-case-slide .br-banner-logo-dunhuang strong { color: #9a3b1a; }.banner-case-slide .br-banner-logo-futural strong { color: #163a5c; }.banner-case-light .banner_text9 h3, .banner-case-light .banner_text9 h2, .banner-case-light .banner_text9 p {
  color: #1a1a1a !important;
  text-shadow: none;
}.banner-case-light .br-banner-logo span {
  color: #5a5248;
}.banner-case-light .banner_text9 a.a2.a5 {
  background-color: #1E7AB8;
  color: #fff;
}.banner-case-slide .banner_text9 a.a2.a5 {
  background-color: #1E7AB8;
  color: #fff;
}.banner-case-slide .banner_text9 a.a2.a5 i div {
  background: url(../images/cn_more3.png) no-repeat center #fff;
}.banner-case-slide .banner_text9 a.a2.a5 i:after, .banner-case-slide .banner_text9 a.a2.a5 i:before {
  background: #fff;
}.logo img, .logo img.logo1, .logo img.logo2 {
  height: 40px;
  width: auto;
  max-width: 220px;
  object-fit: contain;
  object-position: left center;
}

/* Desktop header: logo + nav + tel + CTA on one row */
@media (min-width: 821px) {.head > .container {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
  }.head > .container.clearfix::before, .head > .container.clearfix::after, .head .nav.clearfix::before, .head .nav.clearfix::after {
    display: none !important;
    content: none !important;
  }.head .logo {
    float: none;
    flex: 0 0 auto;
    margin-right: 8px;
  }.head .nav {
    float: none;
    display: flex;
    flex: 1 1 auto;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap;
    width: auto;
    min-width: 0;
    padding: 0 56px 0 24px;
    margin: 0;
    order: 2;
  }.head .nav li {
    float: none;
    flex: 0 0 auto;
    padding: 0 32px;
  }.head .nav li a.a1 {
    font-size: 20px;
    line-height: 60px;
    white-space: nowrap;
  }.head .h_tel {
    float: none;
    flex: 0 0 auto;
    order: 3;
    margin-left: 0;
    font-size: 20px;
    line-height: 60px;
    white-space: nowrap;
  }.head a.head_member {
    float: none;
    flex: 0 0 auto;
    order: 4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 34px;
    padding: 0 14px;
    margin: 0 0 0 45px;
    border: 1.5px solid #fff;
    border-radius: 10px;
    color: #fff;
    background: transparent;
    font-size: 14px;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    box-sizing: border-box;
    transition: background .2s ease, color .2s ease, border-color .2s ease;
  }.head a.head_member svg {
    width: 15px;
    height: 15px;
    flex: 0 0 auto;
  }.head a.head_member:hover {
    background: #fff;
    color: var(--brand);
  }#c-header.c-head-hide a.head_member, #c-header.news_head a.head_member {
    border-color: var(--brand);
    color: var(--brand);
    background: #fff;
  }#c-header.c-head-hide a.head_member:hover, #c-header.news_head a.head_member:hover {
    background: var(--brand-soft);
    color: #fff;
    border-color: var(--brand);
  }.head a.head_a {
    float: none;
    flex: 0 0 auto;
    order: 5;
    margin-top: 0;
    margin-left: 10px;
    align-self: center;
  }
}

@media (min-width: 821px) and (max-width: 1760px) {.head .nav li {
    padding: 0 28px;
  }
}
@media (min-width: 821px) and (max-width: 1600px) {.head .nav {
    padding: 0 36px 0 16px;
  }.head .nav li {
    padding: 0 20px;
  }.head .nav li a.a1 {
    font-size: 17px;
    line-height: 48px;
  }.head .h_tel {
    font-size: 18px;
    line-height: 48px;
  }.head a.head_member {
    margin-left: 32px;
  }
}
@media (min-width: 821px) and (max-width: 1440px) {.head .nav li {
    padding: 0 18px;
  }
}
@media (min-width: 821px) and (max-width: 1365px) {.head .nav {
    padding: 0 24px 0 12px;
  }.head .nav li {
    padding: 0 14px;
  }.head .nav li a.a1 {
    font-size: 16px;
  }.head .h_tel {
    font-size: 16px;
  }.head a.head_member {
    margin-left: 24px;
  }
}.br-foot-logo .mark, .br-foot-logo strong {
  display: none !important;
}.br-foot-logo {
  display: inline-block;
  align-items: center;
  min-height: 70px;
  width: 300px;
  height: 70px;
  background: url(../images/logo-white.png?v=s13) no-repeat left center / contain;
}.br-foot-logo::before {
  content: none;
}a.head_a:before, .mores:before, .mores2 a:before {
  animation: none;
}a.head_a:hover:before, .mores:hover:before, .mores2 a:hover:before {
  animation: wave 1.3s;
}.banner-video-slide video {
  animation: bannerKen 18s ease-in-out infinite alternate;
  transform-origin: center center;
}
@keyframes bannerKen {from { transform: scale(1); }to { transform: scale(1.08); }
}.num_list li {
  background-image: none;
  border: 1px solid rgba(42, 143, 209, 0.18);
  border-radius: 50%;
  box-shadow: inset 0 0 0 10px rgba(42, 143, 209, 0.04);
}.num_list li:before {
  background-image: none;
  border: 2px solid transparent;
  border-top-color: var(--brand);
  border-right-color: var(--brand-soft);
  border-radius: 50%;
  box-sizing: border-box;
}.num_list li:after {
  content: "";
  position: absolute;
  inset: 18px;
  border: 1px dashed rgba(42, 143, 209, 0.28);
  border-radius: 50%;
  pointer-events: none;
  animation: spin 8s linear infinite reverse;
}.index1 .text, .index1 .num_list li, .advantage-list li, .index-case-list li, .index-solution, .br-clients .br-sec-head, .br-clients .br-stat, .br-brands a, .br-news .br-sec-head, .br-news-pane.on, .m_message, .sj-list li, .m_index1 ul li, .lc-list li, .cn-list li {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}.index1.is-in .text, .index1.is-in .num_list li, .index2.is-in .advantage-list li, .index3.is-in .index-case-list li, .index-solution.is-in, .br-clients.is-in .br-sec-head, .br-clients.is-in .br-stat, .br-clients.is-in .br-brands a, .br-news.is-in .br-sec-head, .br-news.is-in .br-news-pane.on, .m_message.is-in, .sj.is-in .sj-list li, .m_index1.is-in ul li, .lc.is-in .lc-list li, .cn.is-in .cn-list li {
  opacity: 1;
  transform: none;
}.index1.is-in .num_list li:nth-child(2) { transition-delay: 0.12s; }.index1.is-in .num_list li:nth-child(3) { transition-delay: 0.24s; }.index2.is-in .advantage-list li:nth-child(2) { transition-delay: 0.1s; }.index2.is-in .advantage-list li:nth-child(3) { transition-delay: 0.2s; }.index2.is-in .advantage-list li:nth-child(4) { transition-delay: 0.3s; }.index3.is-in .index-case-list li:nth-child(2) { transition-delay: 0.08s; }.index3.is-in .index-case-list li:nth-child(3) { transition-delay: 0.16s; }.index3.is-in .index-case-list li:nth-child(4) { transition-delay: 0.08s; }.index3.is-in .index-case-list li:nth-child(5) { transition-delay: 0.16s; }.index3.is-in .index-case-list li:nth-child(6) { transition-delay: 0.24s; }.index3.is-in .index-case-list li:hover {
  transform: translateY(-6px);
}.br-clients.is-in .br-stat:nth-child(2) { transition-delay: 0.08s; }.br-clients.is-in .br-stat:nth-child(3) { transition-delay: 0.16s; }.br-clients.is-in .br-brands a:nth-child(6n+1) { transition-delay: 0.04s; }.br-clients.is-in .br-brands a:nth-child(6n+2) { transition-delay: 0.08s; }.br-clients.is-in .br-brands a:nth-child(6n+3) { transition-delay: 0.12s; }.br-clients.is-in .br-brands a:nth-child(6n+4) { transition-delay: 0.16s; }.br-clients.is-in .br-brands a:nth-child(6n+5) { transition-delay: 0.2s; }.br-clients.is-in .br-brands a:nth-child(6n) { transition-delay: 0.24s; }.index2 {
  padding: 20px 0 80px;
}.advantage-list {
  width: 100%;
  display: table;
  overflow: hidden;
}.advantage-list ul {
  display: table;
  width: 100%;
}.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: #1E7AB8;
}.advantage-list li a {
  display: block;
  color: inherit;
}.advantage-list li .icon {
  width: 100%;
  height: 100px;
  transition: all ease .3s;
}.advantage-list li .icon1 {
  background: url(../images/fw-icon8.png) left top no-repeat;
}.advantage-list li .icon2 {
  background: url(../images/fw-icon9.png) left top no-repeat;
}.advantage-list li .icon3 {
  background: url(../images/fw-icon10.png) left top no-repeat;
}.advantage-list li .icon4 {
  background: url(../images/fw-icon11.png) left top no-repeat;
}.advantage-list li:hover .icon1 {
  background: url(../images/fw-icon12.png) left top no-repeat;
}.advantage-list li:hover .icon2 {
  background: url(../images/fw-icon13.png) left top no-repeat;
}.advantage-list li:hover .icon3 {
  background: url(../images/fw-icon14.png) left top no-repeat;
}.advantage-list li:hover .icon4 {
  background: url(../images/fw-icon15.png) left top no-repeat;
}.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: 10px;
  margin-top: 45px;
  background: url(../images/fw-icon16.png) right center no-repeat;
  transition: all ease .3s;
}.advantage-list li:hover .link {
  width: 48px;
}
@media (max-width: 1630px) {.advantage-list li {
    width: 23%;
    margin: 0 1.125% 0 0.5%;
    padding: 60px 20px 20px 20px;
  }
}
@media (max-width: 900px) {.advantage-list li {
    padding: 30px 10px;
  }.advantage-list li .icon {
    height: 60px;
  }.advantage-list li .icon1, .advantage-list li .icon2, .advantage-list li .icon3, .advantage-list li .icon4, .advantage-list li:hover .icon1, .advantage-list li:hover .icon2, .advantage-list li:hover .icon3, .advantage-list li:hover .icon4 {
    background-size: 40px;
  }.advantage-list li .title {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 10px;
  }.advantage-list li .link {
    margin-top: 25px;
  }
}
@media (max-width: 767px) {.advantage-list li {
    width: 47%;
    margin: 0 1.5%;
  }.advantage-list li .txt {
    min-height: 96px;
  }
}
@media (max-width: 640px) {.index2 {
    display: none !important;
  }
}
@media (max-width: 414px) {.advantage-list li {
    padding: 30px 5px;
  }
}.index3 {
  padding: 40px 0 80px;
  background: #fff;
}.index-case-head {
  position: relative;
  margin-bottom: 30px;
}.index-case-title {
  font-size: 36px;
  line-height: 36px;
  color: #222;
  font-weight: bold;
}a.index-case-more, a.index-case-more:link, a.index-case-more:visited, a.index-case-more:hover {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 16px;
  line-height: 36px;
  color: #000;
  background: url(../images/fw-icon21.png) right center no-repeat;
  padding-right: 35px;
}.index-case-list {
  width: 100%;
  display: table;
}.index-case-list ul {
  width: 100%;
  display: table;
}.index-case-list li {
  width: 32.5%;
  float: left;
  margin-right: 1.25%;
  margin-bottom: 20px;
  background: #fff;
}.index-case-list li:nth-child(3n) {
  margin-right: 0;
}.index-case-list li:hover {
  box-shadow: 0 0 15px 1px rgba(0,0,0,.1);
  transform: translateY(-6px);
}.index-case-list li a, .index-case-list li a:link, .index-case-list li a:visited, .index-case-list li a:hover {
  display: block;
  color: inherit;
}.index-case-list li .img {
  width: 100%;
  overflow: hidden;
  aspect-ratio: 16 / 10;
  background: #f2f2f2;
}.index-case-list li .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s linear;
}.index-case-list li:hover .img img {
  transform: scale(1.05);
}.index-case-list li .tbox {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #ebebeb;
  border-top: none;
  padding: 20px 20px 0;
}.index-case-list li .tbox .title {
  width: 100%;
  position: relative;
  line-height: 36px;
  padding-right: 56px;
}.index-case-list li .tbox .title .t1 {
  font-size: 16px;
  font-weight: bold;
  color: #222;
}.index-case-list li .tbox .title .t2 {
  font-size: 14px;
  color: #666;
  line-height: 24px;
  text-align: left;
}.index-case-list li .tbox .title .icon {
  position: absolute;
  right: 0;
  top: 8px;
}.index-case-list li .tbox .title .icon span {
  display: inline-block;
  width: 18px;
  height: 16px;
  margin-left: 10px;
}.index-case-list li .tbox .title .icon .icon2 {
  background: url(../images/fw-icon18.png) center center no-repeat;
}.index-case-list li .tbox .title .icon .icon3 {
  background: url(../images/fw-icon19.png) center center no-repeat;
}.index-case-list li .tbox .more {
  width: 100%;
  border-top: 1px solid #e3e3e3;
  margin-top: 7px;
  font-size: 14px;
  color: #666;
  line-height: 36px;
  padding: 7px 0;
  background: url(../images/fw-icon20.png) right center no-repeat;
  transition: all ease .3s;
}.index-case-list li:hover .tbox .more {
  color: #1A6FA5;
  background: url(../images/fw-icon21.png) right center no-repeat;
}.index-case-cta {
  clear: both;
  margin: 10px auto 0;
}.index-case-cta a, .index-case-cta a:link, .index-case-cta a:visited {
  padding: 0 42px;
  color: #fff;
}.index-case-cta a:hover {
  background: #1a6fa8;
  text-decoration: none;
}
@media (max-width: 900px) {.index-case-title {
    font-size: 22px;
  }.index-case-list li {
    width: 48.5%;
    margin-right: 3%;
  }.index-case-list li:nth-child(3n) {
    margin-right: 3%;
  }.index-case-list li:nth-child(2n) {
    margin-right: 0;
  }
}
@media (max-width: 640px) {.index-case-list li {
    width: 100%;
    margin-right: 0;
  }.index-case-list li .tbox .more {
    display: none;
  }.index-case-cta a {
    padding: 0 22px;
    font-size: 14px;
    line-height: 44px;
  }
}.index-solution {
  width: 100%;
  padding: 80px 0;
  scroll-margin-top: 78px;
}.index-solution-box {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  background: #373737;
  display: flex;
  align-items: stretch;
}.index-solution-box .img {
  width: 60%;
  overflow: hidden;
  flex-shrink: 0;
}.index-solution-box .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}.index-solution-box .tbox {
  width: 40%;
  padding: 8.5% 40px 50px 80px;
  box-sizing: border-box;
}.index-solution-box .tbox .title {
  font-size: 36px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  margin-bottom: 20px;
}.index-solution-box .tbox .txt {
  max-width: 475px;
  font-size: 14px;
  line-height: 28px;
  color: #fff;
}.index-solution-box .tbox .list {
  width: 100%;
  margin-top: 53px;
  overflow: hidden;
}.index-solution-box .tbox .list li {
  float: left;
  margin: 0 20px 20px 0;
}.index-solution-box .tbox .list li a, .index-solution-box .tbox .list li a:link, .index-solution-box .tbox .list li a:visited {
  line-height: 36px;
  border: 1px solid #bbb;
  border-radius: 19px;
  display: block;
  padding: 0 21px;
  font-size: 14px;
  color: #bbb;
  transition: all ease .3s;
}.index-solution-box .tbox .list li a:hover, .index-solution-box .tbox .list li a:active, .index-solution-box .tbox .list li a:focus {
  color: #222;
  background: #fff;
  border: 1px solid #fff;
}
@media (max-width: 1630px) {.index-solution-box .tbox {
    padding: 4.5% 20px 40px 40px;
  }
}
@media (max-width: 1200px) {.index-solution-box .tbox .title {
    font-size: 28px;
  }.index-solution-box .tbox .list {
    margin-top: 35px;
  }.index-solution-box .tbox .list li a {
    padding: 0 10px;
  }
}
@media (max-width: 900px) {.index-solution {
    padding: 50px 3%;
  }.index-solution-box {
    flex-wrap: wrap;
  }.index-solution-box .img, .index-solution-box .tbox {
    width: 100%;
    float: none;
  }.index-solution-box .tbox {
    padding: 40px 25px 35px;
  }.index-solution-box .tbox .title {
    font-size: 26px;
  }
}
@media (max-width: 767px) {.index-solution {
    padding: 40px 3%;
  }.index-solution-box {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }.index-solution-box .tbox .title {
    font-size: 18px;
    margin-bottom: 10px;
  }.index-solution-box .tbox .txt {
    line-height: 20px;
  }.index-solution-box .tbox .list li {
    margin: 0 10px 10px 0;
  }.index-solution-box .tbox .list li a {
    line-height: 30px;
    border-radius: 15px;
    padding: 0 10px;
  }
}.case_list li .img {
  min-height: 280px;
  background: linear-gradient(160deg, #2A8FD1 0%, #163a56 55%, #0b1a2a 100%);
}.case_list li .img img {
  transition: transform 0.7s ease, opacity 0.4s ease;
}.case_list li a:hover .img img {
  transform: scale(1.06);
}.news_list1 li .img {
  min-height: 180px;
  background: linear-gradient(160deg, #2A8FD1, #163a56);
  overflow: hidden;
}.news_list1 li a {
  display: block;
  transition: transform 0.35s ease;
}.news_list1 li a:hover {
  transform: translateY(-8px);
}.m_index1 ul li a {
  transition: transform 0.35s ease;
}.m_index1.is-in ul li a:hover, .lc.is-in .lc-list li:hover, .cn.is-in .cn-list li:hover {
  transform: translateY(-8px);
}.img-fallback {
  background: linear-gradient(135deg, #2A8FD1, #163a56) !important;
  background-image: linear-gradient(135deg, #2A8FD1, #163a56) !important;
}.m_message .m_input:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(42, 143, 209, 0.35);
}.new-float {
  display: none !important;
}.side-dock {
  position: fixed;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5000000;
  width: 60px;
  padding: 12px 0 8px;
  background: #222;
  border-radius: 30px;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.22);
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease;
}.side-dock.is-shown {
  opacity: 1;
  pointer-events: auto;
}.side-dock a.side-dock__item, .side-dock a.side-dock__item:link, .side-dock a.side-dock__item:visited, .side-dock a.side-dock__item:hover, .side-dock a.side-dock__item:active, .side-dock a.side-dock__item:focus {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  position: relative;
}.side-dock a.side-dock__item svg {
  width: 28px;
  height: 28px;
  stroke: #fff;
  fill: none;
}.side-dock__tip, .side-dock__qr {
  position: absolute;
  right: 72px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
  background: #fff;
  color: #1a1a1a;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  border-radius: 8px;
  white-space: nowrap;
}.side-dock__tip {
  padding: 10px 14px;
  font-size: 15px;
  font-family: Arial, sans-serif;
  letter-spacing: 0.5px;
}.side-dock__qr {
  padding: 10px;
  width: 120px;
}.side-dock__qr img {
  display: block;
  width: 120px;
  height: 120px;
  max-width: none;
}.side-dock__item:hover .side-dock__tip, .side-dock__item:hover .side-dock__qr {
  display: block;
}
@media (max-width: 1024px) {.side-dock {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {.banner-video-slide video, .num_list li:before, .num_list li:after {
    animation: none;
  }.br-news-pane.on {
    animation: none;
  }.index1 .text, .index1 .num_list li, .advantage-list li, .index-case-list li, .index-solution, .br-clients .br-sec-head, .br-clients .br-stat, .br-brands a, .br-news .br-sec-head, .br-news-pane.on, .m_message, .sj-list li, .m_index1 ul li, .lc-list li, .cn-list li {
    opacity: 1;
    transform: none;
  }
}.br-sec-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 28px;
}.br-sec-head h2 {
  margin: 0;
  font-size: 34px;
  line-height: 1.2;
  color: #1a1a1a;
  font-weight: 700;
}.br-sec-head p {
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 22px;
  color: #66707a;
  max-width: 520px;
}a.br-more, a.br-more:link, a.br-more:visited {
  flex-shrink: 0;
  font-size: 14px;
  color: #1A6FA5;
  padding-bottom: 2px;
  border-bottom: 1px solid transparent;
}a.br-more:hover {
  border-bottom-color: #1E7AB8;
}.br-clients {
  background:
    radial-gradient(1200px 280px at 8% 0%, rgba(42,143,209,.10), transparent 60%),
    #f4f8fb;
  padding: 72px 0 80px;
  scroll-margin-top: 78px;
}.br-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  margin: 0 0 36px;
  border: 1px solid rgba(42,143,209,.16);
  background: #fff;
}.br-stat {
  padding: 28px 32px;
  border-right: 1px solid rgba(42,143,209,.12);
}.br-stat:last-child {
  border-right: none;
}.br-stat b {
  display: block;
  font-size: 40px;
  line-height: 1;
  color: #1A6FA5;
  font-weight: 700;
  letter-spacing: -0.5px;
}.br-stat span {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  color: #5c6770;
}.br-brands {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}.br-brands a, .br-brands a:link, .br-brands a:visited {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 76px;
  padding: 10px 8px;
  background: #fff;
  border: 1px solid #e4eef5;
  border-radius: 6px;
  color: #2a3540;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.04em;
  transition: background .25s ease, color .25s ease, border-color .25s ease, transform .25s ease;
}.br-brands a:hover {
  background: #1E7AB8;
  border-color: #1E7AB8;
  color: #fff;
  transform: translateY(-3px);
}.br-clients.is-in .br-brands a:hover {
  transform: translateY(-3px);
}.br-news {
  background: #fff;
  padding: 72px 0 96px !important;
  scroll-margin-top: 78px;
}.br-news-tabs {
  margin: 0 0 28px;
  border-bottom: 1px solid #edf1f4;
}.br-news-tabs ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 28px;
  margin: 0;
  padding: 0;
  list-style: none;
}.br-news-tabs a, .br-news-tabs a:link, .br-news-tabs a:visited {
  position: relative;
  padding: 0 0 14px;
  font-size: 15px;
  color: #6D767E;
}.br-news-tabs a:hover, .br-news-tabs li.on a, .br-news-tabs li.on a:link, .br-news-tabs li.on a:visited {
  color: #1A6FA5;
}.br-news-tabs li.on a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  background: #1E7AB8;
}.br-news-pane {
  display: none;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 28px;
  min-height: 420px;
}.br-news-pane.on {
  display: grid;
  animation: brPaneIn 0.45s ease;
}
@keyframes brPaneIn {from { opacity: 0; transform: translateY(10px); }to { opacity: 1; transform: none; }
}a.br-news-hero, a.br-news-hero:link, a.br-news-hero:visited {
  position: relative;
  display: flex;
  align-items: flex-end;
  min-height: 420px;
  padding: 32px 36px;
  overflow: hidden;
  color: #fff;
  background: #163a56 center/cover no-repeat;
}a.br-news-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(12,32,48,.08) 20%, rgba(8,24,38,.88) 100%);
}.br-news-hero > * {
  position: relative;
  z-index: 1;
}.br-news-hero .tag {
  display: inline-block;
  margin-bottom: 12px;
  padding: 3px 10px;
  font-size: 12px;
  letter-spacing: 0.08em;
  background: #1E7AB8;
  color: #fff;
}.br-news-hero h3 {
  margin: 0 0 10px;
  font-size: 26px;
  line-height: 1.35;
  font-weight: 700;
  color: #fff;
}.br-news-hero p {
  margin: 0 0 18px;
  max-width: 520px;
  font-size: 14px;
  line-height: 24px;
  color: rgba(255,255,255,.82);
}.br-news-hero .go {
  font-size: 14px;
  color: #fff;
}.br-news-hero .go:after {
  content: " →";
}a.br-news-hero:hover .go {
  color: #9ad0f2;
}.br-news-side {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}.br-news-side a, .br-news-side a:link, .br-news-side a:visited {
  display: grid;
  grid-template-columns: 92px 1fr;
  gap: 16px;
  padding: 18px 4px 18px 0;
  border-bottom: 1px solid #edf1f4;
  color: #222;
  align-items: start;
}.br-news-side li:first-child a {
  padding-top: 0;
}.br-news-side .when {
  font-size: 13px;
  line-height: 22px;
  color: #1A6FA5;
  letter-spacing: 0.04em;
}.br-news-side h4 {
  margin: 0 0 6px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 650;
  color: #1a1a1a;
}.br-news-side p {
  margin: 0;
  font-size: 13px;
  line-height: 20px;
  color: #6a737b;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}.br-news-side a:hover h4 {
  color: #1A6FA5;
}

@media (max-width: 980px) {.br-stats {
    grid-template-columns: 1fr;
  }.br-stat {
    border-right: none;
    border-bottom: 1px solid rgba(42,143,209,.12);
  }.br-brands {
    grid-template-columns: repeat(3, 1fr);
  }.br-news-pane, .br-news-pane.on {
    grid-template-columns: 1fr;
  }a.br-news-hero {
    min-height: 280px;
    padding: 24px;
  }.br-news-hero h3 {
    font-size: 20px;
  }
}
@media (max-width: 640px) {.br-sec-head {
    flex-direction: column;
    align-items: flex-start;
  }.br-sec-head h2 {
    font-size: 24px;
  }.br-brands {
    grid-template-columns: repeat(2, 1fr);
  }.br-news-side a {
    grid-template-columns: 1fr;
    gap: 6px;
  }
}footer.br-foot {
  background: #1b2430;
  padding: 0;
  color: #9aa3ad;
}.br-foot-grid {
  display: grid;
  grid-template-columns: 1.35fr repeat(4, minmax(0, 1fr));
  gap: 36px 28px;
  padding: 72px 0 56px;
}.br-foot-logo {
  display: inline-block;
  width: 300px;
  height: 70px;
  min-height: 70px;
  margin-bottom: 18px;
  text-decoration: none;
  background: url(../images/logo-white.png?v=s13) no-repeat left center / contain;
}.br-foot-logo .mark {
  display: none !important;
}.br-foot a.br-foot-logo, .br-foot a.br-foot-logo:link, .br-foot a.br-foot-logo:visited, .br-foot-logo strong {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.04em;
}.br-foot-brand p {
  margin: 0 0 22px;
  font-size: 13px;
  line-height: 22px;
  color: #8b949e;
  max-width: 280px;
}.br-foot-contact {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 13px;
  line-height: 2.05;
  color: #d5dbe0;
}.br-foot-contact a, .br-foot-contact a:link, .br-foot-contact a:visited {
  color: #fff;
}.br-foot-col h4 {
  margin: 6px 0 18px;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
}.br-foot-col ul {
  margin: 0;
  padding: 0;
  list-style: none;
}.br-foot-col li {
  margin: 0 0 12px;
}.br-foot a, .br-foot a:link, .br-foot a:visited {
  color: #9aa3ad;
  font-size: 13px;
  line-height: 1.4;
  transition: color .2s ease;
}.br-foot a:hover {
  color: #fff;
}.br-foot-copy {
  border-top: 1px solid rgba(255,255,255,.08);
  padding: 20px 0;
  text-align: center;
  font-size: 12px;
  color: #8B949D;
}.br-foot-copy a, .br-foot-copy a:link, .br-foot-copy a:visited {
  color: #8B949D;
}.br-foot-copy a:hover {
  color: #fff;
}
@media (max-width: 980px) {.br-foot-grid {
    grid-template-columns: 1fr 1fr;
    padding: 48px 0 36px;
  }.br-foot-brand {
    grid-column: 1 / -1;
  }
}
@media (max-width: 640px) {.br-foot-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}.c-modal-main, .consulta {
  display: none !important;
}/* 服务项目 · 手绘几何线标（不用 i，避免被导航箭头样式盖掉） */
.svc-ico {
  display: block;
  width: 36px;
  height: 36px;
  margin: 0 auto;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: filter 0.25s ease;
}img.svc-ico {
  background-image: none !important;
  object-fit: contain;
  width: 36px;
  height: 36px;
}.svc-web { background-image: url("../images/svc/web.svg"); }.svc-trade { background-image: url("../images/svc/trade.svg"); }.svc-geo { background-image: url("../images/svc/geo.svg"); }.svc-seo { background-image: url("../images/svc/seo.svg"); }.svc-book { background-image: url("../images/svc/book.svg"); }.svc-upgrade { background-image: url("../images/svc/upgrade.svg"); }.svc-mini { background-image: url("../images/svc/mini.svg"); }.svc-sys { background-image: url("../images/svc/sys.svg"); }.nav li .b_nav .nav_r a:hover .svc-ico, .nav li .b_nav .nav_r a.cur .svc-ico, .m_index1 ul li a:hover .svc-ico {
  filter: invert(48%) sepia(72%) saturate(1200%) hue-rotate(176deg) brightness(95%) contrast(90%);
}.nav li .b_nav .nav_r a:hover h3 {
  color: var(--brand);
}.nav li .b_nav .nav_r a h3 {
  font-size: 15px;
  white-space: nowrap;
}.nav-list .nav-icon .svc-ico {
  width: 30px;
  height: 30px;
}.m_index1 ul li a .img1 .svc-ico {
  width: 32px;
  height: 32px;
}
@media (max-width: 1200px) {.nav li .b_nav .nav_r a h3 {
    font-size: 13px;
  }
}

/* —— 手机端整体 —— */
@media (max-width: 820px) {html, body {
    overflow-x: hidden;
    max-width: 100%;
  }img:not(.logo1):not(.logo2), svg {
    max-width: 100%;
    height: auto;
  }.head {
    background: #fff;
    box-shadow: 0 1px 8px rgba(15, 23, 32, 0.08);
  }.logo {
    width: 74% !important;
    max-width: 280px !important;
    height: auto !important;
  }.logo img, .logo img.logo1, .logo img.logo2 {
    height: 36px !important;
    width: auto !important;
    max-width: 200px !important;
    max-height: 36px !important;
    object-fit: contain;
    object-position: left center;
  }.logo img.logo2 {
    display: none !important;
  }.logo img.logo1 {
    display: block !important;
  }#c-banner1 .swiper-slide video {
    height: 100%;
    width: 100%;
  }.m_open {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    float: none;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 0;
    z-index: 3;
    box-sizing: border-box;
  }.head .container {
    position: relative;
  }.m_open span {
    width: 20px;
    height: 2px;
    margin: 0 0 5px;
    background: #222;
  }#c-header.c-head-hide .m_open span, #c-header.news_head .m_open span {
    background: #222;
  }.m_open span:last-child {
    margin-bottom: 0;
  }.head a.head_member {
    display: none;
  }.nav-box {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 12px 4% 88px;
    box-sizing: border-box;
    z-index: 10050;
    max-width: none;
  }.nav-list {
    padding: 24px 0 20px;
  }.nav-list > li {
    width: 50%;
    margin-bottom: 18px;
    box-sizing: border-box;
    padding: 0 6px;
  }.nav-list .nav-icon {
    height: 36px;
  }.nav-list .nav-icon .svc-ico {
    width: 36px;
    height: 36px;
  }.nav-p {
    font-size: 13px;
    line-height: 1.35;
    padding: 8px 4px 0;
  }#c-banner1 {
    height: 380px !important;
    min-height: 0;
    max-height: 380px;
  }#c-banner1 .swiper-wrapper, #c-banner1 .swiper-slide, #c-banner1 .banner-video-slide {
    height: 100% !important;
  }#c-banner1 .swiper-slide video {
    object-fit: cover;
    object-position: center 28%;
  }#c-banner1:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 96px;
    background: linear-gradient(180deg, transparent, rgba(0,0,0,.55));
    z-index: 8;
    pointer-events: none;
  }#c-banner1 .swiper-pagination {
    text-align: center !important;
    padding: 0 !important;
    bottom: 14px !important;
    z-index: 12;
  }.banner_text7 p:nth-child(2) {
    display: none;
  }.banner_text7 {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.18em;
  }.banner_text7 p:nth-child(1) {
    font-size: 28px;
    letter-spacing: 0.08em;
    font-weight: 700;
    margin-bottom: 8px;
  }.banner_text7, .banner_text9 {
    padding: 0 18px;
    box-sizing: border-box;
  }.banner-case-slide {
    background-position: 62% center !important;
  }.banner-case-slide .banner_text9 {
    background: linear-gradient(90deg, rgba(8,12,18,.55) 0%, rgba(8,12,18,.18) 48%, transparent 76%);
  }.banner-case-light .banner_text9 {
    background: linear-gradient(90deg, rgba(255,255,255,.78) 0%, rgba(255,255,255,.32) 50%, transparent 78%);
  }.banner-case-slide .br-banner-logo strong {
    font-size: 22px;
  }.banner-case-slide .br-banner-logo span {
    font-size: 12px;
    letter-spacing: 0.16em;
  }.banner_text9 h3, .banner_text9 h2 {
    font-size: 22px !important;
    line-height: 1.35;
    word-break: break-word;
  }.banner_text9 p {
    font-size: 14px !important;
    line-height: 1.5;
  }.banner_text9 a.a2 {
    margin-top: 24px !important;
  }.index-case-head {
    padding: 0 2px;
  }.index-case-title {
    font-size: 22px;
    line-height: 1.3;
  }a.index-case-more {
    position: static;
    display: inline-block;
    margin-top: 8px;
    line-height: 1.4;
  }.br-clients, .br-news {
    padding: 48px 0 56px !important;
  }.m_input, .m_message input, .m_message textarea, .consultRight input, input.m_input, textarea.m_input {
    font-size: 16px !important;
  }table {
    max-width: 100%;
  }
}

@media (max-width: 640px) {.head, #c-header.c-head-hide.c-head-move, #c-header.news_head {
    padding: 10px 0;
  }.logo {
    width: 76% !important;
    max-width: 260px !important;
    height: auto !important;
  }.logo img, .logo img.logo1, .logo img.logo2 {
    max-width: 180px !important;
    height: 32px !important;
    max-height: 32px !important;
    width: auto !important;
  }.m_nav {
    display: none !important;
  }.head .container {
    width: 92%;
    position: relative;
  }#c-banner1 {
    height: 320px !important;
    max-height: 320px;
  }.m_h60 {
    height: 52px;
  }.sj-list {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    padding: 0;
    background: #fff;
    border-bottom: 8px solid #f4f8fb;
  }.sj-list > li {
    width: auto;
    padding: 18px 10px 16px;
    box-sizing: border-box;
    border-right: 1px solid #eef2f5;
    border-bottom: 1px solid #eef2f5;
  }.sj-list > li:nth-child(2n) {
    border-right: none;
  }.sj-list > li:nth-child(n+3) {
    border-bottom: none;
  }.sj-list font, .sj-list strong {
    font-size: 26px;
    color: #1A6FA5;
    line-height: 1.1;
  }.sj-list .sj-size {
    font-size: 14px;
  }.sj-list p {
    font-size: 13px;
    color: #66707a;
    padding-top: 6px;
  }.m_index1 {
    padding: 28px 4% 20px;
    background: #fff;
  }.m_index1 ul li, .sj-list li, .lc-list li, .cn-list li, .index-case-list li, .index-solution, .br-clients .br-sec-head, .br-clients .br-stat, .br-brands a, .br-news .br-sec-head, .br-news-pane.on, .m_message {
    opacity: 1 !important;
    transform: none !important;
  }.m_index1 h2 {
    font-size: 22px;
    margin-bottom: 22px;
  }.m_index1 ul li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 22px;
  }.m_index1 ul li:nth-child(3n) {
    margin-right: 4%;
  }.m_index1 ul li:nth-child(2n) {
    margin-right: 0;
  }.m_index1 ul li a .img1 {
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
  }.m_index1 ul li a .img1 .svc-ico {
    width: 42px;
    height: 42px;
  }.m_index1 ul li a p {
    font-size: 13px;
    line-height: 1.4;
    margin-top: 8px;
  }.m_index1 a.mores {
    width: 160px;
    line-height: 44px;
    border-radius: 22px;
    margin-top: 8px;
  }.lc {
    height: auto;
    min-height: 0;
    padding: 28px 0 36px;
    background-size: cover;
  }.lc-list > li {
    width: 33.33%;
    margin-bottom: 18px;
  }.lc-list .pt {
    padding-top: 12px;
  }.cn {
    padding: 36px 4% 28px;
  }.index3 {
    padding: 36px 0 48px;
  }.index-solution-box .img {
    max-height: 200px;
  }.index-solution-box .img img {
    height: 200px;
    object-fit: cover;
  }.br-stats {
    grid-template-columns: repeat(3, 1fr) !important;
  }.br-stat {
    padding: 16px 6px;
    text-align: center;
    border-right: 1px solid rgba(42,143,209,.12);
    border-bottom: none;
  }.br-stat:last-child {
    border-right: none;
  }.br-stat b {
    font-size: 22px;
  }.br-stat span {
    font-size: 12px;
    margin-top: 6px;
  }a.br-news-hero {
    min-height: 220px;
    padding: 20px;
  }.br-news-tabs ul {
    gap: 8px 16px;
    overflow-x: auto;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
  }.br-news-tabs a {
    white-space: nowrap;
    font-size: 14px;
  }.m_f_fixed {
    background: #1b2430 !important;
    padding-bottom: env(safe-area-inset-bottom, 0);
    box-shadow: 0 -6px 20px rgba(0,0,0,.12);
  }.tar1 {
    display: none !important;
  }.m_f_fixed a {
    min-height: 50px;
    padding: 8px 0 6px;
    font-size: 12px;
  }footer, footer.br-foot {
    margin-bottom: 0;
    padding-bottom: calc(56px + env(safe-area-inset-bottom, 0px));
  }.br-foot-copy {
    padding-bottom: 8px;
  }
}

@media (max-width: 1280px) {.head a.head_member {
    display: none;
  }
}.member-shell {
  min-height: 100vh;
  background: linear-gradient(180deg, #f4f8fc 0%, #fff 42%);
}.member-top {
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 6%;
  background: #fff;
  border-bottom: 1px solid #e8eef4;
}.member-top .logo img {
  height: 42px;
  width: auto;
}.member-top-links {
  display: flex;
  align-items: center;
  gap: 10px;
}.member-top-links a {
  display: inline-flex;
  align-items: center;
  height: 34px;
  padding: 0 14px;
  border-radius: 10px;
  font-size: 14px;
  text-decoration: none;
}.member-top-links .back {
  color: #445;
  border: 1px solid #d7e2ea;
  background: #fff;
}.member-top-links .back:hover {
  border-color: var(--brand);
  color: var(--brand);
}.member-top-links .ask {
  color: #fff;
  background: var(--brand-soft);
}.member-card-wrap {
  max-width: 420px;
  margin: 64px auto 80px;
  padding: 0 20px;
}.member-card {
  background: #fff;
  border: 1px solid #e6eef5;
  border-radius: 16px;
  padding: 36px 32px 32px;
}.member-card h1 {
  margin: 0 0 8px;
  font-size: 24px;
  color: #1a1a1a;
  font-weight: 700;
}.member-card .tip {
  margin: 0 0 28px;
  font-size: 13px;
  color: #7a8a96;
}.member-card label {
  display: block;
  margin: 0 0 6px;
  font-size: 13px;
  color: #445;
}.member-card input {
  width: 100%;
  height: 44px;
  margin: 0 0 16px;
  padding: 0 12px;
  border: 1px solid #d7e2ea;
  border-radius: 10px;
  font-size: 14px;
  box-sizing: border-box;
  outline: none;
}.member-card input:focus {
  border-color: var(--brand);
}.member-card button {
  width: 100%;
  height: 44px;
  margin-top: 8px;
  border: 0;
  border-radius: 10px;
  background: var(--brand-soft);
  color: #fff;
  font-size: 15px;
  cursor: pointer;
}.member-card button:hover {
  background: var(--brand-deep);
}.member-card .help {
  margin: 18px 0 0;
  text-align: center;
  font-size: 13px;
  color: #7a8a96;
}.member-card .help a {
  color: var(--brand);
}#contact1 .contact_list {
  justify-content: center;
}#contact1 .contact_list li {
  width: 31%;
  margin-right: 2%;
  box-sizing: border-box;
}#contact1 .contact_list li:last-child {
  margin-right: 0;
}#contact1 .contact_list li .txt {
  justify-content: center;
  padding-top: 12px;
}#contact1 .contact_list li .txt .img1 {
  width: 148px;
  margin: 0 auto;
}#contact1 .contact_list li .txt .img1 img {
  width: 100%;
  height: auto;
  display: block;
}
@media (max-width: 768px) {#contact1 .contact_list li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 16px;
  }
}/* Case list stays 3-col; show full cover without side crop */
html {
  scroll-padding-top: 110px;
}#case-web.case_list2 {
  padding-bottom: 12px;
  scroll-margin-top: 110px;
}#case-web.case_list2 li .img {
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: #0f1216;
  min-height: 0;
}#case-web.case_list2 li .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}#case-web.case_list2 li a:hover .img img {
  transform: none;
}#case-web.case_list2 li.case-more-hide, #case-xcx.case_list2 li.case-more-hide {
  display: none !important;
}.case-more-wrap {
  clear: both;
  text-align: center;
  padding: 6px 0 56px;
}.case-more-btn {
  width: 52px;
  height: 52px;
  padding: 0;
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  background: #fff;
  color: #333;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: border-color .25s, color .25s, box-shadow .25s;
}.case-more-btn:hover {
  border-color: #1E7AB8;
  color: #1A6FA5;
  box-shadow: 0 6px 16px rgba(42, 143, 209, .16);
}.case-more-arrow {
  display: block;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  transition: transform .25s;
}.case-more-btn.is-open .case-more-arrow {
  margin-top: 6px;
  transform: rotate(-135deg);
}.case-more-btn:not(.is-open) .case-more-arrow {
  animation: caseMoreBounce 1.5s ease-in-out infinite;
}
@keyframes caseMoreBounce {0%, 100% { transform: rotate(45deg) translate(0, 0); }50% { transform: rotate(45deg) translate(3px, 3px); }
}.br-brands a img {
  display: block;
  width: auto;
  height: auto;
  max-width: 92%;
  max-height: 64px;
  object-fit: contain;
}.br-brands a:hover, .br-clients.is-in .br-brands a:hover {
  background: #fff;
  border-color: #1E7AB8;
  color: #2a3540;
}#about3 .parnter_list li {
  background: #fff;
  border: 1px solid #e6eef4;
  border-radius: 6px;
  height: 96px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 12px;
  box-sizing: border-box;
}#about3 .parnter_list li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}#about3 .parnter_list li img {
  display: block;
  max-width: 100%;
  max-height: 68px;
  width: auto;
  height: auto;
  object-fit: contain;
}.banner-home-slide {
  height: 100%;
  background-color: #0c3d6e;
  background-image:
    radial-gradient(ellipse 70% 42% at 50% 36%, rgba(255,255,255,.38), transparent 62%),
    radial-gradient(ellipse 130% 36% at 50% 108%, rgba(255,255,255,.28), transparent 52%),
    linear-gradient(180deg, #79c8ff 0%, #3aa4f2 40%, #1f86dc 100%);
}.banner-home-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  z-index: 0;
  pointer-events: none;
}.banner-home-slide::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(8, 36, 72, 0.42) 0%, rgba(10, 58, 112, 0.28) 42%, rgba(6, 32, 68, 0.5) 100%);
}.banner-home {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 108px 48px 120px;
  box-sizing: border-box;
  text-align: center;
  color: #fff;
}.banner-home h2, .banner-home h1 {
  margin: 0;
  font-family: Bahnschrift, "Segoe UI", "Microsoft YaHei", sans-serif;
  font-size: 58px;
  line-height: 1.25;
  font-weight: 600;
  letter-spacing: 0.14em;
  color: #fff;
  text-shadow: 0 0 22px rgba(140, 220, 255, 0.55);
}.banner-home .sub {
  margin: 14px 0 28px;
  font-size: 28px;
  line-height: 1.5;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,.94);
  font-weight: 500;
}.banner-home-points {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}.banner-home-points li {
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1.3;
  padding: 0 28px;
}.banner-home-points li + li {
  border-left: 0;
}.banner-home-points li + li::before {
  content: "+";
  margin-right: 28px;
  font-weight: 400;
  opacity: 0.85;
}.banner-home .gains {
  margin: 22px 0 0;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: #fff;
}.banner-home-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 28px;
  min-width: 280px;
  height: 52px;
  padding: 0 28px;
  border-radius: 26px;
  background: #fff;
  color: #145a9a;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-decoration: none;
}.banner-home-cta:hover {
  background: #eaf5ff;
}.banner-home-cards {
  display: flex;
  justify-content: center;
  gap: 22px;
  width: min(1240px, 100%);
  margin: 0;
  padding: 0;
  list-style: none;
}.banner-home-cards li {
  flex: 1 1 0;
  min-width: 0;
  max-width: 168px;
}.banner-home-cards a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 150px;
  padding: 12px 8px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 12px 28px rgba(16, 78, 145, 0.16);
  color: #333;
  text-decoration: none;
  -webkit-box-reflect: below 10px linear-gradient(transparent 42%, rgba(255,255,255,.42));
}.banner-home-cards a:hover {
  transform: translateY(-4px);
}.banner-home-cards img {
  width: 42px;
  height: 42px;
  display: block;
}.banner-home-cards span {
  display: block;
  margin-top: 14px;
  font-size: 15px;
  line-height: 1.35;
  color: #333;
  white-space: nowrap;
}
@media (max-width: 1200px) {.banner-home h2, .banner-home h1 { font-size: 44px; }.banner-home .sub { font-size: 18px; }.banner-home-cards { gap: 14px; }.banner-home-cards a { height: 132px; }.banner-home-cards span { font-size: 13px; }
}
@media (max-width: 820px) {#c-banner1 {
    height: 560px !important;
    max-height: none !important;
  }.banner-home {
    padding: 72px 16px 36px;
  }.banner-home h2 {
    font-size: 26px;
    letter-spacing: 0.08em;
  }.banner-home .sub {
    margin: 8px 0 16px;
    font-size: 13px;
    letter-spacing: 0.04em;
  }.banner-home-cards {
    flex-wrap: wrap;
    gap: 10px;
  }.banner-home-cards li {
    flex: 1 1 22%;
    max-width: none;
  }.banner-home-cards a {
    height: 96px;
    border-radius: 12px;
    -webkit-box-reflect: none;
  }.banner-home-cards img {
    width: 28px;
    height: 28px;
  }.banner-home-cards span {
    margin-top: 6px;
    font-size: 11px;
    white-space: normal;
  }
}

/* 手机首屏：去掉倒影，案例图改为底部说明，避免大图裁切后叠字 */
@media (max-width: 820px) {#c-banner1 {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }#c-banner1 .swiper-slide {
    height: auto !important;
    overflow: hidden;
  }#c-banner1 .banner-home-slide {
    height: 300px !important;
  }#c-banner1 .swiper-pagination {
    bottom: 8px !important;
  }#c-banner1 .swiper-slide .pc_img {
    display: none !important;
  }#c-banner1 .banner-case-slide {
    align-self: flex-start;
    background-image: none !important;
    background-color: #111;
  }#c-banner1 .banner-case-slide .m_img {
    display: block !important;
    position: relative;
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
    opacity: 1 !important;
  }#c-banner1:after, #c-banner1 .section_scroll {
    display: none !important;
  }.banner-home {
    height: 100%;
    padding: 18px 14px 28px;
    justify-content: flex-start;
  }.banner-home h2 {
    font-size: 28px;
    line-height: 1.3;
  }.banner-home .sub {
    margin: 6px 0 14px;
    font-size: 16px;
    line-height: 1.4;
  }.banner-home-points li {
    font-size: 15px;
    padding: 0 10px;
  }.banner-home-points li + li::before {
    margin-right: 10px;
  }.banner-home .gains {
    margin-top: 12px;
    font-size: 13px;
    letter-spacing: 0.06em;
  }.banner-home-cta {
    margin-top: 14px;
    min-width: 0;
    height: 40px;
    padding: 0 18px;
    font-size: 15px;
  }.banner-home-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    width: 100%;
  }.banner-home-cards li {
    flex: 0 0 calc(25% - 6px);
    width: calc(25% - 6px);
    max-width: none;
  }.banner-home-cards a {
    height: 78px;
    padding: 8px 2px;
    border-radius: 12px;
    -webkit-box-reflect: unset !important;
    box-shadow: 0 6px 14px rgba(16, 78, 145, 0.14);
  }.banner-home-cards img {
    width: 24px !important;
    height: 24px !important;
    max-width: 24px !important;
  }.banner-home-cards span {
    margin-top: 4px;
    font-size: 11px;
    line-height: 1.25;
    white-space: normal;
  }.banner-case-slide {
    background-position: center center !important;
  }.banner-case-slide .banner_text9 {
    top: 0;
    bottom: 0;
    height: auto;
    justify-content: flex-end !important;
    padding: 16px 16px 36px !important;
    box-sizing: border-box;
    background: linear-gradient(180deg, rgba(6, 10, 16, 0) 20%, rgba(6, 10, 16, 0.55) 58%, rgba(6, 10, 16, 0.82) 100%) !important;
  }.banner-case-light .banner_text9 {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 22%, rgba(255, 255, 255, 0.9) 70%) !important;
  }.banner_text9 h3, .banner_text9 h2 {
    font-size: 22px !important;
    margin: 2px 0;
  }.banner_text9 p {
    font-size: 13px !important;
    margin: 0;
  }.banner_text9 a.a2 {
    margin-top: 12px !important;
    height: 42px;
  }.m_f_fixed a svg {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 auto;
  }
}
@media (max-width: 640px) {#c-banner1 .banner-home-slide {
    height: 270px !important;
    min-height: 0 !important;
    max-height: none !important;
  }
}.wx-qr-pop {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 10000000;
}.wx-qr-pop.is-on {
  display: block;
}.wx-qr-pop__mask {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
}.wx-qr-pop__box {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 240px;
  padding: 28px 18px 16px;
  background: #fff;
  border-radius: 12px;
  text-align: center;
}.wx-qr-pop__box img {
  width: 200px;
  height: 200px;
  display: block;
  margin: 0 auto;
}.wx-qr-pop__box p {
  margin: 10px 0 0;
  font-size: 14px;
  color: #333;
}.wx-qr-pop__x {
  position: absolute;
  right: 8px;
  top: 4px;
  border: 0;
  background: transparent;
  font-size: 22px;
  line-height: 1;
  color: #666;
}
/* H1_WRAP_V1 2026-11-10: 移动端 44px 时「助力中国企业出海」会挤掉最后一个字单独换行，缩到 38px 一行放得下 */
@media (max-width: 820px) {.banner-home h1, .banner-home h2 { font-size: 38px; }
}

/* HEADING_LEVEL_V1 2026-11-10: h4 改成 h3 后补回原视觉 */
.cn-list li h3 { font-size: 15px; font-weight: 400; line-height: 30px; color: #666; margin: 0; }
.br-foot-col h3 { margin: 6px 0 18px; font-size: 15px; font-weight: 700; color: #fff; }

/* CONTRAST_V1 2026-11-10
   无障碍对比度修复（WCAG AA 4.5:1）。品牌蓝 #2A8FD1 作文字只有 3.53:1；白字压在它上面同样 3.53:1。
   压深一档到 #1E7AB8 = 4.63:1，色相完全一致，只是明度降低，视觉调性不变。
   只落在「文字 / 按钮」上；装饰性背景、渐变、分割线保持原样。
   逐条对应 Lighthouse 报的 16 个节点：
     白字压蓝底 3.53 -> .mores / .mores2 a / .mess_btn / .cn a.btn span
     蓝字压白底 3.53 -> a.br-more / .br-news-tabs li.on a / .br-news-side .when / h2.t1 span
     灰字压白底 3.81 -> .br-news-tabs a  (-> #6d767e = 4.62:1)
     灰字压浅灰 3.25 -> .cn .h2-box p   (-> #6e6e6e = 4.68:1)
     灰字压深底 4.06 -> .br-foot-copy   (-> #8b949d = 5.08:1)
*/
.mores,
.mores2 a,
.mess_btn,
.cn a.btn span {
  background-color: #1E7AB8;
}
a.br-more,
a.br-more:link,
a.br-more:visited,
.br-news-side .when,
form#foot_message h2.t1 span {
  color: #1E7AB8;
}
a.br-more:hover {
  border-bottom-color: #1E7AB8;
}
.br-news-tabs a,
.br-news-tabs a:link,
.br-news-tabs a:visited {
  color: #6d767e;
}
.br-news-tabs a:hover,
.br-news-tabs li.on a,
.br-news-tabs li.on a:link,
.br-news-tabs li.on a:visited {
  color: #1E7AB8;
}
.br-news-tabs li.on a:after {
  background: #1E7AB8;
}
.cn .h2-box p:not(.tt-h2) {
  color: #6e6e6e;
}
.br-foot-copy,
.br-foot-copy a,
.br-foot-copy a:link,
.br-foot-copy a:visited {
  color: #8b949d;
}

/* CONTRAST_V2 2026-11-10
   V1 之后复跑还剩 2 处，原因分别是「被更高优先级规则压回」和「原有 !important 冲突」。
   .m_index1 a.mores 的 background:#1E7AB8 优先级 (0,2,1) 高于 .mores (0,1,0)；
   轮播 CTA「查看案例」是深灰字压蓝底（3.57:1），CSS 本意是白字，被 .a2 的 #333 !important 盖掉了。 */
.m_index1 a.mores {
  background-color: #1E7AB8;
}
.banner-case-slide .banner_text9 a.a2.a5,
.banner-case-light .banner_text9 a.a2.a5,
.banner-case-dark .banner_text9 a.a2.a5 {
  background-color: #1E7AB8 !important;
  color: #fff !important;
}

/* CONTRAST_V3 2026-11-10: 正文里的关键词链接是编辑器带出来的 <font color=#2086ee>，只有 3.68:1。
   统一压到品牌深蓝 #1A6FA5（5.44:1），视觉仍是同一个蓝，只是能看清了。 */
#art_content a.key_tag,
#art_content a.key_tag font,
#art_content a.key_tag strong,
#art_content font[color="#2086ee"],
#art_content font[color="#2086EE"] {
  color: #1A6FA5 !important;
}

/* ==== lightbox.css ==== */
/* Preload images */
body:after {
  content: url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);
  display: none;
}

body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* ---------- 服务页 FAQ（2026-11 新增，全站共用） ---------- */
.ps-sec{padding:96px 0}
.ps-sec-alt{background:#f6f7f9}
.ps-head{max-width:760px;margin-bottom:54px}
.ps-head .ps-label{font-size:13px;letter-spacing:.2em;color:#1A6FA5;font-weight:600;margin-bottom:14px}
.ps-head h2{font-size:40px;line-height:1.28;color:#1f2328;font-weight:600;letter-spacing:-.01em}
.ps-head h2 span{color:#1A6FA5}
.ps-faq{max-width:900px}
.ps-faq-item{border-bottom:1px solid #e9ecf0}
.ps-faq-q{display:flex;align-items:flex-start;gap:14px;padding:24px 0;font-size:17px;color:#1f2328;font-weight:500;cursor:pointer;line-height:1.6}
.ps-faq-q:focus-visible{outline:2px solid #1E7AB8;outline-offset:4px}
.ps-faq-q .ps-qmark{flex:0 0 22px;height:22px;line-height:22px;text-align:center;font-size:13px;font-weight:700;color:#fff;background:#1E7AB8;border-radius:2px;margin-top:2px}
.ps-faq-a{display:none;padding:0 0 24px 36px;font-size:15px;line-height:1.95;color:#6b7280}
.ps-faq-item.on .ps-faq-a{display:block}
.ps-faq-item.on .ps-faq-q{color:#1A6FA5}
@media (max-width:1024px){.ps-sec{padding:64px 0}.ps-head h2{font-size:30px}}
@media (max-width:640px){.ps-sec{padding:48px 0}.ps-head{margin-bottom:32px}.ps-head h2{font-size:24px}.ps-faq-q{font-size:16px;padding:20px 0}.ps-faq-a{padding-left:0}}