@charset "utf-8";

/* CSS Document */


* {

    margin: 0;

    padding: 0;

    font-family: iranyekan;


}


@font-face {
    font-family: 'vazir';
    src: url('../fonts/Vazir.woff') format('woff');

}

@font-face {
    font-family: 'iransans';
    src: url('../fonts/IRANSansWeb_Medium.woff') format('woff');
}

@font-face {
    font-family: 'iranyekan';
    src: url('../fonts/iranyekanwebbold(fanum).woff') format('woff');
}

body {

    margin: 0;

    overflow-x: hidden;

    min-width: 1280px;

    position: relative;

    padding: 0px;

    width: 100%;

}

ul, ul li, ol li, tr td, dl, dd {

    list-style-type: none;

    margin: 0;

    padding: 0;

}

.clearfix:after, .nav_a:after {

    content: " ";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}

.clearfix {

    *zoom: 1;

}

a {

    text-decoration: none;

    cursor: pointer;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    transition: all .5s;

}

.dh3 {

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    transition: all .3s;

}

.dh5 {

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    transition: all .5s;

}

.dh10 {

    -webkit-transition: all 1s;

    -moz-transition: all 1s;

    transition: all 1s;

}

.text, textarea, select {

    outline: none;

    color: #666;

    font-size: 14px;

    width: 100%;

}

.f_12 {

    font-size: 12px;

}

.f_16 {

    font-size: 16px;

}

.f_18 {

    font-size: 18px;

}

.f_20 {

    font-size: 20px;

}

.f_22 {

    font-size: 22px;

}

.f_24 {

    font-size: 24px;

}

.f_26 {

    font-size: 26px;

}

.f_28 {

    font-size: 28px;

}

.f_30 {

    font-size: 30px;

}

.f_32 {

    font-size: 32px;

}

.f_34 {

    font-size: 34px;

}

.f_36 {

    font-size: 36px;

}

.f_38 {

    font-size: 38px;

}

.f_40 {

    font-size: 40px;

}

.f_45 {

    font-size: 45px;

}

img {

    border: none;

}

img[src=""] {

    opacity: 0;

}

body::-webkit-scrollbar {

    width: 8px;

}

body::-webkit-scrollbar-thumb {

    background: #aaa;

}

body::-webkit-scrollbar-track {

    background: #ccc;

}

p {

    display: block;

    line-height: 24px;


}

.box {

    width: 73%;

    max-width: 1400px;

    min-width: 1200px;

    margin: 0 auto;

    position: relative;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    transition: all .3s;

}

/* 头部 */


.head {

    position: fixed;

    width: 100%;

    top: 0;

    left: 0;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    transition: all .5s;

    z-index: 12;

    background: #fff;

}

.head.act {

    background: #fff;

}

.head.act2 {

    top: -80px;

}

.head.act2_0 {

    opacity: 1;

}

.head.act3 {

    background: #fff;

}

.head .box {

    height: 80px;

}

.head .box .logo {

    display: block;

    float: left;

}

.head .box .logo img {

    display: block;

    width: 100%;

    margin-top: 20px;

}

.head .nav {

    width: 885px;

    position: absolute;

    top: 0;

    left: 50%;

    margin-left: -443px;

}

/*.head .nav .nav_a{display: block;float: left;height: 55px;text-align: center;width: 20%;position: relative;}*/

.head .nav .nav_a {

    display: block;

    float: left;

    height: 80px;

    text-align: center;

    width: 20%;

    position: relative;

}

.head .nav .nav_a > a {

    display: block;

    line-height: 80px;

    color: #333;

    height: 80px;

    font-size: 18px;

    text-transform: capitalize

}

/*.head .nav .nav_a>a span{display: inline-block; width: 11px;height: 9px;background: url(/Public/Home/images/1_2.png) center no-repeat;margin-left: 5px;}*/


.head .nav .nav_a > a:hover, .head .nav .nav_a.act > a {

    color: #41d228;

    background: #f3f3f3;

}

.head:hover .nav .nav_a:nth-child(1) > a:hover, .head:hover .nav .nav_a:nth-child(1).act > a {

    background: transparent;

}

.head .nav .nav_a .nav_bt {

    display: none;

}

.head .nav .nav_a .nav_bt1 {

    position: fixed;

    background: #f3f3f3;

    width: 830px;

    top: 80px;

    left: 50%;

    margin-left: -415px;

}

.head .nav .nav_a .nav_bt1 .nlt {

    width: 830px;

    float: left;

    box-sizing: border-box;

    padding: 20px 30px;

}

.head .nav .nav_a .nav_bt1 .nlt .ul1 {

    margin-bottom: 0px;

    text-align: left;

}

.head .nav .nav_a .nav_bt1 .nlt .ul1 li {

    width: 32%;

    float: left;

    margin-right: 2%;

}

.head .nav .nav_a .nav_bt1 .nlt .ul1 li:nth-child(3) {

    margin-right: 0;

}

.head .nav .nav_a .nav_bt1 .nlt .ul1 li:last-child {

    margin-right: 0;

}

.head .nav .nav_a .nav_bt1 .nlt .ul1 li .ltt {

    font-size: 18px;

    padding: 10px 0;

    border-bottom: 1px solid #ddd;

    margin-bottom: 20px;

    line-height: 1.5;

    text-transform: capitalize;

}

.head .nav .nav_a .nav_bt1 .nlt .ul1 li .ltt2 {

    margin-top: -25px;

}

.head .nav .nav_a .nav_bt1 .nlt .ul1 li .ltc a {

    display: block;

    margin-bottom: 15px;

    color: #555555;

    text-transform: capitalize;

    font-size: 16px;

}

.head .nav .nav_a .nav_bt1 .nlt .ul1 li .ltc a:hover {

    color: #41d228;

}

.head .nav .nav_a .nav_bt1 .nlt .ul2 li:nth-child(2) .ltc a {

    display: inline-block;

    width: 49%;

}

.head .nav .nav_a .nav_bt1 .nlt .ul2 li:nth-child(3) {

    height: 175px;

    background: #41d228;

    text-align: center;

    position: absolute;

    right: 0;

    bottom: 0;

    width: 34%;

}

.head .nav .nav_a .nav_bt1 .nlt .ul2 li:nth-child(3) a {

    display: inline-block;

    width: 100%;

    height: 175px;

}

.head .nav .nav_a .nav_bt1 .nlt .ul2 li:nth-child(3) img {

    margin-top: 50px;

}

.head .nav .nav_a .nav_bt1 .nlt .ul2 li:nth-child(3) h2 {

    color: #fff;

    text-transform: capitalize;

    font-size: 18px;

    margin-top: 10px;

}

.head .nav .nav_a .nav_bt1 .nrt {

    width: 200px;

    height: 100%;

    position: absolute;

    top: 0;

    right: 0;

    background: #41d228;

    box-sizing: border-box;

    padding: 30px 0;

}

.head .nav .nav_a .nav_bt1 .nrt a {

    display: block;

    padding: 20px 0;

    text-align: center;

    color: #fff;

    font-weight: bold;

    color: #fff;

    font-size: 16px;

}

.head .nav .nav_a .nav_bt1 .nrt a img {

    display: block;

    width: 45px;

    margin: 0 auto 15px;

}

.head .nav .nav_a .nav_bt1 .nrt a:hover {

    background: #4da8db;

}

.head .nav .nav_a .nav_bt2 {

    position: absolute;

    background: #fff;

    width: 430px;

    padding-left: 50px;

    top: 100%;

    left: -50px;

    background: #fff;

}

.head .nav .nav_a .nav_bt2 .nlt {

    width: 220px;

    float: left;

    padding: 35px 0 25px;

}

.head .nav .nav_a .nav_bt2 .nlt a {

    display: block;

    margin-bottom: 30px;

    font-size: 16px;

    font-weight: bold;

    text-align: left;

}

.head .nav .nav_a .nav_bt2 .nlt a img {

    display: block;

    width: 20px;

    float: left;

    margin-right: 10px;

}

.head .nav .nav_a .nav_bt2 .nlt a:hover {

    color: #41d228;

}

.head .nav .nav_a .nav_bt2 .nrt {

    width: 200px;

    height: 100%;

    position: absolute;

    top: 0;

    right: 0;

    background: #41d228;

    box-sizing: border-box;

    padding: 30px 0;

}

.head .nav .nav_a .nav_bt2 .nrt a {

    display: block;

    padding: 20px 0;

    text-align: center;

    color: #fff;

    font-weight: bold;

    color: #fff;

    font-size: 16px;

}

.head .nav .nav_a .nav_bt2 .nrt a img {

    display: block;

    width: 45px;

    margin: 0 auto 15px;

}

.head .nav .nav_a .nav_bt2 .nrt a:hover {

    background: #4da8db;

}

.head .nav .nav_a .nav_bt3 {

    position: fixed;

    background: #f3f3f3;

    width: 950px;

    padding: 35px 60px;

    top: 70px;

    left: 50%;

    margin-left: -475px;

    box-sizing: border-box;

    text-align: left;

}

.head .nav .nav_a .nav_bt3 .nli {

    width: 250px;

    float: left;

    margin-right: 35px;

}

.head .nav .nav_a .nav_bt3 .nli:last-child {

    margin-right: 0;

}

.head .nav .nav_a .nav_bt3 .nli .ntt {

    padding-bottom: 10px;

    border-bottom: 1px solid #ddd;

    margin-bottom: 20px;

    line-height: 20px;

    font-weight: bold;

    font-size: 16px;

}

.head .nav .nav_a .nav_bt3 .nli .ntt img {

    display: block;

    width: 20px;

    float: left;

    margin-right: 10px;

}

.head .nav .nav_a .nav_bt3 .nli .ntc a {

    display: block;

    margin-bottom: 15px;

}

.head .nav .nav_a .nav_bt3 .nli .ntc a:hover {

    color: #41d228;

}

.head .nav .nav_a .nav_bt4 {

    position: absolute;

    background: #f3f3f3;

    width: 100%;

    padding: 20px 0 0 0;

    top: 80px;

    left: 0;

    text-align: left;

}

.head .nav .nav_a .nav_bt4 a {

    display: block;

    margin-bottom: 20px;

    font-size: 16px;

    line-height: 20px;

    color: #333;

    text-align: left;

    text-indent: 1em;

}

.head .nav .nav_a .nav_bt4 a:hover {

    color: #41d228;

}

.head .hrt {

    float: right;

    height: 80px;

}

.head .hrt .hr_a {

    width: 80px;

    float: left;

    position: relative;

    cursor: pointer;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    transition: all .5s;

}

.head .hrt .hr_a > img {

    display: block;

    width: 100%;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    transition: all .5s;

}

.head .hrt .hr_a > img:nth-child(2) {

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

}

.head .hrt .hr_a1 {

    width: 52px;

}

.head .hrt .hr_a.act {

    background: #41d228;

}

.head .hrt .hr_a.act > img {

    opacity: 0;

}

.head .hrt .hr_a.act > img:nth-child(2) {

    opacity: 1;

}

.head .hrt .hr_a .hr_abt {

    display: none;

}

.head .hrt .hr_a .hr_abt1 {

    position: absolute;

    top: 100%;

    padding: 10px;

    background: #41d228;

    right: 0;

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

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

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

    top: 80px

}

.head .hrt .hr_a .hr_abt1 input {

    width: 300px;

    height: 40px;

    border: 0;

    padding-left: 30px;

}

.head .hrt .hr_a .hr_abt2 {

    position: absolute;

    top: 80px;

    padding: 10px;

    background: #41d228;

    right: 0;

    width: 82px;

}

.head .hrt .hr_a .hr_abt2 a {

    display: block;

    line-height: 2;

    color: #fff;

    text-align: center

}

.head .hrt .hr_a .hr_abt2 a:hover {

    color: #fff;

}

.head .hrt a .hr_a.act {

    background: transparent;

}

.head:hover {

    background: #fff;

}

.head .user-bar {

    display: inline-block;

    height: 80px;

    overflow: hidden;

    position: relative;

}

.head .user-bar .hidden {
    display: none
}

.head .user-menu {

    position: absolute;

    top: 0;

    right: auto;

    left: auto;

    min-width: 100px;

    width: 100%;


}

.head .user-menu li {

    height: 30px;

    line-height: 30px;


}

.head .user-menu a {

    padding: 0 15px;


}

.head .user-menu a:hover {

    color: #fff;

    background-color: #41d228;

}

.head .user-menu .manager {

    padding: 0 15px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    color: #fff;

}

.head .user-menu .manager2 {

    padding: 0 15px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    color: #333;

}

.head .user-menu .manager em {
    font-weight: normal;
}

.head .user-menu .exit {
    color: #fff;
    text-align: center;
    text-align: center;
    font-size: 18px;
    width: 100%;
    height: 80px;
    line-height: 80px;
    display: inline-block;
    padding: 0 !important
}

.head .user-menu .exit2 {
    color: #fff;
    text-align: center;
    text-align: center;
    font-size: 18px;
    width: 100%;
    height: 80px;
    line-height: 80px;
    display: inline-block;
    padding: 0 !important
}


.head .user-bar p {

    height: 80px;

    display: inline-block;

    overflow: hidden;

    width: 100%;

    min-width: 100px;

    line-height: 80px;
    color: #333;

    font-size: 16px;

    padding: 0 10px

}

.index2019 .head .user-bar p {
    color: #fff
}

.login_ico {

    display: inline-block;

    height: 80px;

    overflow: hidden;

    position: relative


}

.login_ico a {

    height: 80px;

    display: inline-block;

    overflow: hidden;

    width: 100%;

}

.head .inone {
    display: none !important;
}

.device .swiper1 {

    width: 100%;


    overflow: hidden;

    margin: 0 auto;

    position: relative;

}

.swiper1 .swiper-slide {

    text-align: center;

    font-size: 18px;

    background: #fff;

    /* Center slide text vertically */

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

}

.index2019 .head {
    background: rgba(0, 0, 0, 0.6)
}

.index2019 .head.act3 {
    background: rgba(0, 0, 0, 0.6)
}

.index2019 .head .nav .nav_a > a {
    color: #fff
}

.index2019 .head .nav .nav_a > a:hover, .head .nav .nav_a.act > a {

    color: #41d228;

    background: #f3f3f3;

}

.swiper1 .swiper-slide img {
    width: 100%;
    height: 80%;
}

.swiper1 .swiper-pagination-bullet {

    background: none;

    border: #41d228 1px solid;

    opacity: 1;

    width: 12px;

    height: 12px;

    border-radius: 50%;

}

.swiper1 .swiper-pagination-bullet-active {

    background: #41d228;

}

.swiper1 .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 8px 0

}

.index_title {

    width: 100%;

    overflow: hidden;

    margin: 0 auto 15px auto;

}

.index_title h2 {

    float: left;

    font-weight: bold;

    color: #333;

    text-transform: capitalize;

    font-size: 26px;

}

.index_title span {

    display: inline-block;

    float: right;

    color: #999;

    font-size: 16px;

}

.index_pro {

    width: 100%;

    margin-top: 40px;

}

.fea_list {

    width: 100%;

    height: auto;

    overflow: hidden;

    margin: 0 auto

}

.swiper2 {

    width: 100%;

    margin: 0 auto;

    text-align: center;

}

.swiper2 .swiper-wrapper {

    width: 74.4%;

    text-align: center;

    margin: 0 auto

}

.swiper2 .swiper-slide {

    height: 334px;

    float: left;

    text-align: center;

    position: relative;

}

.swiper2 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {

    background: url(/Public/Home/images/arrow_l.png) center center no-repeat;

    opacity: 0;

}

.swiper2 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {

    background: url(/Public/Home/images/arrow_r.png) center center no-repeat;

    opacity: 0;

}

.swiper2:hover .swiper-button-prev, .swiper-container-rtl .swiper-button-next {

    opacity: 1;

}

.swiper2:hover .swiper-button-next, .swiper-container-rtl .swiper-button-prev {

    opacity: 1;

}

.swiper2 .fea_l img {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0

}

.swiper2 .fea_l p {

    width: 100%;

    height: 50px;

    line-height: 50px;

    text-align: center;

    text-transform: capitalize;

    font-size: 22px;

    color: #fff;

    position: absolute;

    background: rgba(0, 0, 0, 0.6);

    bottom: 0;

    left: 0;

}

.swiper2 .fea_m {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    background: rgba(0, 0, 0, 0.6);

    display: none;

    -webkit-transform: scale(1, 1);

    transform: scale(1, 1);

    transition: all 8s;

}

.swiper2 .swiper-slide:hover .fea_m {

    display: block;

    outline: 3px solid #54d63d;

    outline-offset: -3px;

}

.swiper2 .swiper-slide .fea_m h2 {

    transform: translateY(-500px);

    opacity: 0;

    transition: all 0.3s ease 0.1s;

    color: #fff;

    font-size: 22px;

    margin-top: 40%;

}

.swiper2 .swiper-slide:hover .fea_l p {

    display: none

}

.swiper2 .swiper-slide {

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

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

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

}

.swiper2 .swiper-slide .fea_m:hover h2 {

    opacity: 1;

    transform: translateY(0);

}

.swiper2 .swiper-slide .fea_m img {

    margin-top: 20px;

    transform: translateY(-500px);

    opacity: 0;

    transition: all 0.3s ease 0.1s;

}

.swiper2 .swiper-slide .fea_m:hover img {

    opacity: 1;

    transform: translateY(0);

}

.swiper2 .swiper-pagination2 {

    display: none

}

.swiper3 {

    width: 100%;

    text-align: center;

    margin: 30px auto;

}

.swiper3 a {
    display: block;
}

.swiper3 .swiper-wrapper {

    width: 75%;

    text-align: center;

    margin: 0 auto;

}

.swiper3 {

    background: url(/Public/Home/images/pro_bg_gray.png) center center no-repeat;

    height: 270px;

    width: 100%;

    text-align: center

}

.swiper3 .swiper-slide {

    text-align: center;

    height: 155px;

    padding-bottom: 0px;

    margin: 0 auto;

    float: left;

    text-align: center;

    margin-bottom: 20px

}

.swiper3 .swiper-slide:hover {

    background: url(/Public/Home/images/pro_bg.png) center center no-repeat;

}

.swiper3 .swiper-slide img {

    transform: translateY(0);

    transition: all 0.2s ease 0.1s;

    width: 296px;
    height: 135px;

}

.swiper3 .swiper-slide:hover img {

    transform: translateY(-10px);

}

.swiper3 .swiper-pagination3 {

    display: none

}

.swiper3 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {

    background: url(/Public/Home/images/arrow_l.png) center center no-repeat;

    opacity: 0;

    top: 30%

}

.swiper3 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {

    background: url(/Public/Home/images/arrow_r.png) center center no-repeat;

    opacity: 0;

    top: 30%

}

.swiper3:hover .swiper-button-prev, .swiper-container-rtl .swiper-button-next {

    opacity: 1;

}

.swiper3:hover .swiper-button-next, .swiper-container-rtl .swiper-button-prev {

    opacity: 1;

}

.swiper3 .swiper3_z {

    margin-top: 50px;

}

.swiper3 .swiper3_z h2 {

    font-size: 20px;

    color: #000;

}

.swiper3 .swiper3_z p {

    font-size: 14px;

    color: #555;

    line-height: 30px;

    margin-top: 5px;

}

.swiper3 .swiper-slide:hover .swiper3_z h2 {

    color: #54d63d

}

.i5 .ibox {

    margin: 20px auto;

}

.i5 .ibox .ilt {

    width: 50%;

    float: left;

    position: relative;

}

.i5 .ibox .ilt img {

    width: 100%;

    height: 480px;

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    transition: all .5s;

}

.i5 .ibox .ilt img:nth-child(1) {

    position: relative;

    opacity: 1;

}

.i5 .ibox .ilt img.act {

    opacity: 1;

}

.i5 .ibox .irt * {

    -webkit-transition: all .2s;

    -moz-transition: all .2s;

    transition: all .2s;

}

.i5 .ibox .irt {

    width: 49.5%;

    padding-right: 0.5%;

    float: right;

    max-height: 480px;

    overflow: auto;

}

.i5 .ibox .irt li {

    position: relative;

    padding: 17px 40px 17px 30px;

    width: calc(100% - 20px);

    margin-left: 20px;

    background: #fff;

    box-sizing: border-box;

    border-bottom: #41d228 3px solid;

}

.i5 .ibox .irt li .lltt {

    width: 100%;

    height: 100%;

}

.i5 .ibox .irt li:first-child {

    border-top: #41d228 3px solid;

}

.i5 .ibox .irt li img {

    display: none;

}

.i5 .ibox .irt li .ltt {

    font-size: 18px;

    line-height: 1.5;

    color: #666;

}

.i5 .ibox .irt li .ltim {

    color: #000;

    margin-top: 20px;

}

.i5 .ibox .irt li.act {

    background: #41d228;

}

.i5 .ibox .irt li.act .ltt {

    color: #fff;

}

.i5 .ibox .irt li.act .ltim {

    color: #fff;

}

.i5 .ibox .irt::-webkit-scrollbar {

    width: 4px;

}

.i5 .ibox .irt::-webkit-scrollbar-thumb {

    background: #41d228;

}

.i5 .ibox .irt::-webkit-scrollbar-track {

    background: #f2f2f2;

}

.swiper4 {

    width: 100%;

    text-align: center;

    margin: 20px auto 25px auto;

}

.swiper4 .swiper-wrapper {

    width: 100%;

    text-align: center;

    margin: 0 auto;

}

.swiper4 .swiper-slide {

    text-align: center;

    height: 280px;

    padding-bottom: 0px;

    margin: 0 auto;

    float: left;

    text-align: center;

    margin-bottom: 20px;

    transition-property: width;

    transition-duration: 0.5s;

    transition: width 0.5s;

    overflow: hidden

}

.swiper4 .swiper-slide a {
    width: 100%;
    display: block;
    height: 280px;
}

.swiper4 .swiper-slide .case_l img {

    position: absolute;

    left: 0;

    top: 0;
    width: 100%;
    height: 100%;


}

.swiper4 .swiper-slide .case_l h2 {

    position: absolute;

    bottom: 0;

    left: 0;

    font-size: 20px;

    text-align: left;

    color: #fff;

    text-indent: 1.5em;

    height: 50px;

    line-height: 50px;

}

.swiper4 .swiper-slide .case_r {

    display: none;

    width: 100%;

    height: 100%;

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

    position: absolute;

    left: 0;

    top: 0;

}

.swiper4 .swiper-slide .case_r h3 {

    font-size: 22px;

    color: #41d228;

    width: 90%;

    margin: 50px auto 0 auto;

    text-align: left

}

.swiper4 .swiper-slide .case_r p {

    color: #fff;

    font-size: 16px;

    line-height: 30px;

    margin: 20px auto;

    text-align: left;

    width: 90%;

}

.swiper4 .swiper-slide .case_r span {

    color: #41d228;

    font-size: 14px;

    margin: 0 auto;

    width: 90%;

    display: inline-block;

    text-align: left

}

.swiper4 .swiper-slide:hover .case_l h2 {

    display: none

}

.swiper4 .swiper-slide:hover .case_r {

    display: block

}

/*.swiper4 .swiper-slide:hover {
    width: 667px !important
}*/

.swiper4 .swiper-pagination4 {

    display: none

}

.swiper4 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {

    background: url(/Public/Home/images/arrow_l.png) center center no-repeat;

    opacity: 0;

}

.swiper4 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {

    background: url(/Public/Home/images/arrow_r.png) center center no-repeat;

    opacity: 0;

}

.swiper4:hover .swiper-button-prev, .swiper-container-rtl .swiper-button-next {

    opacity: 1;

}

.swiper4:hover .swiper-button-next, .swiper-container-rtl .swiper-button-prev {

    opacity: 1;

}

footer {

    background: #2f3332;

    width: 100%;

    height: 350px;

}

.footer_top {

    height: 280px;

    border-bottom: #464c4b 1px solid;

}

.footer_top_l {

    width: 68%;

    float: left;

}

.footer_top_l .footer_nav {

    width: 25%;

    float: left;

    margin-top: 40px;

}

.footer_top_l .footer_nav_t a {

    color: #fff;

    font-size: 22px;

}

.footer_top_l .footer_nav ul {

    margin-top: 20px;

}

.footer_top_l .footer_nav ul li {

    line-height: 26px

}

.footer_top_l .footer_nav ul li a {

    color: #838f8c

}

.footer_top_r {

    width: 18%;

    float: right;

    margin-top: 40px;

}

.footer_top_r .footer_nav {

    width: 100%;

    float: left;

}

.footer_top_r .footer_nav_t a {

    color: #fff;

    font-size: 22px;

}

.footer_top_r ul {

    margin-top: 50px;

}

.footer_top_r ul li {

    width: 25%;

    float: left;

    height: 36px;

    position: relative

}

.footer_top_r ul li img {

    display: block;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    transition: all .5s;

}

.footer_top_r ul li img:nth-child(2) {

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

}

.footer_top_r ul li:hover img {

    opacity: 0;

}

.footer_top_r ul li:hover img:nth-child(2) {

    opacity: 1;

}

.footer_f {

    height: 70px;

    width: 100%;

    line-height: 70px;

    overflow: hidden

}

.footer_f_l {

    width: 68%;

    float: left;

}

.footer_f_l p {

    display: inline-block;

    margin-right: 20px;

    color: #838f8c;

    font-size: 16px;

}

.footer_f_r {

    float: right;

    margin-top: 15px;

    width: 111px;

    position: relative

}

.footer_f_r img {

    display: block;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    transition: all .5s;

}

.footer_f_r img:nth-child(2) {

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

}

.footer_f_r:hover img {

    opacity: 0;

}

.footer_f_r:hover img:nth-child(2) {

    opacity: 1;

}

.banner_ny {

    width: 100%;

    height: 300px;

    text-align: center;

    margin: 80px auto 0 auto;

    padding: 0

}

.banner_ny img {

    width: 100%;

    height: 100%

}

/*面包屑*/


.bnav {

    position: relative;

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

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

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

    height: 50px;

    z-index: 11;

    width: 100%;

    box-sizing: border-box;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    transition: all .5s;

    background: #fff;

}

.bnav .a {

    display: block;

    position: relative;

    float: left;

    height: 50px;

    background: url(/Public/Home/images/1_44.png) center right no-repeat;

    padding-right: 20px;

    margin-right: 20px;

    cursor: pointer;

}

.bnav .a:last-child {

    background: none;

}

.bnav .a > span {

    line-height: 50px;

    color: #999;

    display: block;

    padding-right: 15px;

    background: url(/Public/Home/images/1_45.png) right 25px no-repeat;

}

.bnav .a:last-child > span, .bnav .a:first-child > span {

    background: none;

}

.bnav .a .abt {

    position: absolute;

    top: 50px;

    left: -20px;

    padding: 20px;

    background: #fff;

    display: none;

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

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

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

}

.bnav .a .abt a {

    display: block;

    white-space: nowrap;

    color: #a0adb6;

    line-height: 1.5;

    margin-bottom: 10px;

}

.bnav .a a:hover {

    color: #41d228;

}

.bnav.act {

    position: fixed;

    top: 0;

    left: 0;

}

.bnav.act2 {

    top: 70px;

}

/* 分类 */


.pr_li1 {

    padding: 90px 0;

}

.pr_li1 .tt {

    font-family: Arial;

    color: #333;

    font-weight: bold;

}

.pr_li1 .tc {

    margin: 30px 0;

    color: #39425f;

    line-height: 1.5;

}

.pr_li1 .abtn a {

    display: block;

    width: 150px;

    text-align: center;

    line-height: 40px;

    border: 1px solid #ddd;

    border-radius: 5px;

    margin-right: 20px;

    float: left;

    color: #000

}

.pr_li1 .abtn a.act, .pr_li1 .abtn a:hover {

    border: 1px solid #41d228;

    color: #41d228;

}

.pr_li1 .pbox {

    padding-top: 30px;

}

.pr_li1 .ul1 {

    width: calc(100% - 355px);

    float: left;

}

.pr_li1 .ul1 * {

    -webkit-transition: all 1s;

    -moz-transition: all 1s;

    transition: all 1s;

}

.pr_li1 .ul1 li {

    width: 32.35%;

    float: left;

    box-sizing: border-box;

    margin-right: 1.47%;

    position: relative;

    margin-bottom: 60px;

    height: 370px;

    text-align: center;

    border: 1px solid #ddd;

}

.pr_li1 .ul1 li:nth-child(3n) {

    margin-right: 0;

}

.pr_li1 .ul1 li .img {

    display: block;

    width: 100%;

    overflow: hidden;

    border-bottom: #ddd 1px solid;

}

.pr_li1 .ul1 li .img img {

    display: block;

    width: 335px;

    height: 223px

}

.pr_li1 .ul1 li .ltt {

    color: #333;

    margin: 15px 0 10px;

    padding-top: 5px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.pr_li1 .ul1 li .ltoo {
    font-size: 16px;
    color: #333;
}

.pr_li1 .ul1 li .ltc {

    overflow: hidden; /*text-overflow: ellipsis;white-space: nowrap;*/

    color: #a0adb6;

    padding-top: 5px;

    line-height: 20px;

    height: 60px;

}

.pr_li1 .ul1 li .ltc .desc {

    font-size: 14px;

}

.pr_li1 .ul1 li .lmore {

    text-align: center;

    width: 100%;

    position: absolute;

    bottom: -30px;

    left: auto;

    display: none

}

.pr_li1 .ul1 li:hover .lmore {

    display: block

}

.pr_li1 .ul1 li .lmore:hover {

    background-position: right center;

}

.pr_li1 .ul1 li .lmore img {

    width: 50px;

    height: 50px;

}

.pr_li1 .ul1 li .tub {

    width: 45px;

    height: 40px;

    position: absolute;

    top: -6px;

    left: 10px;

    background: url(/Public/Home/images/1_46.png) center no-repeat;

    display: none;

}

.pr_li1 .ul1 li:hover img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

}

.pr_li1 .ul1 li.star .tub {

    display: block;

}

.prt {

    width: 260px;

    float: right;

}

.prt img {

    display: block;

    width: 100%;

}

.prt a {

    display: block;

    margin-bottom: 20px;

}

.pr_li1 .ul2 {

    width: calc(100% - 355px);

    float: left;

}

.pr_li1 .ul2 * {

    -webkit-transition: all 1s;

    -moz-transition: all 1s;

    transition: all 1s;

}

.pr_li1 .ul2 li {

    width: 32.35%;

    float: left;

    box-sizing: border-box;

    margin-right: 1.47%;

    position: relative;

    margin-bottom: 60px;

    height: 291px;

    text-align: center;

    border: 1px solid #ddd;

}

.pr_li1 .ul2 li:nth-child(3n) {

    margin-right: 0;

}

.pr_li1 .ul2 li .img {

    display: block;

    width: 100%;

    overflow: hidden;

    border-bottom: #ddd 1px solid;

}

.pr_li1 .ul2 li .img img {

    display: block;

    width: 335px;

    height: 228px

}

.pr_li1 .ul2 li .tub {

    width: 45px;

    height: 40px;

    position: absolute;

    top: -6px;

    left: 10px;

    background: url(/Public/Home/images/1_46.png) center no-repeat;

    display: none;

}

.pr_li1 .ul2 li:hover img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

}

.pr_li1 .ul2 li .pro_all_z {

    background: #f5f5f5;

    height: 60px;

    line-height: 60px;

}

.pr_li1 .ul2 li .pro_all_z h2 {

    font-size: 20px;

    color: #000;

    text-align: left;

    text-indent: 1em;

    float: left;

}

.pr_li1 .ul2 li .pro_all_z span {

    display: inline-block;

    float: right;

    margin-right: 20px;

    color: #000;

    font-size: 20px;

}

.article_gray {


    width: 100%;

    height: auto;

    padding: 20px 0 20px 0

}

.en-ny-5 {
    background: #fff;
    padding: 20px 0;
    height: auto;
    overflow: hidden;
    width: 100%;
}

.art_g_l {

    width: 510px;

    float: left;

    height: 440px;

}

.art_g_l .swiper-container {

    width: 100%;

    height: 300px;

    margin-left: auto;

    margin-right: auto;

}

.art_g_l .swiper-slide {

    background-size: cover;

    background-position: center;

}

.art_g_l .gallery-top {

    height: 80%;

    width: 100%;

}

.art_g_l .gallery-thumbs {

    height: 20%;

    box-sizing: border-box;

    padding: 10px 0;

}

.art_g_l .gallery-thumbs .swiper-slide {

    height: 100%;

    opacity: 0.4;

    outline: 1px solid #41d228;

    outline-offset: -1px;

    background-position: center center;

    background-repeat: no-repeat;

    padding: 5px 0;

}

.art_g_l .gallery-thumbs .swiper-slide-thumb-active {

    opacity: 1;

}

.art_g_l .swiper-button-prev, .swiper-container-rtl .swiper-button-next {

    background: url(/Public/Home/images/arrow_l.png) center center no-repeat;

    opacity: 0;

    left: 0

}

.art_g_l .swiper-button-next, .swiper-container-rtl .swiper-button-prev {

    background: url(/Public/Home/images/arrow_r.png) center center no-repeat;

    opacity: 0;

    right: 0

}

.art_g_l:hover .swiper-button-prev, .swiper-container-rtl .swiper-button-next {

    opacity: 0;

}

.art_g_l:hover .swiper-button-next, .swiper-container-rtl .swiper-button-prev {

    opacity: 0;

}

.art_g_r {

    width: 600px;

    margin-left: 80px;

    float: left;

}

.art_g_r .art_title {

    width: 100%;

    margin: 0 auto;

    text-align: left;

    margin-top: 50px;

}

.art_g_r .art_title h1 {

    color: #333;

    font-weight: bold;

    font-size: 40px;

    border-bottom: #ccc 1px solid;

    padding-bottom: 30px;


}

.art_g_r .art_title2 {
    margin-top: 20px;
    font-size: 18px;
    color: #349025;
}

.art_g_r .art_title3 {
    margin-top: 10px;
    font-size: 18px;
    color: #349025;
}

.art_g_r .sub_title {

    width: 96%;

    margin-top: 20px;

    text-align: left;

    line-height: 34px;

    color: #555;

    font-size: 16px;

    background: #ededed;

    padding: 10px 2%;

}

.art_g_r .sub_title p {

    line-height: 34px;

    color: #555;

    font-size: 16px;

}

.prt1 {

    margin-bottom: 40px;

}

.prt1 .ptp .abtn {

    padding-top: 0;

    clear: both;

}

.prt1 .ptp .abtn * {

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    transition: all .5s;

}

.prt1 .ptp .abtn a {

    display: block;

    float: left;

    padding: 0;


    text-align: center;

    cursor: pointer;

    position: relative;

    font-size: 18px;

    border-radius: 5px;
    width: 18.6%;
    margin-right: 1.5%;
}

.prt1 .ptp .abtn a:last-child {
    margin-right: 0;
}

.prt1 .ptp .abtn a h2 {
    font-size: 18px;
    color: #333;
    padding: 15px 0;
    border: #ddd 1px solid;
}

.prt1 .ptp .abtn a i {
    display: block;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    margin: 1px auto 0 auto;
    border-color: #fff transparent transparent transparent;
}

.prt1 .ptp .abtn a:hover h2, .prt1 .ptp .abtn a.act h2 {

    color: #fff;
    background: #43a932;


}

.prt1 .ptp .abtn a:hover i, .prt1 .ptp .abtn a.act i {
    border-color: #43a932 transparent transparent transparent;
    margin: 0 auto
}

.prt1 .ptp .abtn a:hover h2, .prt1 .ptp .abtn a.act h2 {
    border: 0
}

.prt1 .ptp .abtn a.act s {

    bottom: -6px;

    opacity: 1;

}

.prt2 .ul1 {

    width: 100%;

    float: left;

    padding-bottom: 110px;
    text-align: left;

}

.prt2 .ul1 > dt {

    width: 100%;

    display: none;

}

.prt2 .ul1 > dt:first-child {

    display: list-item

}

.prt2 .ul1 .li2 {

    display: block;

}

.prt2 .ul1 table {

    border-collapse: collapse;


    border-spacing: 0;

    background-color: transparent;

    min-width: 840px;
    width: 100% !important;

}

.prt2 .ul1 .tableProDetails {

    border-collapse: collapse;

}

.prt2 .ul1 .tableProDetails th, .prt2 .ul1 .tableProDetails td {

    padding: 10px 15px;

    line-height: 24px;

    color: #333;

    border: 1px solid #ddd;

    background-color: #FFFFFF;

    word-wrap: break-word;
    word-break: break-all;

}

.prt2 .ul1 .tableProDetails th, .prt2 .ul1 .tableProDetails td.thead {

    background-color: #f2f2f2;

    text-align: left;

    font-weight: normal;

}

.prt2 .ul1 .tableProDetails td.thead {

    font-weight: bold;

}

.prt2 .ul1 .tableProDetails td img {

    max-width: 100%;

    height: auto;

}

.prt2 .ul1 .tableProDetails td table {

    min-width: auto;

}

/*

.prt2 .ul1 .li2 .infotab{padding:0 15px;}



.prt2 .ul1 .li2 .infotab h3{font-size: 18px;font-weight: normal;line-height: 50px;color: #39425f;margin-bottom: 20px; border-bottom: 1px solid #ddd;}



.prt2 .ul1 .li2 .infotab p{line-height: 26px;color: #39425f;padding-left: 20px;background: url(/Public/Home/images/1_49.png) left 10px no-repeat;}



.prt2 .ul1 .li2 .infotab p:after{content: " "; display: block; height:0; clear:both; visibility: hidden;}*/


.prt2 .infotab h3 {

    margin-bottom: 10px;

    padding-top: 20px;

    font-size: 18px;

    font-weight: normal;

    line-height: 30px;

    color: #39425f;

    border-bottom: 1px solid #ddd;

}

.prt2 .infotab h3:first-child {

    padding-top: 0px;

}

.prt2 .infotab p {

    line-height: 26px;

    font-size: 14px;

    color: #333;

}

/*

.prt2 .ul1 .li3{padding: 50px 0;}



.prt2 .ul1 .li3 a{display: block;line-height: 24px;color: #39425f;margin-bottom: 25px;position: relative;padding-left: 34px;}



.prt2 .ul1 .li3 a img{display: block;width: 24px;position: absolute;top: 0;left: 0;}



.prt2 .ul1 .li3 a:hover{color: #2689c3;}*/

.download {

    padding: 20px 0px;

}

.download P {

    margin-bottom: 25px;

}

.download a {

    padding: 0px 0px 0px 35px;

    line-height: 24px;

    background: url(/Public/Home/images/1_50.png) no-repeat left center;

    color: #39425f;

    display: block;

}

.download a:hover {

    color: #2689c3;

}

.acc ul:before, .acc ul:after {

    display: table;

    content: " ";

}

.acc ul:after {

    clear: both;

}

.acc li {

    float: left;

    padding: 0px;

    width: 33.3333%;

    min-height: 160px;

    display: inline-block;

}

.acc li a {

    padding: 15px 0px 15px 0px;

    color: #333;

    text-align: center;

    display: block;

}

.acc li a:hover {

    color: #ed1017;

}

.acc li strong {

    font-size: 14px;

    font-weight: normal;

}

.acc li .img {

    margin-bottom: 5px;

    text-align: center;

}

.acc li img {

    max-width: 120px;

    height: auto;

}

.acc li span {

    text-align: center;

    font-size: 12px;

    line-height: 20px;

    display: block;

}

#ManualDownload table tr th {
    text-align: center
}

#ManualDownload table tr td:nth-child(1) {
    text-align: center
}

#ManualDownload table tr td:nth-child(3) {
    text-align: center
}

#ManualDownload table tr td:nth-child(4) {
    text-align: center
}


/* 合作客户 */


.pa1 {
    padding: 80px 0 130px;
}


.pa1 .tt {
    font-size: 36px;
    font-family: ex;
    color: #333;
    font-weight: bold;
}

.pa1 .tt a {
    display: block;
    float: right;
    padding-right: 30px;
    background: url(/Public/Home/images/1_36.png) center right no-repeat;
    line-height: 22px;
}

.pa1 .map {
    width: 1080px;
    margin: 0 auto;
    position: relative;
}


.pa1 .map img {
    display: block;
    width: 100%;
}


.pa1 .map .ul1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.pa1 .map .ul1 * {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}


.pa1 .map .ul1 li {
    position: absolute;
    top: 0;
    left: 0;
}


.pa1 .map .ul1 li img {
    opacity: 0;
}


.pa1 .map .ul1 li.act img {
    opacity: 1;
}


.pa1 .map .txbox * {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}


.pa1 .map .txbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}


.pa1 .map .txbox .txt {
    position: absolute;
    width: 120px;
    height: 55px;
    text-align: center;
    background: url(/Public/Home/images/map6.png) center bottom no-repeat;
    cursor: pointer;
}


.pa1 .map .txbox .txt div {
    line-height: 1.5;
    background: #888888;
    color: #fff;
}


.pa1 .map .txbox .partner_oceania {
    top: 450px;
    left: 820px;
}

.pa1 .map .txbox .partner_asia {
    top: 200px;
    left: 700px;
}


.pa1 .map .txbox .partner_middle_east {
    top: 280px;
    left: 570px;
}


.pa1 .map .txbox .partner_europe {
    top: 210px;
    left: 480px;
}


.pa1 .map .txbox .partner_cis {
    top: 155px;
    left: 595px;
}

.pa1 .map .txbox .partner_north_america {
    top: 200px;
    left: 150px;
}

.pa1 .map .txbox .partner_latin_america {
    top: 450px;
    left: 280px;
}

.pa1 .map .txbox .partner_africa {
    top: 350px;
    left: 500px;
}


.pa1 .map .txbox .txt.act {
    background: url(/Public/Home/images/map7.png) center bottom no-repeat;
}


.pa1 .map .txbox .txt.act div {
    background: #41d228;
    border: #fff 1px solid;
}


.pa1 .abtn {
    margin: 40px 0 0;
}


.pa1 .abtn span {
    display: block;
    float: left;
    padding: 15px 26px;
    border: 1px solid #ccc;
    cursor: pointer;
    position: relative;
    color: #333333;
    font-size: 18px;
    border-radius: 5px;
    margin-right: 20px;
}


.pa1 .abtn span:hover, .pa1 .abtn span.act {
    color: #41d228;
    border: 1px solid #41d228;
}


.pa1 .abtn *, .pa1 .seh li * {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}


.pa1 .seh {
}


.pa1 .seh li {
    display: none;
}


.pa1 .seh li:nth-child(1) {
    display: block;
}


.pa1 .seh li .lbox {
    padding: 40px;
    background: #f5f5f5;
    margin: 30px auto;
}


.pa1 .seh li .lbox .img {
    float: left;
    width: 250px;
    overflow: hidden;
}


.pa1 .seh li .lbox .img img {
    display: block;
    width: 100%;
}


.pa1 .seh li .lbox .txt {
    width: calc(100% - 300px);
    float: right;
    box-sizing: border-box;
    padding-right: 90px;
}


.pa1 .seh li .lbox .txt .ltt {
    color: #39425f;
    margin-bottom: 30px;
}


.pa1 .seh li .lbox .txt .tc1 span {
    display: block;
    float: left;
    margin-right: 50px;
    line-height: 20px;
}


.pa1 .seh li .lbox .txt .tc1 span img {
    display: block;
    float: left;
    margin-right: 5px;
}


.pa1 .seh li .lbox .txt .email {
    display: block;
    margin: 10px 0 20px;
    line-height: 1.5;
    padding-left: 25px;
    background: url(/Public/Home/images/6_7.png) left center no-repeat;
    color: #a0adb6;
}


.pa1 .seh li .lbox .txt .email:hover {
    color: #0082cc;
}


.pa1 .seh li .lbox .txt .tc2 {
    overflow: hidden;
    line-height: 1.8;
}


.pa1 .seh li .lbox .txt .tc2 span {
    display: block;
    float: left;
    line-height: 1.5;
    color: #39425f;
}


.pa1 .seh li .lbox .txt .tc2 .sp1 {
    width: 110px;
    font-weight: bold;
    color: #000;
}


.pa1 .seh li .lbox .txt .tc3 {
    position: relative;
}


.pa1 .seh li .lbox .txt .tc3 span {
    display: block;
    float: left;
    font-size: 12px;
    line-height: 1.5;
    color: #39425f;
}


.pa1 .seh li .lbox .txt .tc3 .sp1 {
    width: 110px;
    font-weight: bold;
    color: #000;
}


.pa1 .seh li .lbox .txt .tc3 .sp2, .pa1 .seh li .lbox .txt .tc2 .sp2 {
    width: calc(100% - 110px);
    float: right;
    height: 14px;
    overflow: hidden;
}


.pa1 .seh li .lbox .txt .tc2 .sp2 {
    height: auto;
}


.pa1 .seh li .lbox .txt .tc3 .sp3 {
    position: absolute;
    top: 0;
    right: -90px;
    color: #0082cc;
    background: url(/Public/Home/images/6_8.png) right center no-repeat;
    padding-right: 20px;
    cursor: pointer;
}


.pa1 .seh li .lbox .txt .tc3 .sp2.act {
    height: auto;
}


.pa1 .seh li .lbox .txt .tc3 .sp3.act {
    background: url(/Public/Home/images/6_9.png) right center no-repeat;
}


.pa1 .seh li .lbox .cintro {
    width: calc(100% - 300px);
    float: right;
    box-sizing: border-box;
    padding-right: 90px;
    position: relative;
}


.pa1 .seh li .lbox .cintro dt label {
    font-size: 22px;
    color: #333;
    line-height: 1.2;
    margin-bottom: 10px;
    display: block;
}


.pa1 .seh li .lbox .cintro dd {
    margin-bottom: 5px;
    line-height: 1.5;
}


.pa1 .seh li .lbox .cintro dd label {
    color: #39425f;
    font-weight: bold;
}


.profile {
    height: 145px;
    overflow: hidden;
    margin-bottom: 5px;
    line-height: 1.5;
}


.profile.act {
    height: auto;
}


.pa1 .seh li .lbox .cintro .button {
    position: absolute;
    right: 0px;
    bottom: 0px;
    font-size: 14px;
    color: #41d228;
    cursor: pointer;
    padding-right: 20px;
}


.pa1 .seh li .lbox .cintro .country {
    position: absolute;
    top: 0;
    right: 0;
    display: none
}


.pa1 .page {
    margin-top: 50px;
}


.trouble_list {

    width: calc(100% - 355px);

    float: left;

    position: relative;

}


.trouble_list li {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 5px;
}

.trouble_bt {
    height: 50px;
    line-height: 50px;
    width: 100%;
    margin-bottom: 5px;
}


.trouble_bt h2 {
    width: 95%;
    float: left;
    background: #f5f5f5;
    text-align: left;
    color: #333;
    font-size: 16px;
    text-indent: 1em;
}


.trouble_bt span {
    float: right;
    width: 5%;
    text-align: center;
    font-size: 30px;
    height: 50px;
    background: url(/Public/Home/images/plus_ico.png) #838f8c center center no-repeat;
}

.currentDd span {
    background: url(/Public/Home/images/miux_ico.png) #838f8c center center no-repeat;
}

.trouble_z {
    display: none;
    background: #f5f5f5;
    height: auto;
    overflow: hidden;
    padding: 30px;
    font-size: 16px;
    line-height: 30px;
    color: #555;
    margin-top: 10px;
}


.trouble_all {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    height: 60px;
    line-height: 60px;
}

.trouble_list_a {
    color: #41d228;
    height: 60px;
    line-height: 60px;
    border: #41d228 1px solid;
    background: #fff;
    display: inline-block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.trouble_list_a a {
    cursor: pointer;
    display: block;
    width: 100%;
    height: 60px;
}

.trouble_list_a h2 {
    font-size: 18px;
    text-indent: 1.5em;
    float: left;
    color: #41d228
}

.trouble_list_a span {
    background: url(/Public/Home/images/trouble_span.png) center center no-repeat;
    float: right;
    margin-right: 20px;
    width: 21px;
    height: 15px;
    margin-top: 25px;
}

.trouble_list_l {
    display: none;
}

.trouble_list_l li {
    line-height: 60px;
    text-align: left;
    text-indent: 1.5em
}

.trouble_list_l li a {
    font-size: 18px;
    text-indent: 1.5em;
    color: #41d228
}

.trouble_list_l li:hover {
    background: #41d228;
}

.trouble_list_l li:hover a {
    color: #fff;
}

.trouble_all .currentDd {
    height: auto;
    overflow: hidden
}

.trouble_all .currentDd a {
    height: auto;
    overflow: hidden
}

.trouble_all .currentDd h2 {
    display: none
}

.trouble_all .currentDd span {
    display: none
}


.list_down {
    width: 100%;
    height: auto;
    overflow: hidden
}

.list_down ul li {
    height: 50px;
    line-height: 50px;
    background: #f5f5f5;
    margin-bottom: 10px;
}

.list_down ul li h2 {
    width: 90%;
    float: left;
    color: #333;
    font-size: 16px;

    text-align: left;
    text-indent: 1.5em;
}

.list_down ul li span {
    float: right;
    width: 10%;
    color: #fff;
    font-size: 16px;
    text-align: center;
    background: #838f8c;
}

.list_down ul li:hover span {
    background: #41d228;
}


.n_li1 {
    padding: 0;
}


.n_li1 * {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}


.n_li1 .tt {
    font-size: 36px;
    font-family: ex;
    color: #333;
    font-weight: bold;
}


.n_li1 .tt2 a {
    font-size: 36px;
    font-family: ex;
    color: #333;
    font-weight: bold;
    margin-right: 40px;
    display: inline-block;
}


.n_li1 .tt2 a.act {
    color: #41d228
}

.ev1 {
    padding: 80px 0 130px;
}

.ev1 .tt {
    font-size: 36px;
    font-family: ex;
    color: #333;
    font-weight: bold;
}


.ev1 .tt2 a {
    font-size: 36px;
    font-family: ex;
    color: #333;
    font-weight: bold;
    margin-right: 40px;
    display: inline-block;
}


.ev1 .tt2 a.act {
    color: #41d228
}

.n_li1 .n_ct {
    margin-top: 40px;
}

.article_re {
    width: 108px;
    border: #ddd 1px solid;
    background: url(/Public/Home/images/re_arrow.png) center center no-repeat;
    display: block;
    border-radius: 5px;
    padding-left: 20px;
    margin-bottom: 40px;
    text-align: center;
}

.article_re:hover {
    background: #41d228 url(/Public/Home/images/re_arrow2.png) center center no-repeat;
    color: #fff;
    border: #fff 1px solid;
}

.n_li1 .n_ct .nlt {
    width: 100%;
    float: left;
}


.n_li1 .n_ct .nlt .abtn {
}


.n_li1 .n_ct .nlt .abtn a {
    display: block;
    padding: 15px 30px;
    border: 1px solid #ddd;
    border-radius: 5px;
    float: left;
    margin-right: 10px;
    color: #39425f;
}


.n_li1 .n_ct .nlt .abtn a.act, .n_li1 .n_ct .nlt .abtn a:hover {
    border: 1px solid #0082cc;
    color: #0082cc;
}


.n_li1 .n_ct .nlt .ul1 li {
    margin-bottom: 40px;
    position: relative;
    background: #fff;
}


.n_li1 .n_ct .nlt .ul1 li .img {
    width: 300px;
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 2;
}


.n_li1 .n_ct .nlt .ul1 li .img img {
    display: block;
    width: 300px;
    height: 200px;
}


.n_li1 .n_ct .nlt .ul1 li .lrt {
    width: calc(100% - 300px);
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    box-sizing: border-box;
    padding: 30px;
}


.n_li1 .n_ct .nlt .ul1 li .lrt .ltt {
    color: #333;
    line-height: 1.2;
    height: 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}


.n_li1 .n_ct .nlt .ul1 li .lrt .ltc {
    margin: 10px 0;
    line-height: 1.5;
    color: #39425f;
    height: 44px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}


.n_li1 .n_ct .nlt .ul1 li .lrt .ltime {
    color: #a0adb6;
    padding-top: 15px;;
}


.n_li1 .n_ct .nlt .ul1 li:hover .ltt {
    color: #41d228;
}


.n_li1 .n_ct .nlt .ul1 li:hover .lrt {
    background: #fff;
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}


.n_li1 .n_ct .nlt .ul1 li:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
}


.n_li1 .n_ct .nrt {
    width: 250px;
    float: right;
}


.n_li1 .n_ct .nrt .nrtp {
    padding: 40px 20px 40px 30px;
    background: #f2f2f2;
}


.n_li1 .n_ct .nrt .nrtp .ntt {
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    color: #39425f;
}


.n_li1 .n_ct .nrt .nrtp a {
    display: block;
    line-height: 1.5;
    color: #39425f;
    margin-top: 20px;
    padding-left: 10px;
    background: url(/Public/Home/images/3_3.png) left 2px no-repeat;
}


.n_li1 .n_ct .nrt .nrbt {
    margin-top: 40px;
}


.n_li1 .n_ct .nrt .nrbt img {
    display: block;
    width: 100%;
}

.ne_co1 .nlt .ntc p {
    display: block;
    line-height: 1.8;
    margin-bottom: 20px;
}


.n_li1 .n_ct .nlt .ul1 li .ltt2 {
    padding: 5px 0;
    padding-left: 10px;
    background: url(/Public/Home/images/nicon.png) left center no-repeat;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


.n_li1 .n_ct .nlt .ul1 li .ltt2:hover {
    color: #0082cc;
}


.lt_more {
    background: #838f8c;
    color: #fff;
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    right: 20px;
    bottom: 20px;
}

.n_li1 .lt_more {
    border-radius: 5px;
    height: 35px;
    line-height: 35px;
}

.n_li1 .n_ct .nlt .ul1 li:hover .lt_more {
    background: #41d228;
}


.ne_co1 {
    padding: 0 0 130px 0;
}


.ne_co1 .fh {
    display: block;
    width: 108px;
    line-height: 40px;
    box-sizing: border-box;
    text-align: center;
    background: url(/Public/Home/images/3_4.png) center no-repeat;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding-left: 20px;
    margin-bottom: 40px;
}


.ne_co1 .fh:hover {
    background: #0082cc url(/Public/Home/images/3_5.png) center no-repeat;
    border: 1px solid #0082cc;
    color: #fff;
}


.ne_co1 .nlt {
    width: 100%;
    float: none;
}


.ne_co1 .nlt .ntt {
    color: #333333;
    font-weight: bold;
    margin-bottom: 50px;
}


.ne_co1 .nlt .f_36 {
    font-size: 30px;
}

.ne_co1 .nlt .ntim {
    color: #a0adb6;
    margin: 20px 0;
}

.ne_co1 .nlt .ntc {
    width: 1000px;
    margin: 30px auto;
}

.ne_co1 .nlt .ntc {
    line-height: 1.8;
}


.ne_co1 .nlt .fx {
    margin-top: 40px;
}


.ne_co1 .nlt .fx a {
    display: block;
    float: left;
    width: 34px;
    height: 24px;
    background: #333;
    border-radius: 5px;
    margin-right: 10px;
}


.ne_co1 .nlt .fx a img {
    display: block;
    width: 100%;
}


.ne_co1 .nlt .fx a:hover {
    background: #507cbe;
}


.ne_co1 .nlt .fx a:nth-child(2):hover {
    background: #63cdf1;
}


.ne_co1 .nlt .fx a:nth-child(3):hover {
    background: #ff011d;
}


.ne_co1 .nect .nrt {
    width: 250px;
    float: right;
}


.ne_co1 .nect .nrt .nrtp {
    padding: 40px 20px 40px 30px;
    background: #f2f2f2;
}


.ne_co1 .nect .nrt .nrtp .ntt {
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    color: #333;
}


.ne_co1 .nect .nrt .nrtp a {
    display: block;
    line-height: 1.5;
    color: #333;
    margin-top: 20px;
    padding-left: 10px;
    background: url(/Public/Home/images/3_3.png) left 2px no-repeat;
}


.ne_co1 .nect .nrt .nrbt {
    margin-top: 40px;
}


.ne_co1 .nect .nrt .nrbt img {
    display: block;
    width: 100%;
}


.ev1 .nlt {
    padding: 60px 0 0 0;
}

.ev1 .ul2 {
    padding: 0 0 40px 0;
}


.ev1 .ul2 li {
    width: 23.5%;
    float: left;
    margin-right: 2%;
    margin-bottom: 40px;
    height: 320px;
    overflow: hidden;
}


.ev1 .ul2 li:nth-child(4n) {
    margin-right: 0;
}


.ev1 .ul2 li .ev_time {
    font-size: 14px;
    color: #999;
    margin-top: 20px;
}


.ev1 .ul2 li .img, .ev1 .ul2 li .img img {
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
}


.ev1 .ul2 li .bf {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -30px;
    margin-top: -30px;
    background: url(/Public/Home/images/3_1.png) center no-repeat;
}


.ev1 .ul2 li .ltt {
    color: #333;
    line-height: 1.5;
    margin-top: 10px;
    height: 62px;
    overflow: hidden;
    font-size: 16px;
}


.ev1 .ul2 li:hover .bf {
    background: url(/Public/Home/images/3_1.png) center no-repeat;
}


.ev1 .ul2 li:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
}


.ev1 .ul2 li .ev_more {
    background: #838f8c;
    color: #fff;
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}


.ev1 .ul2 li:hover .ltt {
    color: #41d228
}


.ev1 .ul2 li:hover .ev_more {
    background: #41d228;
}


.search_result {
    padding: 80px 0 130px;
}


.search_result .tt {
    font-size: 36px;
    font-family: ex;
    color: #333;
    font-weight: bold;
}


.search_result .ul1 {
    width: calc(100% - 355px);
    float: left;
}


.search_result .ul1 li {
    height: 50px;
    line-height: 50px;
    border-bottom: #ccc 1px dashed;
    text-align: left;
    width: 100%;
}


.search_result .ul1 li a {
    color: #333;
    display: block;
    width: 100%;
    height: 50px;
}


.features {

    width: 100%;

    margin: 50px auto;

    text-align: center;

    height: auto;

    overflow: hidden;

}

.features .swiper-wrapper {

    width: 75%;

    text-align: center;

    margin: 0 auto

}

.features .features_l {

    height: 334px;

    float: left;

    text-align: center;

    position: relative;

    width: 320px;

    margin-right: 38px;
    margin-bottom: 38px;

}

.features .features_l:nth-child(4) {
    margin-right: 0;
}

.features .fea_l img {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0

}

.features .fea_l p {

    width: 100%;

    height: 50px;

    line-height: 50px;

    text-align: center;

    text-transform: capitalize;

    font-size: 22px;

    color: #fff;

    position: absolute;

    background: rgba(0, 0, 0, 0.6);

    bottom: 0;

    left: 0;

}

.features .fea_m {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    background: rgba(0, 0, 0, 0.6);

    display: none;

    -webkit-transform: scale(1, 1);

    transform: scale(1, 1);

    transition: all 8s;

}

.features .features_l:hover .fea_m {

    display: block;

    outline: 3px solid #54d63d;

    outline-offset: -3px;

}

.features .features_l .fea_m h2 {

    transform: translateY(-500px);

    opacity: 0;

    transition: all 0.3s ease 0.1s;

    color: #fff;

    font-size: 22px;

    margin-top: 40%;

}

.features .features_l:hover .fea_l p {

    display: none

}

.features .features_l {

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

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

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

}

.features .features_l .fea_m:hover h2 {

    opacity: 1;

    transform: translateY(0);

}

.features .features_l .fea_m img {

    margin-top: 20px;

    transform: translateY(-500px);

    opacity: 0;

    transition: all 0.3s ease 0.1s;

}

.features .features_l .fea_m:hover img {

    opacity: 1;

    transform: translateY(0);

}


.about_us {
    width: 100%;
    margin: 0 auto 50px auto;
    height: auto;
    overflow: hidden
}

.about_us .ntt {
    text-align: center
}

.about_us .nlt .ntc {
    line-height: 1.8;
    color: #333;
    margin-top: 50px;
}

.about_us .nlt .ntc p {
    display: block;
    line-height: 1.8;
    color: #333;
    margin-bottom: 20px;
}

.fea_chlid {
    width: 60%;
    margin: 50px auto;
    padding: 0;
    height: auto;
    overflow: hidden
}

.fea_chlid ul li {
    width: 48%;
    float: left;
    text-align: center;
    background: #41d228;
    height: 60px;
    line-height: 60px;
    margin-bottom: 10px;
}

.fea_chlid ul li:nth-child(even) {
    float: right;
}

.fea_chlid ul li a {
    display: block;
    width: 100%;
    height: 60px;
    font-size: 16px;
    color: #fff;
}


.my-map {
    margin: 30px auto 0 auto;
    width: 99%;
    height: 300px;
    border: #838f8c 1px solid;
}

.my-map .icon {
    background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat;
}

.my-map .icon-cir {
    height: 31px;
    width: 28px;
}

.my-map .icon-cir-red {
    background-position: -11px -5px;
}

.amap-container {
    height: 100%;
}

.lx_info {
    width: 63%;
    margin: 60px auto;
    text-align: center;
    height: auto;
    overflow: hidden
}

.lx_info h2 {
    font-weight: bold;
    font-size: 22px;
    color: #333;
}

.lx_info p {
    color: #555;
    font-size: 18px;
    text-align: center;
    margin-top: 30px;
}

.lx_list {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 100px auto 0 auto
}

.lx_list ul li {
    text-align: center;
    width: 33%;
    float: left;
    height: auto;
    overflow: hidden
}

.lx_list ul li h2 {
    color: #555;
    font-size: 16px;
    margin: 20px auto
}

.lx_list ul li p {
    color: #555;
    font-size: 16px;
    margin-bottom: 10px;
}


.onethink {
    clear: both;
    display: inline-block;
    padding: 50px 0;
    width: 100%;
    text-align: center;
    font-size: 16px;
}

.onethink a {
    display: inline-block;
    margin: 0 5px;
    padding: 6px 12px;
    border: 1px #eee solid;
    color: #555
}

.onethink span.current {
    display: inline-block;
    margin: 0 5px;
    padding: 6px 12px;
    border: 1px #eee solid;
    background: #41d228;
    color: #fff;
}

.onethink a:hover, .page li.current a {
    background: #41d228;
    color: #fff;
}

.onethink li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.onethink li select {
    font-size: 16px;
}

.onethink li option {
    font-size: 16px;
}

.message {
    width: 100%;
    height: auto;
    margin: 50px auto;
    overflow: hidden
}

.message ul {
    width: 48%;
    float: left;
}

.message ul li {
    height: 50px;
    width: 100%;
    margin-bottom: 20px;
}

.message ul li sup {
    color: #f00
}

.message ul li label {
    text-align: right;
    width: 20%;
    margin-top: 10px;
    display: inline-block;
}

.message ul li input {
    float: right;
    width: 72%;
    height: 50px;
    line-height: 50px;
    background: #f5f5f5;
    border: 0;
    display: inline-block;
    text-indent: 1em;
}

.message_l {
    margin-right: 4%;
}

.message_r li:nth-child(3) {
    height: 260px;
}

.message ul li textarea {
    float: right;
    width: 72%;
    height: 260px;
    line-height: 30px;
    background: #f5f5f5;
    border: 0;
    display: inline-block;
    resize: none;
    text-indent: 2em;
    margin-bottom: 20px;
}

.message_r li:nth-child(4) input {
    width: 43%;
}

.message_r li:nth-child(4) img {
    float: right;
    border: #ddd 1px solid;
    margin-left: 2%;
    width: 180px;
    height: 50px;
}

.message input[type=submit] {
    border: 0;
    background: #41d228;
    width: 180px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    float: right;
    margin-top: 50px;
}

.login {
    width: 100%;
    position: relative;
    height: auto;
    overflow: hidden
}

.ilogin {
    width: 35%;
    text-align: center;
    margin: 0 auto
}

.ilogin img {
    text-align: center;
    margin: 0 auto;
    width: 150px;
    height: 46px;
}

.ilogin ul {
    margin-top: 100px;
}

.ilogin ul li {
    height: 35px;
    border-bottom: #ddd 1px solid;
    line-height: 35px;
    text-align: left;
    margin-bottom: 30px;
    padding-bottom: 15px;
}

.ilogin label {
    float: left;
    font-size: 16px;
    color: #333;
    padding-right: 20px;
    display: inline-block;
    text-align: left;
    border-right: #ddd 1px solid;
    width: 18%;
}

.ilogin input {
    border: 0;
    height: 35px;
    line-height: 35px;
    text-indent: 1em;
    margin-left: 2%;
    display: inline-block;
    width: 76%;


}

.forgot {
    margin-top: 20px;
    color: #333;
    text-align: center;
    width: 100%;
}

.forgot a {
    color: #333;
    text-decoration: underline;
}

.login_f {
    position: absolute;
    left: 0;
    top: auto;
    bottom: 0;
    right: 0;
    border-top: #ddd 1px solid;
}

.ilogin2 {
    width: 35%;
    text-align: center;
    margin: 0 auto
}

.ilogin2 img {
    text-align: center;
    margin: 0 auto;
    width: 150px;
    height: 46px;
}

.ilogin2 h2 {
    font-size: 20px;
    color: #333;
    text-align: left;
    margin-top: 50px;
}

.ilogin2 p {
    font-size: 14px;
    color: #555;
    text-align: left;
    margin-top: 10px;
}

.iforgot {
    height: 35px;
    border-bottom: #ddd 1px solid;
    line-height: 35px;
    text-align: left;
    margin-bottom: 30px;
    padding-bottom: 15px;
    width: 100%;
    background: none;
    margin-top: 50px;
}

.iforgot input {
    background: none;
    border: 0;
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-indent: 0.5em;
}

.login_button {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #41d228;
    text-align: center;
    margin-top: 50px;
}

.login_button input {
    border: 0;
    background: none;
    color: #fff;
    font-size: 20px;
    display: block;
    width: 100%;
    height: 50px;
    cursor: pointer;
    text-indent: 0;
    margin-left: 0;
}


.sign_up {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #da6512;
    text-align: center;
    margin-top: 20px;
}

.sign_up a {
    color: #fff;
    font-size: 20px;
    display: block;
    height: 50px;
    width: 100%;
}

.login3 {
    width: 100%;
    position: relative;
    height: auto;
    overflow: hidden;
    margin: 100px auto 0 auto
}

.login3 .ilogin {
    width: 50%;
    text-align: center;
    margin: 0 auto;
    height: auto;
    overflow: hidden
}

.login3 .login_f {
    position: static;
    margin-top: 100px;
}

.reg_bt {
    width: 100%;
    height: auto;
    margin: 50px auto;
    overflow: hidden;
}

.reg_bt h2 {
    font-size: 30px;
    text-align: left;
    border-bottom: #ddd 1px solid;
    line-height: 30px;
    padding-bottom: 20px;
}

.reg_bt p {
    margin-top: 20px;
    text-align: left;
}

.login3 .ilogin label sup {
    color: #f00
}

.login3 .ilogin ul li {
    margin-bottom: 15px;
}

.login3 .ilogin label {
    float: left;
    font-size: 16px;
    color: #333;
    padding-right: 20px;
    display: inline-block;
    text-align: right;
    border-right: #ddd 1px solid;
    width: 25%;
}

.login3 .ilogin input {
    border: 0;
    height: 35px;
    line-height: 35px;
    text-indent: 1em;
    margin-left: 2%;
    display: inline-block;
    width: 70%;
}


.login3 .ilogin ul li select {
    border: 0;
    height: 35px;
    line-height: 35px;
    text-indent: 1em;
    margin-left: 2%;
    display: inline-block;
    width: 70%;
    cursor: pointer;
    background: transparent;
    -webkit-appearance: none;
}

.login3 .ilogin ul li.styled-select select {
    background: url(/Public/Home/images/select_jco.png) no-repeat center right;
}

.login3 .ilogin ul li.textarea_li {
    height: auto;
    padding-bottom: 5px;
}

.login3 .ilogin ul li.textarea_li textarea {
    resize: none;
    border: #ddd 1px solid;
    text-indent: 1.5em;
    display: inline-block;
    width: 68%;
    margin-left: 2%;
    padding-top: 20px;
}

.login3 .ilogin ul li.reg_yzm {
    position: relative
}

.login3 .ilogin ul li.reg_yzm input {
    border: 0;
    height: 35px;
    line-height: 35px;
    text-indent: 1.5em;
    display: inline-block;
    width: 52%;
}

.login3 .ilogin ul li.reg_yzm img {
    display: inline-block;
    width: 180px;
    height: 50px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0px
}


/* 服务支持 */


.su1 {
    padding-top: 80px;
}


.su1 .tt {
    font-size: 36px;
    font-family: ex;
    color: #39425f;
    font-weight: bold;
}


.su1 * {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}


.su1 .ul1 {
    margin-top: 40px;
}


.su1 .ul1 li {
    float: left;
    width: 17.5%;
    float: left;
    height: 275px;
    box-sizing: border-box;
    border: 1px solid #fff;
    padding: 40px 2% 0;
    text-align: center;
}


.su1 .ul1 li.li1 {
    width: 30%;
}


.su1 .ul1 li .img {
    width: 50px;
    position: relative;
    overflow: hidden;
    height: 50px;
    margin: 0 auto;
}


.su1 .ul1 li .img img {
    display: block;
    width: 100%;
}


.su1 .ul1 li .stt {
    color: #39425f;
    margin: 20px 0;
}


.su1 .ul1 li .abt a {
    display: block;
    text-align: left;
    line-height: 1.8;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #a0adb6;
}


.su1 .ul1 li .abt a:hover {
    color: #0082cc;
}


.su1 .ul1 li.li1 .abt a {
    width: 52%;
    float: left;
}


.su1 .ul1 li.li1 .abt a:nth-child(2n) {
    float: right;
    width: 40%;
}


.su1 .ul1 li:hover .img img:nth-child(1) {
    margin-top: -50px;
}


.su1 .ul1 li:hover {
    border: 1px solid #ddd;
}


.su2 {
    padding-top: 80px;
}


.su2 .tt {
    font-size: 36px;
    font-family: ex;
    color: #39425f;
    font-weight: bold;
}


.su2 * {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}


.su2 .ul1 {
    margin-top: 45px;
    border: 1px solid #ddd;
    text-align: center;
}


.su2 .ul1 li {
    width: 50%;
    float: left;
    box-sizing: border-box;
}


.su2 .ul1 li:nth-child(1) {
    border-right: 1px solid #ddd;
}


.su2 .ul1 li img {
    display: block;
    margin: 40px auto 20px;
}


.su2 .ul1 li .ltt {
    color: #39425f;
}


.su2 .ul1 li .ltc {
    width: 80%;
    margin: 30px auto 0;
    text-align: left;
    color: #a0adb6;
    line-height: 1.8;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}


.su2 .ul1 li .lmore {
    display: block;
    border-radius: 5px;
    color: #fff;
    width: 160px;
    height: 40px;
    line-height: 40px;
    margin: 30px auto;
    text-align: center;
    transition: background-position 1s ease;
    background-size: 200% 100%;
    background-image: linear-gradient(-45deg, #116dbd, #4b5faa 50%, #2ac6c8);
    background-image: -webkit-linear-gradient(-45deg, #116dbd, #4b5faa 50%, #2ac6c8);
    background-image: -moz-linear-gradient(-45deg, #116dbd, #4b5faa 50%, #2ac6c8);
}


.su2 .ul1 li .lmore:hover {
    background-position: right center;
}


.su3 {
    padding: 80px 0;
}


.sul1 {
    margin: 40px 0;
    border-bottom: 1px solid #ddd;
}


.sul1 .tt {
    font-size: 36px;
    font-family: ex;
    color: #333;
    font-weight: bold;
}


.sul1 * {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}


.sul1 .abtn {
    margin: 60px 0 0;
}


.sul1 .abtn a {
    display: block;
    float: left;
    padding: 15px 30px;
    border: 0;
    cursor: pointer;
    position: relative;
    color: #333;
    font-size: 18px;
}


.sul1 .abtn a:hover, .sul1 .abtn a.act {
    color: #41d228;
}


.sul1 .abtn a:hover:after, .sul1 .abtn a.act:after {
    content: "";
    height: 3px;
    background: #41d228;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    width: 40%;
}


.sul1 .abtn a.act s {
    bottom: -6px;
    opacity: 1;
}


.sul2 {
    padding: 0 0 130px 0;
}


.sul2 .slt {
    width: 21.5%;
    float: left;
    padding: 25px 0;
    box-sizing: border-box;
    min-height: 440px;
    background: #f2f2f2;
    margin-right: 1.5%;
}


.sul2 .slt a {
    display: block;
    padding: 0 10% 0 5%;
    width: 100%;
    box-sizing: border-box;
    line-height: 40px;
    color: #39425f;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.sul2 .slt a.act, .sul2 .slt a:hover {
    background: #41d228 url(/Public/Home/images/4_10.png) 95% center no-repeat;
    color: #fff;
}


.sul2 .srt {
    width: 54%;
    float: right;
    padding: 25px 0;
    box-sizing: border-box;
    min-height: 440px;
    border: 1px solid #ddd;
}

.sul2 .srt2 {
    width: 77%;
}

.sul2 .srt3 {
    width: 100%;
    float: none;
}

.sul2 .srt .ul1 li {
    display: none;
    max-height: 390px;
    overflow: auto;
    box-sizing: border-box;
}


.sul2 .srt .ul1 li::-webkit-scrollbar {
    width: 4px;
}


.sul2 .srt .ul1 li::-webkit-scrollbar-thumb {
    background: #41d228;
}


.sul2 .srt .ul1 li::-webkit-scrollbar-track {
    background: #ccc;
}


.sul2 .srt .ul1 li:nth-child(1) {
    display: block;
}


.sul2 .srt a {
    display: block;
    padding: 0 10% 0 5%;
    width: 100%;
    box-sizing: border-box;
    line-height: 40px;
    color: #39425f;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.sul2 .srt a .img {
    width: 25px;
    float: left;
    margin-right: 10px;
    height: 40px;
}


.sul2 .srt a:hover {
    color: #41d228;
}


.sul2 .srt a.up_world .img {
    background: url(/Public/Home/images/4_11.png) center no-repeat;
}


.sul2 .srt a.up_excel .img {
    background: url(/Public/Home/images/4_12.png) center no-repeat;
}


.sul2 .srt a.up_ppt .img {
    background: url(/Public/Home/images/4_13.png) center no-repeat;
}


.sul2 .srt a.up_pdf .img {
    background: url(/Public/Home/images/list_down_ico.png) center no-repeat;
}


.sul2 .srt a.up_software .img {
    background: url(/Public/Home/images/ico_software.png) center no-repeat;
}


/*.sul2 .srt a.up_world:hover .img{background: url(/Public/Home/images/4_11_1.png) center no-repeat;}



.sul2 .srt a.up_excel:hover .img{background: url(/Public/Home/images/4_12_1.png) center no-repeat;}



.sul2 .srt a.up_ppt:hover .img{background: url(/Public/Home/images/4_13_1.png) center no-repeat;}



.sul2 .srt a.up_pdf:hover .img{background: url(/Public/Home/images/4_14_1.png) center no-repeat;}*/

.m_head, .m_nav, .swiper0m, .er1 .box2 img, .sstc {
    display: none;
}

.list_search_result {
    width: 100%;
    margin: 0 auto;
    height: auto;
    overflow: hidden
}

.list_search_result ul li {
    width: 100%;
    min-height: 102px;
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
    text-align: center;
}

.list_search_result ul li img {
    width: 150px;
    height: 102px;
    float: left;
    object-fit: contain;
}

.list_search_result ul li .list_s_r_r {
    width: calc(100% - 180px);
    float: right;
    border-bottom: #ddd 1px solid;
    padding-bottom: 10px;
    min-height: 92px;
    height: auto;
    overflow: hidden;
}

.list_search_result ul li a {
    display: block;
    width: 100%;
}

.list_search_result ul li .list_s_r_r h2 {
    font-size: 16px;
    color: #333;
    text-align: left
}

.list_search_result ul li .list_s_r_r p {
    font-size: 14px;
    color: #555;
    text-align: left
}


.index_gray {
    background: #f1f3f2;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0;
}

/*new 2021 css*/
#refresh {
    padding: 5px 40px;
    background: #fff;
    color: #333;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
}

#refresh:hover {
    color: #fff;
    background: #36b121;
}

.ppp {
    display: none
}

.en-partner {
    padding-top: 0;
}

.en-down1 {
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 0
}

.en-down2 {
    background: #fff;
    margin-bottom: 80px;
    padding: 30px
}

.en-down2 .box {
    width: auto !important;
    max-width: auto;
    min-width: auto;
}

.en-down1 .abtn a:hover:after, .sul1 .abtn a.act {
    background: #fff
}

.en-down1 .abtn a:hover:after, .sul1 .abtn a.act:after {
    content: "";
    display: none;
}

.itop2021 {
    background: #f2f2f2;
    width: 100%;
    padding: 25px 0 20px 0;
    height: 60px;
    position: relative
}

.ilogo2021 {
    width: 185px;
    height: 53px;
    float: left;
}

.ilogo2021 img {
    width: 100%;
}

.i_t_lx {
    float: left;
    margin-left: 30px;
    width: 42%;
    margin-top: 10px;
}

.i_t_lx ul li {
    float: left;
    width: 37%
}

.i_t_lx ul li i {
    display: inline-block;
    background: url("../site/img/top2021-ico0.png") center center no-repeat;
    width: 36px;
    height: 36px;
    vertical-align: middle;
    margin-right: 10px;
    margin-bottom: 3px;
    float: left;
}

.i_t_lx ul li p {
    display: inline-block;
    float: left;
    line-height: normal;
    vertical-align: middle;
    font-size: 14px;
}

.i_t_lx ul li:nth-child(1) p {
    margin-top: 10px;
}

.i_t_lx ul li:nth-child(2) {;
    width: 60%;
    margin-left: 3%;
}

.i_t_lx ul li:nth-child(2) p {
    word-break: break-all;
    margin-bottom: 8px;
}

.i_t_lx ul li:nth-child(2) i {
    background: url('../site/img/top2021-ico1.png') center center no-repeat;
}

.i_t_lx ul li:nth-child(1) {
    margin-bottom: 8px;
}

.i-t-r {
    float: right;
    margin-top: 10px;
}

.i-t-mt {
    float: left;
}

.i-t-mt li {
    width: 36px;
    display: inline-block;
    height: 36px;
    margin: 0 3px;
}

.i-t-mt li img {
    width: 100%;
    opacity: 1
}

.i-t-mt li:hover img {
    opacity: 1
}

.wrapper {
    width: 1200px;
    position: relative;
    margin: 0 auto;
    padding: 0;
}

.i-t-r .hr_a {
    padding: 5px 10px;
    width: auto;
    border-radius: 5px;
    height: 20px;
    float: left;
    margin-top: 3px;
    margin-left: 15px;
    position: relative;
    cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.i-t-r .hr_a > img {
    display: block;
    width: 41px;
    height: 20px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.i-t-r .hr_a > img:nth-child(2) {
    opacity: 0;
    position: absolute;
    left: 10px;
    top: 5px;
}

.i-t-r .hr_a.act {
    background: #41d228;
}

.i-t-r .hr_a.act > img {
    opacity: 0;
}

.i-t-r .hr_a.act > img:nth-child(2) {
    opacity: 1;
}

.i-t-r .hr_a .hr_abt {
    display: none;
}

.i-t-r .hr_a .hr_abt1 input {
    width: 300px;
    height: 40px;
    border: 0;
    padding-left: 30px;
}

.i-t-r .hr_a .hr_abt2 {
    position: absolute;
    top: 30px;
    padding: 5px;
    background: #e0e0e0;
    right: -10px;
    margin: 0 auto;
    text-align: center;
    width: 75px;
}

.i-t-r .hr_a .hr_abt2 a {
    display: block;
    line-height: 2;
    color: #555;
    text-align: center
}

.i-t-r .hr_a .hr_abt2 a:hover {
    color: #111;
}

.i-t-r a .hr_a.act {
    background: transparent;
}

.i-t-login {
    float: left;
    margin-top: 5px;
    margin-left: 10px;
}

.i-t-login i {
    display: inline-block;
    background: url("/Public/Home/img/login2021-ico.png") center center no-repeat;
    width: 14px;
    height: 20px;
    vertical-align: middle;
    margin-right: 5px;
    margin-bottom: 3px;
}

.i-t-login p {
    color: #333;
    font-size: 14px;
    display: inline-block
}

.i-t-login p span {
    display: inline-block;
    margin-right: 10px;
}

.i-t-login p a {
    color: #333;
    display: inline-block;
}

.i-t-login p:nth-of-type(2) {
    display: none
}

.i-t-login p.act a {
    color: #333;
    background: #cbcbcb;
    padding: 3px 5px;
    border-radius: 5px
}

.i-t-login p.act {
    display: inline-block
}

.i-t-login p.logout {
    display: none
}

.en-nav {
    background: #36b121;
    width: 100%;
    height: 60px;
}

nav {
    width: 69%;
    float: right;
}

nav dl dt {
    width: 16.66%;
    float: left;
    text-align: center;
    height: 60px;
    line-height: 60px;
    position: relative
}

nav dl dt h2 {
    font-size: 15px;
    color: #fff;
    font-weight: 100 !important
}

nav dl dt a {
    display: block;
}

nav dl dt:after {
    content: "";
    display: inline-block;
    float: right;
    width: 1px;
    height: 18px;
    background: #49d831;
    position: absolute;
    right: 0;
    top: 35%
}

nav dl dt:last-child:after {
    content: "";
    display: none
}

nav dl dt:hover h2 {
    color: #b6ffa9
}

.en-search {
    width: 30%;
    float: right;
}

.en-search form {

    width: 100%;
    border-radius: 25px !important;
    height: 40px;
    line-height: 40px;
    margin-top: 10px;

}

.en-search form input[type="text"] {
    width: calc(100% - 56px);
    float: left;
    height: 40px;
    line-height: 40px;
    border: 0;
    text-indent: 1.5em;
    border-radius: 25px !important;
    padding-right: 5px !important;
}

.en-search form input[type="button"] {
    background: url("/Public/Home/img/search2021-ico.png") center center no-repeat;
    width: 26px;
    height: 26px;
    border: 0;
    cursor: pointer;
    float: right;
    margin-top: 7px;
    margin-right: 15px;
}

#t_mall {
    height: 5px;
    width: 140px;
    background: #a3ff40;
    position: absolute;
    top: -2px;
    z-index: 1001;
    margin: 0 auto;
    text-align: center
}

#nav-menu .nav_d .nav_bt {

    display: none;

}

#search {
    text-align: right !important;
}

#nav-menu {
    text-align: left !important;
    float: left !important;
}

#nav-menu .nav_d .nav_bt1 {

    position: absolute;

    background: #f3f3f3;

    width: 750px;

    top: 60px;

    left: 0;
    z-index: 99999;

}

#nav-menu .nav_d .nav_bt1 .nlt {

    width: 750px;

    float: left;

    box-sizing: border-box;

    padding: 20px 30px;

}

#nav-menu .nav_d .nav_bt1 .nlt .ul1 {

    margin-bottom: 0px;

    text-align: left;

}

#nav-menu .nav_d .nav_bt1 .nlt .ul1 li {

    width: 32%;

    float: left;

    margin-right: 2%;

}

#nav-menu .nav_d .nav_bt1 .nlt .ul1 li:nth-child(3) {

    margin-right: 0;

}

#nav-menu .nav_d .nav_bt1 .nlt .ul1 li:last-child {

    margin-right: 0;

}

#nav-menu .nav_d .nav_bt1 .nlt .ul1 li .ltt {

    font-size: 18px;

    padding: 10px 0;

    border-bottom: 1px solid #ddd;

    margin-bottom: 10px;

    line-height: 1.5;

    text-transform: capitalize;

}

#nav-menu .nav_d .nav_bt1 .nlt .ul1 li .ltt2 {

    margin-top: -25px;

}

#nav-menu .nav_d .nav_bt1 .nlt .ul1 li .ltc a {

    display: block;

    line-height: 26px;

    color: #555555;

    text-transform: capitalize;

    font-size: 16px;

}

#nav-menu .nav_d .nav_bt1 .nlt .ul1 li .ltc a:hover {

    color: #41d228;

}

#nav-menu .nav_d .nav_bt1 .nlt .ul2 li:nth-child(2) .ltc a {

    display: inline-block;

    width: 49%;

}

#nav-menu .nav_d .nav_bt1 .nlt .ul2 li:nth-child(3) {

    height: 175px;

    background: #41d228;

    text-align: center;

    position: absolute;

    right: 0;

    bottom: 0;

    width: 34%;

}

#nav-menu .nav_d .nav_bt1 .nlt .ul2 li:nth-child(3) a {

    display: inline-block;

    width: 100%;

    height: 175px;

}

#nav-menu .nav_d .nav_bt1 .nlt .ul2 li:nth-child(3) img {

    margin-top: 50px;

}

#nav-menu .nav_d .nav_bt1 .nlt .ul2 li:nth-child(3) h2 {

    color: #fff;

    text-transform: capitalize;

    font-size: 18px;

    margin-top: 10px;

}

#nav-menu .nav_d .nav_bt1 .nrt {

    width: 200px;

    height: 100%;

    position: absolute;

    top: 0;

    right: 0;

    background: #41d228;

    box-sizing: border-box;

    padding: 30px 0;

}

#nav-menu .nav_d .nav_bt1 .nrt a {

    display: block;

    padding: 20px 0;

    text-align: center;

    color: #fff;

    font-weight: bold;

    color: #fff;

    font-size: 16px;

}

#nav-menu .nav_d .nav_bt1 .nrt a img {

    display: block;

    width: 45px;

    margin: 0 auto 15px;

}

#nav-menu .nav_d .nav_bt1 .nrt a:hover {

    background: #4da8db;

}

#nav-menu .nav_d .nav_bt2 {

    position: absolute;

    background: #fff;

    width: 430px;

    padding-left: 50px;

    top: 100%;

    left: -50px;

    background: #fff;

}

#nav-menu .nav_d .nav_bt2 .nlt {

    width: 220px;

    float: left;

    padding: 35px 0 25px;

}

#nav-menu .nav_d .nav_bt2 .nlt a {

    display: block;

    margin-bottom: 30px;

    font-size: 16px;

    font-weight: bold;

    text-align: left;

}

#nav-menu .nav_d .nav_bt2 .nlt a img {

    display: block;

    width: 20px;

    float: left;

    margin-right: 10px;

}

#nav-menu .nav_d .nav_bt2 .nlt a:hover {

    color: #41d228;

}

#nav-menu .nav_d .nav_bt2 .nrt {

    width: 200px;

    height: 100%;

    position: absolute;

    top: 0;

    right: 0;

    background: #41d228;

    box-sizing: border-box;

    padding: 30px 0;

}

#nav-menu .nav_d .nav_bt2 .nrt a {

    display: block;

    padding: 20px 0;

    text-align: center;

    color: #fff;

    font-weight: bold;

    color: #fff;

    font-size: 16px;

}

#nav-menu .nav_d .nav_bt2 .nrt a img {

    display: block;

    width: 45px;

    margin: 0 auto 15px;

}

#nav-menu .nav_d .nav_bt2 .nrt a:hover {

    background: #4da8db;

}

#nav-menu .nav_d .nav_bt3 {

    position: fixed;

    background: #f3f3f3;

    width: 950px;

    padding: 35px 60px;

    top: 70px;

    left: 50%;

    margin-left: -475px;

    box-sizing: border-box;

    text-align: left;

}

#nav-menu .nav_d .nav_bt3 .nli {

    width: 250px;

    float: left;

    margin-right: 35px;

}

#nav-menu .nav_d .nav_bt3 .nli:last-child {

    margin-right: 0;

}

#nav-menu .nav_d .nav_bt3 .nli .ntt {

    padding-bottom: 10px;

    border-bottom: 1px solid #ddd;

    margin-bottom: 20px;

    line-height: 20px;

    font-weight: bold;

    font-size: 16px;

}

#nav-menu .nav_d .nav_bt3 .nli .ntt img {

    display: block;

    width: 20px;

    float: left;

    margin-right: 10px;

}

#nav-menu .nav_d .nav_bt3 .nli .ntc a {

    display: block;

    margin-bottom: 15px;

}

#nav-menu .nav_d .nav_bt3 .nli .ntc a:hover {

    color: #41d228;

}

#nav-menu .nav_d .nav_bt4 {

    position: absolute;

    background: #f3f3f3;

    width: 160px;

    padding: 20px 0 0 0;

    top: 60px;

    left: 0;

    text-align: left;
    z-index: 99999;

}

#nav-menu .nav_d .nav_bt4 a {

    display: block;

    margin-bottom: 20px;

    font-size: 16px;

    line-height: 20px;

    color: #333;

    text-align: right;

    text-indent: 1em;
    padding-right: 4px;

}

#nav-menu .nav_d .nav_bt4 a:hover {

    color: #41d228;

}

#banner {
    width: 100%;
    margin: 0 auto
}

#banner .pagination {
    display: none
}

#banner .swiper-button-white {
    width: 45px;
    height: 110px;
    top: 45%;
    opacity: 0;
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -moz-transition-duration: .3s;
}

#banner .swiper-button-prev {
    background: url("../img/b-arrow-l.png") center center no-repeat;
    left: 0;
}

#banner .swiper-button-next {
    background: url("../img/b-arrow-r.png") center center no-repeat;
    right: 0
}

#banner:hover .swiper-button-white {
    opacity: 1
}

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

.part01 {
    background: url("../img/fea2021-bg.jpg") center center no-repeat;
    width: 100%;
    height: 348px;
    margin-top: -4px;
}

.en-title {
    font-size: 34px;
    color: #000;
    width: 100%;
    text-align: center;
    padding: 30px 0;
    font-weight: bold;
}

.en-title a {
    color: #000
}

.part01 .en-title {
    color: #fff;
}

.part01 .en-title a {
    color: #fff;
}

.regular {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    border-radius: 10px;
    background: #fff;
    height: 160px;
    overflow: hidden;
    position: relative
}

.regular div.slick-list {
    width: 90%;
    margin: 0 auto;
    overflow: hidden
}

.regular div.slick-slide {
    width: 100%;
    float: left;
    margin: 0 20px;
    text-align: center;
    position: relative
}

.regular div.slick-slide a {
    display: block;
}

.regular div.slick-slide h2 {
    color: #fff;
    font-size: 15px;
}

.regular div.slick-slide i {
    display: block;
    width: 61px;
    height: 61px;
    background-position: 100% 100%;
    margin: 30px auto 0 auto;
    -webkit-transition: 0.4s;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
}

.regular div.slick-slide:hover i {
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
}

.regular div.slick-slide span {
    display: inline-block;
    margin-left: 10px;
}

.regular div.slick-slide p {
    color: #333;
    margin-top: 5px;
    font-size: 20px;
    font-weight: bold;
    margin-top: 15px;
}

.regular div.slick-slide p font {
    color: #c23434
}

.slick-prev, .slick-next {
    color: transparent;
    position: absolute;
    left: 20px;
    top: 40%;
    background: url("/Public/Home/img/fea2021-arrow-l.png") center center no-repeat;
    width: 22px;
    height: 39px;
    border: 0;
    cursor: pointer;
    z-index: 99999;
    opacity: 0;
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -moz-transition-duration: .3s;
}

.slick-next {
    right: 20px;
    left: auto;
    background: url("/Public/Home/img/fea2021-arrow-r.png") center center no-repeat;
}

.regular:hover .slick-prev, .regular:hover .slick-next {
    opacity: 1
}

.en-more {
    text-align: center;
    width: 100%;
    margin-top: 35px;
}

.en-more a {
    color: #36b121;
    font-size: 20px;
    font-weight: bold;
}

.part02 {
    background: -webkit-linear-gradient(top, #efefef, #ffffff);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#efefef, endcolorstr=#ffffff, gradientType=1);
    width: 100%;
    height: auto;
    overflow: hidden;
}

.en-star {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    height: auto;
    overflow-x: hidden;
    position: relative
}

.en-star div.slick-list {
    width: 100%;
    margin: 0 auto;
}

.en-star div.slick-slide {
    width: 100%;
    float: left;
    margin: 0 20px;
    text-align: center;
    position: relative;
    background: -webkit-linear-gradient(top, #ffffff, #ededed);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffff, endcolorstr=#ededed, gradientType=1);
}

.part02-star {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.en-star:hover .slick-prev, .en-star:hover .slick-next {
    opacity: 1
}

.en-star div.slick-slide img {
    width: 310px;
    height: 214px;
    object-fit: contain;
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -moz-transition-duration: .3s;
}

.en-star div.slick-slide:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
}

.en-star div.slick-slide h2 {
    color: #111
}

.en-star div.slick-slide p {
    color: #555;
    width: 80%;
    margin: 10px auto
}

.en-star div.slick-slide span {
    display: block;
    background: #20930d;
    width: 140px;
    height: 45px;
    line-height: 45px;
    border-radius: 25px;
    text-align: center;
    margin: 30px auto;
    color: #fff;
}

.en-star .slick-prev, .en-star .slick-next {
    color: transparent;
    position: absolute;
    left: 40px;
    top: 50%;
    background: url("/Public/Home/img/fea2021-arrow-l.png") center center no-repeat;
    width: 22px;
    height: 39px;
    border: 0;
    cursor: pointer;
    z-index: 99999;
    opacity: 0;
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -moz-transition-duration: .3s;
}

.en-star .slick-next {
    right: 40px;
    left: auto;
    background: url("/Public/Home/img/fea2021-arrow-r.png") center center no-repeat;
}

.part02-news {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    margin-top: 30px;
    margin-bottom: 30px;
}

.en-news-title {
    background: url("/Public/Home/img/news2021-bt-bg.jpg") center center no-repeat;
    width: 30%;
    background-size: cover;
    height: 490px;
    float: left;
    text-align: center;
}

.en-news-title h2 {
    font-size: 34px;
    color: #fff;
    margin-top: 50%;
}

.en-news-title span {
    border-radius: 25px;
    border: #fff 1px solid;
    text-align: center;
    color: #fff;
    font-size: 20px;
    height: 45px;
    line-height: 45px;
    margin: 20px auto;
    width: 140px;
    display: block
}

.part02-news ul li {
    width: 70%;
    float: right;
    height: 245px;
    position: relative;
    overflow: hidden;
}

.part02-news ul li img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -moz-transition-duration: .3s;
}

.part02-news ul li i {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background: -webkit-gradient(linear, transparent top, from(transparent), to(rgba(6, 4, 4, 0.9)));
    background: -webkit-linear-gradient(transparent, rgba(6, 4, 4, 0.9));
    background: -moz-linear-gradient(transparent, rgba(6, 4, 4, 0.9));
    background: -ms-linear-gradient(transparent, rgba(6, 4, 4, 0.9));
    background: -o-linear-gradient(transparent, rgba(6, 4, 4, 0.9));
    background: linear-gradient(transparent, rgba(6, 4, 4, 0.9));
    -pie-background: linear-gradient(transparent, rgba(6, 4, 4, 0.9));
}

.part02-news ul li h2 {
    position: absolute;
    bottom: 30px;
    left: 30px;
    font-size: 20px;
    z-index: 3;
    color: #fff;
    width: 50%
}

.part02-news ul li p {
    display: block;
    margin-top: 10px;
    color: #bbb;
    font-size: 16px;
}

.part02-news ul li span {
    position: absolute;
    right: 30px;
    bottom: 30px;
    border: #36b121 1px solid;
    width: 110px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #36b121;
    z-index: 3;
    border-radius: 20px;
}

.part02-news ul li:hover span {
    background: #36b121;
    color: #fff
}

.part02-news ul li:hover i {
    background: rgba(6, 4, 4, 0.7)
}

.part02-news ul li:nth-child(2) {
    float: left;
    width: 35%
}

.part02-news ul li:nth-child(3) {
    float: right;
    width: 35%
}

.part02-news ul li:nth-child(4) {
    float: left;
    width: 65%
}

.part02-news ul li:nth-child(5) {
    float: right;
    width: 35%
}

.part02-news ul li:nth-child(1) h2 {
    width: 75%;
}

.part02-news ul li:nth-child(4) h2 {
    width: 70%;
}

.part02-news ul li:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
}

.part03 {
    background: url(/Public/Home/img/success2021-bg.jpg) center center no-repeat;
    width: 100%;
    height: 557px;
    position: relative;
    overflow: hidden;
}

.en-case {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    height: auto;
    overflow-x: hidden;
    position: relative
}

.en-case div.slick-list {
    width: 100%;
    margin: 0 auto;
}

.en-case div.slick-slide {
    width: 100%;
    float: left;
    margin: 0 10px;
    text-align: center;
    position: relative;
    overflow: hidden
}

.en-case:hover .slick-prev, .en-case:hover .slick-next {
    opacity: 1
}

.en-case div.slick-slide .en-case-pic {
    position: relative;
    width: 100%;
    height: 210px;
    overflow: hidden;
}

.en-case div.slick-slide img {
    width: 100%;
    height: 100%;
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -moz-transition-duration: .3s;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.en-case div.slick-slide .en-case-pic b {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(0, 0, 0, 0.6);
}

.en-case div.slick-slide .en-case-pic i {
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -moz-transition-duration: .3s;
    display: block;
    background: url(/Public/Home/img/suuccess2021-ico.png) center center no-repeat;
    width: 36px;
    height: 36px;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    top: -999px;
    z-index: 3;
}

.en-case div.slick-slide .en-case-z {
    background: #fff;
    border-top: #2b9319 4px solid;
    padding: 15px 0 25px 0;
    height: auto;
    overflow: hidden;
    position: relative
}

.en-case div.slick-slide .en-case-z h2 {
    color: #111;
    font-size: 22px;
    line-height: 30px;
    padding-bottom: 20px;
    border-bottom: #efefef 2px solid;
    padding: 0 4%;
    width: 88%;
    margin: 0 auto;
    height: 105px;
    margin-bottom: 20px;
}

.en-case div.slick-slide .en-case-z span {
    display: block;
    background: #20930d;
    width: 140px;
    height: 45px;
    line-height: 45px;
    border-radius: 25px;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    float: right;
    position: absolute;
    right: 25px;
    bottom: 22px;
    z-index: 9;
}

.en-case div.slick-slide:hover .en-case-z {
    background: #2b9319;
    border-top: #ffffff 4px solid
}

.en-case div.slick-slide:hover i {
    top: 40%
}

.en-case div.slick-slide:hover b {
    display: block;
}

.en-case div.slick-slide:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
}

.en-case div.slick-slide:hover .en-case-z h2 {
    color: #fff;
    border-bottom: #50ce3b 2px solid;
}

.en-case div.slick-slide:hover .en-case-z span {
    color: #20930d;
    background: #fff;
}

.en-success-list {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    height: auto;
    overflow-x: hidden;
    position: relative
}

.en-success-list ul li {
    width: 32%;
    float: left;
    margin-right: 2%;
    margin-top: 2%;
    text-align: center;
    position: relative;
    overflow: hidden
}

.en-success-list ul li:nth-child(3n) {
    margin-right: 0;
}

.en-success-list ul li .en-case-pic {
    position: relative;
    width: 100%;
    height: 210px;
    overflow: hidden;
}

.en-success-list ul li img {
    width: 100%;
    height: 100%;
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -moz-transition-duration: .3s;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.en-success-list ul li .en-case-pic b {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(0, 0, 0, 0.6);
}

.en-success-list ul li .en-case-pic i {
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -moz-transition-duration: .3s;
    display: block;
    background: url(/Public/Home/img/suuccess2021-ico.png) center center no-repeat;
    width: 36px;
    height: 36px;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    top: -999px;
    z-index: 3;
}

.en-success-list ul li .en-case-z {
    background: #fff;
    border-top: #2b9319 4px solid;
    padding: 15px 0 25px 0;
    height: auto;
    overflow: hidden;
    position: relative
}

.en-success-list ul li .en-case-z h2 {
    color: #111;
    font-size: 22px;
    line-height: 30px;
    padding-bottom: 20px;
    border-bottom: #efefef 2px solid;
    padding: 0 4%;
    width: 88%;
    margin: 0 auto;
    height: 105px;
    margin-bottom: 20px;
}

.en-success-list ul li .en-case-z span {
    display: block;
    background: #20930d;
    width: 140px;
    height: 45px;
    line-height: 45px;
    border-radius: 25px;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    float: right;
    position: absolute;
    right: 25px;
    bottom: 22px;
    z-index: 9;
}

.en-success-list ul li:hover .en-case-z {
    background: #2b9319;
    border-top: #ffffff 4px solid
}

.en-success-list ul li:hover i {
    top: 40%
}

.en-success-list ul li:hover b {
    display: block;
}

.en-success-list ul li:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
}

.en-success-list ul li:hover .en-case-z h2 {
    color: #fff;
    border-bottom: #50ce3b 2px solid;
}

.en-success-list ul li:hover .en-case-z span {
    color: #20930d;
    background: #fff;
}

.en-case .slick-prev, .en-case .slick-next {
    color: transparent;
    position: absolute;
    left: 40px;
    top: 35%;
    background: url("/site/img/fea2021-arrow-r.png") center center no-repeat;
    width: 22px;
    height: 39px;
    border: 0;
    cursor: pointer;
    z-index: 99999;
    opacity: 0;
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -moz-transition-duration: .3s;
}

.en-case .slick-next {
    right: 40px;
    left: auto;
    background: url("/Public/Home/img/fea2021-arrow-r.png") center center no-repeat;
}

.part04 {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #f8f8f8;
    position: relative;
}

.en-studio {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.en-studio ul li {
    width: 23.5%;
    margin-right: 2%;
    float: left;
}

.en-studio ul li:last-child {
    margin-right: 0;
}

.en-studio ul li .en-studio-pic {
    width: 100%;
    height: 180px;
    position: relative;
    overflow: hidden;
}

.en-studio ul li .en-studio-pic img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -moz-transition-duration: .3s;
}

.en-studio ul li .en-studio-pic b {
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    display: block
}

.en-studio ul li .en-studio-pic i {
    background: url(/Public/Home/img/play2021-ico.png) center center no-repeat;
    width: 58px;
    height: 58px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: 40%;
    z-index: 3
}

.en-studio ul li .en-studio-z {
    background: #fff;
    padding: 15px 20px;
    height: auto;
    overflow: hidden
}

.en-studio ul li .en-studio-z h2 {
    color: #111;
    font-size: 18px;
    text-align: left;
    line-height: 30px;
    border-bottom: #efefef 2px solid;
    padding-bottom: 15px;
    height: 95px;
    margin-bottom: 10px;
}

.en-studio ul li .en-studio-z span {
    color: #46ae34;
    display: block;
    margin: 10px auto;
    float: left;
    text-align: left;
}

.en-studio ul li:hover .en-studio-z {
    background: #46ae34;
}

.en-studio ul li:hover .en-studio-z h2 {
    border-bottom: #5ec24d 2px solid;
    color: #fff;
}

.en-studio ul li:hover .en-studio-z span {
    color: #99e98b;
}

.en-studio ul li:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
}

.en-list-studio {
    margin: 1% auto 3% auto;
}

.en-list-studio ul li {
    margin-top: 2%;
}

.en-list-studio ul li:last-child {
    margin-right: 2%;
}

.en-list-studio ul li:nth-child(4n) {
    margin-right: 0 !important;
}

.part04 .en-more {
    margin-bottom: 35px;
}

.part05 {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #fff;
    position: relative;
}

.en-event {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.en-event ul li {
    width: 23.5%;
    margin-right: 2%;
    float: left;
}

.en-event ul li:last-child {
    margin-right: 0;
}

.en-event ul li .en-event-pic {
    width: 100%;
    height: 180px;
    position: relative;
    overflow: hidden;
}

.en-event ul li .en-event-pic img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -moz-transition-duration: .3s;
}

.en-event ul li .en-event-z {
    background: #3f3f3f;
    padding: 15px 20px;
    height: auto;
    overflow: hidden
}

.en-event ul li .en-event-z h2 {
    color: #fff;
    font-size: 18px;
    text-align: left;
    line-height: 30px;
    border-bottom: #525252 2px solid;
    padding-bottom: 15px;
    height: 95px;
    margin-bottom: 10px;
}

.en-event ul li .en-event-z span {
    color: #46ae34;
    display: block;
    margin: 10px auto;
    float: left;
    text-align: left;
}

.en-event ul li:hover .en-event-z {
    background: #2b2b2b;
}

.en-event ul li:hover .en-event-z h2 {
    border-bottom: #525252 2px solid;
    color: #41d228;
}

.en-event ul li:hover .en-event-z span {
    color: #99e98b;
}

.en-event ul li:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
}

.en-event-list {
    margin: 1% auto 3% auto;
}

.en-event-list ul li {
    margin-top: 2%;
}

.en-event-list ul li:last-child {
    margin-right: 2%;
}

.en-event-list ul li:nth-child(4n) {
    margin-right: 0 !important;
}

.part05 .en-more {
    margin-bottom: 35px;
}

footer {
    background: #191a18;
    height: 310px;
    width: 100%;
    overflow: hidden;
    padding: 40px 0
}

.en-footer-l {
    float: left;
    width: 37%;
    position: relative;
    height: auto;
    overflow: hidden;
}

.en-footer-logo {
    width: 185px;
    height: 53px;
    display: block
}

.en-footer-logo img {
    width: 100%;
    height: 100%;
}

.en-footer-ad {
    width: 100%;
    margin-top: 120px;
}

.en-footer-ad ul {
    height: auto;
    overflow: hidden;
    width: 100%;
}

.en-footer-ad ul li {
    color: #999;
    line-height: 30px;
    width: 100%;
    display: block;
    float: left;
}

.en-footer-ad ul li i {
    display: inline-block;
    background: url(/Public/Home/img/footer2021-ico2.png) center center no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    margin-bottom: 3px;
    vertical-align: middle;
}

.en-footer-ad ul li:nth-child(1) i {
    background: url(/Public/Home/img/footer2021-ico1.png) center center no-repeat;
}

.en-footer-ad span {
    color: #474747;
    display: block;
    margin-top: 20px;
}

.en-footer-r {
    width: 63%;
    float: right;
    height: auto;
    overflow: hidden;
    position: relative
}

.en-footer-r ul li {
    width: 18%;
    padding: 0 1%;
    float: left;
}

.en-footer-r ul li h2 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 10px;
    height: auto;
    overflow: hidden;
}

.en-footer-r ul li h2 a {
    color: #fff
}

.en-footer-r ul li p {
    color: #868686;
    font-size: 16px;
    line-height: 30px;
}

.en-footer-r ul li p a {
    color: #868686
}

.en-footer-r ul li:hover h2 a {
    color: #b6ffa9
}

.en-footer-r ul li p:hover a {
    color: #b6ffa9
}

.en-footer-r dl {
    width: 35%;
    float: right;
    margin-top: 110px;

}

.ntc .prism-player .prism-tooltip {
    display: none !important
}

.en-footer-r dl dt {

    width: 20%;

    float: left;


    position: relative

}

.en-footer-r dl dt img {

    display: block;


    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    transition: all .5s;

}

.en-footer-r dl dt img:nth-child(2) {

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

}

.en-footer-r dl dt:hover img {

    opacity: 0;

}

.en-footer-r dl dt:hover img:nth-child(2) {

    opacity: 1;

}

.part02-news .en-title {
    display: none
}

.part02-news .en-more {
    display: none;
    margin-top: 20px;
}

.en-n {
    background: #f7f7f7;
}

.en-nybanner {
    width: 100%;
    position: relative;
}

.en-nybanner img {
    width: 100%;
    height: 100%;
}

.en-nybanner h2 {
    position: absolute;
    bottom: 50px;
    left: 0;
    color: #fff;
    font-size: 30px;
}

.en-sec-nav {
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #2b2b2b;
}


.nav_menu3,
.nav_menu3 ul,
.nav_menu3 #menu-button {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.nav_menu3 ul li {
    margin: 0;
    padding: 0;

    list-style: none;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.nav_menu3 ul li:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 20px;
    background: #4b4a4a;
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 20px;
}

.nav_menu3 ul li:last-child:after {
    display: none;
    content: "";
}

.nav_menu3 ul {
    position: relative;
}

.nav_menu3 #menu-button {
    margin-top: 100px;
    background: #F00;
    position: absolute;
    z-index: 99999;
}

.nav_menu3:after,
.nav_menu3 > ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.nav_menu3 #menu-button {
    display: none;
}

.nav_menu3 {
    width: 1200px;
    line-height: 1;
    margin: 0 auto;
    position: relative;
    z-index: 9999;
}

#menu-line {
    position: absolute;
    top: 0;
    left: 0;
    height: 3px;
    background: #990B2C;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;

}

.nav_menu3 > ul > li {
    text-align: center;
    line-height: 60px;
    float: left;
}

.nav_menu3.align-center > ul {
    font-size: 0;
    text-align: center;
}

.nav_menu3.align-center > ul > li {
    display: inline-block;
    float: none;
}

.nav_menu3.align-center ul ul {
    text-align: left;
}

.nav_menu3.align-right > ul > li {
    float: right;
}

.nav_menu3.align-right ul ul {
    text-align: right;
}

.nav_menu3 > ul > li > a {

    text-decoration: none;

    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    font-family: "Arial";
    height: 60px;
    line-height: 60px;
    display: inline-block;
    padding: 0 20px;
    width: 155px;

}

.nav_menu3 > ul > li:hover {
    background: #5cbb4c;
}

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

.nav_menu3 > ul > li:hover:after {
    content: "";
    display: none
}

.nav_menu3 > ul > li.active {
    background: #5cbb4c;

}

.nav_menu3 > ul > li.active:after {
    content: "";
    display: none;
}

.nav_menu3 > ul > li.active > a {
    color: #fff;
}


.nav_menu3 ul ul {
    position: absolute;
    left: -9999px;
    top: 60px;
    width: 100%;
}

.nav_menu3 li:hover > ul {
    left: 0;
}

.nav_menu3.align-right li:hover > ul {
    left: 0;
}

.nav_menu3 ul ul ul {
    margin-left: 100%;
    top: 0;
}

.nav_menu3.align-right ul ul ul {
    margin-left: 0;
    margin-right: 100%;
}

.nav_menu3 ul ul li {
    height: 0;
    -webkit-transition: height .2s ease;
    -moz-transition: height .2s ease;
    -ms-transition: height .2s ease;
    -o-transition: height .2s ease;
    transition: height .2s ease;


}

.nav_menu3 ul li:hover > ul > li {
    height: 50px;


}

.nav_menu3 ul li > ul > li:after {
    content: "";
    display: none
}

.nav_menu3 ul ul li a {
    display: block;
    height: auto;
    padding: 10px 10px 15px 10px;
    line-height: 30px;
    width: calc(100% - 20px);
    font-weight: bold;
    text-align: center;
    background: #ededed;
    text-decoration: none;
    color: #555;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
    font-size: 16px;

}

/*.nav_menu3 ul li:nth-child(1) ul li a{width: 176px;}
.nav_menu3 ul li:nth-child(2) ul li a{width: 176px;}
.nav_menu3 ul li:nth-child(3) ul li a{width: 90px;}
.nav_menu3 ul li:nth-child(3) ul li ul li a{width:200px;}
.nav_menu3 ul li:nth-child(4) ul li:nth-child(3):hover ul{display: none}
.nav_menu3 ul li:nth-child(2) ul li:nth-child(5):hover ul li a{width: 176px;}

/*.nav_menu3 ul li:nth-child(5) ul li a{width: 115px;}*/
.nav_menu3 ul ul li:hover > a {
    color: #36b121;
    background: #ddd;
}

.en-mbx {
    border-bottom: #ddd 1px solid;
    padding: 15px 0;
    line-height: 26px;
    color: #444;
    margin-top: 10px;
}

.en-mbx a {
    display: inline-block;
    margin-right: 5px;
    color: #444;
}

.en-mbx a:hover {
    color: #39ac26;
}

.en-mbx a:after {
    content: "-";
    display: inline-block;
    color: #444;
    margin-left: 5px;
}

.en-mbx a:last-child:after {
    content: "";
    display: none
}

.en-mbx img {
    margin-right: 10px;
    margin-left: 10px;
    display: inline-block;
    margin-bottom: 3px;
    vertical-align: middle;
}

.typename2 {
    text-align: center;
    width: 100%;
    font-size: 24px;
    color: #2b2b2b;
    margin: 30px auto;
}

.typename3 {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

.typename3 ul li {
    background: #acacac;
    height: 45px;
    line-height: 45px;
    display: inline-block;
    margin: 0 1px;
    text-align: center;
}

.typename3 ul li a {
    color: #fff;
    display: inline-block;
    padding: 0 50px;
}

.typename3 ul li:hover {
    background: #5c5c5c;
}

.typename3 ul li.active {
    background: #5c5c5c;
}

.typename4 {
    width: 100%;
    text-align: center;
    margin: 30px auto 15px auto;
}

.typename4 ul li {
    border: #5c5c5c 1px solid;
    text-align: center;
    color: #5c5c5c;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    margin: 0 5px;
    border-radius: 5px
}

.typename4 ul li a {
    color: #5c5c5c;
    display: inline-block;
    padding: 0 25px;
}

.typename4 ul li:hover {
    background: #80ca75;
    border: #80ca75 1px solid
}

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

.typename4 ul li.active {
    background: #80ca75;
    border: #80ca75 1px solid
}

.typename4 ul li.active a {
    color: #fff;
}

.en-product-list {
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: auto;
    overflow: hidden
}

.en-product-list ul li {
    background: #fff;
    width: 46.5%;
    float: left;
    margin-top: 3%;
    height: 230px;
    padding: 20px 1%;
    border-radius: 5px
}

.en-product-list ul li:nth-child(even) {
    float: right;
}

.en-product-list ul li .img-p {
    height: 230px;
    float: left;
    width: 238px;
}

.en-product-list ul li .img-p img {
    width: 100%;
    height: 165px;
    float: left;
    vertical-align: middle;
    object-fit: contain;
    margin-top: 20px;
}

.en-par {
    float: right;
    width: calc(100% - 250px);
    text-align: left;
}

.en-par h2 {
    color: #111;
    font-size: 20px;
    line-height: 26px;
    border-bottom: #ddd 1px solid;
    padding-bottom: 7px;
}

.en-par h3 {
    color: #349025;
    font-size: 16px;
    margin-top: 15px;
}

.en-par h3 span {
    display: inline-block;
    margin-right: 10px;
}

.en-par h2 span {
    display: block;
    margin-right: 10px;
}

.en-par p {
    line-height: 26px;
    color: #777777;
    font-size: 14px;
    margin-top: 8px;
}

.en-piao {
    position: fixed;
    bottom: 50px;
    right: calc(18.75% - 100px);
    z-index: 99999
}

.en-piao dl dt {
    background: url("/Public/Home/img/en-piao-g.jpg") center center no-repeat;
    width: 100px;
    height: 80px;
    text-align: center
}

.en-piao dl dt:nth-child(2) {
    background: url("/Public/Home/img/en-piao-g2.jpg") center center no-repeat;
}

.en-piao dl dt a {
    color: #fff;
    font-size: 16px;
    padding-top: 23px;
    display: block;
}

.en-list-title {
    width: 100%;
    text-align: center;
    color: #111;
    margin: 25px auto 0 auto;
    font-size: 30px;
}

.en-list-title2 {
    width: 100%;
    text-align: center;
    margin: 25px auto 0 auto;
    padding-bottom: 30px;
}

.en-list-title2 h1 {
    color: #111;
    font-size: 30px;
}

.en-list-title2 p {
    margin-top: 10px;
    color: #777
}

.en-event-ad {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 30px;
}

.en-event-ad img {
    display: block;
    margin-top: 20px;
    width: 100%;
}

.en-feature-list {
    width: 100%;
    height: auto;
    overflow: hidden
}

.en-feature-list ul li {
    width: 18.5%;
    margin-right: 1.875%;
    float: left;
    text-align: center;
    margin-top: 3.5%;
}

.en-feature-list ul li:nth-child(5n) {
    margin-right: 0;
}

.en-feature-list ul li div {
    background: #fff;
    padding: 45px 0;
    border-radius: 5px;
    height: auto;
    overflow: hidden;
    border: #ddd 1px solid
}

.en-feature-list ul li div i {
    display: block;
    width: 61px;
    height: 61px;
    background-position: 100% 100%;
    margin: 0 auto;
    -webkit-transition: 0.4s;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
}

.en-feature-list ul li:hover div i {
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
}

.en-feature-list ul li div h2 {
    color: #333;
    font-size: 20px;
    margin-top: 20px;
}

.en-feature-list ul li span {
    display: block;
    margin-top: 10px;
    background: #a2cf41;
    text-align: center;
    color: #fff;
    height: 45px;
    line-height: 45px;
    width: 100%;
    border-radius: 5px;
    font-size: 18px;
    font-weight: bold;
}

.en-feature-list ul li:hover div {
    border: #8fc31f 1px solid
}

.en-feature-list ul li:hover span {
    background: #36b121;
}

.countdown {
    font-size: 16px;
    color: #cc4205;
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.countdown:before {
    width: 17px;
    height: 17px;
    background: url("../img/countdown-ico.png") center center no-repeat;
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 3px;
    margin-right: 10px;
}

.countdown span {
    font-size: 20px;
    display: inline-block;
    margin-left: 10px;
}

.en-signup {
    text-align: center;
    margin: 20px auto
}

.en-signup button {
    border: 0;
    color: #fff;
    font-size: 22px;
    cursor: pointer;
    background: #6bc15c;
    width: 380px;
    height: 55px;
    line-height: 55px;
    border-radius: 5px
}

.en-signup button:hover {
    background: #74d064;
}

.en-signup button:active {
    background: #54a845;
    font-size: 24px;
}

.en-invite {
    background: #81b659;
    padding: 20px 0;
    width: 100%;
    text-align: center;
    height: auto;
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 30px;
}

.en-invite p {
    color: #fff;
    font-size: 16px;
    width: 60%;
    margin: 0 auto;
}

.en-invite form {
    width: 60%;
    margin: 10px auto;
}

.en-invite form input[type=text] {
    width: 70%;
    background: #fff;
    text-align: left;
    float: left;
    text-indent: 1em;
    height: 40px;
    line-height: 40px;
    border: 0;
    font-size: 18px;
}

.en-invite form input[type=button] {
    width: 28%;
    float: right;
    background: #fff;
    text-align: center;
    border: 0;
    color: #81b659;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    cursor: pointer
}

.event-video {
    width: 1000px;
    height: 560px !important;
    margin: 0 auto 30px auto
}

.event-video video {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

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

    .head .nav {
        width: 820px;
    }


    .swiper2 .swiper-slide .fea_l img {
        width: 100%;
        height: 100%;
    }

    .swiper2 .swiper-slide {
        height: 285px;
    }

    .features .features_l {
        height: 285px;
    }

    /*	.about_us .nlt .ntc img{width: 100% !important;height: 100% !important;}

*/
    .art_g_r {
        width: 50%;
    }

    .pr_li1 .ul2 li {
        height: auto;
    }

    .pr_li1 .ul1 li {
        height: auto;
    }

    .banner_ny {
        height: 250px;
    }

    /*	.ne_co1 .nlt .ntc img{width: 100% !important;height: 100% !important;}

	.about_us .nlt .ntc img{width: 100% !important;height: 100% !important;}*/
    .message_r li:nth-child(4) input {
        width: 39%;
    }

    .ilogin {
        width: 47%;
    }

    .pr_li1 .ul1 li .img img {
        width: 100%;
        height: 100%;
    }

    .pr_li1 .ul2 li .img img {
        width: 100%;
        height: 100%;
    }

    .login3 .ilogin label {
        width: 30%;
    }

    .login3 .ilogin input {
        width: 65%;
    }

    .login3 .ilogin ul li select {
        width: 65%;
    }

    .login3 .ilogin ul li.textarea_li textarea {
        width: 65%;
    }

    .login3 .ilogin input[type=submit] {
        width: 100%;
        margin-left: 0;
        height: 50px;
        line-height: 50px;
    }


}


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

    .login3 .ilogin label {
        font-size: 14px;
    }

    .swiper4 .swiper-slide {
        height: 253px;
    }

    .banner_ny {
        height: 225px;
    }

    .pr_li1 .ul1 li .f_22 {
        font-size: 16px;
    }

    .ilogin input {
        width: 76%;
    }

    .login_button input {
        width: 100%;
    }

    .login3 .ilogin ul li.textarea_li textarea {
        width: 64%;
    }


}


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

    .ilogin ul {
        margin-top: 65px;
    }

    .banner_ny {
        height: 213px;
    }

    .message_r li:nth-child(4) input {
        width: 38.5%;
    }

    .login3 .ilogin input {
        width: 64%;
    }

    .login3 .ilogin ul li select {
        width: 64%;
    }

    .login3 .ilogin ul li.textarea_li textarea {
        width: 63%;
    }


}


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

    .login3 .ilogin label {
        width: 32%;
    }

    .login3 .ilogin input {
        width: 62%;
    }

    .login3 .ilogin ul li select {
        width: 62%;
    }

    .login3 .ilogin ul li.textarea_li textarea {
        width: 61%;
    }


}

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


    body {
        min-width: 1000px
    }

    .box {
        min-width: 1000px;
        max-width: 1000px
    }

    .head .nav {
        width: 620px;
        margin-left: -335px;
    }

    .swiper2 .swiper-slide {
        height: 235px;
    }

    .swiper3 .swiper-slide img {
        width: 250px;
        height: 114px;
    }

    .swiper3 .swiper-slide {
        height: 131px;
    }

    .swiper3 .swiper3_z {
        margin-top: 75px;
    }

    .i5 .ibox .ilt img {
        height: 100%;
    }

    .i5 .ibox .irt {
        max-height: 335px
    }

    .pr_li1 .ul2 {
        width: calc(100% - 300px);
    }

    .prt2 .ul1 {
        width: calc(100% - 300px);
    }

    .prt2 .ul1 table {
        min-width: 100%
    }

    .art_g_r {
        width: 45%;
        margin-left: 20px;
    }

    .features .features_l {
        height: 235px
    }

    .login3 .ilogin {
        width: 70%;
    }

    .ilogin {
        width: 70%;
    }

    .pa1 .abtn span {
        padding: 15px 20px
    }

    .pa1 .map {
        display: none
    }

}


/* 手机 */


@media (max-width: 1024px) {

    .ne_co1 .nlt .ntc {
        width: 100%;
    }

    body {
        min-width: 200px;
    }


    .m_head {
        display: block;
        height: auto;
        overflow: hidden;
        padding: 20px 5%;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        box-sizing: border-box;
        z-index: 99998;
        background: #333;
    }


    .m_head .mlt {
        display: block;
        float: left;
    }


    .m_head .mlt img {
        display: block;
        width: 159px;
        height: 46px;
    }


    .m_head .img, .m_head .img2 {
        float: right;
    }


    .m_head .img img, .m_head .img2 img {
        display: block;
        width: 100%;
    }


    .m_nav {
        display: block;
        position: fixed;
        z-index: 99999;
        width: 100%;
        height: 100%;
        top: 0;
        right: -100%;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        transition: all 1s;
        overflow: hidden;
        box-sizing: border-box;
    }


    .m_nav.act {
        right: 0;
    }


    .m_out {
        width: 15%;
        float: left;
    }


    .m_out img {
        display: block;
        width: 100%;
    }


    .m_navbox {
        width: 80%;
        box-sizing: border-box;
        float: right;
        background: #000;
        height: 100vh;
        box-sizing: border-box;
        padding: .2rem 5%;
        overflow: auto;
    }


    .m_navbox div, .m_navbox a {
        color: #fff;
        display: block;
    }


    .m_navbox a {
        font-size: 14px;
        line-height: 30px;
        padding: .3rem 0;
    }


    .m_navbox div, .m_navbox a.ltp {
        font-size: 16px;
        line-height: 50px;
        border-bottom: 1px solid #1f1e1e;
        padding: .45rem 0;
        display: block;
        text-align: right;
    }


    .m_navbox a {
        padding-left: 15px;
    }


    .m_navbox a.a1 {
        padding-left: 0;
    }


    .m_navbox li .ltt1.act {
        background: url(/Public/Home/images/reduce.jpg) center right no-repeat;
    }


    .m_navbox div.lbt {
        padding: .3rem 0;
        display: none;
    }


    .m_navbox li .ltt2 {
        border-bottom: 1px solid #ddd;
        font-size: 14px;
        border: 0;
        line-height: 30px;
        padding-left: 3%;
        padding: .3rem 0;
    }


    .m_navbox li .ltt2.act {
        background: url(/Public/Home/images/reduce.jpg) center right no-repeat;
    }


    .m_navbox li .ltc2 {
        padding-top: 0;
        display: none;
    }


    .sign_out p {
        display: inline-block;
        width: 49%;
        font-size: 16px;
        text-align: center;
        color: #fff;
    }

    .sign_out p a {
        font-size: 16px;
        padding-left: 0;
    }


    .head, .in1 .prev1, .in1 .next1, .swiper1 .swiper-slide .pimg {
        display: none;
    }


    .banner .pimg {
        display: none;
    }


    .banner .mimg {
        display: block;
    }


    .banner .u {
        display: none;
    }


    .banner .tt {
        padding-top: 23%;
        font-size: .6rem;
        text-align: center;
    }


    .banner .tc {
        text-align: center;
    }


    .box {
        width: 90%;
        min-width: 200px;
    }


    .pr1 {
        padding: .5rem 0;
    }


    .pr1 .tc {
        margin: .3rem 0;
    }


    .pr1 .ul1 li {
        width: 49%;
        margin: 0 0 .3rem 0;
    }


    .pr1 .ul1 li:nth-child(2n) {
        float: right;
    }


    .footer {
        padding: 0;
    }


    .footer .box {
        padding: 1.8rem 0 .5rem;
        background: #263646 url(/Public/Home/images/1_43.png) 56% .5rem no-repeat;
        background-size: 300%;
    }


    .footer .ftp {
        display: none;
    }


    .footer .fbt {
        padding: 0;
        margin: 0;
        background: #263646;
        line-height: 1.8;
        text-align: center;
        height: auto;
        font-size: .3rem;
    }


    .footer .fbt .abtn {
        float: none;
        text-align: center;
        margin-top: 5px;
    }


    .footer .fbt .abtn a {
        display: inline-block;
        float: none;
        font-size: .32rem;
    }


    .i5 .ibox .irt li .ljt {
        display: none;
    }


    .pr_li1 {
        padding: .5rem 0;
    }


    .pr_li1 .tc {
        margin: .3rem 0;
    }


    .pr_li1 .abtn a {
        width: 110px;
    }


    .pr_li1 .ul1 {
        width: 100%;
        float: none;
    }


    .pr_li1 .ul1 li {
        width: 100%;
        float: none;
        margin: 0 0 .8rem 0;
    }


    .pr_li1 .ul1 li .lmore {
        margin: 10px auto;
    }


    .zhanwei {
        display: none;
    }


    .pr_li1 .prt {
        float: none;
        margin: 0 auto;
        overflow: hidden;
    }

    .prt {
        float: none;
        margin: 0 auto;
        overflow: hidden;
    }

    .prt1 {
        padding: .5rem 0 0;
        margin-bottom: .8rem;
    }


    .prt1 .plt {
        width: 100%;
        float: none;
    }


    .prt1 .plt .img1, .prt1 .plt .img1 img {
        display: none;
    }


    .prt1 .plt .sbox .swiper3 .swiper-slide .img, .prt1 .plt .sbox .swiper3 .swiper-slide.act .img {
        border: 0;
    }


    .prt1 .plt .sbox .swiper3 {
        width: 100%;
    }


    .prt1 .prt {
        width: 100%;
        float: none;
        margin: 0;
    }


    .prt1 .prt .ptt {
        font-size: .6rem;
        padding: .1rem 0;
        line-height: 1.5;
    }


    .prt1 .prt .ul1 {
        margin: .5rem 0 .3rem;
    }


    .prt2 .prt {
        float: none;
        margin: 0 auto;
        overflow: hidden;
    }


    .prt1 .ptp .abtn {
        padding-top: .5rem;
        position: relative;
        overflow: auto;
    }


    .prt1 .ptp .abtn .abox {
        float: left;
        margin-right: -999em;
    }


    .prt1 .ptp .abtn span {
        padding: 15px 20px;
        margin: 0 .1rem 0 0;
        float: left;
        display: block;
    }


    .prt1 .ptp .abtn span s {
        display: none;
    }


    .prt2 .box {
        overflow: auto;
    }


    .prt2 .ul1 {
    }


    .prt2 .ul1 {
        width: 100%;
        float: none;
    }


    .prt2 .ul1.act {
        padding: 0 0 1rem 0;
        width: 850px;
        margin-right: -999em;
    }


    .prt2 .ul1 .li3 {
        padding: 0;
    }


    .ne1 {
        padding: .5rem 0;
    }


    .ne1 .tt, .ne2 .tt {
        font-size: .5rem;
    }


    .ne1 .nbt {
        margin: .5rem 0;
    }


    .ne1 .nlt {
        width: 100%;
        float: none;
    }


    .ne1 .nlt .nmore {
        margin: .3rem auto;
    }


    .ne1 .nrt {
        width: 100%;
        float: none;
        margin-top: 1rem;
    }


    .ne1 .nrt li {
        margin-bottom: .5rem;
        border-bottom: 1px solid #ddd;
        padding-bottom: .5rem;
    }


    .ne2 {
        padding: .5rem 0;
    }


    .swiper3m {
        display: block;
    }


    .ne2 .demo {
        display: none;
    }


    .swiper0m {
        margin: .5rem 0 0;
        display: block;
        text-align: center;
        padding-bottom: 1rem;
        font-size: .4rem;
    }


    .swiper0m img {
        display: block;
        width: 100%;
        margin-bottom: .5rem;
    }


    .ne2 .nct .btn.prev, .ne2 .nct .btn.next {
        display: none;
    }


    .swiper0m .pagination0 span {
        opacity: 1;
    }


    .swiper0m .pagination0 .swiper-pagination-bullet-active {
        background: #007aff;
    }


    .ne3 {
        padding: .5rem 0;
    }


    .ne3 .tt, .n_li1 .tt {
        margin: 50px auto
    }


    .ne3 .ul1 {
        margin: 0;
    }


    .ne3 .ul1 li {
        width: 100%;
        float: none;
        margin: .3rem 0 0;
        text-align: center;
    }


    .ne_co1 {
        padding: .5rem 0 1rem;
    }


    .ne_co1 .fh {
        margin-bottom: .5rem;
    }


    .ne_co1 .nlt {
        width: 100%;
        float: none;
    }


    .ne_co1 .nect .nrt {
        display: none;
    }


    .ne_co1 .nlt .ntt {
        line-height: 1.5;
    }

    .ne_co1 .nlt img {
        display: inline-block;
        max-width: 100%;
    }


    .n_li1 {
        padding: .5rem 0;
    }


    .n_li1 .n_ct {
        margin-top: .5rem;
    }


    .n_li1 .n_ct .nlt {
        width: 100%;
        float: none;
    }


    .n_li1 .n_ct .nlt .abtn {
        text-align: center;
        position: relative;
        overflow: auto;
    }


    .n_li1 .n_ct .nlt .abtn .abox {
        float: left;
        margin-right: -999em;
    }


    .n_li1 .n_ct .nlt .abtn a {
        padding: 15px 0;
        width: 110px;
        margin: 0 .1rem 0 0;
        float: left;
        display: block;
    }


    .n_li1 .n_ct .nlt .ul1 {
        padding: .5rem 0;
    }


    .n_li1 .n_ct .nlt .ul1 li .img {
        width: 100%;
        float: none;
    }


    .n_li1 .n_ct .nlt .ul1 li .lrt {
        width: 65%;
        padding: .5rem 0;
    }


    .n_li1 .n_ct .nlt .ul1 li .lrt .ltt {
        height: 42px;
    }


    .n_li1 .n_ct .nlt .ul1 li .lrt .ltc {
        margin: 5px 0;
    }


    .n_li1 .n_ct .nrt {
        display: none;
    }


    .page1 {
        display: none;
    }


    .page2 {
        display: block;
        margin-bottom: .5rem;
    }


    .ev1 {
        padding: .5rem 0;
    }


    .ev1 .abtn {
        margin: .5rem 0;
    }


    .ev1 .abtn {
        text-align: center;
        position: relative;
        overflow: auto;
    }


    .ev1 .abtn .abox {
        float: left;
        margin-right: -999em;
    }


    .ev1 .abtn a {
        padding: 15px 0;
        width: 110px;
        margin: 0 .1rem 0 0;
        float: left;
        display: block;
    }


    .ev1 .ev_hot .img {
        width: 100%;
        float: none;
    }


    .ev1 .ev_hot .art {
        width: 100%;
        position: static;
        padding: .3rem 3%;
        border: 1px solid #ddd;
    }


    .ev1 .ul1 {
        padding: .5rem 0;
    }


    .ev1 .ul1 li {
        width: 100%;
        float: none;
        margin: 0 0 .5rem 0;
    }


    .ev1 .ul1 li .amore {
        margin: 0 auto;
    }


    .ev1 .ul2 li {
        width: 100%;
        float: none;
        margin: 0 0 50px 0;
        text-align: center;
    }


    .ev1 .ul2 li .ev_more {
        margin: 0 auto 50px auto
    }


    .vd0 {
        padding: .5rem 0;
    }


    .vd1 .txt {
        margin-top: .5rem;
    }


    .vd1 .txt .tt {
        font-size: .5rem;
        width: 100%;
    }


    .vd1 .txt .tc {
        width: 100%;
    }


    .vd1 .txt .fx {
        position: static;
        margin-top: .3rem;
    }


    .vd1, .su1 {
        padding: .5rem 0;
    }


    .su1 .tt, .su2 .tt {
        font-size: .5rem;
    }


    .su1 .ul1 {
        margin-top: .5rem;
    }


    .su1 .ul1 li {
        width: 48%;
        float: none;
        margin: 0 0 .3rem 0;
        height: 180px;
        padding: 0;
    }


    .su1 .ul1 li:hover {
        border: 0;
    }


    .su1 .ul1 li.li1 {
        width: 100%;
    }


    .su1 .ul1 li:nth-child(2n) {
        float: right;
    }


    .su2 {
        padding: 0;
    }


    .su1 .ul1 li .stt {
        margin: 10px 0;
    }


    .su2 .ul1 {
        margin: .5rem 0;
    }


    .su2 .ul1 li {
        width: 100%;
        float: none;
    }


    .su2 .ul1 li:nth-child(1) {
        border-bottom: 1px solid #ddd;
    }


    .su2 .ul1 li img {
        margin: .5rem auto;
    }


    .su2 .ul1 li .ltc {
        width: 90%;
        margin: .3rem auto;
    }


    .sul1 {
        margin: .5rem 0;
    }


    .sul1 .tt {
        margin: 30px auto
    }


    .sul1 .abtn {
        margin-top: .5rem;
    }


    .sul1 .box .abtn {
        position: relative;
        overflow: auto;
    }


    .sul1 .box .abtn .abox {
        float: left;
        margin-right: -999em;
    }


    .sul1 .abtn a {
        padding: 20px 10px;
    }


    .sul1 .abtn a.act s {
        display: none;
    }


    .sul2 .slt {
        width: 100%;
        float: none;
        margin: 0 0 .3rem 0;
        min-height: 100px;
    }


    .sul2 .srt {
        width: 100%;
        float: none;
        min-height: 100px;
    }


    .sul2, .ab1, .ab3 {
        padding: .5rem 0;
    }


    .vd_tanchang .vbox {
        width: 90%;
        position: static;
        margin: 200px auto 0;
    }


    .vd_tanchang .vbox .out {
        width: 30px;
        height: 30px;
        top: 150px;
        right: 5%;
    }


    .ab1 .alt {
        width: 100%;
        float: none;
    }


    .ab1 .art {
        width: 100%;
        float: none;
    }


    .ab1 .alt .tt {
        font-size: .5rem;
        margin: .3rem 0;
    }


    .ab1 .alt .tc {
        margin: .3rem 0;
    }


    .ab2 .ul1 li {
        margin: 0 0 .5rem 0;
        padding: 0 5%;
        width: 100%;
        box-sizing: border-box;
        height: auto;
        border: 0;
    }


    .ab2 .ul1 {
        height: auto;
        background-size: cover;
        padding: .5rem 0;
    }


    .ab2 .ul1 li:nth-child(3) {
        width: 100%;
    }


    .ab3 .tt {
        font-size: .5rem;
        text-align: left;
    }


    .ab3 .tc {
        margin: .3rem 0;
        text-align: left;
    }


    .ab3 .abox {
        height: auto;
        background: none;
    }


    .ab3 .abox .prev4, .ab3 .abox .next4 {
        display: none;
    }


    .ab3 .abox .swiper4 .swiper-slide {
        height: auto;
        text-align: center;
    }


    .ab3 .abox .swiper4 {
        width: 100%;
        padding: .3rem 0;
        box-sizing: border-box;
        background: #f2f2f2;
    }


    .ab3 .abox .swiper4 .swiper-slide .txt {
        padding: 0 5%;
    }


    .ab3 .abox .swiper4 .swiper-slide .yuan {
        display: none;
    }


    .ab3 .abox .swiper4 .swiper-slide:nth-child(2n) .stt, .ab3 .abox .swiper4 .swiper-slide:nth-child(2n) .stc {
        position: static;
    }


    .ab4 .ul1 li .ltc {
        text-align: left;
    }


    .ab4 {
        padding: .5rem 0;
    }


    .ab4 .abtn {
        width: 90%;
    }


    .ab4 .abtn span {
        width: 50%;
    }


    .ab4 .ul1 li .ltt {
        margin: .3rem 0;
        font-size: .5rem;
    }


    .ab4 .ul1 {
        padding: .5rem 0;
    }


    .ab5 {
        padding: .5rem 0;
    }


    .ab5 .tt {
        font-size: .5rem;
    }


    .ab5 .ul1 {
        margin-top: .5rem;
    }


    .ab5 .ul1 li {
        width: 100%;
        float: none;
        margin: 0 0 .3rem 0;
    }


    .ab5 .ul1 li .ltt {
        padding: .8rem 5% .5rem;
    }


    .ab5 .ul1 li .xian {
        margin-bottom: .3rem;
    }


    .ab6 {
        padding: .5rem 0;
    }


    .ab6 .tt, .ab7 .tt {
        font-size: .5rem;
        text-align: left;
    }


    .swiper5 {
        padding: .5rem 0;
    }


    .swiper5 .img img {
        width: 48%;
        margin: 0 0 .3rem 0;
    }


    .swiper5 .img img:nth-child(2n) {
        float: right;
    }


    .ab7 {
        padding: .5rem 0;
    }


    .ab7 .atc .img {
        width: 100%;
        float: none;
    }


    .ab7 .atc .art {
        width: 100%;
        float: none;
    }


    .ab7 .atc {
        margin-top: .5rem;
    }


    .ab2 .ul1 li .ltt {
        font-size: .8rem;
    }


    .lo1 {
        padding: .5rem 0;
    }


    .lo1 .tt {
        padding-bottom: .3rem;
    }


    .lo1 .box2 {
        margin: .5rem 0;
        width: 100%;
    }


    .lo1 .box2 .llt, .lo1 .box2 .lrt, .lo1 .box2 .lrt .d1 .sp1, .lo1 .box2 .lrt .d1 .sp2 {
        width: 100%;
        float: none;
    }


    .lo1 .box2 .lrt .d1 {
        margin-bottom: .3rem;
    }


    .lo1 .box2 .lrt {
        padding-top: 0rem;
    }


    .lo1 .box2 .lrt .d1 .sp2 input, .lo1 .box2 .lrt .d1 .sp2 select {
        width: 100%;
        float: none;
    }


    .lo1 .box2 .lrt .d1 .yanzheng input {
        width: calc(100% - 100px);
        float: left;
    }


    .lo1 .box2 .lrt .d1 .sp2 .sp3 {
    }


    .re1 {
        padding: .5rem 0;
    }


    .re1 .tt {
        padding-bottom: .3rem;
    }


    .re1 .box2 {
        width: 100%;
        padding: .5rem 0;
    }


    .re1 .box2 .rlt {
        width: 100%;
        float: none;
        margin-top: .8rem;
    }


    .re1 .box2 .rrt {
        width: 100%;
        float: none;
        border-top: 0;
        margin-top: 0;
        padding-top: 0;
    }


    .re1 .box2 .rrt .rtt {
        margin-bottom: .3rem;
    }


    .re1 .box2 .rrt .d1 .sp1 {
        width: 100%;
        float: none;
        margin: 0;
        text-align: left;
    }


    .re1 .box2 .rrt .d1 .sp2 select, .re1 .box2 .rrt .d1 .sp2 input {
        width: 95%;
        float: none;
        display: inline-block;
    }


    .re1 .box2 .rrt .d1 .sp2 {
        width: 100%;
    }


    .re1 .box2 .rrt .d1 {
        margin-bottom: 0;
    }


    .re1 .box2 .rrt .d1 .sp3 {
        float: none;
        margin-top: .1rem;
    }


    .re1 .box2 .rrt .d1 .sp2 {
        float: none;
    }


    .re1 .box2 .rrt .rtt2 {
        margin: .5rem 0 .3rem;
    }


    .re1 .box2 .rrt .d1 .sp5 input {
        width: 50px;
    }


    .re1 .box2 .rrt .d1 .sp3 div {
        width: 150px;
        line-height: 45px;
        margin: .3rem auto;
        float: none;
    }


    .fo1 {
        padding: .5rem 0;
    }


    .fo1 .tt {
        padding-bottom: .5rem;
    }


    .fo1 .tc {
        padding: .5rem 0;
    }


    .fo1 .tc img {
        width: 100%;
        float: none;
    }


    .fo1 .tc .trt {
        width: 100%;
        float: none;
        margin: 0 0 .8rem 0;
        border-top: 0;
        padding-top: 0;
    }


    .fo1 .tc .trt .d1 .sp1, .fo1 .tc .trt .d1 .sp2 {
        width: 100%;
        float: none;
        text-align: left;
    }


    .fo1 .tc .trt .d1 .sp2 input {
        width: 100%;
        float: none;
    }


    .fo1 .tc .trt .d1 {
        margin: 0;
    }


    .fo1 .tc .trt .d1 .sp2 .sp3 {
        width: 150px;
        margin: .3rem auto;
        float: none;
    }


    .fo1 .tc .trt .d1 .sp2 .amore {
        margin: .5rem auto 0;
    }


    .re1 .box2 .rrt .d1 .sp2 .amore {
        margin: 0 auto;
        margin-top: -.5rem;
    }


    .pr_co1 {
        padding: .5rem 0;
    }


    .pa1 {
        padding: .5rem 0;
        overflow: hidden;
        position: relative;
    }


    .pa1 .tt {
        margin: 50px auto
    }


    .pa1 .map {
        display: none;
    }


    .pa1 .abtn {
        margin: .3rem 0;
        text-align: center;
        position: relative;
        overflow: auto;
    }


    .pa1 .abtn .abox {
        float: left;
        margin-right: -999em;
    }


    .pa1 .abtn span {
        padding: 15px 20px;
        margin: 0 15px 0 0;
        float: left;
        display: block;
    }


    .pa1 .seh li .lbox {
        padding: 0;
    }


    .pa1 .seh li .lbox .img {
        width: 100%;
        float: none;
    }


    .pa1 .seh li .lbox .txt {
        width: 100%;
        float: none;
        padding: 0;
    }


    .pa1 .seh li .lbox .txt .email {
        margin: .3rem 0;
    }


    .pa1 .seh li .lbox .txt .tc1 span {
        margin: 0 0 .3rem 0;
        display: block;
        float: none;
    }


    .pa1 .seh li .lbox .txt .ltt {
        margin-bottom: .3rem;
    }


    .pa1 .seh li .lbox .txt .tc2 {
        height: auto;
        margin-bottom: .3rem;
    }


    .pa1 .seh li .lbox .txt .tc3 .sp3 {
        position: static;
        margin: .3rem auto 0;
    }


    .co1 {
        padding: .5rem 0;
    }


    .co1 .tt {
        font-size: .5rem;
    }


    .co1 .tc {
        margin: .3rem 0;
    }


    .co1 .tbox1 {
        position: relative;
        width: 100%;
        overflow: auto;
        height: 485px;
    }


    .co1 .tbox1 .tbox2 {
        width: 1200px;
        float: left;
    }


    .co1 .tc3 {
        margin: .3rem;
        padding: .5rem 0;
    }


    .co1 .tc3 .ttc {
        margin-top: .3rem;
    }


    .on1 {
        padding: .5rem 0;
    }


    .on1 .tt {
        font-size: .5rem;
    }


    .on1 .tt span {
        font-size: .36rem;
    }


    .on1 .obox {
        margin: .5rem auto;
        padding: .5rem 5%;
        width: 100%;
        box-sizing: border-box;
    }


    .on1 .obox .olt {
        width: 100%;
        float: none;
    }


    .on1 .obox .ort {
        width: 100%;
        float: none;
    }


    .on1 .obox .ort .d0 .drt {
    }


    .on1 .obox .ort .d1 .dlt {
        width: auto;
        display: inline-block;
        padding-right: 10px;
        float: none;
        text-align: left;
        background: url(/Public/Home/images/6_11.png) right 15px no-repeat;
    }


    .on1 .obox .ort .d1 .drt input, .on1 .obox .ort .d1 .drt select {
        width: 100%;
    }


    .on1 .obox .ort .d1 {
        background: none;
        margin-bottom: 10px;
    }


    .on1 .obox .ort .d1 .drt .amore {
        margin: .1rem auto 0;
    }


    .on1 .obox .ort .d1 .drt {
        width: 100%;
        float: none;
    }


    .on1 .obox .ort .d0 .dlt {
        display: none;
    }


    .on1 .obox .ort .d0 .drt {
        width: 100%;
        float: none;
        padding-left: 30px;
        background: url(/Public/Home/images/6_10.png) left center no-repeat;
        line-height: 30px;
        margin-top: 10px;
    }


    .er1 {
        padding: .5rem 0;
    }


    .er1 .box2 {
        width: 90%;
        min-height: auto;
        background: none;
    }


    .er1 .box2 img {
        display: block;
        width: 100%;
        margin-bottom: 0;
    }


    .er1 .box2 .txt {
        width: 100%;
    }


    .er1 .tt {
        font-size: .6rem;
    }


    .er1 .xian {
        height: 2px;
        margin: .3rem 0;
    }


    .se1 {
        padding: .5rem 0;
    }


    .se1 .tt {
        font-size: .5rem;
        padding-bottom: .5rem;
    }


    .se1 .sbox {
        padding: .5rem 0 0;
    }


    .se1 .sbox .slt {
        display: none;
    }


    .se1 .sbox .srt {
        width: 100%;
        float: none;
        padding-top: .3rem;
    }


    .se1 .sbox .srt .search_detail li {
        margin-bottom: .5rem;
        border-bottom: 1px solid #ddd;
        padding-bottom: .3rem;
    }


    .se1 .sbox .srt .search_detail .s_title a {
        border: 0;
        line-height: 1.5;
    }


    .pr_li1 .abtn {
        padding: .5rem 0;
    }


    .prt1 .plt .sbox .prev3, .prt1 .plt .sbox .next3 {
        display: none;
    }


    .su1 .ul1 li.li1 .abt a, .su1 .ul1 li.li1 .abt a:nth-child(2n) {
        width: 48%;
    }


    .sstc {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 99999;
        width: 100%;
        height: 100%;
    }


    .sstc .sd1 {
        padding: .3rem 5%;
        background: #fff;
    }


    .sstc .sd1 .slt {
        display: block;
        width: calc(100% - 30px);
        float: left;
    }


    .sstc .sd1 .slt input {
        width: calc(100% - 50px);
        float: left;
        height: 50px;
        border: 1px solid #ddd;
        border-radius: 5px;
        box-sizing: border-box;
        padding: 0 5%;
    }


    .sstc .sd1 .slt input a {
        display: block;
        width: 100%;
        float: right;
    }


    .sstc .sd1 .slt input a img {
        display: block;
        width: 100%;
    }


    .sstc .sd1 .srt {
        width: 30px;
        float: right;
        box-sizing: border-box;
        border-left: 1px solid #ddd;
    }


    .sstc .sd1 .srt img {
        display: block;
    }


    .m_navbox a.mlg {
        margin: .5rem auto 0;
        padding: 0;
        width: 90%;
        line-height: 30px;
        background: #2689c3;
        color: #fff;
        text-align: center;
        font-size: 14px;
        border-radius: 5px;
    }


    .prt1 .prt .ptt2 {
        border: 0;
    }


    .pa1 .seh li .lbox .cintro {
        padding: 40px 20px;
        width: 100%;
        float: none;
    }

    .banner_ny {
        height: auto;
    }

    .about_us .nlt .ntc img {
        width: 100%;
        height: 100%;
    }

    .pr_li1 .ul2 {
        width: calc(100% - 0px);
        float: none;
    }

    .pr_li1 .tt {
        margin-top: 50px;
    }

    #ProductDetail {
        margin-top: 30px;
    }

    .features .features_l {
        height: 217px;
    }

    .ilogin2 {
        width: 90%;
    }

    .message ul {
        width: 100%;
        float: none;
        margin: 0 auto;
    }

    .ne_co1 .tt {
        margin-top: 50px;
    }

    .pa1 .seh li .lbox .cintro .button {
        margin-bottom: 20px;
    }

    .product_ct .product_left {
        width: 80%;
        float: none;
        margin: 0 auto
    }

    .product_ct .product_right {
        width: calc(100% - 0px);
        float: none;
    }

    header {
        display: none;
    }

    #banner {
        margin-top: 90px;
    }

    .wrapper {
        width: 96%;
    }

    .en-star div.slick-slide img {
        width: 250px;
        height: 173px;
    }

    .en-case div.slick-slide .en-case-pic {
        height: 170px;
    }

    .en-case div.slick-slide .en-case-z h2 {
        font-size: 17px;
    }

    .en-footer-l {
        float: none;
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .en-footer-r {
        float: none;
        width: 100%;
        margin: 0 auto;
        text-align: center
    }

    .en-footer-r ul {
        display: none
    }

    footer {
        height: auto;
        padding: 20px 0
    }

    .en-footer-logo {
        text-align: center;
        margin: 0 auto;
    }

    .en-footer-ad {
        margin-top: 10px;
    }

    .en-footer-r dl {
        float: none;
        margin: 10px auto;
        width: 50%;
    }

    .en-footer-r dl dt {
        display: inline-block;
        width: 37px;
        margin: 0 10px;
        float: none;
    }

    .en-footer-r dl {
        width: 100%;
    }

    .m_logined a {
        width: 49%;
        display: inline-block;
        text-align: center;
        padding-left: 0;
    }

    .m_logined a:nth-child(2) {
        background: #20930d;
    }

    .m_logined a:nth-child(2) {
        font-size: 18px;
    }

    #nyb {
        margin-top: 90px;
    }

    .en-event ul li .en-event-pic {
        height: 150px
    }

    .en-studio ul li .en-studio-pic {
        height: 150px
    }

    .en-product-list ul li {
        padding: 20px 0;
        width: 100%;
        float: none !important;
        height: auto;
        overflow: hidden
    }

    .en-success-list ul li .en-case-z h2 {
        width: 92%;
        height: 125px;
    }

    .art_g_l {
        float: none;
        margin: 0 auto
    }

    .art_g_r {
        float: none;
        margin: 0 auto;
        width: 100%;
    }

    .prt1 .ptp .abtn a {
        margin-right: 1.2%;
    }

    .prt1 .ptp .abtn a:hover i, .prt1 .ptp .abtn a.act i {
        display: none
    }

    .en-nybanner h2 {
        bottom: 30px;
        left: 20px
    }

    .nav_menu3 {
        width: 100%;
        overflow-x: auto
    }
}


@media (max-width: 800px) {


    .swiper2 .swiper-wrapper {
        width: 100%;
    }

    .swiper2 .swiper-slide {
        height: 210px
    }

    .swiper3 {
        height: 250px;
        background-size: cover;
    }

    .swiper3 .swiper-wrapper {
        width: 100%;
    }

    .swiper3 .swiper-slide img {
        width: 100%;
        height: 105px;
    }

    .i5 .ibox .ilt {
        display: none;
    }

    .i5 .ibox .irt {
        width: 100%;
        max-height: 480px
    }

    .device .swiper1 {
        margin-top: 80px;
    }

    .swiper4 .swiper-wrapper {
        width: 48%;
    }

    .footer_top {
        display: none
    }

    footer {
        height: auto;
        overflow: hidden
    }

    .footer_f {
        height: auto;
        line-height: 30px;
        padding: 20px 0
    }

    .footer_f_r {
        float: none;
        text-align: center;
        margin: 15px auto;
    }

    .footer_f_l {
        width: 100%;
        text-align: center;
        float: none;
    }

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

    .art_g_l {
        text-align: center;
        float: none;
        margin: 0 auto
    }

    .art_g_r {
        float: none;
        width: 100%;
        margin-left: 0;
    }

    .features .features_l {
        height: 162px;
    }

    .login3 .ilogin {
        width: 90%;
    }

    .n_li1 .n_ct .nlt .ul1 li {
        height: auto;
        overflow: hidden;
        padding: 20px 0;
        text-align: center
    }

    .n_li1 .n_ct .nlt .ul1 li .img img {
        margin: 0 auto;
        text-align: center
    }

    .n_li1 .n_ct .nlt .ul1 li .lrt {
        width: 90%;
        margin: 20px auto 0 auto;
        position: static
    }

    .n_li1 .n_ct .nlt .ul1 li .lrt .ltt {
        text-align: left;
    }

    .n_li1 .n_ct .nlt .ul1 li .lrt .ltc {
        text-align: left;
    }

    .n_li1 .n_ct .nlt .ul1 li .lrt .ltime {
        text-align: left;

    }

    .lx_list {
        margin: 50px auto 0 auto;
    }

    .lx_list ul {

        width: 100%;
        float: none;
    }

    .lx_info {
        width: 100%;
        margin: 50px auto 0 auto;
    }

    .lx_list ul li {
        width: 100%
    }

    .en-star div.slick-slide img {
        width: 230px;
        height: 159px;
    }

    .en-case div.slick-slide .en-case-pic {
        height: 193px;
    }

    .part04 .en-studio ul li {
        width: 47.5%;
        margin-right: 2.5%;
    }

    .part05 .en-event ul li {
        width: 47.5%;
        margin-right: 2.5%;
    }

    .part02-news .en-title {
        display: block
    }

    .part02-news .en-more {
        display: block;
        clear: both
    }

    .part02-news ul {
        margin-bottom: 20px;
        overflow: hidden
    }

    .en-news-title {
        display: none
    }

    .part02-news ul li {
        float: left !important;
        width: 49% !important;
        margin-right: 2%;
        margin-bottom: 2%;
    }

    .part02-news ul li:nth-child(even) {
        margin-right: 0;
    }

    .part02-news ul li h2 {
        width: 75% !important;
    }

    .part02-news ul li span {
        display: none
    }

    .prt1 .ptp .abtn a h2 {
        font-size: 16px;
    }

    .en-sec-nav {
        height: auto;
        overflow: hidden;
    }

    .en-sec-nav ul li {
        width: 50%;
        border-bottom: #4b4a4a 1px solid;
    }

    .en-sec-nav ul li a {
        width: 100%;
        padding: 0
    }

    .en-sec-nav ul li:hover ul {
        display: none
    }

    .en-event ul li {
        width: 49%;
    }

    .en-event ul li:nth-child(even) {
        margin-right: 0;
    }

    .en-event ul li .en-event-pic {
        height: 180px;
    }

    .en-list-studio ul li {
        width: 49%;
    }

    .en-list-studio ul li:nth-child(even) {
        margin-right: 0;
    }

    .en-studio ul li .en-studio-pic {
        height: 180px;
    }

    .en-feature-list ul li {
        width: 33%;
        margin-right: 0;
    }

    .nav_menu3 {
        overflow: hidden
    }

    .en-success-list ul li {
        width: 48%;
    }

    .event-video {
        width: 600px;
        height: 327px !important;
    }

    .en-signup button {
        width: 90%;
    }

    .en-invite p {
        width: 80%;
    }
}


@media (max-width: 640px) {
    .en-case div.slick-slide .en-case-pic {
        height: 159px;
    }

    .en-case div.slick-slide .en-case-z h2 {
        font-size: 18px;
    }

    .en-case div.slick-slide .en-case-z span {
        width: 110px;
    }

    .swiper2 .swiper-wrapper {
        width: 48%;
    }

    .swiper3 .swiper-wrapper {
        width: 50%;
    }

    .swiper3 .swiper-slide img {
        height: 131px;
    }

    .swiper3 {
        height: 290px;
    }

    .swiper2 .swiper-slide {
        height: 278px
    }

    .pr_li1 .ul2 li .pro_all_z h2 {
        font-size: 16px;
    }

    .features .features_l {
        width: 49%;
        height: 282px;
        margin-bottom: 40px;
    }

    .features .features_l:nth-child(even) {
        margin-right: 0;
    }

    .fea_chlid {
        width: 80%;
    }

    .login3 .ilogin label {
        width: 35%;
        padding-right: 10px;
        text-align: left;
    }

    .login3 .ilogin ul li select {
        width: 60%;
    }

    .login3 .ilogin input {
        width: 60%;
    }

    .login3 .ilogin ul li.textarea_li textarea {
        width: 60%;
    }

    .login3 .ilogin ul li.reg_yzm img {
        width: 120px;
        height: 33px;
    }

    .login3 .ilogin ul li.reg_yzm input {
        width: 40%;
    }

    .prt1 .ptp .abtn a {
        border: #ddd 1px solid;
        padding: 15px;
        margin-top: 15px;
    }

    .prt1 .ptp .abtn a h2 {
        border: 0;
        padding: 0
    }

    .prt1 .ptp .abtn a i {
        display: none
    }

    .prt1 .ptp .abtn a:hover, .prt1 .ptp .abtn a.act {
        background: #43a932;
        color: #fff
    }
}

@media (max-width: 480px) {
    .ppp {
        display: block;
        margin-top: 30px;
    }

    .part02-news ul li {
        width: 100% !important;
    }

    .part05 .en-event ul li .en-event-pic {
        height: 122px;
    }

    .part05 .en-event ul li {
        margin-bottom: 20px;
    }

    .part04 .en-studio ul li .en-studio-pic {
        height: 122px;
    }

    .part04 .en-studio ul li {
        margin-bottom: 20px;
    }

    .part04 .en-studio ul li .en-studio-pic i {
        height: 42px;
        width: 42px;
        background-size: contain
    }

    .part05 .en-event ul li .en-event-z h2 {
        height: 120px;
        font-size: 16px;
    }

    .part04 .en-studio ul li .en-studio-z h2 {
        height: 120px;
        font-size: 16px;
    }

    .en-footer-r dl dt {
        margin: 0 5px;
        width: 26px;
        height: 26px;
    }

    .swiper2 .swiper-slide {
        height: 177px
    }

    .swiper3 .swiper-slide img {
        height: 85px;
    }

    .swiper3 {
        height: 240px;
    }

    .i5 .ibox .irt li {
        padding: 35px 10px 35px 10px
    }

    .swiper4 .swiper-wrapper {
        width: 100%;
    }

    .pr_li1 .ul2 li {
        width: 49%;
        margin-right: 2%;
    }

    .pr_li1 .ul2 li:nth-child(3) {
        margin-right: 2%;
    }

    .pr_li1 .ul2 li:nth-child(even) {
        margin-right: 0;
    }

    .art_g_l {
        width: 100%;
        height: 375px;
        overflow: hidden;
    }

    .art_g_l .gallery-top {
        width: 100%;
        height: 375px
    }

    .art_g_l .swiper-container {
        height: 375px;
    }

    .art_g_l .gallery-thumbs .swiper-slide {
        display: none
    }

    .art_g_r .art_title h1 {
        font-size: 40px;
    }

    .features .features_l {
        width: 100%;
        margin: 30px auto !important;
        height: 372px;
    }

    .fea_chlid {
        width: 100%;
    }

    .ilogin label {
        display: none
    }

    .ilogin input {
        width: 100%;
    }

    .ilogin ul {
        margin-top: 25px;
    }

    .login_button {
        margin-top: 20px;
    }

    .ilogin ul li {
        margin-bottom: 10px;
        padding-bottom: 5px;
    }

    .ilogin {
        width: 90%;
    }

    .ilogin2 {
        width: 90%;
    }

    .iforgot {
        margin-top: 20px;
    }

    .sign_up {
        margin-top: 10px;
    }

    .login3 .ilogin label {
        width: 100%;
        float: none;
        padding-right: 0;
    }

    .login3 .ilogin ul li select {
        width: 98%;
        float: none;
        border: #ddd 1px solid;
        margin-left: 0;
    }

    .login3 .ilogin ul li.styled-select select {
        background: url(/Public/Home/images/select_jco.png) no-repeat 96% center;
    }

    .login3 .ilogin input {
        width: 98%;
        float: none;
        border: #ddd 1px solid;
        margin-left: 0;
    }

    .login3 .ilogin ul li.textarea_li textarea {
        width: 98%;
        float: none;
        border: #ddd 1px solid;
        margin-left: 0;
    }

    .ilogin ul li {
        height: auto;
        border-bottom: 0;
    }

    .login3 .ilogin ul li.reg_yzm input {
        border: #ddd 1px solid;
        width: 67%;
    }

    .reg_yzm label {
        display: none !important
    }

    .message ul li label {
        text-align: left;
        width: 100%;
    }

    .message ul li input {
        float: none;
        width: 100%;
    }

    .message ul li {
        height: auto;
    }

    .message ul li textarea {
        width: 100%;
        float: none;
        height: 220px;
    }

    .message input[type=submit] {
        width: 100%;
    }

    .n_li1 .n_ct .nlt .ul1 li .lrt .ltt {
        height: 60px;
    }

    .list_search_result ul li img {
        float: none;
        margin: 0 auto;
        text-align: center;
        display: inline-block;
    }

    .list_search_result ul li .list_s_r_r {
        float: none;
        width: calc(100% - 0px);
        margin-top: 20px;
        padding-bottom: 20px;
    }

    .prt1 .ptp .abtn a {
        width: 48%;
        padding: 15px 0
    }

    .prt1 .ptp .abtn .abox {
        width: 100%;
    }

    .en-nybanner h2 {
        display: none;
    }

    .en-list-studio ul li {
        width: 397px;
        margin: 2% auto 0 auto !important
    }

    .en-event ul li {
        width: 397px;
        margin: 2% auto 0 auto !important
    }

    .en-feature-list ul li {
        width: 48%;
    }

    .en-feature-list ul li:nth-child(even) {
        float: right;
    }

    .en-product-list ul li .img-p {
        float: none;
        margin: 0 auto;
        text-align: center
    }

    .en-par {
        float: none;
        width: 90%;
        margin: 0 auto
    }

    .en-piao {
        display: none
    }

    .typename3 ul li a {
        padding: 0
    }

    .typename3 ul li {
        width: 48%;
        margin-bottom: 1%;
    }

    .typename4 ul li {
        width: 28%;
        margin-bottom: 2%;
    }

    .typename4 ul li a {
        padding: 0
    }

    .en-success-list ul li {
        width: 94%;
        margin: 2% auto 0 auto !important;
        float: none;
    }

    .event-video {
        width: 100%;
        height: 200px !important;
    }

    .en-invite form {
        width: 80%;
    }
}

@media (max-width: 375px) {

    .swiper2 .swiper-slide {
        height: 159px
    }

    .swiper3 .swiper-slide img {
        height: 77px;
    }

    .swiper3 {
        height: 220px;
    }

    .pr_li1 .ul2 li {
        width: 100%;
        margin-right: 0;
    }

    .pr_li1 .ul2 li:nth-child(3) {
        margin-right: 0;
    }

    .art_g_l {
        width: 100%;
        height: 338px;
        overflow: hidden;
    }

    .art_g_l .gallery-top {
        width: 100%;
        height: 338px
    }

    .art_g_l .swiper-container {
        height: 338px;
    }

    .features .features_l {
        height: 337.5px
    }

    .login3 .ilogin ul li.reg_yzm input {
        width: 63%;
        color: #fff;
    }

    .login3 .ilogin ul li.reg_yzm input::-webkit-input-placeholder {
        color: #fff;
    }

    .part04 .en-studio ul li {
        width: 100%;
    }

    .part05 .en-event ul li {
        width: 100%;
    }

    .part05 .en-event ul li .en-event-pic {
        height: 180;
    }

    .part05 .en-event ul li {
        margin-bottom: 20px;
    }

    .part04 .en-studio ul li .en-studio-pic {
        height: 180px;
    }

    .part04 .en-studio ul li {
        margin-bottom: 20px;
    }

    .part04 .en-studio ul li .en-studio-pic i {
        height: 42px;
        width: 42px;
        background-size: contain
    }

    .part05 .en-event ul li .en-event-z h2 {
        height: 70px;
        font-size: 16px;
    }

    .part04 .en-studio ul li .en-studio-z h2 {
        height: 70px;
        font-size: 16px;
    }

    .en-list-studio ul li {
        width: 100%;
    }

    .en-event ul li {
        width: 100%;
    }

    .en-feature-list ul li div h2 {
        font-size: 18px;
    }

    .event-video {
        width: 100%;
        height: 194px;
    }

}

@media (max-width: 360px) {

    .swiper2 .swiper-slide {
        height: 159px
    }

    .swiper3 .swiper-slide img {
        height: 72px;
    }

    .swiper3 {
        height: 210px;
    }

    .art_g_l {
        width: 100%;
        height: 324px;
        overflow: hidden;
    }

    .art_g_l .gallery-top {
        width: 100%;
        height: 324px
    }

    .art_g_l .swiper-container {
        height: 324px;
    }

    .features .features_l {
        height: 324.5px
    }

    .login3 .ilogin ul li.reg_yzm input {
        width: 62%;
    }

    .en-feature-list ul li {
        width: 90%;
        float: none !important;
        margin: 20px auto 0 auto !important;
        height: auto;
        overflow: hidden
    }

    .en-feature-list ul li:nth-child(even) {
        float: none;
    }
}

@media (max-width: 320px) {

    .swiper2 .swiper-wrapper {
        width: 100%;
    }

    .swiper2 .swiper-slide {
        height: 288px
    }

    .swiper3 .swiper-wrapper {
        width: 100%;
    }

    .swiper3 .swiper-slide img {
        height: 131px;
    }

    .swiper3 {
        height: 300px;
    }

    .art_g_l {
        width: 100%;
        height: 288px;
        overflow: hidden;
    }

    .art_g_l .gallery-top {
        width: 100%;
        height: 288px
    }

    .art_g_l .swiper-container {
        height: 288px;
    }

    .features .features_l {
        height: 288px
    }

    .login3 .ilogin ul li.reg_yzm input {
        width: 56%;
    }

    .login_f {
        display: none
    }

    .message_r li:nth-child(4) input {
        width: 50%;
    }

    .message_r li:nth-child(4) img {
        width: 120px;
        height: 33px;
    }


}