@charset "utf-8";

/* CSS Document */


* {

    margin: 0;

    padding: 0;

    font-family: Arial;


}

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(../images/arrow_l.png) center center no-repeat;

    opacity: 0;

}

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

    background: url(../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(../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(../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(../images/arrow_l.png) center center no-repeat;

    opacity: 0;

    top: 30%

}

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

    background: url(../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(../images/arrow_l.png) center center no-repeat;

    opacity: 0;

}

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

    background: url(../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(../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(../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(../images/1_46.html) 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(../images/1_46.html) 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(../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(../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;

}

.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(../images/1_50.html) 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(../images/1_36.html) 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(../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(../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(../images/6_7.html) 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(../images/6_8.html) 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(../images/6_9.html) 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(../images/plus_ico.png) #838f8c center center no-repeat;
}

.currentDd span {
    background: url(../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(../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(../images/re_arrow.html) center center no-repeat;
    display: block;
    border-radius: 5px;
    padding-left: 20px;
    margin-bottom: 40px;
    text-align: center;
}

.article_re:hover {
    background: #41d228 url(../images/re_arrow2.html) 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(../images/3_3.html) 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(../images/nicon.html) 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(../images/3_4.html) center no-repeat;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding-left: 20px;
    margin-bottom: 40px;
}


.ne_co1 .fh:hover {
    background: #0082cc url(../images/3_5.html) 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(../images/3_3.html) 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(../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(../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(../../../../lbs.amap.com/console/public/show/marker.html) 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(../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(../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(../images/4_11.html) center no-repeat;
}


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


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


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


.sul2 .srt a.up_software .img {
    background: url(../images/ico_software.html) 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("../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("../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("../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: left;}
nav dl dt{width: 16.66%;float: left;text-align: center;height: 60px;line-height: 60px;position: relative}
nav dl dt h2{font-size: 18px;color: #fff;}
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{background: #fff;width: 100%;border-radius: 5px;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;}
.en-search form input[type="button"]{background: url("../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;

}

#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%;



    margin-right: 2%;height: auto;overflow: hidden;display: inline-block;vertical-align: top;

}

#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: left;

    text-indent: 1em;

}

#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("../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("../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("../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("../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("../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(../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(../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(../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("../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-case .slick-next{right:40px;left: auto;background:url("../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(../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(../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(../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% - 240px)}
.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("../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("../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;
    }


    .m_navbox a {
        padding-left: 15px;
    }


    .m_navbox a.a1 {
        padding-left: 0;
    }


    .m_navbox li .ltt1.act {
        background: url(../images/reduce.html) 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(../images/reduce.html) 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(../images/1_43.html) 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(../images/6_11.html) 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(../images/6_10.html) 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(../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;
    }


}