@charset "utf-8";
/*
	MBTXW.COM Copyright (C)2008-2099 www.mbtxw.com
	Author: mbtxw.com, QQ:536205792.
    Special note: do not modify this document without permission.
*/
/* global */
.swiper {width:100%;height:100%;}

/*banner修复*/
.swiper-side-box {width:100%;height:100vh;position:relative;display:flex;justify-content:center;align-items:center;}
.swiper-side-box .swiper-slide {display:flex;justify-content:center;align-items:center;}
.swiper-side-box .swiper-slide img{width:100%;height:auto;min-height:100%;transition:1s linear 2s;transform:scale(1.1,1.1);}
.swiper-side-box .swiper-slide-active img, .swiper-side-box .swiper-slide-duplicate-active img {transition:6s linear;transform:scale(1,1);} 
.swiper-side-box .swiper-slide .text-center {z-index:99;position:absolute;color:#FAFAFA;top:38%;text-align:center;width:100%;}
.swiper-side-box .swiper-slide .text-center h2 {font-size:70px;}
.swiper-side-box .swiper-slide .text-center li {font-size:30px;padding-top:30px;}

.swiper-side-box .swiper-slide .text-left {z-index:99;position:absolute;color:#FAFAFA;top:35%;left:6%;}
.swiper-side-box .swiper-slide .text-left h2 {font-size:70px;}
.swiper-side-box .swiper-slide .text-left li {font-size:30px;padding-top:30px;}

.swiper-side-box .swiper-slide .text-right {z-index:99;position:absolute;color:#FAFAFA;top:35%;right:6%;text-align:right;}
.swiper-side-box .swiper-slide .text-right h2 {font-size:70px;}
.swiper-side-box .swiper-slide .text-right li {font-size:30px;padding-top:30px;}

.swiper-side-box .swiper-slide.swiper-slide-active .text-left h2 {-moz-animation:opacity-anmi ease-in-out .3s;-webkit-animation:bounceInRight ease-in-out 1s 1;animation:bounceInRight ease-in-out 1s 1;}
.swiper-side-box .swiper-slide.swiper-slide-active .text-left li {-webkit-animation:bounceInLeft ease-in-out 1.2s 1;animation:bounceInLeft ease-in-out 1.2s 1;}

.swiper-side-box .swiper-slide.swiper-slide-active .text-right h2 {-moz-animation:opacity-anmi ease-in-out .3s;-webkit-animation:bounceInDown ease-in-out 1s 1;animation:bounceInDown ease-in-out 1s 1;}
.swiper-side-box .swiper-slide.swiper-slide-active .text-right li {-webkit-animation:bounceInRight ease-in-out 1.3s 1;animation:bounceInRight ease-in-out 1.3s 1;}

.swiper-side-box .swiper-slide.swiper-slide-active .text-center h2 {-moz-animation:opacity-anmi ease-in-out .3s;-webkit-animation:bounceInRight ease-in-out 1s 1;animation:bounceInRight ease-in-out 1s 1;}
.swiper-side-box .swiper-slide.swiper-slide-active .text-center li {-webkit-animation:bounceInLeft ease-in-out 1.2s 1;animation:bounceInLeft ease-in-out 1.2s 1;}


.swiper-pagination-bullet {width:20px;height:20px;text-align:center;line-height:20px;font-size:14px;color:#fff;opacity:1;background:none;border:none !important;outline:none !important;margin-right:120px !important;}
.swiper-pagination-bullet:first-child {margin-left:15px !important;}
.swiper-pagination-bullet:last-child {margin-right:15px !important;}
.swiper-pagination-bullet-active {color:#f20;background:none;position:relative;font-weight:600;}
.swiper-pagination-bullet-active::after {content:'';display:inline-block;height:2px;width:60%;background-color:#FFF;position:absolute;left:2px;bottom:-25px;}

.swiper-pagination {position:relative;border-bottom:1px solid rgba(255,255,255,0.2);padding-bottom:10px;}
.swiper-number {position:absolute;bottom:8%;left:50%;width:auto;text-align:center;transform:translateX(-50%);-webkit-transform:translateX(-50%);z-index: 999;}
.swiper-number span {display:inline-block;font-family:"Myriad Pro","Microsoft YaHei";}

.swiper-side-box .swiper-button-next,.swiper-side-box .swiper-button-prev {width:40px;height:68px;font-size:50px;color:#ffffff;font-family:simsun;font-style:normal;border:none !important;outline:none !important;}
.swiper-side-box .swiper-button-next:hover,.swiper-side-box .swiper-button-prev:hover {background:rgb(0 0 0 / 32%);border-radius:5px}
.swiper-side-box .swiper-button-prev {left:30px;transform:rotate(-180deg);}
.swiper-side-box .swiper-button-next {right:30px;}

/**/
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{content: '' !important;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {content: '' !important;}


/*首页产品*/
.index-product {width:100%;background-color:#fff;}
.index-product .product-title {text-align:center;padding-top:66px;}
.index-product .product-title h2 {font-size:3.2em;margin-top:0;margin-bottom:30px;font-weight:700;color:#666666;font-family:'Open Sans', sans-serif;text-align:center;text-transform:uppercase;position:relative;padding-bottom:30px;}
.index-product .product-title h2:before {border-left:80px solid #DADADA;border-right:80px solid #DADADA;bottom:0;content:"";height:1px;left:50%;margin-left:-102px;position:absolute;width:43px;}
.index-product .product-title h2:after {background:#eb452a none repeat scroll 0 0 padding-box content-box;border-bottom:1px solid #DADADA;border-left:1px solid #DADADA;bottom:-15px;content: "";height:22px;left:50%;margin-left:-16px;padding:0 0 8px 8px;position:absolute;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);width:22px;}
.index-product .product-title p {font-size:16px;color:#999;font-weight:500px;letter-spacing:2px;font-family: "Open Sans", sans-serif;}


.index-product .product-catname {margin:0 auto;display:table;}
.index-product .product-catname a {display:block;float:left;color:#888C96;transition:all .3s;box-shadow:0 1px 4px 0 rgb(101 46 46 / 40%);box-sizing:border-box;border-radius:25px;margin:38px 10px 30px 10px;padding:10px 20px;font-size:14px;font-family:"aliFangYuan";}
.index-product .product-catname a:hover {transform:translate3d(0,-2px,0);transform:translateY(-3px);box-shadow:0px 10px 10px -10px rgb(0 0 0);}


/*滚动产品*/
.product-scroll {width:1600px;height:100%;background:#FFF;padding:11px 0px;border-radius:8px;}
.product-scroll .tempWrap {width:1600px !important;}
.product-scroll .list-product {overflow:hidden;position:relative;}
.product-scroll .list-product li {box-sizing: border-box;float:left;width:320px !important;margin:12px 0px;text-align:center;}
.product-scroll .list-product li a  {display:block;webkit-transition:all ease .5s;-moz-transition:all ease .5s;-ms-transition:all ease .5s;transition:all ease .5s;}
.product-scroll .list-product li img {width:280px;height:280px;text-align:center;border-radius:5px;}
.product-scroll .list-product li p {text-align:center;height:34px;line-height:34px;font-size:14px;}
.product-scroll .list-product li a:hover {-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);-ms-transform:translateY(-8px);transform:translateY(-8px);webkit-transition:all ease .5s;-moz-transition:all ease .5s;-ms-transition:all ease .5s;transition:all ease .5s;}

.product-scroll .prev,.product-scroll .next {position:absolute;cursor:pointer;width:20px;top:34%;z-index:10;padding:5px;font-size:40px;color:#ffffff;font-family:simsun;font-style:normal;background:rgba(0,0,0,0.6);display:none;}
.product-scroll:hover .prev,.product-scroll:hover .next {display:block;}
.product-scroll .prev {left:0;border-radius:0 5px 5px 0;transform:rotate(-180deg);}
.product-scroll .next {right:0px;border-radius:0 5px 5px 0;}
.product-scroll .next:hover,.product-scroll .prev:hover {right:0px;background:rgba(0,0,0,0.3);}

.product-scroll .scroll-box {height:20px;line-height:20px;text-align:center;margin-top:20px;}
.product-scroll .scroll-box li {display:inline-block;width:10px;height:10px;line-height:10px;overflow:hidden;margin:0 4px 0 5px;background:rgba(0,0,0,0.3);border-radius:25px;text-indent:-9999px;}
.product-scroll .scroll-box li.on {background:linear-gradient(90deg,rgb(245, 68, 68),rgb(254, 119, 98));width:25px;}




.index-contact {background:#232323;padding:15px 0 60px 0;overflow:hidden;}
.index-contact .column-name {padding:30px 200px;text-align:center;}
.index-contact .column-name h3 {font-size:3.2em;margin-top:0;margin-bottom:30px;font-weight:700;color:#666666;font-family:'Open Sans', sans-serif;text-align:center;text-transform:uppercase;position:relative;padding-bottom:30px;}
.index-contact .column-name h3:before {border-left:80px solid #DADADA;border-right:80px solid #DADADA;bottom:0;content:"";height:1px;left:50%;margin-left:-102px;position:absolute;width:43px;}
.index-contact .column-name h3:after {background:#eb452a none repeat scroll 0 0 padding-box content-box;border-bottom:1px solid #DADADA;border-left:1px solid #DADADA;bottom:-15px;content: "";height:22px;left:50%;margin-left:-16px;padding:0 0 8px 8px;position:absolute;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);width:22px;}
.index-contact .column-name p {color:#999;font-size:16px;font-family: "Open Sans", sans-serif;padding:15px 0;}
.index-contact .column-name p a {color:#999;}
.index-contact .column-name p a:hover {color:#fff;}


.index-contact .contact-show {overflow:hidden;}
.index-contact .contact-show div {float:left;color:#999;}
.index-contact .contact-show a {color:#d0131d;}
.index-contact .contact-show h3 {font-size:22px;text-transform:uppercase;padding:8px 0;color:#999;}
.index-contact .contact-show p {font-size:16px;line-height:28px;}
.index-contact .contact-show .about-us {width:38%;}
.index-contact .contact-show .contact-us {width:40%;}
.index-contact .contact-show .contact-us ul {padding:0 75px;}
.index-contact .contact-show .introduction {font-size:14px;padding:8px 0;}
.index-contact .contact-show .contact-email {width:22%;}
.index-contact .contact-show .contact-email .email-btn {background:linear-gradient(90deg, rgb(245, 68, 68), rgb(241 64 36));font-family:'PingFangSC-SC', "Microsoft YaHei", Tahoma, sans-serif;color:#FFFFFF;padding:6px 20px;font-size:14px;line-height:25px;border-radius:5px;-webkit-transition:all 160ms;transition:all 160ms;text-transform:uppercase;}
.index-contact .contact-show .About-us p a:hover {color:#999;}
.index-contact .contact-end {text-align:center;font-size:30px;font-weight:700;color:#999;padding:50px 0 0 0;}



/*公司介绍*/
.index-about {background:url(../images/banner/banner-01.jpg)no-repeat center fixed;background-size:cover;}
.index-about .about-title {text-align:center;padding-top:86px;}
.index-about .about-title h3 {font-size:3.2em;margin-top:0;margin-bottom:30px;font-weight:700;color:#666666;font-family:'Open Sans', sans-serif;text-align:center;text-transform:uppercase;position:relative;padding-bottom:30px;}
.index-about .about-title h3:before {border-left:80px solid #DADADA;border-right:80px solid #DADADA;bottom:0;content:"";height:1px;left:50%;margin-left:-102px;position:absolute;width:43px;}
.index-about .about-title h3:after {background:#eb452a none repeat scroll 0 0 padding-box content-box;border-bottom:1px solid #DADADA;border-left:1px solid #DADADA;bottom:-15px;content: "";height:22px;left:50%;margin-left:-16px;padding:0 0 8px 8px;position:absolute;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);width:22px;}
.index-about .about-title p {color:#999;font-size:16px;font-family: "Open Sans", sans-serif;padding:15px 0;}
.index-about .about-title p a {color:#999;}
.index-about .about-title p a:hover {color:#fff;}

.index-about .about-info {padding-top:38px;font-size:20px;color:#edeaea;font-family:"aliFangYuan";line-height:58px;text-indent:2em;}

.index-about .about-btn {height:48px;margin-top:68px;padding-bottom:100px;}
.index-about .about-btn a {float:left;margin-right:35px;font-size:16px;padding:0 20px;height:48px;line-height:48px;text-align:center;background:#ffffff;border-radius:25px;}
.index-about .about-btn a:hover {background:#FFF;box-shadow: 0 5px 12px 0 rgba(255, 255, 255, 0.38);color:#FF0000;transition:all 0.5s ease;}


/*新闻资讯*/
.index-news {width:100%;background-color:#fff;}
.index-news .news-title {text-align:center;padding-top:86px;}
.index-news .news-title h3 {font-size:3.2em;margin-top:0;margin-bottom:30px;font-weight:700;color:#666666;font-family:'Open Sans', sans-serif;text-align:center;text-transform:uppercase;position:relative;padding-bottom:30px;}
.index-news .news-title h3:before {border-left:80px solid #DADADA;border-right:80px solid #DADADA;bottom:0;content:"";height:1px;left:50%;margin-left:-102px;position:absolute;width:43px;}
.index-news .news-title h3:after {background:#eb452a none repeat scroll 0 0 padding-box content-box;border-bottom:1px solid #DADADA;border-left:1px solid #DADADA;bottom:-15px;content: "";height:22px;left:50%;margin-left:-16px;padding:0 0 8px 8px;position:absolute;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);width:22px;}
.index-news .news-title p {color:#999;font-size:16px;font-family: "Open Sans", sans-serif;padding:15px 0;}
.index-news .news-title p a {color:#999;}
.index-news .news-title p a:hover {color:#fff;}

/*新闻标签*/
.news-tag {padding-top:56px;padding-bottom:30px;letter-spacing:-0.5em;text-align:justify;text-justify:distribute-all-lines;}
.news-tag:after {content:"";height:0;width:100%;display:inline-block;overflow:hidden;}
.news-tag ul {margin:13px 0 3px 0;display:inline-block;letter-spacing:normal;*display:inline;*zoom:1;}
.news-tag ul a {float:left;display:inline;background-color:#FFFFFF;border:2px solid #FFF;box-shadow: 0 2px 8px 4px rgba(1,1,2,0.05);position:relative;border-radius:6px;padding:10px;}
.news-tag ul a:hover {border:2px solid #ff0000;background: #F2F2F2;border-radius:6px;box-shadow:0 0 15px rgb(0 0 0/20%);}
.news-tag ul .tag-addtime {float:left;width:72px;height:60px;padding-top:10px;margin-right:20px;background-color:rgba(242,0,0,0.5);text-align:center;border-radius:6px;}
.news-tag ul .tag-addtime em,.news-tag ul .tag-addtime b {display:block;font-family:Arial;color:#FFF;}
.news-tag ul .tag-addtime b {font-size:28px;}
.news-tag ul .tag-addtime em {font-style:normal;}
.news-tag ul .tag-title {float:left;width:668px;font-size:14px;}
.news-tag ul .tag-title b {color:#333;display:block;height:30px;font-size:18px;overflow:hidden;-webkit-line-clamp:1;}
.news-tag ul .tag-title p {color:#999;line-height:18px;height:36px;overflow:hidden;-webkit-line-clamp:2;}
.news-tag ul .tag-title b ,.news-tag ul .tag-title p {text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;}


.news-tag ul:hover .tag-addtime {background-color:rgba(242,0,0,0.8);}
.news-tag ul .tag-title:hover b {color:rgba(242,0,0,0.9);}


/*解决方案*/
.solution {width:100%;height:100%;margin:0;padding:0;background:url(../images/2221.jpg) no-repeat;background-size:100% 100%;}
.solution .solution-title {padding-top:80px;}
.solution .solution-title h2 {font-size:50px;font-weight:600;color:#333333;font-family:'aliFangYuan',sans-serif;text-align:center;padding-bottom:20px;}
.solution .solution-title h3 {font-size:22px;font-family:'aliFangYuan',sans-serif;color:#666;text-align:center;padding-bottom:100px;}

.solution .solution-box {margin-left:-10px;overflow:hidden;padding-bottom:120px;}
.solution .solution-box ul {margin-left:10px;float:left;}
.solution .solution-box .service {position:relative;width:160px;height:400px;box-shadow:0px 3px 20px rgba(5,36,82,0.0700);border-radius:2px;transition:all 0.5s;border-radius:10px;}
/*无鼠标动作显示*/
.solution .solution-box .service-content {padding:20px 30px;}
.solution .solution-box .service-content .service-title {padding:0 50px;width:18px;font-family:'aliFangYuan',sans-serif;font-size:24px;font-weight:600;line-height:38px;color:#FFF;writing-mode:vertical-rl;letter-spacing:8px;}
.solution .solution-box .service-content .service-title:lang(en) {letter-spacing:3px;}
.solution .solution-box .service-content .service-desc {display:none;}
.solution .solution-box .service-content .service-line {display:none;}

/*鼠标滑过加载项*/
.solution .solution-box .active {width:750px;color:#fff;}
.solution .solution-box .active .service-content {width:100%;box-sizing:border-box;bottom:0px;position:absolute;background:linear-gradient(360deg,rgba(0,0,0,0.8) 25%,rgba(15,35,65,0) 100%);border-radius:0 0 10px 10px;}
.solution .solution-box .active .service-title {width:100%;padding:0px;line-height:30px;margin:20px 0 24px;writing-mode:inherit;letter-spacing:0px;}
.solution .solution-box .active .service-line {display:block;width:22px;height:3px;background-color:#fff;}
.solution .solution-box .active .service-desc {display:block;width:100%;height:46px;line-height:22px;font-size:14px;font-family:'aliFangYuan',sans-serif;font-weight:400;color:#FFFFFF;margin:20px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
/*无鼠标动作显示背景图片*/
.solution .solution-box .service.servicebg-0 {background-image:url("../images/1-213.jpg");background-repeat:no-repeat;background-position:0% center;background-size:cover;}
.solution .solution-box .service.servicebg-1 {background-image:url("../images/1-213.jpg");background-repeat:no-repeat;background-position:16% center;background-size:cover;}
.solution .solution-box .service.servicebg-2 {background-image:url("../images/1-213.jpg");background-repeat:no-repeat;background-position:36% center;background-size:cover;}
.solution .solution-box .service.servicebg-3 {background-image:url("../images/1-213.jpg");background-repeat:no-repeat;background-position:53% center;background-size:cover;}
.solution .solution-box .service.servicebg-4 {background-image:url("../images/1-213.jpg");background-repeat:no-repeat;background-position:76% center;background-size:cover;}
.solution .solution-box .service.servicebg-m {background-image:url("../images/1-213.jpg");background-repeat:no-repeat;background-position:100% center;background-size:cover;}
/*鼠标滑过显示背景图片*/
.solution .solution-box .service.servicebg-0.active {background-image:url("../images/banner/banner-01.jpg");background-repeat:no-repeat;background-position:center center;background-size:cover;}
.solution .solution-box .service.servicebg-1.active {background-image:url("../images/banner/banner-02.jpg");background-repeat:no-repeat;background-position:center center;background-size:cover;}
.solution .solution-box .service.servicebg-2.active {background-image:url("../images/1-211.jpg");background-repeat:no-repeat;background-position:center center;background-size:cover;}
.solution .solution-box .service.servicebg-3.active {background-image:url("../images/1-212.jpg");background-repeat:no-repeat;background-position:center center;background-size:cover;}
.solution .solution-box .service.servicebg-4.active {background-image:url("../images/1-213.jpg");background-repeat:no-repeat;background-position:center center;background-size:cover;}
.solution .solution-box .service.servicebg-m.active {background-image:url("../images/1-213.jpg");background-repeat:no-repeat;background-position:center center;background-size:cover;}