blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;outline: none;}
abbr,acronym,fieldset,img{border:0}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6,em,i,base{font-style:normal; font-weight:normal;}
.clearfix::after {content: "";height: 0;line-height: 0;display: block;visibility: hidden;clear: both}
.clearfix {zoom: 1;}
.dn{display:none}
input,select,textarea{font-size:14px;color:#999;font-family:"Microsoft Yahei",sans-serif;outline:0;border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}
::-webkit-input-placeholder{color:#999}
::-moz-placeholder{color:#999}
::-ms-input-placeholder{color:#999}
body{color:#333333;font-size:16px;line-height:1.7;font-family: 'Roboto',"Microsoft Yahei";overflow-x: hidden;}
*{-wekit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a,img{-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;}
img,video{width: auto;height: auto;max-width: 100%;vertical-align: middle;}
a{color: #0278fc;text-decoration: none;border:none;outline: none;}
textarea {resize: none;}
/*html, body { scroll-behavior:smooth; }*/
.wrap{width: 1000px;margin:0 auto;}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-display: swap;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

.swt-box {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: none;
}

.swt-box .con {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 800px;
    height: 500px;
    margin-top: -250px;
    margin-left: -400px;
}

.swt-box .close {
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
    height: 54px;
    z-index: 1;
    cursor: pointer;
}

.g-swt {
    display: block;
    width: 100%;
    height: 100%;
}

/* cyrillic */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-display: swap;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


/* greek-ext */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-display: swap;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}


/* greek */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-display: swap;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}


/* vietnamese */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-display: swap;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-display: swap;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


/* latin */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-display: swap;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* cyrillic-ext */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}


/* cyrillic */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


/* greek-ext */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}


/* greek */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}


/* vietnamese */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


/* latin */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
    font-family: "Impact";
    src: url(../fonts/IMPACT.ttf);
    font-display: swap;
}
/* +++++++++++++++++ index +++++++++++++++++++++++*/

header{overflow: hidden;padding: 20px 0;}
header .logo{float: left;}
header .head-r{float: right;width: 380px;margin-top: 10px;}
.head-r ul{display: inline-block;overflow: hidden;}
.head-r ul li{float: left;}
.head-txt li{font-size: 16px;line-height: 38px;color: #999999;}
.head-txt li a{display: block;color: #999999;}
.head-txt li:nth-child(2) {margin: 0 30px 0 38px;}
.share li{margin-left:10px;}
.share li:hover{opacity: 0.3;}
.head-txt li:hover a,.head-txt li.newon a{color: #f32b1c;}

.m-header{display: none;-moz-box-shadow: 0px 3px 10px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.3);
    box-shadow: 0px 3px 10px rgba(0,0,0,0.3);position: relative;}
.m-header .m-head{padding:20px 0;}
.m-head .m-logo{float: left;}
.m-head .m-nav{float: right;cursor: pointer;}

nav{padding:25px 0 20px;-moz-box-shadow:0px 5px 10px rgba(0,0,0,0.1); -webkit-box-shadow:0px 5px 10px rgba(0,0,0,0.1); box-shadow: 0px 5px 10px rgba(0,0,0,0.1);position: relative;z-index: 1;}
nav .nav-l{float: left;width: 62%;}
nav .nav-l li{float: left;margin-right: 50px;font-size: 18px;font-weight: bold;}
nav .nav-l li a{display: block;border-bottom: 6px solid #e6e6e6;line-height: 32px;color: #666666;}
nav .nav-l li:hover a,nav .nav-l li.active a{border-bottom-color: #feaca8;}
nav .contact{font-size: 18px;float: right;width: 160px;height: 44px;line-height: 38px;background-color: #f5f5f5;border-radius: 22px;text-align: center;color: #f32b1c;box-shadow: 0 0 10px #cbcbcb inset;border: 2px solid transparent;cursor: pointer;transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;}
nav .contact:hover{border: 2px solid #cbcbcb;background-color: transparent;transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;}

.mo-menu{width: 200px;position: absolute;right: 0;z-index: 999;background: #fff;display: none;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);}
.mo-menu li{text-align: center;font-size: 16px;line-height: 1.2;border-bottom: 1px solid #eaeaea;}
.mo-menu li a{display: block;padding: 10px 0;text-transform: uppercase;color: #999999;}
.mo-menu li:last-child{border-bottom: 0;}
.mo-menu li.on{background: #eaeaea;}

.foot-top {background: url(../newimages/index-bg2.jpg) #db261f no-repeat center;overflow: hidden;padding: 100px 0 118px;}
.foot-top dl{width: 50%;float: left;}
.foot-top dl:nth-child(1){padding-right: 10.5%;}
.foot-top dl:nth-child(2){padding-left: 4%;}
.foot-top dl dt{font-size: 54px;color: #232222;text-transform: uppercase;line-height: 1.2;margin-bottom: 35px;}
.foot-top dl dd{font-size: 18px;color: #232222;}
.foot-top dl dd a{color: #232222;}
.foot-top dl dd a:hover{color: #ffffff;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 4'%3E%3Cpath fill='none' stroke='%23fff' d='M0 3.5c5 0 5-3 10-3s5 3 10 3 5-3 10-3 5 3 10 3'/%3E%3C/svg%3E") repeat-x 0 100%; background-size: 20px auto;animation: waveMove 1s infinite linear;}
@keyframes waveMove {
    from { background-position: 0 100%; }
    to   { background-position: -20px 100%; }
}
footer{background: #333;}
footer p{color: #fff;font-size: 14px;padding: 10px 0;box-sizing: border-box;}

.foot-fix,.foot-fix0{display: none;}

.t-top {position: fixed;right: 0;bottom: 20px;z-index: 99999;cursor: pointer;background: rgba(35, 34, 34, .8);color: #fff;width: 68px;height: 60px;font-size: 28px;text-align: center;line-height: 60px;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;display: none;text-transform: uppercase;}
.t-top::before{content: '';width: 21px;height: 60px;background: url(../newimages/footbg.png) no-repeat;position: absolute;left:-21px;top: 0;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}

/*+++++++ banner+++++++ */


.banner .txt{position: absolute;top:120px;left: 48%;padding-right: 10%;	}
.banner .txt p{color: #fff;font-size: 30px;line-height: 1.1;}
.banner .txt p:nth-child(1){font-size: 62px;margin-bottom: 10px;}
.banner .txt p:nth-child(2){font-weight: 300;}

.banner .txt h1{font-size: 64px;color: #fff;line-height: 1.1;}
.banner picture{width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 31.25%;background: #e1e1e1;display: block;}
.banner picture img{display: block; position: absolute;top: 0; left: 0;width: 100%; height: 100%;}
.banner .slick-dots{overflow: hidden;text-align: center;position: absolute;bottom: 20px;width: 100%;}
.banner .slick-dots button{display: none;}
.banner .slick-dots li{display: inline-block;margin: 0 5px;width: 8px;height: 8px;border-radius: 50%;background: #000;opacity: .2;}
.banner .slick-dots .slick-active{background: #f32b1c;opacity: 1;}
.slick-slide{
    position: relative;
}
.banner .slick-active .txt{-webkit-animation: fadeInRight  1s both 1.5s;animation: fadeInRight  1s both 1.5s ;}

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

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


.m-menu{margin: 100px 0;}
.m-menu li{width: 21%;float: left;margin-right: 5%;}
.m-menu li:last-child{margin-right: 0;}
.m-menu li h2{font-size: 26px;line-height: 1.1em;position: relative;margin-bottom: 30px;}
.m-menu li h2 a{color: #333333;display: block;}
.m-menu li h2::after{content: '';width: 40px;height: 2px;background: #dcdcdc;position: absolute;left: 0;bottom: -15px;}
.m-menu li p{font-size: 16px;line-height: 1.3;color: #abadaf}
.m-menu .more{display: inline-block;color: #f32b1c;font-weight: bold;margin-top: 20px; font-size: 14px;height: 36px;width: 80px;line-height: 36px;text-align: left;}
.m-menu .more em{display: none;}
.m-menu li:hover h2 a{color: #f32b1c;}
.m-menu li:hover h2::after{background: #f32b1c;}
.m-menu li:hover .more{background-color: #f32b1c;color: #fff;text-align: center;transition: all .5s;-webkit-transition: all .5s;}
.m-menu li:hover .more em{display: inline-block;}

.hot-pro{margin-bottom: 40px;}
.hot-pro .swiper-slide{background: #fff;}
.hot-pro .swiper-l{width: 54%;float: left;padding:0 140px 50px 0;position: relative;z-index: 1;}
.hot-pro .swiper-l .swiper-cont{background: url(../newimages/bg-line.png) #f32b1c no-repeat top left;padding: 90px 0 148px 50px;border-radius: 4px;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-ms-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%;}
.hot-pro .swiper-l .index-cp{position: absolute;bottom: 0;left: 50px;}
.hot-pro .swiper-l .top{margin-left: 18px;padding-right: 8%;}
.swiper-l .top h3{line-height: 1.1;margin-bottom: 18px;position: relative;z-index: 2;}
.swiper-l .top h3 a{display: block;font-size: 46px;color: #232222;font-family: "Impact";padding-right: 40%;}
.pro-recommend-wrapper .swiper-l .top h3 a{padding-right: 0;}
.swiper-l .top strong{font-size: 54px;font-weight: bold;line-height: 1.1;text-transform: uppercase;color: #e1514a;letter-spacing: -2px;position: absolute;top:50px;z-index: 1;display: none;}
.swiper-l .top h3:hover a{transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;color: #e1514a;}
.swiper-l .top span{display: block;position: relative;padding-left: 12px;color: #fff;margin-bottom: 8px;font-size: 18px;}
.swiper-l .top span::before{content: '';width: 4px;height: 4px;border-radius: 50%;background: #fff;position: absolute;left: 0;top: 50%;transform: translateX(-50%);}
.hot-pro .swiper-r{width: 45.5%;float: right;padding-top: 90px;position: relative;}
.hot-pro .swiper-r strong{font-size: 52px;line-height: 1.1;text-transform: uppercase;margin-bottom: 30px;display: block;font-weight: normal;}
.hot-pro .swiper-r p{margin-bottom: 20px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.hot-pro .swiper-r p em{font-weight: bold;}
.m-more{font-size: 14px;font-weight: bold;display: inline-block;height: 40px;line-height: 38px;text-align: center;padding:0 44px;border:1px solid #333333;color: #333333;}
.hot-pro .swiper-r .m-more{position: absolute;right: 0;bottom: -130px;}
.m-more:hover{background:#f32b1c; border-color: transparent;color: #fff;transition: all .5s;-webkit-transition: all .5s;}
/* .hot-pro .swiper-button-next, .hot-pro .swiper-button-prev{width: 40px;height: 30px;top:8%;} */
.hot-pro .slick-arrow{width: 40px;height: 30px;top:8%;position: absolute;outline: none;border: none;font-size: 0;display: block;z-index: 2;cursor: pointer;}
.hot-pro .slick-prev{background: url(../newimages/index-prve.png) no-repeat center;left: 295px;}
.hot-pro .slick-next{background: url(../newimages/index-next.png) no-repeat center;right: auto;left: 340px;}

.m-about .left{width: 34.3%;float: left;}
.m-about .left h2{font-size: 52px;text-transform: uppercase;margin-bottom: 30px;}
.m-about .left h2 a{color: #333333;}
.m-about .left h2:hover a{color: #f32b1c;transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;}
.mo-more{display: none;}
.m-about-list p{position: relative;padding-left: 10px;}
.m-about-list p::before{content: '';width: 4px;height: 4px;border-radius: 50%;background: #333333;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.m-about .left .m-about-list{margin: 30px 0 20px;}
.m-about .right{float: right;width: 65.2%;background: url(../newimages/index-bg1.jpg) no-repeat center;position: relative;-webkit-background-size: 100%;-moz-background-size: 100%;-ms-background-size: 100%;-o-background-size: 100%;background-size: 100% ;}
.m-about .right .con{background: url(../newimages/bg-line01.png) #f32b1c no-repeat top center;padding: 28px 58px 226px 30px;width: 240px;margin-left: 26.4%;border-radius: 4px;position: relative;box-shadow: 0 10px 20px rgba(0,0,0,0.4); background-size: cover;}
.m-about .right .con img{position: absolute;right: -50px;bottom: 0;}
.m-about .right .con h4{font-size: 40px;font-family: "Impact";line-height: 1.2;margin-bottom: 10px;}
.m-about .right .con span{font-size: 30px;font-family: "Impact";line-height: 1.2;display: block;}
.m-about .right .con .txt{display: none;}
.m-about .right .point-area{top: 132px;right: 120px;position:absolute;width:50px;height:50px;visibility:visible;opacity:1}
.point-area{text-align:center;position:relative;-webkit-transition:opacity .5s ease-out;-moz-transition:opacity .5s ease-out;-o-transition:opacity .5s ease-out;transition:opacity .5s ease-out;z-index:1}
.m-about .right .tag{position: absolute;top: -21px;right: 10px;}
.m-about .right .dot{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);width: 15px;height: 15px;border-radius: 50%;background: #717172;border: 1px solid #575859;z-index: 1;}
.m-about .right .dot i{display: inline-block;width: 5px;height: 5px;border-radius: 50%;background: #f32b1c;border: 1px solid #131313;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
.point-area .point-10:after,.point-area .point-40:after{animation-play-state:paused;-webkit-animation-play-state:paused}
.point-area .point{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:10px;height:10px;-webkit-border-radius:50%;-webkit-background-clip:padding-box;-moz-border-radius:50%;-moz-background-clip:padding;border-radius:50%;background-clip:padding-box;background:transparent;z-index:-1}
.point-area .point-10{width:100%;height:100%}
.point-area .point-10:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:rgba(113,113,114,0.5);opacity:0;-webkit-animation:ripple 4500ms ease-out 225ms infinite;-moz-animation:ripple 4500ms ease-out 225ms infinite;-o-animation:ripple 4500ms ease-out 225ms infinite;animation:ripple 4500ms ease-out 225ms infinite}
.point-area .point-40{width:100%;height:100%}
.point-area .point-40:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:rgba(113,113,114,0.5);opacity:0;-webkit-animation:ripple 4500ms ease-out 900ms infinite;-moz-animation:ripple 4500ms ease-out 900ms infinite;-o-animation:ripple 4500ms ease-out 900ms infinite;animation:ripple 4500ms ease-out 900ms infinite}
@-webkit-keyframes ripple{
0%{opacity:0;-webkit-transform:scale(0.1,0.1); }
5%{ opacity:1; }
100%{ opacity:0; -webkit-transform:scale(1)}
}
@-moz-keyframes ripple{
0%{opacity:0;-moz-transform:scale(0.1,0.1); }
5%{ opacity:1; }
100%{ opacity:0; -moz-transform:scale(1)}
}
@-o-keyframes ripple{
0%{opacity:0;-o-transform:scale(0.1,0.1); }
5%{ opacity:1; }
100%{ opacity:0; -o-transform:scale(1)}
}
@keyframes ripple{
0%{opacity:0;-webkit-transform:scale(0.1,0.1);-moz-transform:scale(0.1,0.1);-ms-transform:scale(0.1,0.1);transform:scale(0.1,0.1); }
5%{ opacity:1; }
100%{ opacity:0;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}

.m-news{background-color: #f0f3fa;overflow: hidden;padding-bottom: 80px; margin-top: 120px;}
.news-con{position: relative;}
.news-con p{color: #666;}
.m-news .news-con p{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 54px;}
.m-news h2{font-size: 52px;text-transform: uppercase;margin: 80px 0 30px;text-align: right;position: relative;background: url(../newimages/index-xb.png) no-repeat right center;padding-right: 48px;}
.m-news h2 a{color: #333333;}
.m-news h2::after{content: '';width: 469px;height: 1px;background: linear-gradient(to right,  #f32b1c 0%,#f0f3fa 100%);position: absolute;top:50%;left: 986px;overflow: hidden;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
.m-news h2:hover a{color: #f32b1c;}
.m-news h2:hover::after {width: 0;}
.m-news li{margin-bottom: 30px;}
.m-news li h3{position: relative;}
.m-news li h3 a{display: block;color: #333333;font-size: 24px;background: url(../newimages/index-xb.png) no-repeat left center;padding-left: 32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.m-news h3::after{content: '';width: 469px;height: 1px;background: linear-gradient(to left,  #f32b1c 0%,#f0f3fa 100%);position: absolute;top:50%;left: -460px;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
.m-news .m-more{position: absolute;right: 0;}
.m-news li:hover h3 a{color: #f32b1c;}
.m-news li time{font-size: 14px;color: #999999;background: url(../newimages/time.png) no-repeat left center;padding: 10px 0 10px 30px;margin-bottom: 15px;display: block;}
.m-news h3:hover::after {width: 0;}

.m-blog{background: url(../newimages/blog-bg.png) no-repeat left bottom;margin-bottom: 102px;padding-bottom:118px;-webkit-background-size: 100%;-moz-background-size: 100%;-ms-background-size: 100%;-o-background-size: 100%;background-size: 100%;}
.m-blog .wrap{position: relative;z-index: 1;}
.m-blog h2{font-size: 52px;text-transform: uppercase;margin: 74px 0 18px;}
.m-blog h2 a{color: #333333;}
.m-blog h2:hover a{color: #f32b1c;}
.swiper-blog{-moz-box-shadow: 0 20px 32px rgba(71,81,133,.15); -webkit-box-shadow: 0 20px 32px rgba(71,81,133,.15); box-shadow: 0 20px 32px rgba(71,81,133,.15);background: #fff;}
.swiper-blog .blog-pic{float: left;width: 40%;}
.swiper-blog .blog-txt{float: right;width: 59%;padding: 18px 30px 18px 40px;position: relative;}
.swiper-blog .blog-txt .author{box-sizing: border-box;text-align: right;height: 40px;position: absolute;top:0;right: 30px;}
.swiper-blog .edit{display: inline-block;padding-top: 8px;}
.swiper-blog .edit span{display: block;font-size: 12px;color: #3c3c3c;line-height: 1.5;}
.swiper-blog .author img{display: inline-block;margin-top: -20px;}
.swiper-blog .blog-txt h3{margin: 45px 0 16px; }
.swiper-blog .blog-txt h3 a{font-size: 20px;color: #3c3c3c;line-height: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.swiper-blog .blog-txt p{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.7;max-height: 48px;color: #999999;margin-bottom: 32px;}
.m-blog .go-blog{display: block;font-size: 18px;color: #333333;text-transform: uppercase;width: 160px;text-align: right;position: absolute;right: 10px;bottom: -80px;cursor: pointer;z-index: 2;}
.m-blog .go-blog img{display: inline-block;}
.m-blog .go-blog:hover{color: #f32b1c;transition: all .35s ease;-webkit-transition: all .35s ease;}
.m-blog .go-blog:hover img{padding-right: 10px;}
.swiper-blog .blog-txt h3:hover a{color: #f32b1c;}
/* ++++++++++++++++++++++++++m-message+++++++++++++++++++++ */

.m-message{background: #232222;overflow: hidden;padding-bottom: 68px;}
.m-message .wrap{position: relative;}
.m-message .message{width: 100%;margin-top: 60px;padding-right: 27%;}
.message form{width: 82%;position: relative;}
.message>span{font-size:54px;display:block;color:#999999;line-height:56px;text-transform: uppercase;margin-bottom:30px;}
.message p{font-size:18px;color:#fff;line-height:1.5;margin-bottom:30px;position: relative;}
.message p::before{content: '';width: 6px;height: 6px;border-radius: 50%;background-color: #fff;position: absolute;left: -18px;top:10px;}
.message label{display:block;background-color:#404040;border-radius:3px;padding: 5px 5px 5px 47px;border:1px solid #666666;margin-bottom:22px;position:relative}
.message .lb-area{width: 100%;}
.message label .ico{position:absolute;left:0;top:0;width:45px;height:45px;background-repeat:no-repeat;background-position:center;}
.message .lb{width: 49%;display: inline-block;position: relative;}
.message .lb:nth-child(1),.message .lb:nth-child(3){margin-right: 5px;}
.message label .ico1{background-image:url(../newimages/icon.png);}
.message label .ico2{background-image:url(../newimages/icon1.png);}
.message label .ico3{background-image:url(../newimages/icon2.png);}
.message label .ico4{background-image:url(../newimages/icon3.png);}
.message label .ico5{background-image:url(../newimages/icon4.png);}
.message label .inp{width:100%;height:34px;line-height:34px;font-size:14px;color:#999999;border:0;outline:0;background: #404040;}
.message label .email{padding-left: 8px;}
.message label i{display: block;color: #f32b1c;position: absolute;top:8px}
.message label .area{height:160px;display:block;width:100%;font-size:14px;border-width:initial;border-style:none;border-color:initial;border-image:initial;resize:none;outline:0;background-color:#404040;}
.message .sub{display: inline-block;cursor: pointer;color: #ffffff;line-height: 48px;width: 49%;background-color: #f32b1c;border-radius: 4px;-webkit-transition: all .6s ease;-moz-transition: all .6s ease;-ms-transition: all .6s ease;-o-transition: all .6s ease;transition: all .6s ease;border:1px solid #f32b1c;}
.message .online{display: inline-block;line-height: 48px;cursor: pointer;color: #ffffff;width: 49%;background-color: #404040;border-radius: 4px;-webkit-transition: all .6s ease;-moz-transition: all .6s ease;-ms-transition: all .6s ease;-o-transition: all .6s ease;transition: all .6s ease;text-align: center;margin-right: 5px;border:1px solid #404040;}
.message label .inp:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #404040 inset !important;box-shadow: 0 0 0px 1000px #404040 inset !important;-webkit-text-fill-color: #999999!important;}
.message .sub:hover,.message .online:hover{background-color: transparent;border-color: #ffffff;}
.m-message .share{width: 270px;position: absolute;right: 0;bottom: 0;}
.m-message .share li{float: left;}
.m-message .share span,.motact-info .share span{line-height: 38px;font-size: 14px;color: #666666;font-weight: bold;display: inline-block;vertical-align: top;}
.m-message .share li:hover img{transform: rotate(360deg);-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg);-o-transform: rotate(360deg); }
.m-message .share ul{display: inline-block;}
.m-message .share .a2a_kit{display: inline-block;margin-left: 10px;}
.m-message .a2a_default_style a{margin-left: 10px;}
.m-message .a2a_default_style .a2a_svg{width: 40px;height: 40px;border-radius: 50%;padding:5px;}
.motact-info .a2a_default_style a{margin-left: 10px;}
.motact-info .a2a_default_style .a2a_svg{width: 40px;height: 40px;border-radius: 50%;padding:5px;}
.motact-info .share .a2a_kit{display: inline-block;margin-left: 10px;}
/* ++++++++++++++++++++++++++pro inner+++++++++++++++++++++ */
.pro-top{background: url(../newimages/pro-bg.png) #363636 no-repeat center;}
.crumbs {padding:19px 0 13px;color: #666666;}
.crumbs a,.crumbs span{font-size: 14px;line-height: 1.5;color: #666666;display: inline-block;margin-right: 2px;}
.crumbs a:hover {color: #f32b1c;}
.crumbs-wrap{background: #f5f7fa;}
.crumbs-wrap .crumbs{padding: 12px 0 12px;}

.pro-top .con{position: relative;}
.pro-top .con .pic{position: absolute;width: auto;left: -19.3%;}
.pro-top .con .txt{width: 520px;float: right;}
.pro-top .txt h1{font-size: 40px;color: #f32b1c;font-family: "Impact";margin-top: 50px;}
.pro-top .txt>p:nth-of-type(1){font-size: 18px;color: #fff;line-height: 1.4;margin: 25px 0;}
.pro-top .txt li{display: inline-block;text-align: center;color: #fff;margin-right: 40px;}
.pro-top .txt li span{display: block;font-size: 18px;}
.pro-top .txt li strong{font-size: 30px;line-height: 1.2;font-weight: normal;}
.pro-top .txt li:last-child{margin-right: 0;}
.pro-top .txt>p:nth-of-type(2){color: #f32b1c;margin-top: 15px;font-size: 20px;font-style: italic;margin-bottom: 35px;}
.pro-top .txt>p:nth-of-type(2) em{font-size: 40px;font-style: italic;}
.pro-top .reply span{float: left;font-size: 14px;color: #999999;}
.pro-top .reply span a{color: #fff;text-decoration: underline;}
.pro-top .reply span a:hover{text-decoration: none;}
.pro-top .reply .quote{font-size: 18px;color: #fff;height: 48px;line-height: 48px;background: #f32b1c;padding:0 40px;border-radius: 24px;cursor: pointer; box-shadow:0 15px 7px -5px rgba(0, 0, 0, 0.3);margin-left: 12px;}
.pro-top .reply span:first-child{width: 62.7%;margin-top: 5px;}
.pro-top .reply .quote:hover{box-shadow: none;}
.pro-top .m-made{margin:35px 0;position: relative;}
.pro-top .m-made .made-l{position: relative;width: 98px;display: inline-block;}
.pro-top .made-l .point-area{position: absolute;left: 50%;transform: translateX(-50%);}
.pro-top .m-made .point-area{text-align: center;position: relative;width: 24px;height: 24px;-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}
.pro-top .m-made .point.point-dot{width: 5px;height: 5px;background-color: #f32b1c;display: block;border:1px solid #fff;}
.pro-top .m-made .point{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;-webkit-border-radius: 50%;-webkit-background-clip: padding-box;-moz-border-radius: 50%;-moz-background-clip: padding;border-radius: 50%;background-clip: padding-box;background: transparent;}
.pro-top .made-l p{font-size: 14px;color: #999;display: block;}
.pro-top .made-l img{margin-left: 35%;margin-bottom: 10px;}
.pro-top .made-r{width: 220px;float: right;position: relative;}
.pro-top .made-r p{font-size: 14px;color: #999;display: inline-block;border-radius: 10px;border:2px dashed #999;padding:10px 20px;width: 185px;margin-left: 25px;}
.pro-top .made-r .point-area{display: inline-block;position: absolute;top:45px;left: 0;}
.pro-top .m-made::before{content:'';width: 256px;height: 42px;background: url(../newimages/pro-line.png) no-repeat;position: absolute;left: 50px;top:26px;}
.pro-cont h2{font-size: 54px;text-transform: capitalize;line-height: 1.2;margin: 80px 0 30px;}
.pro-cont p{font-size: 18px;line-height: 2;margin-bottom: 30px;}
.pro-cont p strong{font-weight: bold;color: #f32b1c;word-break: break-all;}
.pro-cont p a:hover{text-decoration: underline;}
.pro-cont ol{position: relative;}
.pro-cont ol li p{background: url(../newimages/index-xb.png) no-repeat left 5px;padding-left:43px;}
.pro-cont ol::after{content: '';width: 1px;background: #f32b1c;position: absolute;top:-20px;bottom:0;left: 12px;}

.product-img{margin-top: 95px;position: relative;margin-bottom: 70px;}
.product-img .pro-img{width: 800px;float: left;}
.product-img .swiper-container{position: static;}
.product-img>span{display: block;font-size: 24px;line-height: 1.1;text-transform: uppercase;position: absolute;right: 0;bottom: 0;}
.product-img .slick-dots{width: 10%;left: auto;right: -106px;bottom: 75px;position: absolute;}
.product-img .slick-dots li{width: 10px;height: 10px;border:1px solid #f32b1c;background: transparent;opacity: 1;border-radius: 100%;display: inline-block;margin: 0 5px;}
.product-img .slick-dots li button{display: none;}
.product-img .slick-dots .slick-active{background:#f32b1c;}
.product-img .slick-arrow{width: 28px;height: 28px;position: absolute;outline: none;border:none;font-size: 0;display: block;cursor: pointer;}
.product-img .slick-prev {background: url(../newimages/pro-prev.png) no-repeat center;left: auto;right: -60px;top: 73%;}
.product-img .slick-next{background: url(../newimages/pro-next.png) no-repeat center;left: auto;right: -60px;top: 65%;}
.swiper-num {position: absolute;width: 165px;left: 45.6%;bottom: -80px;}
.swiper-num span{font-size:32px;}
.swiper-num .active{display: inline-block;}
.swiper-num .total{display: inline-block;}
.swiper-num .line::after{content:'';width: 29px;height: 1px;background: #d9d9d9;display: inline-block;vertical-align: middle;}
.swiper-num .line::before{content:'';width: 29px;height: 1px;background: #f32b1c;display: inline-block;vertical-align: middle;}
.mo-proimg{display: none;}


.pro-sc-wrapper{background: #333333;padding: 10px 20px;border-radius: 40px;margin-bottom: 100px;}
.pro-sc-wrapper h3{font-size: 20px;text-transform: uppercase;color: #f32b1c;line-height: 60px;text-indent: 30px;margin-bottom: 25px;}
.tab-cs li {display: inline-block;color: #fff;font-size: 20px;text-align: center;border-radius: 20px;margin-right: 15px;margin-bottom: 5px;cursor: pointer;}
.tab-cs li span {display: block;padding: 0 20px;box-shadow: inset 0 2px 6px 1px rgba(0, 0, 0, .2);background-color: #363636;margin: 4px;height: 48px;line-height: 40px;border-radius: 24px;border:4px solid #363636;}
.pc-cs{margin-top: 40px;}
.pro-cs table,.mpro-cs table{background: #8e8d8d;}
.mpro-cs{display: none;}
.tab-cs li.on span,.tab-cs li:hover span{border-color: #f32b1c;}
.pro-sc-wrapper p{color: #fff;text-align: right;margin-top: 40px;}
.pro-sc-wrapper table td{color: #ffffff;padding:10px 0;word-break: break-all;}
.mpro-cs table tr:nth-child(odd){background-color: #5e5e5e;}
.mpro-cs table tr:nth-child(even){background-color: #454545;}
.one-tr{font-weight: bold;background: #f32b1c;
background: -webkit-linear-gradient(left, #f32b1c, #fa7a55);background: -o-linear-gradient(right, #f32b1c, #fa7a55);background: -moz-linear-gradient(right, #f32b1c, #fa7a55);background: linear-gradient(to right, #f32b1c, #fa7a55);}

.pro-recommend .swiper-l{padding:0 94px 50px 5px;position: relative;}
.pro-recommend .swiper-l .swiper-cont{background: url(../newimages/bg-line.png) #f32b1c no-repeat top left;padding: 90px 0 148px 40px;border-radius: 4px;}
.pro-recommend .swiper-l .index-cp{position: absolute;bottom: 0;left: 42px;z-index: 5;display: block;}
.pro-recommend .swiper-l .top{margin-left: 18px;}
.pro-recommend .swiper-l .look-more{position: absolute;top: 20px;right: 22.2%;}
.pro-recommend-wrapper {position:relative;}
.pro-recommend-wrapper .slick-arrow{width: 80px;height: 80px;z-index: 2;position: absolute;font-size: 0;border: none;outline: none;top:40%;cursor: pointer;}
.pro-recommend-wrapper .slick-prev{background: url(../newimages/pro-prev01.png) no-repeat center;left: -140px;-webkit-background-size: 100%;-moz-background-size: 100%;-ms-background-size: 100%;-o-background-size: 100%;background-size: 100%;}
.pro-recommend-wrapper .slick-next{background: url(../newimages/pro-next01.png) no-repeat center;right: -140px;-webkit-background-size: 100%;-moz-background-size: 100%;-ms-background-size: 100%;-o-background-size: 100%;background-size: 100%;}

.pro-solution-wrapper{position: relative;margin-bottom: 156px;}
.pro-solution-wrapper h2{margin-left: 0;}
.pro-solution-wrapper h2 a{display: block;color: #333;}

.pro-solution-wrapper .mo-more{display: none;}
.pro-solution .img{width: 60%;float: left;}
.pro-solution .txt{width: 40%;float: right;padding-left: 2.5%;}
.pro-solution .txt h4 a{font-size: 20px;color: #333333;text-transform: uppercase;line-height: 1.2;display: block;margin-bottom: 20px;}
.pro-solution p{margin-left: 0;font-size: 16px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;max-height: 96px;}
.pro-solution-wrapper .swiper-pagination{bottom:-65px;left: 21.3%;}
.pro-solution-wrapper .swiper-pagination-bullet{width: 10px;height: 10px;margin-left: 28px;}
.pro-solution-wrapper .swiper-pagination-bullet-active{background: #f32b1c;}
.pro-solution-wrapper .swiper-button-next, .pro-solution-wrapper .swiper-button-prev{
    width: 33px;height: 18px;top:auto;bottom:-60px;
}
.pro-solution-wrapper .swiper-button-prev{background: url(../newimages/pro-prev02.png) no-repeat;left: auto;right: 80px;}
.pro-solution-wrapper .swiper-button-next{background: url(../newimages/pro-next02.png) no-repeat;}

.pro-con1{background: url(../newimages/pro-bg1.jpg) no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding:50px 0;color: #fff;margin-bottom: 100px;margin-top: 40px;}
.pro-con1 span{font-size: 18px;font-weight: bold;text-align: center;display: block;}
.pro-con1 p{font-size: 16px;line-height: 2;text-align: center;margin-bottom: 45px;}
.pro-con1 strong{font-size: 40px;text-align: center;display: block;margin-bottom: 15px;font-weight: normal;}
.pro-con1 .matter{margin-top: 40px;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;align-items: center;width: 80%;justify-content: space-around;margin: 25px auto;}
.pro-con1 .matter dt{text-align: center;}
.pro-con1 .matter dt img{display: inline-block;border-radius: 50%;}
.pro-con1 .matter dd{font-size: 18px;text-align: center;line-height: 2;}

.after-sales{margin-top: 70px;}
.after-sales .sales-top{background: url(../newimages/bgpng.png) no-repeat left top;padding: 49px 0;}
.after-sales .sales-top strong{display: block;font-family:'Impact';font-size: 30px;line-height: 38px;margin-bottom: 22px;position: relative;padding-left: 30px;}
.after-sales .sales-top strong:last-child{margin-bottom: 0;}
.after-sales .sales-top strong::before{content: '';width: 8px;height: 3px;background: #333333;position: absolute;left: 0;top: 25%;}
.sales-center{text-align: center;margin-top: 38px;}
.sales-center img{display: inline-block;}
.sales-center span{display: block;font-size: 18px;color: #999999;line-height: 1.2;margin: 15px 0;}
.after-sales h3{font-size: 54px;text-transform: uppercase;line-height: 1.5;margin-bottom: 55px;}
.sales-center .sales-goods{margin: 0 100px 76px;border:2px dashed #999999;padding: 30px 40px;border-radius: 20px;}
.sales-center .sales-goods p{font-size: 18px;color: #333;line-height: 1.1;text-align: left;}
.sales-center .sales-goods p:first-child{margin-bottom: 20px;}

.about-service01 ul{padding-top: 46px;}
.about-service01 li{margin-bottom: 74px;}
.about-service01 li .img{width: 288px;height: 288px;border-radius: 50%;background: url(../newimages/about-line.png) #f32b1c no-repeat center;padding: 15px;margin-top: -46px;position: relative;z-index: 2;}
.about-service01 li .img img{display: block;border-radius: 50%;}
.about-service01 li .txt{border: 1px solid #f5f5f5;-webkit-box-shadow: 0 5px 10px  rgba(0, 0, 0, 0.25);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.25);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);position: relative;background: #ffffff;}
.about-service01 li .txt h4{font-size: 28px;line-height: 1.2;text-transform: uppercase;color: #f32b1c;font-weight: bold;margin-top: 25px;}
.about-service01 li .txt p{font-size: 16px;line-height: 2;    margin: 20px 0 24px;}
.about-service01 .about-li .txt{margin-left: 19.6%;padding: 0 50px 0 11.3%;border-radius: 0 0 40px 0;}
.about-service01 .about-li .img{float: left;}
.about-service01 .about-li1 .img{float: right;}
.about-service01 .about-li1 .txt{margin-right: 19.6%;padding: 0 11.3% 0 50px;border-radius: 0 0 0 40px;}
.about-service01 li:nth-child(3) .txt p{margin: 20px 0 56px;}
.about-service01 li.about-li1 .txt::after{content:'';width: 656px;height: 256px;background: url(../newimages/about-bj.png) no-repeat;position: absolute;top: -40px;right: 0;;z-index: -1;transform: rotateY(180deg)}
.about-service01 li.about-li .txt::after{content:'';width: 656px;height: 256px;background: url(../newimages/about-bj.png) no-repeat;position: absolute;top: -40px;left: 0;;z-index: -1;}

.sales-bottom{margin:0 0 92px -2.2%;}
.about-service02 h3{text-align: right;}
.sales-bottom li{float: left;width: 31%;text-align: center;color: #fff;position: relative;margin-left: 2.2%;z-index: 1;}
.sales-bottom li span{display: block;font-size: 40px;text-align: center;line-height: 1.2;}
.sales-bottom .sa span{margin-bottom: 15px;padding-top:25px;}
.sales-bottom .sa2 span{margin-top: 15px;padding-bottom: 25px;}
.sales-bottom li p{font-size: 18px;text-align: center;text-transform: uppercase;margin: 0 65px;}
.sales-bottom .sa{background: url(../newimages/sales-bg.png) no-repeat top;background-size: 100%;-webkit-background-size: 100%;-moz-background-size: 100%;padding-bottom: 60px;}
.sales-bottom .sa2{background: url(../newimages/sales-bg1.png) no-repeat bottom;background-size: 100%;-webkit-background-size: 100%;-moz-background-size: 100%;padding-bottom: 20px;margin-top: 65px;}
.sales-bottom .sa2 .txt{padding-top: 80px;}
.sales-bottom li i{display: inline-block;width: 90px;height: 90px;border-radius: 50%;background-color: #f32b1c;background-repeat: no-repeat;background-position:center;box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);position: absolute;left: 50%;-webkit-transform: translate(-50%);-moz-transform: translate(-50%);-ms-transform: translate(-50%);-o-transform: translate(-50%);transform: translate(-50%);}
.sales-bottom .sa1 i{background-image: url(../newimages/s-icon.png);bottom: -60px;}
.sales-bottom .sa2 i{background-image: url(../newimages/s-icon1.png);top: -65px;}
.sales-bottom .sa3 i{background-image: url(../newimages/s-icon2.png);bottom: -60px;}
.sales-bottom .sa1::after{content: '';width: 351px;height: 189px;background: url(../newimages/sales-line.png) no-repeat;position: absolute;left: 50%;top:48px;z-index: -1;}
.sales-bottom .sa2::after{content: '';width: 351px;height: 189px;background: url(../newimages/sales-line1.png) no-repeat;position: absolute;left: 50%;top:-20px;z-index: -1;}
.no-author,.mo-sales{display: none;}



/* ++++++++++++++++++++++++++case-list+++++++++++++++++++++ */
.list-tit{margin: 78px 0 55px;}
.list-tit h1{font-size: 54px;color: #232222;line-height: 1.5;text-transform: uppercase;margin-bottom:10px;}
.list-tit p{font-size: 18px;color: #333;}

.case-list li{margin-bottom: 90px;}
.case-list li .img{width: 500px;float: left;position: relative;z-index: 1;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
.case-list li .img a{display: block;position: relative;padding-top: 44.6%;}
.case-list li .img img{border-radius: 30px 0 30px 0;border:1px solid #ccc;display: block; position: absolute;top: 0; left: 0;width: 100%; height: 100%;}
.case-list li .img::after{content: '';width: 126px;height: 106px;background: url(../newimages/case-bg.png) no-repeat;position: absolute;top:-20px;left: -20px;z-index: -1;}
.case-list li .img:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
.case-list li .txt{width: 50%;float: left;padding-left: 5%;box-sizing: border-box;}
.case-list li .txt h3{font-size: 20px;line-height: 1.2em;padding:16px 0;position: relative;z-index: 1;}
.case-list li .txt h3 a{display: block;color: #232222;}
.case-list li .txt h3::before{content: '';width: 30px;height: 30px;border-radius: 50%;background: #ececec;position: absolute;top: 7px;left: -12px;z-index: -1;}
.case-list li .txt h3::after{content: '';width: 100px;height: 4px;background: #f32b1c;position: absolute;left: 0;bottom: 0;}
.case-list li .txt h3:hover a{color: #f32b1c;}
.case-list li .txt p{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;font-size: 16px;line-height: 1.7;margin: 15px 0;}
.case-list .look-more{text-align: right;margin-top:40px;}
.case-list .look-more img{display: inline-block;padding-right: 20px;}
.case-list .look-more .hover{display: none;}
.case-list .look-more a{font-size: 14px;font-weight: bold;display: inline-block;height: 40px;line-height: 38px;text-align: center;padding:0 40px;border:1px solid #333333;color: #333333;}
.case-list .look-more:hover img{padding-right: 5px;transition: all 0.35s ease;-webkit-transition: all 0.35s ease;}
.case-list .look-more:hover a{transition: all 0.35s ease;-webkit-transition: all 0.35s ease;color: #f32b1c;}


/* ++++++++++++++++++++++++++case-inner+++++++++++++++++++++ */
.content-wrapper{background: url(../newimages/case-bg1.png) no-repeat top left;padding-top: 50px;}
.content-wrapper .case-con-top {margin: 20px 0 50px;}
.case-con-top h1{font-size: 40px;text-align: center;font-weight: bold;line-height: 1.2;}
.case-con-top time{font-size:12px;color: #666666;display: block;text-align: right;margin-top: 15px;}
.case-con .sidebar-left{width: 12%;float: left;padding-right: 29px;}
.sidebar-left .published {text-align: center;}
.sidebar-left .published strong{display: block;font-size: 14px;color: #333333;font-weight: normal;}
.sidebar-left .published span{display: inline-block;font-size: 14px;color: #333333;text-align: center;}
.sidebar-left .published span em{margin:0 8px;}
.sidebar-left .published span::before{content:'';width: 20px;height: 1px;background: #e6e6e6;display: inline-block;margin-bottom: 4px;}
.sidebar-left .published span::after{content:'';width: 20px;height: 1px;background: #e6e6e6;display: inline-block;margin-bottom: 4px;}
.sidebar-left .published .date{font-size: 24px;line-height: 1.2;margin: 15px 0;}
.sidebar-left .published time{font-size: 24px;line-height: 1.2;}
.sidebar-left .author{margin-top: 30px;text-align: center;margin-bottom: 80px;}
.author img{display: inline-block;}
.author span{display: block;font-size: 14px;color: #666666;line-height: 30px;text-transform:capitalize;}
.sidebar-left .side-share{text-align: center;}
.side-share h3{font-size: 14px;margin-bottom: 18px;font-weight: bold;}
.side-share h3 span{margin:0 6px;}
.side-share h3::before{content:'';width: 20px;height: 1px;background: #e6e6e6;display: inline-block;margin-bottom: 4px;}
.side-share h3::after{content:'';width: 20px;height: 1px;background: #e6e6e6;display: inline-block;margin-bottom: 4px;}
.side-share .a2a_default_style a{float: none;display: block;    margin-left: 22px;}
.side-share .a2a_default_style .a2a_svg{float: none; margin-top: 5px;border-radius: 50%;width: 40px;height: 40px;padding: 5px}

.case-con .sidebar-center{width: 64%;float: left;}
.sidebar-center .image img{display: block;width: 100%;height: auto;margin-bottom: 20px;}
.sidebar-center h2{font-size: 22px;line-height: 1.18;margin-bottom: 20px;font-weight: bold;}
.sidebar-center p{font-size: 16px;line-height: 2;margin-bottom: 26px;}
.news_wz{margin-bottom: 10px!important;}
.news_wz strong{font-size: 20px;}
.sidebar-center li strong{display: block;font-size: 24px;line-height: 1.2;background: url(../newimages/inner-icon.jpg) no-repeat left 6px;padding-left: 30px;margin-bottom: 20px;font-weight: normal;}

.case-con .sidebar-right{width: 24%;float: left;padding-left: 29px;height: 200px;}
.sidebar-right .material{border-bottom-left-radius:30px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); padding: 20px;margin-bottom: 70px;position: relative;z-index: 1;}
.sidebar-right strong{font-size: 28px;font-family: "Impact";line-height: 1.2;margin-bottom: 20px;display: block;}
.sidebar-right .material dl{margin-bottom: 15px;}
.sidebar-right .material dt{font-size: 16px;color: #8c8c8c;}
.sidebar-right .material dd{font-weight: bold;}
.sidebar-right .material .info dd{font-weight: normal;}
.sidebar-right .material .info dd a{color: #f32b1c;}
.sidebar-right .material .info dd:hover a{text-decoration: underline;}
.sidebar-right .material .contact{display: inline-block;height: 40px;background: #f32b1c;color: #ffffff;line-height: 40px;border-bottom-left-radius:30px;padding: 0 50px;box-sizing: border-box;position: absolute;right: 0;bottom: -40px;z-index: -1;cursor: pointer;text-transform: uppercase;}
.sidebar-right .material .contact:hover{border-bottom-left-radius:0;transition: all 0.35s ease;-webkit-transition: all 0.35s ease;}

.sidebar-right .re-pro{border: 1px solid #eeeeee;padding: 20px;}
.re-pro a{font-size: 16px;color: #333333;line-height: 1.7;margin-bottom: 15px;display: block;}
.re-pro a:hover{color: #f32b1c;}

.article-wrap{background: #f6f6f6;overflow: hidden;margin-top: 70px;}
.article-wrap .article{padding: 0 4% 0 6%;}
.article-wrap h3{font-size: 24px;color: #666666;text-transform: uppercase;line-height: 1.2;margin: 76px 0 30px;}
.article-wrap .tit{font-weight: bold;text-transform: uppercase;font-size: 26px;line-height: 1.2;display: block;color: #333333;}
.article-wrap p{color: #888888;margin: 30px 0 32px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.article-wrap .return,.article-wrap .back{display: inline-block;width: 240px;height: 40px;border:1px solid #e7e7e7;border-radius: 5px;color: #888888;background: #ffffff;text-align: center;line-height: 38px;margin-bottom: 80px;}
.article-wrap .return{margin-right: 20px;}
.article-wrap .return:hover,.article-wrap .back:hover{background: #f32b1c;color: #fff;transition: all 0.35s ease;-webkit-transition: all 0.35s ease;}
.article-wrap .tit:hover{color: #f32b1c;}
.mo-material,.related-pro{display: none;}



/* ++++++++++++++++++++++++++blog+++++++++++++++++++++ */

.blog-list li{margin-bottom: 70px;box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25);position: relative;}
.blog-list li .img{width: 51%;float: left;overflow: hidden;}
.blog-list li .img:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;}


.blog-list li .txt{width: 49%;float: right;box-sizing: border-box;padding:0 5%;}
.blog-list li .txt h3{font-size: 26px;line-height: 1.2em;margin-bottom: 15px;}
.blog-list li .txt h3 a{display: block;color: #232222; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 62px;}
.blog-list li .txt h3:hover a{color: #f32b1c;}
.blog-list li .txt p{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;font-size: 16px;line-height: 1.7;max-height: 81px;}
.blog-list .look-more{text-align: right;margin-top: 30px;}
.blog-list .look-more img{display: inline-block;padding-right: 20px;}
.blog-list .look-more .hover{display: none;}
.blog-list .look-more a{font-size: 14px;font-weight: bold;display: inline-block;height: 40px;line-height: 38px;text-align: center;padding:0 44px;border:1px solid #333333;color: #333333;}
.blog-list .look-more:hover img{padding-right: 5px;transition: all 0.35s ease;-webkit-transition: all 0.35s ease;}
.blog-list .look-more:hover a{transition: all 0.35s ease;-webkit-transition: all 0.35s ease;color: #f32b1c;}
.blog-list .author{box-sizing: border-box;text-align: right;margin-top: 15px;}
.blog-list .edit{display: inline-block;padding-top: 8px;}
.blog-list .edit span{display: block;font-size: 12px;color: #3c3c3c;line-height: 1.5;}
.blog-list .author img{display: inline-block;margin-top: -20px;}
.blog-list time{display: inline-block;background: #da261e;color: #ffffff;text-align: center;font-size: 14px;line-height: 1.5; padding: 0 10px 3px;position: absolute;left: -30px;top: 30px;}
.blog-list time span{display: block;font-size: 24px;}
.mo-author{display: none;}

/* ++++++++++++++++++++++++++news+++++++++++++++++++++ */
.news-wrap{margin-top: 76px;}
.hot-news .left{float: left;width: 45.3%;padding-right: 4%;}
.hot-news .left>span{font-size: 14px;color: #f32b1c;text-transform: uppercase;margin: 32px 0;display: block;}
.hot-news .left h3 a{display: block;font-size: 40px;color: #333;font-weight: bold;line-height: 1.4;}
.hot-news .author{font-size:14px;margin: 40px 0 30px;}
.hot-news .author img{display: inline-block;}
.hot-news .author span{color: #666666;display: inline-block;margin: 0 12px;}
.hot-news .author time{color: #aaaaaa;}
.hot-news .left p{line-height: 2; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;max-height: 96px;}
.hot-news .left .m-more{margin-top: 35px;}
.hot-news .right{float: right;width: 54.2%;}
.hot-news .right li{width: 100%;margin-bottom: 35px;}
.hot-news .right li .item{padding:30px;overflow: hidden;}
.hot-news .right li .item>a{display: block;float: left;width: 200px;}
.hot-news .right li .item>a img{width: 100%;}
.hot-news li .item .new-txt{float: right;width: 53.4%;}
.hot-news .right .item h3 a{font-size: 20px;color: #aaaaaa; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.5;margin-bottom: 40px;max-height: 60px;}
.new-go {overflow: hidden;}
.new-go time{font-size: 20px;color: #aaaaaa;line-height: 1.1;}
.new-go img{float: right;margin: 8px 0;display: none;}
.hot-news .right li:hover{box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);transition: all 0.35s ease;-webkit-transition: all 0.35s ease;}
.hot-news .right li:hover h3 a{color: #333;transition: all 0.35s ease;-webkit-transition: all 0.35s ease;}
.hot-news .right li:hover .new-go img,.hot-news .right li:focus .new-go img{display: block;}

.news-list-tit h2 a{font-size: 60px;text-transform: uppercase;color: #e6e6e6;display: block;font-weight: bold;line-height: 1.2;margin: 75px 0 45px;}
.news-list-tit h2:hover a{color: #333;}
.news-list-tit{border-bottom:1px solid #e6e6e6;}
.g-list li{text-align: center;border-bottom:1px solid #e6e6e6;padding: 35px 0;}
.new-item h3 a{display: block;font-size: 26px;color: #333333;line-height: 1.2;}
.new-item .author{font-size:14px;margin: 25px 0;}
.new-item .author img{display: inline-block;}
.new-item .author span{color: #666666;display: inline-block;margin: 0 12px;}
.new-item .author time{color: #aaaaaa;}
.new-item p{line-height: 2; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 64px;}
.new-item .details{margin: 25px 0 5px;display: block;}
.news-list li  h3:hover a{color: #f32b1c;}
.new-item .details:hover{padding-left: 20px;transition: all 0.35s ease;-webkit-transition: all 0.35s ease;}
.events-list{margin-bottom: 35px;}
.events-list li:last-child{border-bottom: 0;}
.news-first-tit{display: none;}

/* ++++++++++++++++++++++++++new inner+++++++++++++++++++++ */

.sidebar-center .source{text-align: right;}
.sidebar-center .source img{margin-top: -3px;}
.sidebar-right .need{padding:20px 20px 0;background: #e9f6ff;position: relative;}
.sidebar-right .need label{margin-bottom: 12px;display: block;}
.sidebar-right .need .ico{font-size: 14px;line-height: 26px;}
.sidebar-right .need .inp{height: 30px;line-height: 30px;border-radius: 4px;width: 100%;padding: 0 10px;border-width:initial;border-style:none;border-color:initial;border-image:initial;}
.sidebar-right .need .area{height: 30px;line-height: 1.2;border-radius: 4px;width: 100%;padding: 5px 10px;}
.sidebar-right .need .inp:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #fff inset !important;box-shadow: 0 0 0px 1000px #fff inset !important;-webkit-text-fill-color: #999999!important;}
.sidebar-right .need p{font-size: 14px;color: #999999;padding-bottom: 70px;}
.sidebar-right .need p span{text-decoration: underline;}
.sidebar-right .need .sub{display: block;width: 88px;height: 88px;font-size: 20px;border-radius: 50%;background: #d6231b;color: #fff;position: absolute;right: -24px;bottom: -24px;box-shadow: 0 5px 10px rgba(218, 37, 29, 0.35);-webkit-box-shadow: 0 5px 10px rgba(218, 37, 29, 0.35);cursor: pointer;}
.sidebar-right .need .sub:hover{opacity: 0.3;}

/* ++++++++++++++++++++++++++pro list+++++++++++++++++++++ */

.prolist-wrapper .wrap{position: relative;}
.pro-menu{width: 30%;background: #e9f6ff;float: left;padding:30px 0 27px 30px;margin-top: 64px; position:relative;}
.pro-click li a{font-size: 16px;color: #8c8c8c;display: block;position: relative;line-height: 21px;margin-bottom: 40px;padding:5px 0 5px 30px;}
.pro-click li a::before{content:'';width: 20px;height: 20px;background: #ffffff;border-radius: 5px;position: absolute;left: 0;border:1px solid #aaaaaa;}
.pro-click li:hover a,.pro-click li.on a{color: #f32b1c;transition: all 0.35s ease;-webkit-transition: all 0.35s ease;}
.pro-click li:hover a::before,.pro-click li.on a::before{background: url(../newimages/select.png) no-repeat center #f32b1c;transition: all 0.2s ease;-webkit-transition: all 0.2s ease;}
.prolist-wrapper .pro-list{float: right;width: 70%;padding-left: 38px;margin-top: 64px;position: relative;}
.pro-list .tab-pro li{padding: 30px;background: #ffffff;overflow: hidden;margin-bottom: 50px;-webkit-box-shadow:0px 10px 20px #e0e0e0; -moz-box-shadow:0px 10px 20px #e0e0e0; -ms-box-shadow:0px 10px 20px #e0e0e0; -o-box-shadow:0px 10px 20px #e0e0e0; box-shadow:0px 10px 20px #e0e0e0;}
.pro-list .tab-pro li .txt{float: left;width: 48%;}
.pro-list .txt h3 {margin-bottom: 42px;position: relative;min-height: 55px}
.pro-list .txt h3 a{display: block;color: #333333;font-size: 26px;line-height: 1.1;}
.pro-list .txt h3:hover a{color: #f32b1c;}
.pro-list .txt h3::before{content:'';width: 100px;height: 1px;background: #f1f1f1;position: absolute;left: -30px;bottom: -15px;}
.pro-list .txt p{font-size: 18px;line-height: 1.2;margin-bottom: 30px;}
.pro-list .txt .m-more{margin-top: 17px;}
.pro-list li .img{float: right;width: 308px;background: url(../newimages/cp-bg1.jpg) no-repeat top right;}
.mo-pro-menu{display: none;}
.fix-bottom {position: absolute;top: 0;}
.tab-fix{position:sticky;top: 0;}

.hotpro-wrapper{margin-top: 70px;padding-bottom: 35px;position: relative;}
.hotpro-wrapper::after{content: '';width: 100%;height: 130px;background: url(../newimages/dot-bg.png);position: absolute;bottom: 0;z-index: -1;}
.hotpro-top .pro-con{float: left;width: 50%;background: #ffffff;}
.hotpro-top .pro-img{float: right;width: 50%;position: relative;padding-bottom: 20px;z-index: 1;}
.hotpro-top .pro-con>p{font-size: 16px;color: #999999;line-height: 1.9;margin: 35px 0 32px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 60px;}
.hotpro-top .proline{display: block;width: 100px;height: 1px;background-color:#f32b1c;}
.hotpro-top .proline::after{content: '';display: block;width: 50px;height: 4px;background-color:#f32b1c; }
.hotpro-top .pro-con h2{font-size: 36px;text-align: center;font-family: "Impact";line-height: 1.1;margin-top: 60px;}
.hotpro-top .pro-con h2 a{color: #333333;display: block;}
.hotpro-top .pro-con h2:hover a{color: #f32b1c;}
.hotpro-top .pro-con ul{overflow: hidden;margin: 40px 0 62px;}
.hotpro-top .pro-con ul li{width: 50%;float: left;text-align: center;position: relative;}
.hotpro-top .pro-con ul li:nth-child(1)::after{content:'';width: 1px;height: 31px;border-right: 1px solid #dedfe0;position: absolute;top: 50%;right: 0; transform: translateY(-50%);}
.hotpro-top .pro-con li strong{display: block;font-size: 24px;font-weight: bold;color: #333333;line-height: 30px;margin-bottom: 6px;}
.hotpro-top .pro-con li span{font-size: 16px;color: #999999;line-height: 2;}
.pro-img h3{font-size: 30px;font-family: "Impact";color: #333333;line-height: 1.1;margin: 43px 0 25px 21%;}

.hotpro-top .pro-img::before{content: '';background: url(../newimages/proline.png) no-repeat #f32b1c left bottom;width: 406px;height: 430px;position: absolute;right: 35px;top: 0;z-index: -1;border-radius: 40px 0 40px 0;}
.hotpro-top .pro-img::after{content: '';width: 360px;height: 485px;background: #222121;position: absolute;right: 0;top: 0;z-index: -2;border-bottom-right-radius:40px; }
.pro-img .proline{background-color:#232222;margin-left: 21%;}
.pro-img .proline::after{background-color:#232222;}
.pro-img p{font-size: 16px;line-height: 2;margin: 24px 14% 15px 21%;color: #fff; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;max-height: 96px;}

/* .hotpro-wrapper .hotpro-top .swiper-slide{display: none;}
.hotpro-wrapper .hotpro-top .one-swiper{display: block;}
.hotpro-wrapper .hotpro-top.swiper-container-horizontal .swiper-slide{display: block;} */
/* .hotpro-wrapper .hotpro-thumbs{display: none;} */
/* .hotpro-wrapper .hotpro-thumbs.swiper-container-horizontal {display: block;} */

.hotpro-wrapper .hotpro-top .slick-dots{position: absolute;left: auto;right: 25%;width: 10%;bottom: 25px;z-index: 2;}
.hotpro-top .slick-dots li{display: inline-block;width: 8px;height: 8px;border-radius: 100%;margin: 0 5px;opacity: 1;background: #3e3e3e;}
.hotpro-top .slick-dots li button{display: none;}
.hotpro-top .slick-dots .slick-active{background: #f32b1c;opacity: 1;}


.hotpro-wrapper .hotpro-thumbs{width: 450px;height: 70px;background: #232222;margin-left: 0;margin-top: -70px;padding: 0 75px;}
.hotpro-wrapper .hotpro-thumbs .swiper-slide{width: 25%;background: #2c3c4a;border:2px solid transparent;}
.hotpro-wrapper .hotpro-thumbs .slick-current{background: #c2c3c8;border-color: #f32b1c;}
.hotpro-wrapper .hotpro-thumbs .slick-arrow{width: 75px;height: 70px;background-color: #232222;background-repeat: no-repeat;background-position: center;position: absolute;bottom: 0;-webkit-background-size: 15px;-moz-background-size:  15px;-ms-background-size:  15px;-o-background-size:  15px;background-size:  15px;margin-top: 0;top: auto;outline: none;border:none;font-size: 0;cursor: pointer;z-index: 2;}
.hotpro-wrapper .hotpro-thumbs .slick-prev{background-image: url(../newimages/cpprev.png);left: 0;}
.hotpro-wrapper .hotpro-thumbs .slick-next{background-image: url(../newimages/cpnext.png);right:0;}


/* ++++++++++++++++++++++++++pager+++++++++++++++++++++ */
.pager-wrap{text-align: center;margin-bottom: 80px;margin-top: 30px;}
.pager-wrap .pagination{display: inline-block;}
.pagination li{float: left;border:1px solid #ccc;line-height: 34px;font-size: 18px;width: 40px;margin: 0 5px;cursor: pointer;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;}
.pagination li span,.pagination li a{display: block;color: #aaaaaa;padding:3px 4px;}
.pagination .disabled{cursor:not-allowed;}
.pagination .active,.pagination li:hover{background-color: #f32b1c;border-color: #f32b1c;}
.pagination .active a,.pagination .active span,.pagination li a:hover{color: #ffffff;}
.pagination .disabled:hover{background-color: #eee;border-color: #eee;}

/* ++++++++++++++++++++++++++ Contact Us +++++++++++++++++++++ */
.contact-wrapper{margin:152px 0 100px;}
.contact-wrapper .contact-con{-moz-box-shadow:0px 8px 10px rgba(35,34,34,.35); -webkit-box-shadow:0px 8px 10px rgba(35,34,34,.35); box-shadow:0px 8px 10px rgba(35,34,34,.35);}
.send-message {width: 64.5%;float: left;padding:0 5%;}
.send-message h2{font-size: 30px;line-height: 1.2;margin: 65px 0 20px;background: url(../newimages/index-xb.png) no-repeat right center;display: inline-block;padding-right: 38px;position: relative;}
.send-message h2::after { content: '';width: 385px;height: 1px;background: linear-gradient(to right, #f32b1c 0%,#f0f3fa 100%);position: absolute;top: 50%;right: -370px;}
.send-message form{overflow: hidden;position: relative;}
.send-message span{font-size:54px;display:block;color:#999999;line-height:56px;text-transform: uppercase;margin-bottom:30px;}
.send-message p{font-size:18px;color:#666666;line-height:1.5;margin-bottom:30px;position: relative;}
.send-message p::before{content: '';width: 6px;height: 6px;border-radius: 50%;background-color: #fff;position: absolute;left: -18px;top:10px;}
.send-message label{display:block;border-radius:3px;padding: 5px 5px 5px 25px;border-bottom:1px solid #e6e6e6;margin-bottom:55px;position:relative}
.send-message label .ico{position:absolute;left:0;top:3px;width:36px;height:36px;background-repeat:no-repeat;background-position:left center;-webkit-background-size: 18px;-moz-background-size: 18px;-ms-background-size: 18px;-o-background-size: 18px;background-size: 18px;}
.send-message .lb{width: 49%;display: inline-block;position: relative;}
.send-message .lb:nth-child(1),.send-message .lb:nth-child(3){margin-right: 4px;}
.send-message label .ico1{background-image:url(../newimages/icon00.png);}
.send-message label .ico2{background-image:url(../newimages/icon01.png);}
.send-message label .ico3{background-image:url(../newimages/icon02.png);}
.send-message label .ico4{background-image:url(../newimages/icon03.png);}
.send-message label .ico5{background-image:url(../newimages/icon04.png);background-position-y: 8px;}
.send-message label .inp{width:100%;height:34px;line-height:34px;font-size:16px;color:#aaaaaa;border:0;outline:0;}
.send-message label .email{padding-left: 8px;}
.send-message label i{display: block;color: #f32b1c;position: absolute;top:10px;}
.send-message label .area{height:76px;display:block;width:100%;font-size:16px;border-width:initial;border-style:none;border-color:initial;border-image:initial;resize:none;outline:0;line-height: 1.7;}
.send-message .sub{background: #232227;color: #fff;width: 100%;height: 60px;line-height: 60px;text-align: center;font-size: 24px;border-radius: 5px;margin-bottom: 55px;}
.send-message .sub:hover{color: #f32b1c;}
.tact-info{float: right;width: 35.5%;position: relative;z-index: 1;}
.tact-info span{display: block;position: absolute;right: 0;z-index: -1;}
.tact-info span img{display:block;position: relative;margin-top: -100px;}
.tact-info .info{margin-top: 154px;background: url(../newimages/lx-img.png) #232222 no-repeat bottom right;padding:55px 35px 57px 45px;position: relative;}
.tact-info .info::before{content:'';width: 44px;height: 44px;background: #fff;position: absolute;top:-26px;left: -24px;}
.tact-info .info::after{content:'';width: 34px;height: 34px;background: #f32b1c;position: absolute;top: -21px;left: -20px;}
.tact-info .info h2{font-size: 40px;color: #f32b1c;font-family: "Impact";line-height: 1.1;margin-bottom: 55px;}
.tact-info .info p{color: #fff;font-size: 18px;margin-bottom: 50px;padding-left: 44px;}
.tact-info .info p a{color: #fff;}
.tact-info .info p:hover a{text-decoration: underline;}
.tact-info .info p:nth-of-type(1){background: url(../newimages/icon6.png) no-repeat left center;}
.tact-info .info p:nth-of-type(2){background: url(../newimages/icon7.png) no-repeat left center;}
.tact-info .info p:nth-of-type(3){background: url(../newimages/icon8.png) no-repeat left 5px;}
.motact-info{display: none;}

/* ++++++++++++++++++++++++++ about +++++++++++++++++++++ */
.about-wrap{position: relative;z-index: 1;overflow: hidden;}
.about-wrap::after{content:'';width: 1560px;height: 260px;background: url(../newimages/dot-bg.png);position: absolute;left: 0;top: 0;z-index: -1;}
.about-wrap .wp{width: 1200px;margin: 0 auto;}
.about-wrap .about-con{padding: 65px 40px 68px 100px;background: url(../newimages/about-bg.png) no-repeat top left #363636;margin-right: 60px;box-sizing: border-box;border-top-left-radius: 60px;position: relative;}
.about-wrap h2{font-size: 54px;color: #222222;line-height: 1.2;margin: 72px 0 40px 100px;}
.about-con .about-con-txt{color: #fff;width: 35%;float: left;}
.about-wrap h3{font-size: 30px;text-transform: uppercase;line-height: 1.1;padding: 15px 0 19px;position: relative;margin-bottom:20px;color: #fff;}
.about-wrap h3::after{content:'';width: 60px;height: 4px;background: #ffffff;position: absolute;left: 0;bottom: 0;}
.about-con-txt p{font-size: 16px;line-height: 2.25;margin-bottom: 30px;font-weight: 300;}
.about-con-img{width: 700px;position: absolute;top:-138px;right: -62px;-moz-box-shadow:10px 10px 20px rgba(35,34,34,.3); -webkit-box-shadow:10px 10px 20px rgba(35,34,34,.3); box-shadow:10px 10px 20px rgba(35,34,34,.3);}

.about-con-img .about-swiper{border-bottom-left-radius: 60px;}
.about-con-img .about-swiper .img{border: 10px solid #f32b1c;border-bottom-left-radius: 60px;overflow: hidden;}
/* .about-con-img .swiper-slide{border-bottom-left-radius: 60px;}
.about-con-img .slide-active img{border-bottom-left-radius: 54px;} */
.about-con-img .swiper-slide img{border-bottom-left-radius: 54px;}

.about-con-img .slick-dots{bottom: -68px;left: 50%;position: absolute;overflow: hidden;}
.about-con-img .slick-dots button{display: none;}
.about-con-img .slick-dots li{float: left;width: 8px;height: 8px;border-radius: 100%;background: #6b6b6b;margin: 0 6px;}
.about-con-img .slick-dots .slick-active{background: #ffffff;}
.about-con-img .slick-arrow{width: 48px;height: 25px;top:auto;bottom: -76px;position: absolute;z-index: 2;font-size: 0;outline: none;border: none;cursor: pointer;}
.about-con-img .slick-prev {background: url(../newimages/prev03.png) no-repeat center;left: auto;right: 24%;}
.about-con-img .slick-next{background: url(../newimages/pnext03.png) no-repeat center;right: 14%;}
.about-wrap .about-con1{background:#363636;margin-right: 60px;padding-top:15px;position: relative;}
.about-wrap .about-con1 h3{position: absolute;left: 100px;top:0;}
.mo-about{display: none;}

.about-global{margin:115px 0 80px;}
.about-global .wrap{position: relative;}
.about-global .about-tit{width: 390px;position: relative;}
.about-global .about-tit h2{font-size: 54px;text-transform: uppercase;line-height: 1.2;}
.about-global .about-tit span{font-size: 20px;text-transform: uppercase;line-height: 1.2;border-right: 2px solid #000000;padding-right: 14px;display: inline-block;width: 120px;text-align: right;position: absolute;right: 0;top: 8px;}
.about-global .about-tit{position: absolute;top: 48px;left: 0;}
.about-global .global-txt{width: 37.3%;float: left;margin-top: 256px;}
.about-global .global-txt p{font-size: 18px;line-height: 2;}
.about-global .global-pic{width: 62.7%;float: right;}
.about-global .global-pic img:nth-of-type(2){display: none;}
/* ++++++++++++++++++++++++++ 404 +++++++++++++++++++++ */
.error_wrapper{margin-top:70px;}
.error_wrapper .error{text-align: center;}
.error_wrapper .error img{display: inline-block;}
.error_wrapper .error p{font-size: 18px;margin-top: 35px;}
.error_wrapper .error a{display: inline-block;padding: 0 56px;background: #37416e;color: #fff;font-size: 20px;line-height: 58px;border-radius: 4px;margin: 25px 0 35px;}
.error_wrapper .error a:hover{opacity: 0.3;}
/* ==== 路标形商务通 ===*/
.right-service01{position:fixed;right:0;top:400px;border-radius:50%;z-index: 99990;width: 190px;}
.right-service01 .pic{width: 100%;text-align: center;}
.right-service01 img{display: inline-block;}
.right-service01 span{display: block;font-size: 24px;height: 50px;line-height: 42px;background: url(../newimages/swt-bg01.png) no-repeat center;color: #fff;padding-left: 30px;cursor: pointer;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.right-service01 a{display: block;height: 52px;line-height: 40px;background: url(../newimages/swt-bg02.png) no-repeat center;font-size: 18px;color: #fff;text-align: center;font-weight: 100;position: relative;margin-top: -6px;margin-left: -18px;z-index: -1;cursor: pointer;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}

.right-service01 span:hover{padding-left: 40px;}
.right-service01 a:hover{padding-left: 10px;}

.right-service01 .word{width:150px;color:#fff;padding:10px 15px;font-weight:400;line-height:1.45;background-color:#ed4d49;left:160px;top:65px;margin-top:-30px;-webkit-transition:all .3s cubic-bezier(.86,0,.07,1);transition:all .3s cubic-bezier(.86,0,.07,1);-webkit-box-shadow:0 2px 2px rgba(0,0,0,.2);box-shadow:0 2px 2px rgba(0,0,0,.2);font-size:14px;border-radius:3px;position:absolute;transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;opacity:0;filter:alpha(opacity=0);}
.right-service01 .word::after {position: absolute;display: block;content: '';height: 20px;width: 20px;-webkit-box-shadow: none;box-shadow: none;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;z-index: 50;background-color: #ed4d49;-webkit-box-shadow: 3px 3px 10px 0 rgba(255, 37, 29, 0.2);box-shadow: 3px 3px 10px 0 rgba(255, 37, 29, 0.2);right: -6px;top: 50%;margin-top: -10px;}
.right-service01 .show{left:-115px;opacity:1;filter:alpha(opacity=100)}

/* ++++++++++++++++++++++++++ Business communication +++++++++++++++++++++ */


@media (max-width: 1600px){
    .banner .txt{padding-right: 5%;}
}
@media (max-width: 1440px){
    .banner .txt h1,.banner .txt p:nth-child(1){font-size: 46px;}
    .banner .txt{left: 40%;}
}

@media (max-width: 1366px){
    .banner .txt{padding-right: 2%;}
    .banner .txt p {font-size: 26px;}
    .pro-top .con .pic{width: 600px;left: -13.3%;}
    .pro-recommend-wrapper .slick-next{right: -90px;}
    .pro-recommend-wrapper .slick-prev{left: -85px;}
}


@media (max-width: 1280px){
    .banner .txt{top: 90px;}
    .banner .txt p:nth-child(1),.banner .txt h1{font-size: 38px;}
}
@media (max-width: 1200px){
    .banner .txt p {font-size: 18px;}
    .banner .txt p:nth-child(1),.banner .txt h1{font-size: 40px;}
    .about-con-img{width: 550px;top: 25px;right: -40px;}
    .about-wrap .wp{width: 1000px;}
    .about-wrap::after{width: 900px;}
    .about-wrap .about-con1 h3 {left: 28px;}
    .pro-top .con .pic{width: 480px;left: 0;}
    .pro-recommend-wrapper .slick-next{right: 0;}
    .pro-recommend-wrapper .slick-prev{left: 0;}
    .blog-list time {left: -10px;}
}
@media (max-width: 1150px){
    .wrap{max-width:1000px;width: 92%; }
    nav .nav-l{width: 65%;}
    .side-share h3::before,.side-share h3::after{width: 15px;}
    .sidebar-left .published span::before,.sidebar-left .published span::after{width: 15px;}
    .pro-list li .img {width: 51%;}
    .pro-top .con .pic{width: 48%;}
    .pro-top .con .txt{width: 52%;}
    .product-img .pro-img{float: none;margin:0 auto;}
    .product-img .pro-img img{display: block;width: 100%;}
    .product-img .slick-arrow{display: none!important;}
    .product-img .slick-dots{width: 100%; bottom: -25px;right: auto;text-align: center;}
    .product-img>span br{display: none;}
    .product-img>span{margin-top: 25px;margin-left: 0;text-align: center;position: static;width: 100%;}
    .case-list li .img{width: 360px;}
    .tact-info span img {margin-top: -80px;}
    .banner .txt{left: 16%;}

}
@media (max-width: 1000px){
    .banner .txt p:nth-child(1), .banner .txt h1{font-size: 38px;}
    .wrap,.about-wrap .wp{max-width: 850px;width: 92%;}
    nav .nav-l{width: 75%;}
    .hot-pro .swiper-r strong,.m-about .left h2,.m-news h2{font-size: 42px;}
    .hot-pro .swiper-l{padding: 0 66px 50px 0;}
    .m-about .right .con{margin-left: 14.4%;}
    .m-about .right .point-area{top: 147px;right: 96px;}
    .m-about .left .m-about-list {margin: 20px 0 20px;}
    .swiper-blog .blog-txt{padding: 5px 15px 5px 10px;}
    .swiper-blog .blog-txt p{margin-bottom: 20px;}
    .m-menu {margin: 60px 0;}
    .hot-pro .swiper-button-next{left: 310px;}
    .hot-pro .swiper-button-prev{left: 270px;}
    .hot-pro .swiper-r .m-more{right: 10px;}
    nav .nav-l li{margin-right: 20px;}
    .message .lb{width: 49%;}
    .message .lb:nth-child(1), .message .lb:nth-child(3),.message .online{margin-right: 4px;}
    .case-list li .txt p{-webkit-line-clamp: 2;}
    .hot-news .left>span{margin: 20px 0;}
    .hot-news .left h3 a{font-size: 32px;}
    .blog-list li .txt p{-webkit-line-clamp: 1;font-size: 14px;}
    .blog-list .author{margin-top: 5px;}
    .blog-list li .txt{padding: 0px 2%;}
    .case-con .sidebar-left{padding-right: 15px;width: 15%;}
    .case-con .sidebar-right{display: none;}
    .case-con .sidebar-center{width: 85%;}
    .about-wrap .about-con{padding: 65px 30px 68px 30px;}
    .about-con-img{right: -60px;}
    .sales-bottom{display: none;}
    .mo-sales{display: block;text-align: center;}
    .about-con-img{width: 450px;}
    .about-con-img .swiper-pagination{left: 40%;}
    .prolist-wrapper .pro-list{padding-left: 18px;}
    .pro-list .tab-pro li{padding: 15px;}
    .pro-list li .img{width: 235px;}
    .prolist-wrapper .pro-menu{padding: 30px 0 27px 10px;}
    .pro-list .txt h3{font-size: 28px;margin-bottom: 30px;}
    .pro-list .txt h3::before{bottom: -10px;}
    .pro-list .txt p{font-size: 14px;margin-bottom: 10px;}
    .pro-top .con .pic{width: 100%;position: static;}
    .pro-top .con .txt{width: 100%;}
    .pro-top .made-r{width: 59%;}
    .pro-top .made-r p{width: 92%;font-size: 18px;}
    .pro-top .m-made::before{display: none;}
    .pro-recommend .swiper-l{padding: 0 35px 50px 5px;}
    .pro-recommend-wrapper .slick-arrow{width: 40px;height: 40px;}

    .pro-solution p{margin-left: 0;font-size: 16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
    .about-con .about-con-txt {width: 40%;}
    .hot-news .left{width: 100%;padding-right: 0;}
    .hot-news .right{width: 100%;margin-top: 35px;}
    .hot-news li .item .new-txt{width:66%;}
    .hot-news .right li{margin-bottom: 10px;}
    .side-share .a2a_default_style a{margin-left: 24px;}
    .about-service01 li .img{width: 220px;height: 220px;    margin-top: -32px;}
    .about-service01 li.about-li1 .txt::after,.about-service01 li.about-li .txt::after{width: 430px;height: 206px;top: -30px;}
    .about-service01 .about-li .txt{margin-left: 14%;padding: 0 30px 0 16%;}
    .about-service01 .about-li1 .txt{margin-right: 14%;padding: 0 13% 0 30px;}
    .about-service01 li .txt h4{font-size: 22px;}
    .about-service01 li .txt p{font-size: 14px;min-height: 84px;margin: 8px 0 16px;}
    .about-service01 li:nth-child(3) .txt p {margin: 10px 0 15px;}
    .contact-wrapper{margin:100px 0 100px;}
    .tact-info span img{margin-top: -30px;}
    .hotpro-wrapper{display: none;}

}

@media (max-width: 768px){
    .wrap,.about-wrap .wp{max-width: auto;width: 92%;}
    header{display: none;}
    nav{display: none;}
    .m-header{display: block;}
    .banner .txt{text-align: center;width: 100%;left: 0;top: 75px;padding: 0 10px;}
    .banner picture {padding-top: 56%;}
    .banner .txt p:nth-child(1), .banner .txt h1{line-height: 1.5;}
    .m-menu li p,.m-menu .more{display: none;}
    .m-menu li{width: 25%;margin-right: 0;}
    .m-menu li h2{font-size: 20px;margin-right: 5px;}
    .m-menu{margin: 30px 0;}
    .crumbs-wrap .crumbs{padding: 5px 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .hot-pro .swiper-slide{margin-right: 20px;}
    .hot-pro .swiper-r{display: none;}
    .hot-pro .swiper-l{width: 100%;padding: 0 0 50px 0;}
    .hot-pro .swiper-l .swiper-cont{padding: 90px 0 30px 25px;}
    .hot-pro .swiper-l .top{margin-left: 10px;}
    .hot-pro .swiper-l .top .txt{min-height: 240px;}
    .hot-pro .swiper-l .index-cp{left: 0;width: 100%;}
    .swiper-l .top h3 a {margin-bottom: 54px;font-size: 32px;padding-right: 0;}
    .swiper-l .top span{color: #fff;margin-bottom: 25px;font-size: 16px;}
    /* .hot-pro{padding-right:30%;margin:0 -3% 30px!important;padding-left: 3%;} */
    .swiper-l .top strong{display: block;}
    .containner .m-about {border-top:20px solid #f5f7fa;margin-bottom: 80px;}
    .m-about .left{width: 100%;}
    .m-about .left h2{font-weight: bold;border-bottom: 1px solid #dedfe0;padding-bottom: 10px;margin: 20px 0;}
    .m-about .mo-more{margin-top: 42px;}
    .mo-more{font-size: 24px;color: #333333;float: right;font-weight: normal;display: block;line-height: 1.2;margin-top: 22px;}
    .m-about .left .m-more,.m-about .left .m-about-list{display: none;}
    .m-about .right{width: 100%;margin-top: 30px;}
    .m-about .right .point-area {top: 141px;right: 116px;}
    .m-about .left p{font-size: 18px;margin-top: 20px;}
    .m-about .right .con{width: 59%;margin-left: 0;background: url(../newimages/bg-linem.png) #f32b1c no-repeat top center;padding: 28px 5px 136px 20px;}
    .m-about .right .con h4{font-size: 36px;}
    .m-about .right .con h4 span{display: inline-block;margin-left: 2px;font-size: 36px;}
    .m-about .right .con p{font-size: 20px;}
    .m-about .right .con .txt {margin-top: 40px;display: block;}
    .m-about .right .con .txt i{font-size: 20px;color: #fff;font-weight: normal;display: block;line-height: 1.2;margin-bottom: 10px;}
    .m-about .right .con .txt i::before{content: '';width: 5px;height: 5px;background: #ffffff;border-radius: 50%;display: inline-block;vertical-align: middle;margin-top: -5px;margin-right: 5px;}

    .m-news{background-color: #fff;border-top:20px solid #f5f7fa;padding-bottom: 25px;}
    .m-news h2,.m-blog h2{background:none;text-align: left;margin: 35px 0 30px;border-bottom:1px solid #dedfe0;padding-bottom: 20px;font-size: 42px;font-weight: bold;}
    .m-news h2::after,.m-news h3::after{display: none;}
    .m-news li{border-bottom:1px solid #dedfe0;}
    .m-news li:last-child{border-bottom:0;}
    .m-news li h3 a{background:none;padding-left: 0;}
    .m-news .m-more{top:15px;border: none;font-weight: normal;font-size: 24px;padding: 0;}
    .m-news li p{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
    .swiper-blog .blog-txt .m-more{display: none;}
    .swiper-blog .edit{padding-top: 0;}
    .swiper-blog .edit span{display: inline-block;font-size: 16px;line-height: 40px;}
    .swiper-blog .blog-txt .author{position: static;}
    .swiper-blog .author img{margin-top: 0;width: 30px;}
    .swiper-blog .blog-txt h3 a{margin:0 0 16px 0;}
    .swiper-blog .blog-txt p{-webkit-line-clamp: 1;}
    .m-blog{border-top:20px solid #f5f7fa;background:none;margin-bottom: 0;}
    .swiper-blog{margin-top: 50px;}
    .m-message{padding-bottom: 40px;}
    .m-message .message{padding-right:0;}
    .message form,.message .lb-area{width: 100%;}
    .message .sub{width: 100%;margin-bottom: 50px;font-size: 18px;}
    .message .online{display: none;}
    .message label .area{padding: 8px;}
    .message .lb {width: 49%;}
    .message p::before{display: none;}
    .m-message .share{position: static;width: 100%;margin-top: 20px;}
    .m-message .share span {display: inline-block;font-size: 24px;color: #fff;text-align: center;}
    .motact-info .share{width: 100%;margin: 50px 0;overflow: hidden;}
    .motact-info .share span {display: inline-block;font-size: 24px;color: #fff;text-align: center;}
    .m-message .share span{color: #fff;}
    .motact-info .share li{margin-left: 4%;float: left;}
    .share ul{width: 45%;float: right;position: relative;}
    .share ul li{width: 20%;}
    .share ul:before{content:'';width: 40px;height: 1px;background:#999999;position: absolute;top: 50%;left: -40px;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
    .share ul:after{content:'';width: 40px;height: 1px;background:#999999;position: absolute;top: 50%;right: 0;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
    .foot-top{padding: 50px 0 60px;}
    .foot-top dl{width: 100%;}
    .foot-top dl:nth-child(2) {padding-left: 0;margin-top: 40px;}
    .case-list ul{margin-top: 0;border-top:20px solid #f5f7fa;}
    .list-tit {margin: 0;}
    .list-tit h1{margin-top: 55px;}
    .case-list li{border-bottom:1px solid #dedfe0;margin-bottom: 0;padding:40px 0;}
    .case-list li:last-child{border-bottom:0;}
    .case-list li .img{width: 100%;margin-bottom: 35px;}
    .case-list li .img img{display: block;width: 100%;}
    .case-list li .txt{width: 100%;padding-left: 0;}
    .case-list li .img::after,.case-list .look-more{display: none;}
    .list-tit p{margin-bottom: 40px;}
    .news-wrap {margin-top: 0;}
    .hot-news .right{width: 100%;}
    .hot-news .left {display: none;}
    .hot-news .right li .item{padding: 20px 10px;}
    .news-first-tit{display: block;}
    .hot-news .author{margin: 30px 0 20px;}
    /* .news-wrap .right{border-bottom: 20px solid #f5f7fa;} */
    .news-list:nth-of-type(3){border-top:20px solid #f5f7fa;}
    .news-list{border-bottom:20px solid #f5f7fa;}
    .hot-news .left .m-more{margin-bottom: 55px;}
    .news-list-tit h2 a,.news-list-tit span{margin: 48px 0 45px;font-size: 54px;color: #999999;}
    .news-list-tit span{text-transform: uppercase;display: block;font-weight: bold;line-height: 1.2;}
    .list li:last-child{border-bottom: 0;}
    .hot-news .left h3 a{font-size: 28px;}
    .m-more{padding: 0 22px;}
    .blog-list time{display: none;}
    .list-tit h1{font-size: 48px;}
    .blog-list li{padding: 40px 0;box-shadow: 0 0 0 0;margin-bottom: 0;border-bottom:1px solid #dedfe0;}
    .blog-list li:last-child{border-bottom: 0;}
    .blog-list li .img{width: 40%;}
    .blog-list li .txt{width: 60%;}
    .blog-list .author,.blog-list .look-more{display: none;}
    .mo-author{display: block;font-size: 16px;color: #999;margin-top: 25px;}
    .mo-author span{display: inline-block;}
    .mo-author .mo-edit{float: left;}
    .mo-author .mo-edit img{display: inline-block;width: 34px;}
    .mo-author .mo-time{float: right;background: url(../newimages/time.png) no-repeat left center;padding-left: 30px;}
    .content-wrapper{background: none;margin-bottom: 50px;padding-top: 30px;}
    .content-wrapper .case-con-top{margin: 10px 0 30px;}
    .case-con .sidebar-left {width:100%;padding-right: 0; }
    .sidebar-left .published,.sidebar-left .author,.side-share h3{display: none;}
    .side-share .a2a_default_style a{display: inline-block;    margin-left: 0;}
    /* .right-service{display: none;} */
    .right-service01{display: none;}
    .no-author{box-sizing: border-box;overflow: hidden;float: left;width: 40%;display: block;}
    .no-author img{float: left;margin-right: 10px;}
    .no-time{font-size: 16px;line-height: 1.5;}
    .no-time span{display: block;}
    .no-time time{color: #999;}
    .case-con .sidebar-center{width: 100%;}
    .sidebar-left{margin-bottom: 30px;}
    .mo-material{display: block;border-radius: 10px;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);margin-bottom: 55px;padding: 0 30px 25px;overflow: hidden;position: relative;}
    .mo-material strong{font-size: 42px;text-transform: uppercase;line-height: 1.2;margin: 35px 0 40px;display: block;font-weight: normal;}
    .mo-material dl{font-size: 24px;color: #8c8c8c;margin-bottom: 25px;}
    .mo-material dl dt{display: inline-block;}
    .mo-material dl dd{display: inline-block;color: #333333;}
    .mo-material dl dd a{color: #f32b1c;}
    .mo-material dl::before{content: '';width: 4px;height: 4px;border-radius: 50%;background: #000000;display: inline-block;vertical-align: middle;}
    .mo-material .contact{display: inline-block;background: #f32b1c;color: #fff;line-height: 55px;font-size: 24px;padding:0 40px;border-radius: 5px;position: absolute;right: 30px;bottom: 45px;cursor: pointer;text-transform: uppercase;}
    .sidebar-center h2{font-size: 20px;font-weight: bold;}
    .article-wrap .article{padding: 0;}
    .related-pro{display: block;border-top: 20px solid #f5f7fa;}
    .related-pro strong{text-indent: 3%;display: block;font-size: 38px;font-weight: bold;border-bottom: 1px solid #f5f7fa;padding:20px 0;margin-bottom: 32px;}
    .related-pro  a{font-size: 22px;color: #333333;margin-right: 1%;margin-bottom: 25px;display: inline-block;}
    .about-con-img{display: none;}
    .about-con .about-con-txt{width: 100%;}
    .about-wrap::after{display: none;}
    .about-wrap .about-con{background: none;padding: 0;margin-right: 0;}
    .about-wrap{background: url(../newimages/about-bg.png) #363636 no-repeat left top;}
    .about-wrap h2{color: #fff;font-weight: bold;margin:72px 0 40px 0;text-align: center;}
    .about-wrap .about-con1 h3{display: none;}
    .about-wrap .about-con1{margin-right: 0;margin: 0 -5%;}
    .about-global .about-tit span{display: none;}
    .about-global .about-tit{width: 100%;position: static;}
    .about-global .global-txt{width: 100%;margin-top: 35px;}
    .about-global .global-pic{width: 100%;text-align: center;margin-top: 40px;}
    .about-global .global-pic img:nth-of-type(2){display: block;width: 100%;}
    .about-global .global-pic img:nth-of-type(1){display: none;}
    .after-sales .sales-top{background: none;position: relative;z-index: 1;}
    .after-sales .sales-top::after{content: '';width: 66px;height: 280px;background: url(../newimages/dot-bg.png);position: absolute;left: 0;top:50px;z-index: -1;}
    .after-sales h3{text-align: left;font-size: 42px;font-weight: bold;margin-bottom: 30px;}
    .about-global .about-tit h2{font-size: 42px;font-weight: bold;}
    .about-global{margin: 80px 0 80px;}
    .sales-center .sales-goods{margin: 0 0 76px;padding: 30px;text-align: left;}
    .sales-center .sales-goods p{color: #333;line-height: 2;}
    .tact-info{display: none;}
    .send-message{width: 100%;padding: 0 0;}

    .contact-wrapper .contact-con{box-shadow: 0 0 0 0;}
    .send-message h2::after{display: none;}
    .send-message h2{background: none;padding-right: 0;text-transform: uppercase;font-size: 54px;margin: 65px 0 35px;}
    .contact-wrapper{margin: 0;}
    .send-message p{margin-bottom: 45px;}
    .motact-info{background: #232222;overflow: hidden;display: block;}
    .motact-info h2{font-size: 54px;color: #999999;text-transform: uppercase;margin: 65px 0 35px;}
    .motact-info p{color: #fff;font-size: 18px;line-height: 2;}
    .motact-info .info>a{display: block;background: #f32b1c;text-align: center;font-size: 28px;color: #fff;padding: 15px 0;border-radius: 5px;}
    .motact-info .email{margin: 50px 0;}
    .motact-info .info>span{display: block;text-align: center;color: #999999;font-size: 28px;margin-top: 15px;}

    .prolist-wrapper .pro-menu{display: none;}
    .prolist-wrapper .pro-list{width: 100%;padding: 38px 0 0 0;margin-top: 0;}
    .pro-list .tab-pro li .txt{width: 54%;}
    .pro-list li .img{width: 44%;}
    .pro-list li .img a{display: block;width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 83.87%;}
    .pro-list li .img img{display: block; position: absolute;top: 0; left: 0;width: 100%; height: 100%;}
    .pro-list .txt p{font-size: 16px;}
    .prolist-wrapper{background: #ffffff;}
    .pro-list .tab-pro li{box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);}
    .mo-pro-menu {border-bottom: 20px solid #f5f7fa;position: relative;z-index: 1;display: block;padding-bottom: 80px;}
    .mo-pro-menu h2{text-transform: uppercase;font-size: 48px;color: #333;line-height: 1.2;text-align: left;margin: 35px 0 20px;}
    .mopro-click{text-align: center;margin: 0 0 65px;display: block;position: relative;}
    .mopro-click .mo-link{position: absolute;width: 100%;left: 0;
    top: 0;}
    .mopro-click .link{background: #232227;line-height: 1.2em;color: #fff;padding: 23px 0;border-radius: 10px;font-size: 28px;}
    .mopro-click .fa{display: inline-block;width: 20px;height: 11px;background: url(../newimages/nav-down.png) no-repeat right center;-webkit-background-size: 100%;-moz-background-size: 100%;-ms-background-size: 100%;-o-background-size: 100%;background-size: 100%;position: absolute;right: 20px;top: 50%;transform: translate(0,-50%);}
    .mopro-click .mo-prolist{width: 100%;background: #ffffff;padding: 10px 0;display: none;position: absolute;left: 0;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);}
    .mopro-click ul li a{font-size: 24px;line-height: 1.2;padding: 10px 0;display: block;color: #999999;}
    .pro-list .txt h3::before{display: none;}
    .pro-cont h2{font-size: 42px;margin: 30px 0 30px;border-bottom: 1px solid #dedfe0;padding-bottom: 30px;}
    .pro-cont p{margin-bottom: 25px;}
    .pro-cont ol::after {display: none;}
    .product-img{display: block;margin-top: 35px;}
    .product-img .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 25px}
    .product-img .pro-img{width: 100%;}

    .pro-cont ol li p{background: none;padding-left: 0;margin-left: 0;}
    .pro-sc-wrapper{margin-bottom: 50px;border-radius: 10px;}
    .pro-sc-wrapper .motab-list{overflow: hidden;overflow-X: scroll;margin-bottom: 20px;}
    .pro-sc-wrapper .motab-list ul{width:auto;white-space: nowrap;}
    .tab-cs li{margin-right: 0;}
    .pro-sc-wrapper  table{border-collapse:collapse; border-spacing:0;border-top: 1px solid #8e8d8d;}
    .pro-sc-wrapper  table td{border-right: 1px solid #8e8d8d;border-bottom: 1px solid #8e8d8d;}
    .pro-sc-wrapper  table tr{border-left: 1px solid #8e8d8d;}
    .pro-recommend-wrapper .slick-arrow{display: none!important;}
    .pro-recommend .swiper-l {padding: 0 0px 50px 5px;}
    .pro-recommend .swiper-l .swiper-cont{padding: 90px 0 30px 25px;}
    .pro-recommend .swiper-l .look-more{display: none;}
    .pro-recommend .swiper-l .top{padding-bottom: 40px;margin-left: 0;}
    .pro-solution-wrapper h2 a{display: inline-block;}
    .pro-solution-wrapper{margin-bottom: 40px;overflow: hidden;}
    .pro-solution p{display: none;}
    .pro-solution-wrapper .swiper-wrapper{display: block;}
    .pro-solution-wrapper .swiper-slide{margin-bottom: 30px;overflow: hidden;width: 100%;}
    .pro-solution .txt h4 a{font-size: 18px;}
    .pro-solution .img{width: 50%;}
    .pro-solution .txt{width: 50%;}
    .pro-solution .txt .m-more{height: 30px;line-height: 28px;font-size: 12px;padding: 0 15px;}
    .pro-top .txt li{display: block;text-align: left;margin-bottom: 15px;}
    .pro-top .txt li span{display: inline-block;}
    .pro-top .txt li strong{font-size: 18px;}
    .pro-solution-wrapper .mo-more{display: block;margin-top: 10px;}
    .pro-con1 .matter{width: 100%;}
    .pro-con1 .matter dd{font-size: 14px;}
    .pro-con1 .matter dt{padding: 5px 10px;}
    .pro-cs{display: none;}
    .mpro-cs{display: block;}
    .pro-sc-wrapper h3{line-height: 45px;text-indent: 10px;margin-bottom: 5px;}
    .hot-news .right .item h3 a{color: #333333;}
    .case-con-top time{text-align: center;}
    .pc-about{display: none;}
    .mo-about{display: block;}

    .foot-fix{display: block;position: fixed;bottom: 0;left:0;max-width: 780px;width: 100%;z-index: 99999;background:#4f4e4e;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;background: url(../newimages/footline.png) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}
    .foot-fix li{width: 50%;float: left;font-size: 26px;line-height: 97px;height: 97px;box-sizing: content-box;text-transform: capitalize;}
    .foot-fix li:nth-child(1){text-indent: 50px;}
    .foot-fix li:nth-child(2){text-indent: 160px;}
    .foot-fix li a{display: block;color: #fff;}
    .foot-fix .tel-img{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
    .about-service01 .about-li .txt{padding: 0 20px 0 20%;}
    .about-service01 li{margin-bottom: 40px;}
    footer{padding-bottom: 135px;}
    .t-top{bottom: 118px;}
}

@media (max-width: 680px){
    .share li,.motact-info .share li{margin-left: 1%;}
    .m-menu li{width: 50%;margin-bottom: 10px;}
    .m-menu li h2{font-size: 18px;padding-right:26%;}
    .banner .txt p:nth-child(2){display: none;}
    .banner .txt p:nth-child(1),.banner .txt h1{font-size: 22px;}
    .swiper-l .top strong {font-size: 40px;top: 32px;}
    .swiper-l .top span {margin-bottom: 10px;}
    .hot-pro .swiper-l .swiper-cont{padding: 60px 0 30px 25px;}
    .hot-pro .swiper-r strong, .m-about .left h2, .m-news h2,.m-news h2, .m-blog h2,.list-tit h1,.news-list-tit h2 a,.news-list-tit span{font-size: 38px;}
    .mo-more,.m-news .m-more{font-size: 20px;}
    .m-about .right .con{width: 72%;}
    .m-about .right .con h4,.m-about .right .con h4 span{font-size: 30px;}
    .m-about .right .con p,.m-about .right .con .txt i{font-size: 18px;}
    .m-about .right .point-area {right: 80px;}
    .swiper-blog .blog-txt h3 a{margin: 10px 0 5px 0;}
    .swiper-blog .blog-txt p{margin-bottom: 10px;}
    .swiper-blog .edit span {font-size: 14px;}
    .swiper-blog .swiper-slide{padding:10px;}
    .swiper-blog .blog-txt{padding: 5px 0 5px 10px;}
    .message>span{font-size: 38px;}
    .m-message .message {margin-top: 30px;}
    .news-wrap{margin-top: 20px;}
    .hot-news .left .m-more{margin-bottom: 40px;}
    .m-about .mo-more {margin-top: 38px;}
    .blog-list li{padding: 20px 0;}
    .blog-list li .txt h3{font-size: 20px;}
    .case-con-top h1{font-size: 32px;}
    .mo-material strong{font-size: 38px;margin: 35px 0 20px;}
    .mo-material dl{font-size: 22px;margin-bottom: 20px;}
    .mo-material .contact{font-size: 22px;line-height: 50px;padding: 0 20px;bottom: 36px;}
    .related-pro strong,.after-sales h3,.about-global .about-tit h2{font-size: 38px;}
    .sales-center .sales-goods {margin: 0 0 60px;}
    .sales-center{margin-top: 0;}
    .send-message h2,.motact-info h2{font-size: 38px;margin: 45px 0 35px;}
    .motact-info .info>a,.motact-info .info>span{font-size: 22px;}
    .foot-top dl dt{font-size: 38px;}
    .foot-top dl dd{font-size: 16px;}
    .mo-pro-menu h2{font-size: 38px;}
    .mopro-click .link{font-size: 22px;}
    .mopro-click ul li a{font-size: 18px;}
    .pro-list .txt h3{min-height: auto;}
    .pro-list .txt h3 a{font-size: 20px;}
    .pro-list .txt p{font-size: 14px;}
    .mopro-click .link{padding: 15px 0;}
    .pager-wrap{margin-bottom: 40px;}
    .pagination li{width: 26px;line-height: 20px;font-size: 16px;}
    .pro-top .txt>p:nth-of-type(2) em{font-size: 20px;}
    .pro-top .reply span:first-child{width: 100%;margin-bottom: 20px;}
    .pro-top .made-r {width: 53%;float: none;display: inline-block;margin-left: 38px;}
    .pro-top .made-r p {width: 78%;font-size: 14px;margin-left: 0;}
    .pro-cont h2{font-size: 38px;}
    .pro-cont p{font-size: 16px;margin-left:0;}
    .pro-solution-wrapper{margin-bottom: 40px;}
    .pro-con1 strong{font-size: 32px;}
    .matter dd{line-height: 1.2;font-size:14px;}
    .share span {font-size: 18px;}
    .hot-news .right li .item>a{width: 150px;}
    .hot-news li .item .new-txt {width: 62%;}
    .hot-news .right .item h3 a{margin-bottom: 15px;}
    .new-go time{font-size: 14px;}
    .pro-top .m-made .point-area{display: none;}
    .pro-top .m-made{text-align: center;margin: 15px 0 35px;}
    .pro-top .made-l img{margin-left: 0;margin-bottom: 0;}
    .about-global{margin: 40px 0;}
    .about-global .global-pic{margin-top: 30px;}
    .m-message .share span{font-size: 20px;}
    .about-service01 li.about-li1 .txt::after, .about-service01 li.about-li .txt::after{display: none;}
    .about-service01 li .txt h4 {margin-top: 15px;}
    .about-service01 li .img{width: 150px;height: 150px;padding: 6px;margin-top: 0;}
    .about-service01 .about-li .txt{padding: 0 20px 0 13%;}
    .about-service01 .about-li1 .txt{padding: 0 10% 0 20px;}
    .about-service01 ul{padding-top: 0;}

    .foot-fix li{font-size: 18px;line-height: 60px;height: 60px;}
    .foot-fix li:nth-child(1){text-indent: 28px;}
    .foot-fix li:nth-child(2){text-indent: 98px;}
    .foot-fix .tel-img{width: 110px;}
    footer {padding-bottom: 100px;}
    .t-top{width: 50px;height: 45px;line-height: 45px;font-size: 20px;bottom: 75px;}
    .t-top::before{width: 16px;height: 45px;left: -16px;}
}

@media (max-width: 480px){
    .hot-pro .swiper-r strong, .m-about .left h2, .m-news h2,.m-news h2,.m-blog h2{font-size: 28px;padding-bottom: 12px;}
    .mo-more,.m-news .m-more{font-size: 16px;}
    .mo-more{margin-top: 14px;}
    .m-news .m-more {top: 8px;}
    .m-about .left p {font-size: 16px;}
    .m-about .right .con{width: 53%;}
    .m-about .right .con h4, .m-about .right .con h4 span{font-size: 18px;}
    .m-about .right .con p, .m-about .right .con .txt i{font-size: 12px;}
    .m-about .right .con img{width: 140px;}
    .m-about .right .con .txt{margin-top: 15px;}
    .m-about .right .point-area {right: 56px;top: 73px;}
    .m-about .right .con{padding: 28px 5px 68px 10px;}
    .m-about .right .con .txt i::before{width: 3px;height: 3px;margin-right: 3px;}
    .m-about .mo-more {margin-top: 35px;}
    .m-news{margin-top: 0;padding-bottom: 0;border-top: 10px solid #f5f7fa;}
    .containner .m-about{margin-bottom: 40px;border-top: 10px solid #f5f7fa;}
    .m-news h2, .m-blog h2 {margin: 25px 0 20px;}
    .m-news li h3 a{font-size: 20px;}
    .m-news li time{-webkit-background-size: 4%;-moz-background-size: 4%;-ms-background-size: 4%;-o-background-size: 4%;background-size: 4%;;padding: 10px 0 10px 20px;
    }
    .m-blog .go-blog{font-size: 16px;}
    .message .lb{width: 100%;}
    .share ul {width: 50%;}
    .share ul:before{width: 20px;left: -25px;}
    .share ul:after{width: 20px;}
    .message>span,.foot-top dl dt{font-size: 30px;margin-bottom: 20px;}
    .foot-top dl dd{font-size: 16px;}
    footer p{font-size: 12px;}
    .message .sub{margin-bottom: 25px;}
    .m-head .m-nav{width: 8%;margin-top: 2px;}
    .m-head .m-logo{width: 26%;}
    .m-header .m-head{padding:10px 0;}
    .hot-pro .swiper-l .swiper-cont{padding: 50px 0 30px 0;height: 385px;}
    /* .hot-pro{padding-right:30%;margin:0 -3% 20px!important;} */
    .swiper-l .top h3 a{font-size: 28px;margin-bottom: 25px;}
    .swiper-l .top strong {font-size: 32px;}
    .swiper-l .top span{font-size: 16px;}
    .news-list:nth-of-type(3){border-top: 10px solid #f5f7fa;}
    .news-list{border-bottom: 10px solid #f5f7fa;}
    .list-tit h1{font-size: 30px;margin-top: 35px}
    .list-tit p {margin-bottom: 25px;font-size: 16px;}
    .case-list li .img{margin-bottom: 16px;}
    .case-list li {padding: 20px 0;}
    .news-list-tit h2 a,.news-list-tit span{font-size: 30px;margin: 30px 0 20px;}
    .hot-news .left h3 a{font-size: 22px;}
    .hot-news .author img,.new-item .author img{width: 30px;}
    .hot-news .author span{margin: 0 5px;}

    .new-item h3 a{font-size: 20px;}
    .new-item .author{margin: 10px 0 15px;}
    .mo-author{font-size: 12px;margin-top: 15px}
    .mo-author .mo-edit img{width: 24px;margin-right: 2px;}
    .mo-author .mo-time{padding-left: 20px;float: left;margin-left: 15px;-webkit-background-size: 16px;-moz-background-size: 16px;-ms-background-size: 16px;-o-background-size: 16px;background-size: 16px;margin-top: 2px;}
    .blog-list li .img{width: 100%;}
    .blog-list li .txt h3{margin-bottom: 5px;}
    .blog-list li .txt{padding: 0px 0 0 2%;width: 100%;margin-top: 15px;}
    .message p{font-size: 16px;}
    .blog-list li .txt h3{font-size: 16px;}
    .blog-list li .txt h3 a{display: block;}
    .blog-list li .txt p{display: none;}
    .crumbs a, .crumbs span {font-size: 12px;}
    .crumbs span:first-child{display: none;}
    .case-con-top h1{font-size: 26px;}
    .no-time{font-size: 12px;}
    .sidebar-left {margin-bottom: 15px;}
    .sidebar-center li strong{font-size: 20px;background-position: left 3px;}
    .sidebar-center p{font-size: 14px;}
    .sidebar-center .source{display: none;}
    .article-wrap {margin-top: 20px;}
    .article-wrap .article{padding: 0;}
    .article-wrap h3{font-size: 16px;margin: 50px 0 15px;}
    .article-wrap .tit{font-size: 18px;}
    .article-wrap p{font-size: 14px;}
    .article-wrap .return, .article-wrap .back{margin-bottom: 10px;width: 100%;font-size: 14px;}
    .article-wrap .back{margin-bottom: 40px;}
    .mo-material{padding: 0 12px 25px;}
    .mo-material strong{font-size: 30px;}
    .mo-material dl{font-size: 16px;}
    .mo-material .contact{font-size: 16px;position: static;line-height: 40px;display: block;text-align: center;}
    .related-pro strong{font-size: 30px;}
    .related-pro strong{margin-bottom: 12px;padding: 10px 0;}
    .related-pro a{font-size: 18px;margin-bottom: 15px;}
    .content-wrapper{margin-bottom: 10px;padding-top: 25px;}
    .about-wrap h2{font-size:38px;}
    .about-wrap h3{font-size: 28px;}
    .after-sales h3, .about-global .about-tit h2{font-size: 32px;}
    .about-wrap h2{margin: 52px 0 20px 0;}
    .after-sales .sales-top strong{font-size: 22px;padding-left: 20px;}
    .send-message .lb{width: 100%;}
    .send-message label{margin-bottom: 25px;}
    .send-message .sub{height: 50px;line-height: 50px;font-size: 18px;}
    .send-message h2, .motact-info h2{font-size: 32px;margin: 30px 0 20px;}
    .motact-info p,.send-message p{font-size: 16px;}
    .m-message .share li span, .motact-info .share li span{font-size: 18px;}
    .motact-info .email {margin: 30px 0;}
    .about-global .global-txt p{font-size: 16px;}
    .mo-pro-menu{border-bottom: 10px solid #f5f7fa;padding-bottom: 50px;}
    .mo-pro-menu h2{font-size: 20px;}
    .mopro-click .link{font-size: 18px;}
    .pro-list .txt h3 {margin-bottom: 10px;}
    .pro-list .txt .m-more{display: none;}
    .pro-top .txt h1{font-size: 30px;margin-top: 15px;}
    .pro-top .txt>p:nth-of-type(1),.pro-top .txt li strong,.pro-top .txt li span{font-size: 16px;}
    .pro-top .txt>p:nth-of-type(2){font-size: 18px;}
    .pro-top .made-r .point-area{top: 45px;}
    .pro-top .made-r{width: 49%;}
    .pro-top .made-r p{width: 77%;font-size: 12px;}
    .pro-top .reply .quote{width: 100%;text-align: center;margin-left:0;    margin-bottom: 20px;}
    .pro-solution-wrapper{margin-bottom: 30px;}
    .pro-cont h2{font-size: 24px;margin: 30px 0 15px;padding-bottom: 15px;}
    .pro-solution-wrapper .mo-more {margin-top: 5px;}
    .tab-cs li{font-size: 16px;}
    .pro-con1{margin-bottom: 0;}
    .pro-recommend .swiper-l .swiper-cont{padding: 40px 0 30px 10px;
    }
    .pro-recommend-wrapper .swiper-l span{font-size: 14px;}
    .pro-recommend-wrapper .swiper-l{font-size: 22px;}
    .motact-info .info>a, .motact-info .info>span{font-size: 20px;}
    .motact-info .info>a{padding: 5px 0 8px;}
    .pro-con1 strong{font-size: 24px;}

    .swiper-blog{margin-top: 25px;}
    .swiper-blog .blog-pic{width: 100%;}
    .swiper-blog .blog-txt{width: 100%;padding: 0;}
    .m-menu li h2{font-size: 16px;margin-bottom: 20px;}
    .m-menu li h2::after{bottom: -8px;}
    .m-menu li{margin-bottom: 0px;}
    .after-sales {margin-top: 20px;}
    .sales-center .sales-goods{padding: 20px;}
    .sales-center .sales-goods p{font-size: 16px;}
    .sales-center .sales-goods p:first-child{margin-bottom: 10px;}
    .send-message label .area{height: 110px;}
    .hot-news .right .item h3 a{font-size: 18px;margin-bottom: 12px}
    .m-more {height: 35px;line-height: 34px;}
    .new-item .details {margin: 15px 0 5px;}
    .pro-recommend .swiper-l .index-cp{left: 0;}
    .hot-pro .swiper-l .top .txt {min-height: 210px}
    .pro-cont p{font-size: 14px;}
    .pro-solution .img{width: 100%;}
    .pro-solution .txt{width: 100%;padding-left: 0;margin-top: 20px;}
    .hot-news li .item .new-txt {width: 55%;}
    .hot-news .right{margin-top: 30px;}
    .new-go img{width: 20px;}
    .pro-top .made-r p{width: 100%;padding: 5px;}
    .tab-cs li span{height: 40px;line-height: 36px;}
    .about-global .global-pic{margin-top: 20px;}
    .case-list li .txt h3::before{width: 25px;height: 25px;top: 12px;
    left: -10px;}
    .case-list ul{border-top: 10px solid #f5f7fa;}
    .product-img>span{font-size: 18px;margin-top: 15px;}

    .mopro-click {margin: 0 auto 25px;}
    .mopro-click .fa{-webkit-background-size:16px;-moz-background-size: 16px;-ms-background-size: 16px;-o-background-size: 16px;background-size:16px;}
    .foot-fix0{height: 40px;}
    .foot-fix0 span{width: 129px;font-size: 14px;height: 40px;line-height: 40px;}
    .foot-fix0::after{height: 40px;right: -14px;width: 14px;}
    .foot-fix0 img{width: 74px;left: -30px;top: -20px;}
    .t-top{font-size: 14px;width: 40px;height: 40px;line-height: 40px;bottom: 51px;}
    .t-top::before{height: 40px;left: -14px;width: 14px;}
    .foot-fix .tel-img{width: 74px;}
    .foot-fix li{font-size: 14px;height: 50px;line-height: 50px;}
    .foot-fix li:nth-child(2){text-indent: 100px;}
    .about-service01 li .txt h4{font-size: 18px;}
    .about-service01 li .txt p{font-size: 12px;}
    .about-service01 li .img{width: 80px;height: 80px;padding: 4px;}
    .about-service01 .about-li .txt{margin-left: 9%;}
    .about-service01 .about-li1 .txt{margin-right: 9%;}
    .about-service01 li .txt p{min-height: auto;}
    .sales-center .sales-goods {margin: 0 0 40px;}
    .after-sales h3{margin-bottom: 25px;}
    .about-service01 li{margin-bottom: 30px;}
    .product-img .swiper-pagination-bullet{width: 5px;height: 5px;}
    .product-img .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 18px;}
    .t-top{bottom: 80px;}
    footer {padding-bottom: 50px;}

    .pro-title .box{left: 5px;}
}

@media (max-width: 375px){
    .pro-top .made-r .point-area{top: 25px;}
    .related-pro strong, .after-sales h3, .about-global .about-tit h2 {font-size: 28px;}
    .about-global .global-txt{margin-top: 10px;}
    .new-item h3 a{font-size: 18px;}
    .new-item p{font-size: 14px;}
    .m-about .right .point-area {top: 75px;}
    .mopro-click{margin: 0 auto 40px;}
    .hot-news .right li .item>a {width: 135px;}
    .hot-news .right li .item{padding: 10px;}
    .tab-cs li {font-size: 14px;}
    .tab-cs li span{border: 2px solid #363636;}
    .about-service01 .about-li .txt{padding: 0 20px 0 16%;}
    .foot-fix li:nth-child(1) {text-indent: 20px;}
    .foot-fix li:nth-child(2) {text-indent: 80px;}
}
@media (max-width: 360px){
    .m-message .share li span, .motact-info .share li span{font-size: 16px;}
    .motact-info .info>a, .motact-info .info>span{font-size: 16px;}
    .pro-top .made-r .point-area {top: 31px;left: 8px;}
    .hot-pro .swiper-l .swiper-cont{height: 355px;}
    .hot-pro .swiper-r strong, .m-about .left h2, .m-news h2, .m-news h2, .m-blog h2 {font-size: 22px;}
    .m-news .m-more {top: 0;}
    .m-news li h3 a{font-size: 18px;}
    .m-news li p{font-size: 14px;}
    .share span{font-size: 15px;}
    .swiper-l .top strong{font-size: 28px;}
    .swiper-l .top span{font-size: 14px;}
    .banner .txt p:nth-child(1),.banner .txt h1{font-size: 18px;}
    .m-about .right .point-area{top: 75px;}
    .mo-more{margin-top: 6px;}
    .about-con-txt p{font-size: 14px;margin-bottom: 20px;}
    .about-wrap h3 {font-size: 22px;}
    .about-wrap h2 {margin: 35px 0 20px 0;font-size: 32px;}
    .after-sales .sales-top strong{font-size: 18px;line-height: 25px;margin-bottom: 12px;}
    .after-sales .sales-top::after {height: 176px;}
    .related-pro strong, .after-sales h3, .about-global .about-tit h2,.mo-pro-menu h2{font-size: 22px;}
    .about-global .global-txt p {font-size: 14px;}
    .list-tit h1{font-size: 22px;}
    .list-tit p{font-size: 14px;}
    .sidebar-center h2{margin-bottom: 15px;font-size: 18px;}
    .case-con-top h1,.sidebar-center h2,.mo-material strong,.related-pro strong{font-size: 22px;}
    .send-message h2, .motact-info h2{font-size: 22px;margin: 30px 0 10px;}
    .motact-info p, .send-message p {font-size: 14px;margin-bottom: 30px;}
    .hot-news .right .item h3 a{font-size: 16px;margin-bottom: 10px;}
    .news-list-tit h2 a,.news-list-tit span{font-size: 22px;margin: 20px 0 15px;}
    .hot-news .right {margin-bottom: 25px;}
    .m-about .mo-more {margin-top: 29px;}
    .pro-cont h2{font-size: 22px;}
    .mopro-click .link{font-size: 16px;}
    .hot-pro .swiper-l .top .txt {min-height: 180px;}
    /* .hot-pro{padding-right:30%;margin:0 -3% 15px!important;} */
    .pro-con1 .matter dd {font-size: 12px;}
}
@media (max-width: 320px){
    .m-message .share li span, .motact-info .share li span{font-size: 14px}
    .message .lb:nth-child(1), .message .lb:nth-child(3) {    margin-right: 0px;}
    .message label .ico{width: 35px;}
    .message label {padding: 5px 5px 5px 28px;}
    footer .wrap{width: 100%;}
    .mo-material dl,.mo-material .contact{font-size: 14px;}
    .related-pro a{font-size: 16px;}
    .sales-center .sales-goods p{font-size: 14px;}
    .mopro-click .link .fa{width: 16px;}
    .pro-recommend .swiper-l .swiper-cont{padding: 40px 0 30px 5px;
    }
    .hot-pro .swiper-l .swiper-cont{height: 340px;}
    .pro-recommend-wrapper .swiper-l span{font-size: 12px;}
    .pro-recommend-wrapper .swiper-l{font-size: 18px;}
    .pro-recommend .swiper-l {padding: 0 0px 50px 0;}
    .pro-recommend  .swiper-l .top h3 a{font-size:18px;}
    .pro-top .reply .quote{margin-bottom: 30px;}
    .error a{font-size: 16px;}
    .pro-list .txt p {font-size: 12px;}
    .pro-list .txt h3 a {font-size: 18px;}
    .hot-news .right li .item>a {width: 100px;}
    .hot-news li .item .new-txt {width: 60%;}
    .m-about .right .con {width: 59%;}
    .m-about .right .con h4, .m-about .right .con h4 span {font-size: 16px;}
    .m-about .right .point-area{right: 44px;}
    .about-service01 .about-li .txt {padding: 0 11px 0 20%;}
    .about-service01 .about-li1 .txt {padding: 0 18% 0 10px;}
    .foot-fix li:nth-child(1) {text-indent: 8px;}
    .foot-fix li:nth-child(2) {text-indent: 72px;}
}
.zdytable tr{height:40px;}
.zidingyi strong{font-weight: bold;}
.zidingyi{height:50px!important;background: gainsboro;}

/*+++++++++++++++++++++ pro AB +++++++++++++++++++++ */
.pro-content{margin-top: 100px;}
.pro-content h2{font-size: 54px;color: #333333;line-height: 1.1;margin-bottom: 45px;}
.pro-case .pro-solution p{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;max-height: 110px;}

.pro-title{height: 56px;position: relative;z-index: 999;margin-bottom: 70px;}
.pro-title .box{position: absolute;top: 0;width: 100%;max-width: 1000px;}
.pro-tabclick li{float: left;width: 20%;font-size: 18px;color: #333333;
line-height: 56px;background: #ffe6dc;text-align: center;border-radius: 28px;position: relative;margin-right: 5.4%;}
.pro-tabclick li:first-child{margin-left: 8px;}
.pro-tabclick li:last-child{margin-right: 0;}
.pro-tabclick li span{display: block;cursor: pointer;}
.pro-tabclick li span:before{content: '';width: 8px;height: 8px;border-radius: 50%;background: #f32b1c;border:3px solid #fff;position: absolute;top:50%;left: -6px;transform: translateY(-50%);}
.pro-tabclick li span:after{content: '';width: 8px;height: 8px;border-radius: 50%;background: #f32b1c;border:3px solid #fff;position: absolute;top:50%;right: -6px;transform: translateY(-50%);}
.pro-tabclick li:after{content: '';width: 28px;height: auto;border-top: 2px dashed #000000;position: absolute;top:50%;right: -40px;transform: translateY(-50%);}

.pro-tabclick li.on{color: #fff;background: linear-gradient(to left,#f87853, #f32b1c); background: -webkit-linear-gradient(right,#f87853,#f32b1c); background: -o-linear-gradient(left,#f87853,#f32b1c); background: -moz-linear-gradient(left,#f87853,#f32b1c); background: -ms-linear-gradient(left,#f87853,#f32b1c);}
.pro-tabclick li.on:before{content: '';width: 0;height: 0;border-width: 10px;border-style: solid;border-color: #f5452f  transparent transparent  transparent ;position: absolute;bottom: -20px;left: 50%;transform: translateX(-50%);}

.tab-pro h2{margin-top: 88px;}
.tab-pro p{margin-bottom: 30px;font-size: 18px;line-height: 2;}
.pro-tag {position: relative;}
.pro-tag li p{background: url(../newimages/index-xb.png) no-repeat left 5px;padding-left: 43px;}
.pro-tag  p strong {font-weight: bold;color: #da251d;word-break: break-all;}
.pro-tag::after {content: '';width: 1px;background: #da251d;position: absolute;top: -20px;bottom: 0;left: 12px;}

.pro-contact{margin-top: 90px;}
.pro-contact p{font-size: 18px;color: #333;}
.pro-contact p a{text-decoration: underline;color: #0278fc;display: inline-block;}
.pro-contact ul{margin: 50px 0 120px;}
.pro-contact li{float: left;width: 23%;margin-right: 2%;}
.pro-contact li:last-child{margin-right: 0;}

.pro-answer li{margin-bottom: 78px;}
.pro-answer .pro-w .pic{width: 66px;height: 66px;border-radius: 33px 33px 0 33px;float: left;-webkit-box-shadow: 1px 0 7px rgba(81, 106, 170, .4);-moz-box-shadow: 1px 0 7px rgba(81, 106, 170, .4);-ms-box-shadow: 1px 0 7px rgba(81, 106, 170, .4);-o-box-shadow: 1px 0 7px rgba(81, 106, 170, .4);box-shadow: 1px 0 7px rgba(81, 106, 170, .4);vertical-align: top;}
.pro-answer .pro-w .pic img{border-radius: 33px 33px  0 33px;}
.pro-answer .pro-w .txt{width: 91.3%;float: right;}
.pro-answer .pro-w p{background: #da251d;color: #fff;font-size: 24px;line-height: 2;padding: 9px 30px;box-sizing: border-box;border-radius: 35px 33px 33px  0;display: inline-block}
.pro-answer .pro-d .txt{float: left;width: 91.3%;}
.pro-answer .pro-d p{background: #f2f5ff;color: #232323;display: inline-block;font-size: 18px;line-height: 2;padding:15px 30px;box-sizing: border-box;border-radius: 35px 33px  0 33px;}
.pro-answer .pro-d .pic{width: 66px;height: 66px;float: right;vertical-align: top;border-radius: 33px 33px 33px 0;line-height: 66px;text-align: center;-webkit-box-shadow: 1px 0 7px rgba(81, 106, 170, .4);-moz-box-shadow: 1px 0 7px rgba(81, 106, 170, .4);-ms-box-shadow: 1px 0 7px rgba(81, 106, 170, .4);-o-box-shadow: 1px 0 7px rgba(81, 106, 170, .4);box-shadow: 1px 0 7px rgba(81, 106, 170, .4);}
.pro-answer .pro-d .pic img{display: inline-block;}
@media (max-width:992px){
    .pro-tabclick li:after{right: -35px;}
    .pro-answer .pro-w .txt{width: 89%;}
    .pro-answer .pro-d .txt{width: 88%;}
}
@media (max-width:850px){
    .pro-content h2{font-size: 48px;}
    .pro-content{margin-top: 80px;}
    .pro-tabclick li:after{display: none;}
    .pro-tabclick li{margin-right:3%;width: 22%;}
    .pro-contact{margin-top: 60px;}
    .pro-contact ul{margin: 50px 0 60px;}
}
@media (max-width:768px){
    .pro-content h2 {font-size: 38px;}
    .pro-case .pro-solution p{-webkit-line-clamp: 2;}
    .pro-tabclick li{width: 25%;margin-right: 0;font-size: 16px;line-height: 40px;}
    .pro-tabclick li:first-child{margin-left: 0;}
    .pro-tabclick{margin-bottom: 50px;}
    .pro-answer .pro-w p{font-size: 20px;padding: 9px 20px;}
    .pro-answer .pro-d p{font-size: 14px;}
    .pro-answer li{margin-bottom: 45px;}
    .pro-answer li:last-child{margin-bottom: 0;}
}
@media (max-width:680px){
    .pro-tabclick li{width: 48%;margin: 0 1% 20px 1%;}
    .pro-tabclick li:first-child{margin-left: 1%;}
    .pro-content h2{font-size: 28px;}
    .pro-content {margin-top: 50px;}
    .pro-case .pro-solution p{font-size: 12px;}
    .pro-case .pro-solution .img{width: 42%;}
    .pro-case .pro-solution .txt {width: 57%;}
    .pro-case .pro-solution .txt a{margin-bottom: 10px;}
    .pro-tabclick{margin-bottom: 0;}
    .tab-pro h2{margin-top: 45px;margin-bottom: 30px;}
    .pro-contact li{width: 47%;margin-bottom: 15px;}
    .pro-contact ul{margin: 30px 0 50px;}
    .pro-contact p{font-size: 16px;}
    .pro-content h2{margin-bottom: 30px;}
    .pro-answer .pro-w .pic,.pro-answer .pro-d .pic{width: 33px;height: 33px;}
    .pro-answer .pro-d .pic{line-height: 33px;padding:0 2px;}
    .pro-answer .pro-w p,.pro-answer .pro-d p{font-size: 16px;margin-bottom: 20px;}
    .pro-contact{margin-top: 30px;}
    .tab-pro {margin-top: 30px;}
    .pro-tabclick li.on:before{display: none;}
}
@media (max-width:480px){
    .pro-case .pro-solution .img{width: 100%;}
    .pro-case .pro-solution .txt {width:100%;}
    .pro-tabclick li{margin: 0 0 20px 0;}
    .pro-tabclick li:first-child{margin-left: 0;}
    .pro-content h2{margin-top: 30px;font-size: 24px;}
    .pro-solution-wrapper{margin-bottom: 10px;}
    .tab-pro p{margin-bottom: 20px;}
    .pro-sc-wrapper p{font-size: 12px;line-height: 1.5;}
}
@media (max-width:320px){
    .pro-answer .pro-w .txt,.pro-answer .pro-d .txt{width:85%;}
    .pro-answer .pro-d p{padding: 9px 20px;}
}