html,
body,
div,
p,
h1,
h2,
h3,
h4,
h5,
h6,
span,
a,
ul,
li,
ol,
dl,
dd,
dt,
table,
tr,
td,
th,
button,
i,
em,
input,
textarea,
label,
article,
header,
footer,
nav {
    padding: 0;
    margin: 0;
}

ul,
li,
ol,
dl,
dt,
dd {
    list-style: none;
}

body {
    font-family: 'Microsoft YaHei', arial, "Times New Roman", Georgia, Serif;
    font-size: 14px;
    color: #303030;
}

input,
button {
    border: none;
    outline: none;
}

textarea {
    font-family: 'Microsoft YaHei';
}

a:link,
a:visited {
    color: #fff;
    text-decoration: none;
}

a:hover,
a:active {
    color: #259b24;
    text-decoration: none;
}

.bg-black {
    background: #353235;
}

.bg-green {
    background: #259b24;
}

.pd-l-20 {
    padding-left: 20px;
}

.pd-r-20 {
    padding-right: 20px;
}

h1,
h2 {
    font-size: 24px;
}

h3 {
    font-size: 18px;
}

.clear {
    clear: both;
}

.clearfix:after {
    content:""; 
    display: block; 
    clear:both; 
 }
 /* 表单验证弹出框 style */
 #alert-pop {
    color: #f95757;
}

.alert-pop {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index : 199;
    background-color: rgba(0, 0, 0, .3);
}

.pop-content {
    position: absolute;
    width: 300px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 20px;
    display: flex;
    line-height: 34px;
    font-size: 16px;
}

.pop-content p {
    padding-left: 10px;
}

.pop-content span {
    width: 34px;
    height: 34px;
    background: url('../../xmimages/tips-error-icon.png') center no-repeat;
}
 /* 表单验证弹出框 style end */

.poster-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.poster-wrapper .poster-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.poster-slide {
    position: absolute;
    top: 50%;
    overflow: hidden;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}
.poster-slide a{
    display: block;
    color:#303030;
}

.poster-slide img {
    display: block;
    width: 100%;
}
.poster-slide a:hover h3{
    color:#259b24;
}
.poster-slide .txt {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    padding: 10px 15px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, .5);
}

.poster-pagination {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
    text-align: center;
}

.poster-pagination span {
    display: inline-block;
    font-size: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0 5px;
    background: rgba(255, 255, 255, .5);
    cursor: pointer;
}

.poster-pagination .poster-pagination-bullet-active {
    background: #259b24;
}

.poster-button-prev,
.poster-button-next {
    position: absolute;
    top: 0;
    z-index: 3;
    width: 20%;
    height: 100%;
    cursor: pointer;
    /*background: rgba(0, 0, 0, .5);*/
}

.poster-button-prev {
    left: 0;
    /*background: url('../xmimages/') center no-repeat;*/
}

.poster-button-next {
    right: 0;
    /*background: url('../xmimages/') center no-repeat;*/
}

.poster-button-prev::before,
.poster-button-next::before {
    content: '';
    position: absolute;
    top: 50%;
    z-index: 2;
    width: 20px;
    height: 20px;
    border-top: 1px solid #007aff;
}

.poster-button-prev::before {
    left: 20px;
    border-left: 2px solid #007aff;
    transform: translateY(-50%) rotate(-45deg);
}

.poster-button-next::before {
    right: 20px;
    border-right: 2px solid #007aff;
    transform: translateY(-50%) rotate(45deg);
}

.products-center .swiper-container{
    padding-bottom:40px;

}
.products-center .swiper-container .swiper-slide{
    position: relative;
}
.products-center .swiper-container .swiper-slide h3{
    position: absolute;
    bottom:10px;
    left:0;
    z-index: 3;
    width : 100%;
    padding:0 10px;
    box-sizing: border-box;
}
.products-center  .swiper-pagination.swiper-pagination-bullets span{
    background:rgba(255, 255, 255, .5);
}



.products-center  .swiper-pagination span.swiper-pagination-bullet-active{
    background:#259b24;
}
.flex-content {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: start;
}

.flex-item {
    flex: 1;
    box-sizing: border-box;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
}

.jarallax {
    position: relative;
}

.back-to-top {
    display: none;
    position: fixed;
    bottom: 50px;
    right: 10px;
    z-index: 99;
    width: 30px;
    height: 60px;
    border-radius: 15px;
    background: #259b24 url('../xmimages/arrow-up.png') center no-repeat;
    opacity: .8;
}

.swiper-container img {
    display: block;
    width: 100%;
    /* background:#303030; */
}

.swiper-container-horizontal>.swiper-pagination-bullets {
    width: 100%;
    bottom: 2px;
    text-align: center;
}

.swiper-pagination.swiper-pagination-bullets span {
    margin: 0 4px;
    width: 10px;
    height: 10px;
    background:rgba(0,0,0,.8);
}

.swiper-pagination span.swiper-pagination-bullet-active {
    background: #259b24;
}

.product-function ul p,.product-block .txt p,.product-block .text p,.product-goodness p,.service-introduce p,.implications-detail p,.industry-story ul p,#news-detail-wrap article p{
    text-align: justify;
}
.banner {
    width: 100%;
    height: 800px;
    background-size : cover
}


.product-block {
    width: 100%;
}

.content-inner {
    width: 1200px;
    padding-top: 6.306%;
    padding-bottom: 6.306%;
    margin: 0 auto;
}

.footer {
    width: 100%;
    color: #fff;
    padding-top: 6%;
    padding-bottom: 6%;
    background: #141111;
    overflow: hidden;
}

.footer-content {
    font-size: 16px;
    width: 1200px;
    margin: 0 auto;
}

.copyright {
    float: left;
    color:#999;
    padding-left: 10px;
}
.copyright p {
    padding-top:8px;
}
.copyright p a{
    display:inline-block;
    color:#999;
    font-size:12px;
    line-height:20px;
}
.copyright p i
{
    display:inline-block;
    vertical-align:middle;
    width : 20px;
    height : 20px;
    background:url('../Upload/首页栏目/beiAn.png') center left no-repeat;
    margin-left:2px;
    margin-right:10px;
    margin-top:-4px;
}

.footer-content .language-change,
.contact-link {
    float: right;
}

.contact-link {
    padding-right:8px;
}
.language-change {
    width: 252px;
    position: relative;
    padding-left: 15px;
}

.footer-content .flex-item {
    width: 50%;
}

.lang-tip{
    margin-top:-10px;
}

.lang-change{
    position: relative;
    font-size:12px;
    color:#fff;
}


.lang-change .arrow-down{
    top:23px;
}
.lang-change .arrow-right{
    top:18px;
}
.arrow-down::after{
    content : '';
    position: absolute;
    top : 0;
    left : 0;
    z-index: 2;
    width : 0;
    height : 0;
    border-right : 6px solid transparent;
    border-top : 8px solid #fff;
    border-left : 6px solid transparent;
}
.arrow-right::after{
    content : '';
    position: absolute;
    top : 0;
    left : 0;
    z-index: 2;
    width : 0;
    height : 0;
    border-top : 6px solid transparent;
    border-left : 8px solid #fff;
    border-bottom : 6px solid transparent;
}

.lang-change i{
    position: absolute;
    top : 20px;
    right :5px;
    z-index: 3;
    width : 12px;
    height : 12px;
    transform:translateY(-50%);
}

.lang-using{
    width : 100%;
    border-radius: 2px;
    text-align:left;
    border : 1px solid #666;
    box-sizing: border-box;
    padding-left : 5px;
    padding-top:8px;
    padding-bottom:8px;
}
.language-change ul {
    display: none;
    position: relative;
    top: -1px;
    left: 0;
    z-index: 2;
    width: 100%;
    line-height: 30px;
    box-sizing: border-box;
    border:1px solid #666;
    border-radius: 0 0 2px 2px;
    border-top:0;
}


.language-change ul li {
    white-space: nowrap;
    text-align:left;
    padding: 5px;
    border-top:1px solid #666;
}

.language-change ul li.lang-selected {
    display: block;
}
.language-change ul li img,.lang-using img{
    vertical-align: middle;
}
.language-change ul li span,.lang-using span{
    padding-left: 5px;
}

.contact-link a:link,
.contact-link a:visited {
    color: #259b24;
}

/*touchslide style start*/
.my-swiper {
    width : 100%;
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box;
}

.my-swiper-inner {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}

.my-swiper .slide-item {
    width: 40%;
    min-height : 100px;
    flex-shrink: 0;
    margin-right: 30px;
}

.my-swiper-wrap {
    position: relative;
    width: 100%;
    padding-bottom: 20px;
    overflow: hidden;
}

.my-swiper .slide-item.active {
    width: 68%;
    color: red;
}

.my-swiper .bottom-pagination {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    text-align: center;
    font-size: 0;
}

.my-swiper .bottom-pagination span {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    opacity: .7;
    margin: 0 3px;
}

.my-swiper .bottom-pagination span.buttlet-active {
    background: #259b24;
    opacity: 1;
}

/*touchslide style end*/
.products-center .my-swiper{
    width: 1200px;
}
.products-center .my-swiper .slide-item{
    position: relative;
}
.products-center .my-swiper .slide-item h3{
    position: absolute;
    bottom : 0;
    left: 0;
    z-index: 2;
    width:100%;
    line-height: 48px;
    padding:0 14px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background:rgba(0,0,0,.8)
}
.products-center .my-swiper a{
    display: block;
}
.products-center .my-swiper img{
    display : block;
    width : 100%;
}

.my-swiper-direction{
    position: absolute;
    top:0;
    bottom:20px;
    width : 16%;
    text-align: center;
    line-height: 100%;
    cursor : pointer;
}
.my-swiper-prev{
    left : 0;
    background:url('../../xmimages/arrow-left-big.png') left center no-repeat;
}
.my-swiper-next{
    right : 0;
    background:url('../../xmimages/arrow-right-big.png') right center no-repeat;
}

/* .my-swiper-direction::after{
    content:'';
    position: absolute;
    top : 50%;
    z-index: 3;
    width : 25px;
    height : 25px;
    
}

.my-swiper-prev::after{
    left : 10px;
    border-top : 3px solid #259b24;
    border-left : 3px solid #259b24;
    transform:rotate(-45deg);
}

.my-swiper-next::after{
    right : 10px;
    border-top : 3px solid #259b24;
    border-right : 3px solid #259b24;
    transform:rotate(45deg);
} */
.products-center .bottom-pagination span{
    cursor: pointer;
    margin-left:5px;
    margin-right:5px;
}
.inner-title {
    padding-bottom: 5%;
}

.inner-title h1 {
    font-size: 24px;
    text-align: center;
    line-height: 1.6em;
    text-transform:uppercase;
}

.inner-title h1 span {
    font-weight: normal;
}

.inner-title h1 span strong {
    color: #259b24;
}

.theme-white {
    color: #fff;
}

.product-desc,
.lastest-update {
    padding: 0 10px 10%;
    border-bottom: 1px solid #eee;
}

.lastest-update .txt{
    padding-top:20px;
}

.lastest-update .txt .flex-item-det{
    padding-right:5%;
}
.lastest-update .txt h1{
    padding-bottom:20px;
}
.product-desc .img {
    padding-right: 18px;
}

.perfect-tools .img-inner{
    text-align: center;
}
.perfect-tools .img-inner img{
    box-shadow: 0 0 20px 2px rgba(0, 0, 0, .3);
}
.product-desc .swiper-container {
    padding-bottom:3%;
}

.product-desc .txt {
    padding-top:24px;
    padding-left: 18px;
}

.product-desc .txt h1,
.lastest-update .txt h2 {
    line-height: 1.5em;
    padding-bottom: 3.51%;
}

.product-desc p,
.lastest-update p {
    font-size: 18px;
    line-height: 1.5em;
}

.product-desc .flex-item {
    width: 50%;
    box-sizing: border-box;
}

.product-equip {
    padding-top: 10%;
}

.equipment-support-con {}

.equip-con {
    align-items: stretch;
}

.equip-con li {
    flex:1;
    width: 25%;
    text-align: center;
    padding : 0 10px;
    box-sizing: border-box;
}

.equip-con .i-det {
    height : 100%;
    box-shadow: 0 0 20px 2px rgba(0, 0, 0, .15);
    border: 1px solid #eee;
    padding: 22% 0 7.5%;
    box-sizing: border-box;
}

.equip-con .title {
    font-size: 20px;
    padding-top: 5%;
    padding-bottom: 10%;
}

.equip-con p {
    font-size: 16px;
    color: #999;
    line-height: 1.5em;
}

.equip-con li.unsupport {
    box-shadow: none;
}

.equip-con li.unsupport h3 {
    color: #999;
}

.equip-con li.unsupport-i .i-det {
    box-shadow: none;
    align-self: stretch;
}

.equip-con li.unsupport-i h3 {
    color: #999;
}

.unsupport-i {}

.product-function .bg-mask {
    position: absolute;
    top: 0;
    bottom: 30%;
    left: 0;
    right: 0;
    z-index: -1;
    background: #353235 url('../xmimages/function-bg.jpg') center top no-repeat;
}

.product-function .content-inner {
    width: 1520px;
    box-sizing: border-box;
}

.product-function .inner-det {
    padding-left: 10%;
    padding-right: 10%;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 0 20px 2px rgba(0, 0, 0, .15);
}

.product-function ul {
    display: flex;
    flex-wrap: wrap;
    padding: 5em 0;
    /*align-content: start;*/
}
.product-function ul{
    align-items : stretch;
}
.product-function li {
    position: relative;
    width: 304px;
    height: auto;
    font-size: 16px;
    margin-bottom: 20px;
    min-height: 120px;
    padding-right: 20px;
    padding-left: 54px;
    box-sizing: border-box;
}

.product-function li p:first-child {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 44px;
    height: 44px;
    /* background-color: #666; */
}

.product-function li p:last-child {
    padding-top: 16px;
}

.product-goodness {
    color: #fff;
    height: 500px;
    background: url('../xmimages/goodness-bg.jpg') center top no-repeat;
}

.product-goodness p {
    font-size: 18px;
    line-height: 1.5em;
    padding-bottom: 15px;
}

.goodness-txt {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 1180px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    box-sizing: border-box;
}

.technology-list {
    width: 100%;
    padding-top: 20px;
    box-sizing: border-box;
    justify-content: flex-start;
    align-items: stretch;
}

.technology-list li {
    width: 25%;
    margin-bottom: 20px;
    padding-left: 1%;
    padding-right: 1%;
    box-sizing: border-box;
}

.technology-list .detail {
    height : 100%;
    padding: 12% 8%;
    box-shadow: 0 0 20px 2px rgba(0, 0, 0, .15);
    box-sizing: border-box;
}

.technology-list .img {
    position: relative;
    text-align: center;
    height: 88px;
}

.technology-list li .txt {
    margin-top: -65px;
}

.technology-list li h3 {
    position: absolute;
    top:50%;
    left:0;
    z-index: 2;
    width : 100%;
    font-size: 14px;
    text-align: center;
    line-height: 2em;
    margin-top:-1em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.technology-list li p {
    padding-top: 40px;
}

.product-application {
    background: #353235;
    background: url('../xmimages/application-bg.jpg') center top no-repeat;
}

.application-list {
    width: 100%;
    padding: 0 10%;
    box-sizing: border-box;
}

.application-list .left,
.application-list .right {
    width: 50%;
    box-sizing: border-box;
}

.application-list .left {
    float: left;
    padding-right: 1%;
}

.application-list .right {
    float: right;
    padding-left: 1%;
}

.application-i {
    float: left;
    /* width:25%; */
    width: 50%;
    position: relative;
}

.application-i img {
    display: block;
    width: 100%;
}

.application-i .hover-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background: rgba(0, 0, 0, .35);
    text-align: center;
    line-height: 100%;
    font-size: 20px;
    color: #fff;
}

.application-i .hover-mask span {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 3;
    width: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.implications-detail {
    color: #fff;
    font-size: 16px;
    line-height: 1.8em;
    padding: 5% 5% 0;
}


.main-top {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    height: 104px;
    padding-top: 2.523%;
    box-sizing: border-box;
}
.main-top-mask{
    display: none;
    position: absolute;
    top : 0;
    left: 0;
    z-index: -1;
    width : 100%;
    height : 100%;
    background: #000;
    opacity: 0;
}
.main-top .content-inner {
    padding: 0;
}


.main-top .logo {
    float: left;
    width: 11.67%;
    min-width: 90px;
    max-width: 120px;
}

.main-top .logo img {
    display: block;
    width: 100%;
}

.main-top .nav-con {
    float: right;
    font-size: 16px;
    text-align: right;
    padding-right: 10px;
}

.nav-con .nav>li {
    display: inline-block;
    position: relative;
    font-size:18px;
    color: #fff;
    padding:1% 11px;
    border-bottom: 2px solid transparent;
}

.nav-con .nav>li.active {
    border-color: #259b24;
}

.nav-con .nav>li.active>a {
    display: block;
    color: #259b24;
}

.nav-con .nav>li ul {
    display: none;
    position: absolute;
    top: 34px;
    left: 0;
    z-index: 5;
    width: 400%;
    padding-top: 15px;
}
.nav-con .nav>li ul li{
    padding : 8px 0;
}
.nav-con .nav>li ul a {
    display: block;
    font-size: 16px;
    text-align: left;
    /* padding-bottom: 10px; */
    white-space: nowrap;
}

.nav-con .nav-con span {
    display: none;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 5;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: #fff;
}

.nav-con .close {
    background: #eee;
}

.mobile-nav-con {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    background: rgba(0, 0, 0, .8);
}
.mobile-nav-con .nav{
    padding-top: 2%;
    padding-bottom:10%;
}

.main-top .mobile-nav-con .nav li {
    display: block;
    border: none;
    padding-bottom: 0;
    margin-left: 0;
}

.main-top .mobile-nav-con .nav a {
    display: block;
    font-size: 16px;
    padding: 8px 0 8px 10px;
}
.mobile-nav-con .nav>li ul {
    display: none;
    position: static;
    padding-top: 0;
}
.main-top  .mobile-nav-con .nav ul a {
    font-size: 12px!important;
    padding-left: 15px;
}
.main-top span.icon-menu,
.main-top span.close {
    display: none;
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 10;
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
}
.main-top span.icon-menu{
    background-image:url('../xmimages/nav-menu.png') ;
    background-size : 30px;
}

.main-top span.close{
    background-image:url('../xmimages/i-close.png');
    background-size : 18px;
}


.home-lastest .img{
    text-align: center;
}
.perfect-tools {
    padding-top: 10%;
    padding-left: 10px;
    box-sizing: border-box;
    align-items: center;
}

.perfect-tools>div {
    width: 50%;
    box-sizing: border-box;
}

.perfect-tools .img {
    padding-right: 10%;
}

.perfect-tools .txt {
    font-size: 18px;
}

.perfect-tools .txt h2 {
    padding-bottom: 5%;
}

.perfect-tools .txt>p {
    line-height: 2em;
}

.perfect-tools .txt ul {
    padding-top: 5%;
}

.perfect-tools .txt ul p {
    color: #999;
}

.perfect-tools .txt li {
    padding-left: 54px;
    padding-bottom: 20px;
}

.perfect-tools .txt h3 {
    position: relative;
    font-size: 20px;
    line-height: 2.2em;
    vertical-align: middle;
}

.perfect-tools .txt img {
    position: absolute;
    top: 50%;
    left: -54px;
    z-index: 2;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

/* .product-center .poster-wrapper {
    padding-bottom:40px;
}

.product-center .poster-slide .text-con {
    padding: 14px;
    background: #fff;
}

.product-center .poster-slide .text-con h3 {
    font-size: 20px;
    line-height: 2em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.product-center .poster-slide .text-con h4 {
    font-size: 14px;
    line-height: 2em;
}

.product-center .poster-slide .text-con p {
    line-height: 1.5em;
} */

.service-introduce {
    width: 100%;
    height: 500px;
    color: #fff;
    font-size: 16px;
    line-height: 1.5em;
    background-image: url('../xmimages/g2dt-new_04.jpg');
}

.service-introduce .content-inner {
    height: 100%;
    box-sizing: border-box;
}

.service-introduce .inner-det {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 100%;
    line-height: 2em;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    box-sizing: border-box;
}

.service-introduce a {
    display: block;
    left: 50%;
    bottom: 100px;
    z-index: 2;
    width: 100px;
    height: 32px;
    font-size: 16px;
    color: #fff;
    line-height: 32px;
    border: 1px solid #fff;
    border-radius: 3px;
    padding-left: 10px;
    margin: 20px auto 0;
    background: url('../xmimages/arrow-r.png') 82px center no-repeat;
}
.service-introduce-en a{
    width : 120px;
    background-position : 104px center;
}

.cooperative-partner .flex-content {
    justify-content: flex-start;
}

.cooperative-partner li {
    width: 200px;
    padding: 0 .5%;
    box-sizing: border-box;
    margin-bottom: 2.5%;
}

.cooperative-partner .partner-logo {
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ddd;
    font-size: 0;
}

.cooperative-partner .partner-logo img {
    display: block;
    width: 100%;
}

.top-information {}

.top-information .content-inner {
    padding-top: 0;
}

.top-information li {
    width: 33.33%;
    padding: 0 1.25%;
}

.top-information li a{
    display: block;
    color:#999;
}
.top-information li .img{
    background-position: center center;
    background-repeat: no-repeat;
    background-size : cover;
}
.top-information li .img::before{
    content : '';
    display:block;
    padding-top:62.3%;
}
.top-information li img {
    display: block;
    width: 100%;
}

.top-information li .txt {
    padding: 10px 18px 30px;
    box-shadow: 0 0 20px 2px rgba(0, 0, 0, .15);
}

.top-information li h3 {
    font-size: 18px;
    color:#303030;
    padding-bottom: 10px;
}
.top-information li a:hover h3{
    color:#259b24;
}
.top-information li p {
    color: #999;
}

.contact-us {
    position: relative;
    /* padding-bottom:5px; */
}
.address-detail{
    color:#fff;
}
.address-detail p{
    padding-bottom:10px;
}
.contact-us div.content-inner,
.contact-us .map-content {
    flex: 1;
    width: 50%;
    box-sizing: border-box;
}
.map-inner{

    height:100%;
}
.contact-us div.content-inner{
    margin-bottom:0;
    padding-bottom:0;
}
.contact-form {
    width: 370px;
    /*height: 546px;*/
    margin: 0 auto;
}

.contact-us .inner-title h1 {
    text-align: left;
}


/*.contact-us form {
    width: 100%;
}*/

.contact-us form .form-list-item {
    background: #fff;
    border-radius: 3px;
    margin-bottom: 20px;
    overflow: hidden;
}
.contact-us form  .form-list-item.submit-item{
    background:#259b24;
}
.contact-us form input,
.contact-us form textarea {
    display: block;;                                                                               
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    /*background: none;*/
    border-radius: 0;
    padding: 11px 14px;
    box-sizing: border-box;
    border: none;
}

.contact-us form textarea {
    resize: none;
    height: 100px;
}

.contact-us form .btn {
    font-size: 16px;
    color: #fff;
    text-align: center;
    background: url('../xmimages/arrow-r.png') 210px center #259b24 no-repeat;
    padding-right: 38px;
    border-radius: 0px;
}

.map-content {
    height: 686px;
}
.map-content .map-con{
    height:100%;
}
.banner-desc{
    position: relative;
    height:100%;
    box-sizing: border-box;
}
.banner-desc-text{
    position: absolute;
    bottom:15%;
    left:0;
    z-index: 2;
    font-size: 60px;
    color:#fff;
    text-transform:uppercase;
}
.banner-desc-text p{
    font-size:40px;
    padding-top:8px;
    letter-spacing: 0.1em;
    text-transform:initial;
}
.service-support .flex-item {
    width: 25%;
    padding: 0 1%;
    box-sizing: border-box;
}

.service-support .flex-item .img {
    position: relative;
    width: 100%;
}

.service-support .flex-item img {
    display: block;
    width: 100%;
}

.service-support .flex-item h3 {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 2;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    color: #fff;
}

.service-support .flex-item .txt {
    color: #999;
    padding: 10px 5px;
}
.service-introduction{}


.service-introduction .introduction-item
{
    display:flex;
    display:-webkit-flex;
    margin-bottom:20px;
}
.service-introduction .introduction-item:nth-child(2n)
{
    flex-direction:row-reverse;
}
.service-introduction .introduction-item .img
{
    width:25%;
    min-width:200px;
    flex-shrink:0;
}
.service-introduction .introduction-item .img img
{
    display:block;
    width : 100%;
}
.service-introduction .introduction-item .empty
{
    width : 25%;
    flex-shrink:0;
}
.service-introduction .introduction-item .text
{
    padding-top:1.15%;
}
.service-catalog {
    background: #353235;
}

.service-catalog .inner-title h1 {
    text-align: left;
}

.service-catalog .catalog-item {
    width: 50%;
    color: #fff;
    padding: 10px 15px;
    box-sizing: border-box;
}

.catalog-item .service-list {
    padding-top: 50px;
    border: 1px solid #ddd;
}

.service-list .service-item {
    width: 50%;
    padding: 10px 10px 50px;
    box-sizing: border-box;
}

.service-list li>div {
    position: relative;
    line-height: 1.5em;
    padding-left: 65px;
}

.service-list li .icon {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.service-list li h3 {
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 10px;
}

.cases-item {
    position: relative;
    width: 20%;
    text-align: center;
}

.cases-item .title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: rgba(0, 0, 0, .35);
}

.cases-item .title h3 {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 2;
    width: 100%;
    padding: 0 10%;
    color: #fff;
    transform: translateY(-50%);
    box-sizing: border-box;
}

.cases-item .img {
    font-size: 0;
}

.cases-item .img img {
    display: block;
    width: 100%;
}

.industry-story:nth-child(2n) {
    background:#353235;
}
.industry-story:nth-child(2n+1){
    background: #fff;
}
.industry-story:nth-child(2n+1) .inner-title{
    color:#303030;
}
.industry-story ul{
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
}


.industry-story ul li{
    float:left;
    width : 48%;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    margin:0 1%;
    box-sizing: border-box;
    background:#fff;
    box-shadow: 0 0 15px 2px rgba(0, 0, 0, .15);
}

.industry-story li h3,
.industry-story li p {
    padding: 3% 5% 2%;
    background: #fff;
}

.industry-story li h3 {
    font-size: 20px;
    color: #259b24;
}

.industry-story li p {
    font-size: 12px;
    color: #999;
    line-height: 2em;
    padding-top: 0;
}
.industry-story-en li p{
    font-size: 14px;
}

.industry-story li p:last-child {
    padding-bottom: 5%;
}

.industry-story img {
    display: block;
}


.newsList-con {
    color: #fff;
    background: #343434;
}

.newsList-con .content-inner {
    position: relative;
    padding-right: 150px;
    box-sizing: border-box;
}

.newsList-con ul {
    width: 100%;
}

.newsList-con li {
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
}

.newsList-con li h1 {
    font-size: 24px;
    line-height: 1.5em;
}

.newsList-con li a {
    display: inline-block;
    background-color: #669d2f;
    padding: 10px 15px;
}

.news-brief {
    font-size: 14px;
    color: #999;
    padding-top: 15px;
    padding-bottom: 15px;
}

.query-by-year {
    position: absolute;
    right: 0;
    top: 5%;
    z-index: 3;
    width: 130px;
}

.query-by-year .query-head {
    font-size: 24px;
}

.query-by-year .query-head span {
    display: inline-block;
    border-bottom: 4px solid #669d2f;
    line-height: 2em;
    padding: 0 5px 15px;
}

.year-list {
    padding-top: 15px;
}

.query-by-year a {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    text-indent: 1em;
    line-height: 30px;
    color: #4e801c;
}

.query-by-year a:hover {
    color: #669d2f;
}

.nav-map {
    padding-top: 10px;
    padding-bottom: 20px;
    border-top: 1px solid #eee;
    color:#fff;
}

.nav-map a {
    color: #669d2f
}

.nav-map i {
    padding: 0 5px;
}

#news-detail-wrap .news-detail-block{
    background:#343434;
}
#news-detail-wrap h1 {
    font-weight: bold;
    font-size: 36px;
    color: #fff;
    padding-bottom: 20px;
}

#news-detail-wrap article {
    font-size: 18px;
    line-height: 1.5em;
}

#news-detail-wrap article p {
    color: #fff!important;
}
#news-detail-wrap article  img{
    max-width: 100%;
}

@media screen and (max-width:1520px) {
    .product-function .content-inner {
        width: 100%;
        padding-left: 50px;
        padding-right: 50px;
    }
    .product-function ul {
        justify-content: flex-start;
    }
}

@media screen and (max-width:1216px) {
    .banner-desc-text{
        left:5%;
    }
    .product-block .content-inner {
        width: 100%;
        padding-left: 50px;
        padding-right: 50px;
        box-sizing: border-box;
    }
    .home-lastest .img img{
        display: block;
        width:100%;
    }
    .lastest-update p {
        font-size: 16px;
    }
    .service-introduce .inner-det {
        padding: 0 5%;
    }
    .cooperative-partner ul {
        width: 800px;
        margin: 0 auto;
    }
    .goodness-txt {
        width: 100%;
        padding-left: 10%;
        padding-right: 10%;
    }
    .service-cases .flex-content {
        justify-content: flex-start;
    }
    .cases-item .title h3 {
        font-size: 16px;
    }
    .technology-list li {
        width: 33.33%;
    }
    .footer-content {
        width: 100%;
        padding: 0 5%;
        box-sizing: border-box;
    }
    .technology-list {
        justify-content: flex-start;
    }
    .newsList-con .content-inner {
        padding-right: 170px;
    }
    .products-center .my-swiper{
        width : 100%;
        padding-left:0;
        padding-right:0;
    }
    .products-center .my-swiper .slide-item{
        width : 90%;
        margin-right : 10%;
    }
    .service-introduction .introduction-item .empty
    {
        width:0;
    }
}

@media screen and (max-width:1024px) {
    h2 {
        font-size: 20px;
    }
    h3 {
        font-size: 18px;
    }
    .nav-con .nav>li {
        /* margin-left: 18px; */
    }
    .banner {
        height: 600px;
    }
    .perfect-tools .txt>p {
        font-size: 16px;
        line-height: 1.6em;
    }
    .perfect-tools .txt h2 {
        padding-bottom: 2%;
    }
    .perfect-tools .txt ul {
        padding-top: 2%
    }
    .perfect-tools .txt li {
        padding-left: 48px;
    }
    .perfect-tools .txt ul p {
        font-size: 15px;
    }
    .perfect-tools .txt h3 {
        font-size: 18px;
        line-height: 1.5em;
    }
    .perfect-tools .txt img {
        width: 38px;
        left: -48px;
    }
}

@media screen and (max-width:960px){
    .nav-con {
        display: none;
    }
    .main-top-mask{
        display: block;
    }
    .main-top .logo {
        float: none;
    }
    .main-top span.icon-menu {
        display: block;
    }
}
@media screen and (max-width:890px) {
    
    .inner-title {
        padding-bottom: 8%;
    }
    .main-top .nav a {
        margin-left: 10px;
        padding-bottom: 12px;
    }
    .contact-us .inner-title h1 {
        text-align: center;
    }
    .industry-story img {
        display: block;
        width: 100%;
    }
}

@media screen and (max-width:860px) {
    .main-top .nav>li {
        margin-left: 10px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .contact-us {
        display: block;
    }
    .contact-us .map-content.flex-item {
        position: relative;
        width: 100%;
        height: 0;
        padding: 0 10% 80%;
        box-sizing: border-box;
        margin-bottom:0;
    }
    .contact-us div.content-inner {
        width: 100%;
    }
    .contact-us .map-content .map-inner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
    }
    .service-catalog .content-inner {
        display: block;
    }
    .service-catalog .content-inner .catalog-item {
        width: 100%;
    }
    .lastest-update,
    .perfect-tools,
    .product-desc {
        flex-direction: column;
    }
    .perfect-tools {
        padding-left: 0;
    }
    .home-lastest .flex-item,
    .product-desc .flex-item {
        width: 100%;
        padding: 2% 5%;
    }
    .lastest-update .flex-item .flex-item-det {
        padding-left: 0;
        padding-right: 0;
    }
    .home-lastest .img img{
        display: inline-block;
        width:auto;
    }
    .footer-content .copyright,
    .footer-content .language-change {
        float: none;
    }
    .footer-content .copyright {
        font-size: 14px;
        text-align: center;
    }
    .footer-content .language-change {
        text-align: center;
        padding-left: 0;
        margin: 5% auto 0;
    }
    .cooperative-partner ul {
        width: 100%;
    }
    .cooperative-partner li {
        width: 25%;
    }
    .equipment-list ul li{
        flex:auto;
        width:50%;
        margin-bottom:5%;
    }
}

@media screen and (max-width:768px) {
    body {
        min-width: 100%;
    }
    
    .product-block {
        min-width: 100%;
    }
    .product-block .content-inner {
        padding-left: 12px;
        padding-right: 12px;
    }
    .banner {
        height: 600px;
    }
    .banner .bgAuto{
        background-size:auto 600px; 
    }
    .banner-desc-text{
        font-size: 32px;
    }
    .banner-desc-text p{
        font-size: 24px;
    }
    
    .main-top {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99;
        width: 100%;
        padding-top:0;
    }
    .main-top .content-inner{
        position: relative;
        padding-top:10px;
        padding-bottom:10px;
    }
    

    .nav>li a:hover {
        color: #fff;
        background: #259b24;
    }
    .home-lastest .content-inner {
        padding-top: 5%;
        padding-bottom: 5%;
    }
    .contact-form {
        width: 80%;
    }
    .top-information .flex-content {
        flex-direction: column;
    }
    .top-information .flex-content .flex-item {
        /*padding-top: 2%;*/
        width: 100%;
        margin-bottom: 5%;
    }
    .technology-list li {
        width: 50%;
    }
    .service-support .flex-item {
        width: 50%;
    }
    .service-cases .cases-item {
        width: 50%;
    }
    .application-list .left,
    .application-list .right {
        float: none;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }
    .application-list .left {
        margin-bottom: 3%;
        overflow: hidden;
    }
    .equipment-list {
        padding-left: 5%;
        padding-right: 5%;
    }
    .equipment-list ul li {
        width: 50%;
    }
    .equipment-list .i-det {
        padding-top: 8%;
    }
    .industry-story ul li{
        float: none;
        width : 100%;
    }
    .newsList-con .content-inner .query-by-year {
        display: none;
    }
}
@media screen and (max-width:560px){
    .home-lastest .img img{
        display: block;
        width:100%;
    }
    .lastest-update .txt .flex-item-det{
        padding-right:0;
    }
}
@media screen and (max-width:480px) {
    .banner {
        height: 500px;
    }
    .banner .bgAuto{
        background-size:auto 500px; 
    }
    .pop-content{
        box-sizing: border-box;
    }
    .flex-content {
        flex-direction: column;
    }
    .flex-content .flex-item {
        width: 100%;
        margin-bottom: 5%;
    }
    .lastest-update .flex-item {
        margin-bottom: 0;
    }

    .service-list .service-item {
        width: 100%;
        padding-bottom: 5%;
    }
    .service-cases .flex-content,
    .footer-content .flex-content {
        flex-direction: row;
    }
    .service-introduction .introduction-item,
    .service-introduction .introduction-item:nth-child(2n)
    {
        flex-direction:column;
    }
    .service-introduction .introduction-item .img
    {
        width:100%;
    }
    .footer-content .flex-content .flex-item {
        width: 33.33%;
    }
    .service-cases .cases-item {
        width: 50%;
    }
    .service-list li>div {
        padding-left: 17%;
    }
    .service-item .icon {
        width: 15%;
    }
    .service-item .icon img {
        display: block;
        width: 100%;
    }
    /*product page*/
    .equipment-list ul li {
        width: 100%;
    }
    .technology-list {
        padding-left: 5%;
        padding-right: 5%;
    }
    .technology-list li {
        width: 100%;
    }
    .product-goodness p {
        font-size: 16px;
    }
    .cooperative-partner .flex-content {
        flex-direction: row;
    }
    .industry-story ul {
        flex-direction: column;
    }
    .industry-story ul li{
        margin-bottom:5%;
        margin-left:0;
        margin-right:0;
    }
}