.container{max-width:1400px;}

/*网站公共样式*/
.info-content{line-height:2;padding-bottom:30px;font-size:15px;}
a{color:#333;text-decoration:none;}                                            
a:hover{color:#ff5e14;}
a.btn-more{transition:all 0.5s ease;
           -moz-transition:all 0.5s ease; /* Firefox 4 */-webkit-transition:all 0.5s ease; /* Safari and Chrome */-o-transition:all 0.5s ease; /* Opera */}
a.btn-more:hover{border-color:#780001;color:#780001;}
.banner{height:500px\9!important;overflow:hidden\9!important;overflow:hidden;} /*兼容ie低版*/
.font-size-13{font-size:13px;}
.text-yellow{color:rgb(213, 179, 69);}
.text-red{color: #d6001d;}
html{ overflow-y:scroll; min-height:101%;}
html{ overflow:-moz-scrollbars-vertical;}


/*遮罩层*/
.mask-bg{position:fixed;width: 100%;height:100%;display:none;height:100vh;background-color: rgba(0, 0, 0, .7);overflow:hidden;z-index:100;top: 0;left: 0;}
.mask-bg.active{display:block;}



/*首页模块样式*/
.product-module-box {position:relative;}
.module-title{clear:both;text-align:center;margin:30px 0px 30px 0px;}
.module-title .cn-title{display:block;color:#333;line-height:48px;font-family: SimSun;font-weight: bold;}
.module-title span{font-size: 18px;background:url(http://t20063.mbdemo.18inter.com/Templates/T20063/images/24tel.png) no-repeat center left;background-size: 34px;padding: 20px 0 20px 50px;}


/*自定义导航动画，也可以用animater.css中的动画，需要在script.js中修改*/
/*.nav .animated,.sub-nav .animated{animation-duration:0.4s;-webkit-animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.navSlide{animation-name:navSlide;-webkit-animation-name:navSlide;}
@keyframes navSlide{0%{transform:translateY(100%);-webkit-transform:translateY(100%);-ms-transform:translateY(100%);-moz-transform:translateY(100%);-o-transform:translateY(100%);opacity:0;visibility:visible;}100%{transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);opacity:1;}}
*/


/*主菜单*/
@media (min-width:1000px) /*pc端*/
{
.headers{position: absolute;top: 0;z-index: 999999;width: 100%;}/*smalltop*/
.headers .container .row{margin: 5px 0;}
.headers .img2{display:none;}
.document-flow{position: absolute;z-index: 999;left: 0;top:0px;right: 0;}/*top*/
.header {padding:0px 0;height: 96px;line-height: 86px;position: absolute;width: 100%;}
.header .logo img{max-height: 77px;}

.headerHome .nav > ul > li > a{color:#fff;}
.float-head{position: fixed;top: 0px;width: 100%;z-index: 999;background-color:rgba(255,255,255,1);transition:0.5s linear;}
.float-head .nav>ul>li>a{font-size:16px;display: block;width: 100%;color: #333;}
.nav{width: 100%;position: absolute;}
.nav>ul>li{float:left;text-align:center;width: 14.2%;}
.nav>ul>li>ul{position:absolute;}
.nav>ul>li>a{font-size:16px;display: block;width: 100%;color: #fff;}
.nav>ul>li>a:hover,.nav>ul>li.current>a{color:#be1d21;}
.nav> ul > li > ul li ul::before{display:block;margin:0px auto;text-align: center;position:absolute;top:16px;left:-10px;content: "";width: 0;height: 0;border-bottom:5px solid transparent;border-right:5px solid transparent;border-top: 5px solid transparent;border-left: 5px solid #fff;}

.nav li:hover> ul{display:block;}
.nav ul li ul li a{display:block;width:100%;text-align:center;font-size:15px;line-height:40px;color:#333;}
.nav ul li ul li a:hover{text-decoration:none;color:#f95c14;}
.nav ul li{position:relative;}
.nav ul li .arrow{display:none}
.nav ul li ul{background-color:rgba(255,255,255,1);display:none;position:absolute;left:0;top:86px;z-index:2;width:100%;} /*二级ul样式*/
.nav ul li ul li ul{left:100%;top:0px; display:none;}/*三级以后ul样式*/

.same-padding{padding-top:70px;}
.same-padding2{padding-top:30px;}
.nav-toggle{display:none;}

}

@media (max-width:1000px) /*手机端*/
{   
.headers .img1{display:none;}
.logo img{max-height:48px;}
.header .container .row{margin: 6px 0 6px 10px;}
.header .container .row .logo-boxs{padding-left:0;}
.header .logo{display: block;max-width: 80%;color: #fff;}
.header .nav-toggle{color: #fff;position:absolute;right:0;top:0;font-size:25px;min-width:60px;height:60px;line-height:60px;text-align:center;cursor:pointer;z-index:1;}
.header .nav-toggle.active{color:#ccc;}
.header .row .left,.header .container{padding-left:0;background-color: #000;}
.logo h3{font-size: 2.0rem;position: relative;top: 4px;left: 4px;}
.nav-toggle{position: absolute;top: 24px;right: 20px;}
.nav-toggle .fa{font-size: 24px;}

.nav{position:fixed;z-index:999;top:0px;right:0px;width:0px;background:#fff;height:100%;height:100vh;opacity:0;transition: all 0.2s linear;overflow-y:auto}
.nav.active{opacity:1;width:300px;max-width:60%}
.nav ul li{line-height: 45px;text-align:left}
.nav ul li ul{display:none;} /*二级ul样式*/
.nav ul li a{padding-left:30px;display:block;color:#999;font-size:15px;line-height:3.5;border-bottom: 1px solid #dcdcdc}
.nav ul li ul li a{padding-left:60px;font-size:14px;background-color:#eeeeee}
.nav ul li ul li ul li a{padding-left:90px;}
.nav ul li ul li ul li li a{padding-left:120px;}
.nav ul li{position:relative;}
.nav ul li .arrow{position:absolute;right:0px;top:0px;width:50px;height:50px;line-height:50px; text-align:center;transition-duration:0s}
.nav ul li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px}

.nav ul li.current > a{color:#5a342b;}
.nav ul li.active > ul{display:block}
.nav ul li.active > .arrow{transform:rotate(90deg)}

.display-die{display:none!important;}
.same-padding{padding-top:20px;}
.same-padding2{padding-top:0px;}

}


/*搜索*/
@media(min-width:1000px){
.searchMenu{text-align:right;padding-top:4px;}
.search{position: absolute;top: 30px;right: 0;}
}
@media(max-width:1000px){
.search{top:-8px;position: absolute;top: 0;right: 0;}
.searchMenu{position: absolute;top: 22px;right: 70px;padding: 0;}
.logo img{max-width: 90%;position: relative;top: 8px;}
}
.searchMenu .fa{cursor:pointer;color:#000;}
.text-white{color:#ccc!important;}
.s-banner{min-height:224px;background:url(http://t20063.mbdemo.18inter.com/Templates/T20063/images/bgg.png) no-repeat left top;background-size:cover;}
.ss-box{position:relative;margin:60px auto;border:1px solid #cfcfcf;background:#fff;width:100%;height:36px;}
.ss-box .s-input{width:100%;outline:none;border:none;line-height:34px;padding-left:0px;background-color:transparent;position: absolute;}
.ss-box .s-btn{position:absolute;right:-10px;top:-1px;background-color: transparent;width:38px;height:36px;cursor:pointer;font-weight:bold;line-height:32px;outline:none;border:none;}
.ss-box .s-btn .fa-search{position:relative;}
.ss-box .s-btn .fa-search::after{position:absolute;content:"";width:1px;height:22px;background-color:#ccc;right:-10px;top: -4px;}
.ss-box .s-close{line-height: 34px;position: absolute;right: 12px;top: 0;cursor: pointer;}
.search{background:rgb(247, 247, 247);transition: all .5s;width: 0;overflow: hidden;opacity: 0;}
.search.active{width:200px;opacity: 1;}
.search .ss-box{margin:0px auto;text-align: left;}
.search .font span{cursor:pointer;}
.search .font span:hover{color:#da0000;}



/*Top*/
.logo h3{display: inline-block;}
.zhuan {
    animation: rotateImage 2s ; /* 2秒完成一次旋转，无限次重复 */
}
@keyframes rotateImage {
  from { transform: rotateY(0deg); }
  to { transform: rotateY(360deg); }
}



/*bootom*/
@media (min-width:1000px){
footer{margin-top: 50px;padding-top:60px;}
footer .logo{padding-bottom:30px;}
footer .boxs{padding: 14px 0 30px;}

footer .right li{padding-bottom:30px;}

.copy-right{margin-top:40px;}
}
@media (max-width:1000px){
footer{margin-top:40px;padding-top: 30px;}
footer .logo{padding-bottom:10px;}
footer .boxs{padding:20px 0;}


.copy-right{line-height:1.5;margin:10px 0;}
}

footer{width:100%;min-height:95px;background:#202020;line-height:1.8;color:rgb(217, 217, 217);}
footer a{color:rgb(217, 217, 217);}
footer a:hover{color:#fff;}
footer .copyright a:hover{color:#fc5c13;}
footer .boxs .tit{line-height: 1.5;color: #fff;font-size: 18px;font-weight:bold;}
footer .right img{height:110px;width:110px;border-radius:10px;}



/*子栏目样式*/
@media screen and (min-width:1000px){
.sub-nav-bg{background-color:rgb(244, 244, 244);}
.sub-nav-box{margin:0 auto;text-align: right;}
.sub-nav-box .sub-nav>ul>li{line-height:60px;}
.sub-nav-box .sub-nav>ul>li>a{padding:15px 30px;font-size:14px;}
}
@media screen and (max-width:1000px){
.sub-nav-box{padding-left:10px;padding-right:10px;}
.sub-nav-box .sub-nav>ul>li{margin-right: 10px;}
.sub-nav-box .sub-nav>ul>li>a{background-color: #f4f4f4;width: 100%;height: 34px;display: inline-block;font-size: 13px;overflow: hidden;}
.sub-nav-box .sub-nav ul li{width:46%;line-height: 34px;}
.sub-nav-box .sub-nav ul li ul li,.sub-nav-box .sub-nav ul li ul::before{display:none;}
}
.sub-nav-box .sub-nav>ul>li{text-align:center;display: inline-block;}
.sub-nav-box .sub-nav>ul>li>ul{position:absolute;}
.sub-nav-box .sub-nav >ul>li.active >a{color: #ff5e14;}
.sub-nav-box .sub-nav li:hover> ul{display:block;}
.sub-nav-box .sub-nav> ul > li > ul::before {display:block;margin:0px auto;text-align: center;position:absolute;top:-8px;left: 45%;content: "";width: 0;height: 0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom: 8px solid #273272;}
.sub-nav-box .sub-nav> ul > li > ul li ul::before{display:block;margin:0px auto;text-align: center;position:absolute;top:20px;left:-10px;content: "";width: 0;height: 0;border-bottom:5px solid transparent;border-right:5px solid transparent;border-top: 5px solid transparent;border-left: 5px solid #fff;}
.sub-nav-box .sub-nav ul li ul li a{display:block;width:100%;text-align:center;color:#fff;line-height:50px} 
.sub-nav-box .sub-nav ul li ul li a:hover{text-decoration:none;color:#ff5e14;background:rgba(0, 0, 0, 0.1);}

.sub-nav-box .sub-nav ul li{position:relative;}
.sub-nav-box .sub-nav ul li .arrow{display:none}
.sub-nav-box .sub-nav ul li ul{background-color:#273272;display:none;position:absolute;left:0;z-index:2;width:100%;} /*二级ul样式*/
.sub-nav-box .sub-nav ul li ul li ul{left:100%;top:0px; display:none;}/*三级以后ul样式*/


/*子栏目样式2*/
@media screen and (min-width:1000px){
.sub-nav-box2 {clear: both;position: relative;border:2px solid #273272;}
.sub-nav-box2 .sub-nav-title{padding:30px 0;text-align: center;background: #273272;font-size: 22px;color: white;}
.sub-nav-box2 .sub-nav-title .en{font-size:14px;}

.sub-nav-box2 .sub-nav2{clear:both;text-align:left;padding: 20px;width:100%;overflow:visible;}
.sub-nav-box2 .sub-nav2 li{width:100%;padding:0px;text-align:left;position:relative;display:block;}
.sub-nav-box2 .sub-nav2 li a{display:block;padding-left:0px;line-height:54px;font-size:14px;color:#808080;border-bottom:1px #ececec solid;font-size:15px}
.sub-nav-box2 .sub-nav2 li a:hover{color:#ff5e14;}
.sub-nav-box2 .sub-nav2 li ul{display:none}
.sub-nav-box2 .sub-nav2 li ul li a{padding-left:70px;font-size:14px;}
.sub-nav-box2 .sub-nav2 li ul li ul li a{padding-left:80px}

.sub-nav-box2 li .arrow{position:absolute;left:0px;top:0px;width:54px;height:54px;line-height:54px; text-align:center;transition-duration:0.1s;cursor:pointer}
.sub-nav-box2 li .arrow:after{font-family:FontAwesome;content:"";display:block;font-weight:bold;font-size:18px;height: 54px;background-position-x: 15px!important;background:url(../image/plus_icon.png) no-repeat left;}

.sub-nav-box2 .sub-nav2 li.current > a{color:#ff5e14;}
.sub-nav-box2 .sub-nav2 li.active > ul{display:block}
.sub-nav-box2 .sub-nav2 li.active > .arrow{background-position-x: 15px!important;background:url(../image/minus_icon.png) no-repeat left;}
.sub-nav-box2 li.active .arrow:after{background:no-repeat;}
}
@media screen and (max-width:1000px){
.sub-nav-box2{padding-left:10px;padding-right:10px;overflow: hidden;margin-bottom:20px;}
.sub-nav-box2 .sub-nav2>ul>li{margin-right: 10px;float: left;text-align: center;}
.sub-nav-box2 .sub-nav2>ul>li>a{background-color: #f4f4f4;width: 100%;height: 34px;display: inline-block;font-size: 13px;overflow: hidden;}
.sub-nav-box2 .sub-nav2 ul li{width:46%;line-height: 34px;}
.sub-nav-box2 .sub-nav2 ul li ul li,.sub-nav-box2 .sub-nav2 ul li ul::before{display:none;}
.sub-nav-box2 .sub-nav2 >ul>li.active >a {color: #ff5e14;}
}



/*图片列表*/
.images-list .row .item a{display: block;overflow: hidden;text-align: center;}
.images-list .row .item img{display:block;width:100%;height:300px;transition: all 0.3s ease-out 0s;}
.images-list .row .item a:hover img{transform:scale(1.1,1.1);}
    




/*Pc端固定客服*/
.wpsidebar-fkf{position:fixed;right:10px;top:50%;transform:translate(0,-50%);z-index:9999;}
.fkf-item{position:relative;width:50px;height:50px;padding:10px;background-color:#fe5d13;margin-bottom:6px;box-sizing:border-box;cursor:pointer;border-radius: 6px;}
.fkf-item:hover{background-color:#273272;}
.fkf-item img{width:30px;height:30px;}
.fkf-item img.hover{display:none;}
.fkf-item:hover>img{display:none;}
.fkf-item:hover img.hover{display:block;}
.fkf-cart>span{position:absolute;display:block;width:24px;height:24px;border-radius:50%;background-color:#ff6600;color:#fff;left:-12px;top:-12px;text-align:center;line-height:24px;}
.fkf-item-right{position:absolute;right:35px;padding-right:25px;top:-15px;display:none;}
.fkf-item:hover .fkf-item-right{display:block;}
.fkf-item-right-content{width:430px;border:1px solid #ccc;border-top:4px solid #fe5d13;padding:20px;padding-top:15px;background-color:#fff;-webkit-box-shadow:0 3px 8px rgba(0,0,0,.15);-moz-box-shadow:0 3px 8px rgba(0,0,0,.15);box-shadow:0 3px 8px rgba(0,0,0,.15);position:relative;font-family: 宋体;}
.fkf-item-right-content .arrow,.right-content-ewm .arrow{position:absolute;width:20px;height:20px;right:-15px;top:23px;z-index:20;}
.fkf-item-right-content-top{padding-bottom:10px;padding-top:10px;padding-left:70px;border-bottom:1px solid #ccc;position:relative;white-space:nowrap;overflow:hidden;}
.fkf-item-right-content-top img{position:absolute;left:0;top:20px;width:40px;height:40px;}
.fkf-item-right-content-top h2{font-size:22px;font-weight: bold;color: #fe5d13;}
.fkf-item-right-content-bottom p{padding-top:15px;padding-bottom:15px;}
.fkf-item-right-content-bottom .content-bottom-item{display:inline-block;width:32%;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
.content-bottom-item img{width:25px;height:25px;margin-right:5px;background-color:#333;vertical-align:top;}
.content-bottom-item span{display:inline-block;line-height:25px;}
.content-bottom-item:hover img{background-color:#ff6800;}
.content-bottom-item:hover span{color:#ff6800}
.right-content-tele{width:300px;}
.right-content-tele .fkf-item-right-content-top:last-child{border-bottom:0;padding-bottom:0;padding-top:10px;}

.right-content-ewm{padding:20px;background-color:#fff;border:1px solid #ccc;-webkit-box-shadow:0 3px 8px rgba(0,0,0,.15);-moz-box-shadow:0 3px 8px rgba(0,0,0,.15);box-shadow:0 3px 8px rgba(0,0,0,.15);position:relative;display:flex;flex-direction:row;width:max-content;}
.right-content-ewm .ewm div{width:130px;height:130px;margin:0 auto;border-radius:50%; margin-bottom:10px}
.right-content-ewm .ewm div img{width:100px;height:100px;margin-top:15px;margin-left:15px;background:#fff;}
.right-content-ewm .ewm p{text-align:center;font-size:16px;color:#fe5d13;}
.fkf-item-right-ewm{top:initial;bottom:-15px;}
.right-content-ewm .arrow{top:initial;bottom:23px;}



/*移动端固定栏目按钮*/
.float-nav-toggle{z-index: 10;display: block;text-align: center;position: fixed;left: 6px;bottom: 60px;color: #fff;font-size: 18px;width: 40px;height: 40px;line-height: 40px;background-color: rgba(13, 13, 13, 0.6);border-radius: 20px;}
@media (max-width: 767px) {.display-xs-block {display: block !important;}}




/*手机端固定导航栏*/
.footer-fixed{position:fixed;left:0;bottom:0;overflow:hidden;width:100%;padding:6px 0px 2px;color:#fff;z-index:9;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;border-top: 0.2rem solid #000;background: #fff;}
.footer-fixed ul{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;text-align: center;}
.footer-fixed ul li a{width:100%;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size: 13px;}
.footer-fixed ul li p{font-size:1.3rem;}
.footer-fixed.active{transform:translateX(2.8rem);z-index:9;}
.footer-fixed2{font-size: 2.8rem;padding-top: 0.6rem;}
.footer-fixed i{display:block;}
.footer-fixed .fa{font-size:22px;}
@media (min-width:1000px){.footer-fixed{display:none!important;}}
@media (max-width:1000px){}




/*内容页公共用*/
.swiper-container3 .swiper-button-next{background:url(http://t20063.mbdemo.18inter.com/Templates/T20063/images/right3.png) no-repeat right;}
.swiper-container3 .swiper-button-prev{background:url(http://t20063.mbdemo.18inter.com/Templates/T20063/images/left3.png) no-repeat left;}

.breadcrumb > li{color: #939393;}
.breadcrumb > li + li::before {content: "⊙";padding: 0 5px 0 0;color: #939393;}
.breadcrumb li a:hover{text-decoration:underline;}
.breadcrumb li a{font-weight:normal;color:#000;font-weight:bold;}
.breadcrumb-more a.btn-more{border: 1px solid rgb(213, 163, 83);color: rgb(213, 163, 83);border-radius: 0;margin-top: 15px;width: 120px;height: 30px;line-height: 30px;font-size: 12px;}
.breadcrumb-more a.btn-more:hover{background-color:#d5a353;border: 1px solid #d5a353;color:#fff;}

.page ul li .fa{padding-right: 10px;}
.page ul li:hover a{text-decoration:underline;color:#048BCD;}
.page ul li:hover{color:#048BCD;}

.pagination > li > a, .pagination > li > span{padding: 4px 10px;}
.card1{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}
.card2{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;height: 44px;}
.card3{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all;height: 84px;}
@media (min-width:1000px){
    .breadcrumb-box{position: relative;padding: 4px 0;}
    .breadcrumb{padding:15px 15px 15px 0;}
}
@media (max-width:1000px){
    .breadcrumb{padding: 10px 0;margin-bottom: 20px;}
    .breadcrumb li a,.breadcrumb li{font-size:13px;}
}






/*内页公共样式*/
@media (min-width:1000px) {
.sameboxs{padding: 30px 30px 40px;margin:50px 0;border: 1px solid rgb(221, 221, 221);}
.homemore{margin-top:40px;}
.detailpro .sameboxs{margin: 0;}
.sameWidth .col-md-3{width:20%;}
.sameWidth .col-md-9{width:80%;}
.headline{padding:60px 0;}
.headline .en{font-size: 32px;}
}
@media (max-width:1000px) {
.homemore{margin-top:20px;}
.headline{padding:30px 0;}
.headline .en{font-size: 18px;}
}
.account{padding: 5px;line-height: 1.7em;color: #868686;background-color: #F5F5F5;border: #E5E5E5 1px solid;margin-bottom: 10px;}
.homemore a{padding:6px 25px;text-align:center;border:1px solid rgba(213,179,69,1);color:rgba(213,179,69,1);border-radius: 30px;}
.homemore a:hover{color:#fff;background-color:rgba(213,179,69,1);border-color:rgba(213,179,69,1);}
.headline{text-align:center;}
.headline .en{color: rgb(39, 50, 114);font-family: "times new roman";}
.headline .en span{color: #ff5e14;}
.headline .tit{font-size: 20px;font-weight:bold;position:relative;}
.headline .tit i{display:inline-block;width:20px;height:3px;background-color:#000;position:relative;bottom:6px;}
.headline .tit span{padding:0 10px;}



/*分页-关于我们*/
@media (min-width:1000px){
.imgboxs-list li{padding-bottom:30px;}
.imgboxs-list li .boxs{padding:30px;}
.nolink .imgboxs-list li .boxs{padding:70px;}

}
@media (max-width:1000px){
.imgboxs-list li{padding-bottom:15px;padding-left: 8px;padding-right: 8px}
.imgboxs-list li .boxs{padding:15px;}
.imgboxs-list .row{margin-left: -5px;margin-right: -5px;}
}
.imgboxs-list li .boxs{border:1px solid rgb(221, 221, 221);}
.nolink img{max-height:80px;max-width:80px;margin: 0 auto;}
.joinUs-list img{max-height:64px;max-width:64px;display:block;margin:0 auto;} 
.display-list .imgboxs-list li .boxs{border: none;padding: 0;}


/*数字滚动*/
@media (min-width:1000px){
.years-bg{padding: 130px 0 140px;margin:50px 0 0;}
.years-box li ul li:first-child{font-size: 58px;}
.years-box li ul li:last-child{font-size: 16px;}
.years-box li ul li:first-child::after{right:-30px;top:30px;font-size:20px;}
}
@media (max-width:999px) and (min-width:415px){ 
.years-bg{padding: 50px 0;margin:30px 0 0;}
.years-box li ul li:first-child{font-size: 40px;}
.years-box li ul li:last-child{font-size: 16px;}
.years-box li ul li:first-child::after{right:-20px;top:20px;font-size:16px;}
}
@media (max-width:414px){   
.years-bg{padding: 40px 0;margin:20px 0 0;}
.years-box li ul li:first-child{font-size: 20px;}
.years-box li ul li:last-child{font-size: 10px;}
.years-box li ul li:first-child::after{right:-16px;top:8px;font-size:12px;}
}
.years-bg{background:url(../image/years_bg.jpg) no-repeat center fixed;background-size:cover;}
.years-box ul{text-align:center;color:#fff;position: relative;}
.years-box li ul li:first-child{font-weight:bold;font-family: times new roman;position:relative;display: inline-block;}
.years-box li ul li:last-child{color:#fff;}
.years-box li ul li:first-child::after{display:inline-block;position:absolute;content:"+";}
.years-box li:nth-child(1) ul li:first-child::after{content:"年";}

/*左移动*/
.ahout-marqueelefts .marqueelefts li{background: none;}
.marqueelefts {height: auto;max-width: 1200px;overflow: hidden;margin: 0px auto;}
.marqueelefts ul{float:left;}
.marqueelefts li{float:left;margin:0 5px;display:inline;max-width: 300px;height:auto;overflow:hidden;text-align:left;}
.marqueelefts li a{color: #666666;}
.marqueelefts li a:hover{color:#d6001d;}
.news_sk .marqueelefts li{background: url(../image/news-icon.png) no-repeat 0 50%;}


/*hover360转动*/
.rotate-image {transition: transform 0.5s ease; /* 平滑过渡效果 */}
.rotate-image:hover{animation: spin 0.5s linear; /* 应用动画 */}
@keyframes spin {
    from {
        transform: rotateY(0deg); /* 开始状态 */
    }

    to {
        transform: rotateY(180deg); /* 结束状态 */
    }
}

/*视频*/
.video-bg{background:url(../image/video-bg.jpg) no-repeat fixed center;background-size:cover;text-align:center;}
.videolist { position:relative;margin-bottom:30px; }
.videolist:hover{ cursor: pointer; }
.videoed { display:none; width:50px; height:50px; position: absolute; left:45%; top:45%; z-index:99; border-radius:100%; }
.videos{display: none;border: 1px solid #080808;position: fixed;left: 0;top: 0;z-index: 102;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);}
.index-about-img img{animation: blurAnimation 1.2s infinite;}
@media (min-width:1000px) {
.video-bg{padding:160px 0;margin-top:80px;}
.videos video{width: 640px;height: 440px;margin-left: -320px;margin-top: -210px;left: 50%;top: 50%;position: fixed;background-color: #000;z-index: 101;}
.addxideo{width: 640px;height: 440px;left: 50%;top: 50%;position: fixed;margin-left: -320px;margin-top: -210px;}
.vclose{background-color: #000;position: absolute;right:1%;top: 1%;border-radius: 100%;cursor: pointer;z-index:102;}
.homevideo{padding-top:50px;}
.homevideo .div-img img{width:290px;height:150px}
.addmask img{width: 50px!important;height: 50px!important;}
}
@media (max-width:1000px){
.video-bg{padding:30px 0;margin-top:30px;}
.videos video{width: 100%!important;height: 400px;top: 25%;position: fixed;background-color: #000;}
.vclose{background-color: #000;position: absolute;right:1%;top: 26%;border-radius: 100%;cursor: pointer;z-index:10;}
.homevideo{padding-top:30px;}
.addmask img{width: 40px!important;height: 40px!important;}
}
@media (max-width:415px){
.videos video{height: 200px;}
.video-home .tabbox{min-height: 0;margin-bottom: -30px;}
}

@keyframes blurAnimation {
  0%{
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}



/*分页-产品中心*/
@media (min-width:1000px){
.product-box li .title{font-size: 18px;}

}
@media (max-width:1000px){
.product-box li{padding-bottom:10px !important;}
.product-box li .introduct{height:38px;}

}
.product-box li{padding-bottom:30px;}/*产品*/
.product-box li .title{line-height:1.5;}
.product-box li .show{overflow: hidden;}
.product-box li .show>img{transition:0.3s linear;transform:scale(1.0,1.0);}
.product-box li:hover .show>img{transform:scale(0.9,0.9);}
.show{ position:relative;}/*鼠标触发下拉遮罩样式*/
.show img{display:block;width:100%;}
.show .mask{width:100%;height:100%;background:rgba(255, 94, 20, 0.84);position:absolute;bottom:0;
    left:0;transition:0.3s linear;overflow:hidden;display:flex;justify-content:center;align-items:center;opacity:0;}
.show:hover .mask{opacity:1;}
.show .mask img{max-width:45px;max-height:45px;}
.account{padding: 5px;line-height: 1.7em;color: #868686;background-color: #F5F5F5;border: #E5E5E5 1px solid;margin-bottom: 10px;}



/*分页-新闻中心*/
@media(min-width:1000px){
.pa_textlist_1 .item .date{padding:10px 0;}
.pa_textlist_1 .item .boxs{margin-top: 15px;}
.pa_textlist_1 .item .title,.pa_textlist_1 .item .columnlink{font-size:20px;}
.pa_textlist_1 .item .boxsLine{margin: 0 15px 30px;padding-bottom: 30px;}
.pa_textlist_1 .item .left{padding-left: 0px;}

.nav-left-boxs{padding:30px;}
}
@media(max-width:1000px){
.pa_textlist_1 .item{margin:0 10px;}
.pa_textlist_1 .item .boxsLine{margin-bottom:15px;padding: 20px 10px;}
.pa_textlist_1 .item .left{padding-left: 0px;padding-right: 0px;}
.pa_textlist_1 .item .title{font-size:16px;}
.nav-left-boxs{padding:15px;}
}
.pa_textlist_1 .item .picbox{display:block;overflow:hidden;}
.pa_textlist_1 .item .picbox img{transition:all 0.3s ease-in-out;}
.pa_textlist_1 .item .picbox:hover img{transform:scale(1.08,1.08);}
.pa_textlist_1 .item .title{line-height:1.4;text-align:left;font-weight: bold;}
.pa_textlist_1 .item .title:hover{color: #d6001d;}
.pa_textlist_1 .item .intro{font-size: 15px;color: #5A5A5A;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all;height:76px;line-height: 1.8;}
.pa_textlist_1 .item .boxs{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pa_textlist_1 .item .columnlink{color: #fc5c14;}
.pa_textlist_1 .contentbox{padding-right: 0;}
.pa_textlist_1 .item .boxsLine{border-bottom:1px solid #f0f0f0; overflow: hidden;}


.nav-left-boxs{background-color:#fff;}
.nav-left-boxs .tit{font-size: 18px;color: rgb(102, 102, 102);font-weight:bold;border-bottom: 1px solid #ddd;padding-bottom: 15px;margin-bottom: 20px;}
.nav-left-boxs p{padding-bottom:6px;}


/*分页-招贤纳士*/
@media (min-width:1000px){
.joinUs .boxs{padding:70px 0;}
.joinUs .boxs .tit{font-size: 28px;padding:10px 0;}
.joinUs .index-about-list .title{font-size: 22px;padding-top: 30px;}
.joinUs .index-about-list{width: 33.3%;}
.joinUs .index-about-list .inter{font-size: 15px;padding:10px 30px;line-height: 1.8;}
.joinLine{margin-top: 70px;}
}
@media (max-width:1000px){
.joinUs .boxs{padding:30px 0 0;}
.joinUs .boxs .tit{font-size: 20px;padding:6px 0}
.joinUs .boxs  .font-size-16{font-size:14px;}
.joinUs .index-about-list{width:100%;padding: 30px 0;}
.joinUs .index-about-list .title{font-size: 18px;padding: 10px 0;}
.joinLine{margin-top: 20px;}
}
.joinUs .boxs .tit{color: rgb(102, 102, 102);font-weight:bold;}
.joinUs .boxs .intro{color:rgb(136, 136, 136);}
.joinUs .index-about-box{border: none;}
.joinUs .index-about-list .title{font-weight: bold;color:rgb(67, 67, 67);}
.joinUs .index-about-list .inter{color: #888;}
.joinLine{border-bottom: 1px solid rgb(221, 221, 221);}

/*招聘职位*/
@media(min-width:1000px){
.questionBg{margin:-30px 0 -20px;}
.questionBg .wordsmovebox .movebox .pra-pro{font-size: 16px;line-height: 2;padding: 10px 40px 50px;}
.questionBg .wordsmovebox .movebox .pra-con .titboxs{font-size: 18px;line-height: 80px;height: 80px;padding: 0 0 0 80px;}
.questionBg .wordsmovebox .movebox li .titboxs i{font-size: 14px;position: absolute;top: 0;left: 0;height: 80px;width: 80px;line-height: 80px;}
.questionBg .wordsmovebox .movebox .pra-con > li{margin: 30px 0;}
.questionBg .wordsmovebox .movebox li .titboxs .tit{display:block;word-break:keep-all; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size: 18px;}
}
@media(max-width:1000px){
.questionBg .wordsmovebox .movebox .pra-pro{font-size: 16px;line-height: 2;padding: 10px 40px 50px;}
.questionBg .wordsmovebox .movebox .pra-con .titboxs{font-size: 18px;line-height: 60px;height: 60px;padding: 0 0 0 60px;}
.questionBg .wordsmovebox .movebox li .titboxs i{font-size: 14px;position: absolute;top: 0;left: 0;height: 60px;width: 60px;line-height: 60px;}
.questionBg .wordsmovebox .movebox .pra-con > li{margin: 30px 0;}
.questionBg .wordsmovebox .movebox li .titboxs .tit{display:block;word-break:keep-all; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size: 16px;}
}
.questionBg .wordsmovebox .movebox{ width: 100%;margin: 0 auto; overflow: hidden; display: block;}
.questionBg .wordsmovebox .movebox li .titboxs i{text-align: center;}
.questionBg .wordsmovebox .movebox li .titboxs i.icon{display:none;}
.questionBg .wordsmovebox .movebox li.pra-active .titboxs i.icon{color: #348fe4;display:block;}
.questionBg .wordsmovebox .movebox li.pra-active .titboxs i.plus{display:none;}
.questionBg .wordsmovebox .movebox .pra-con > li{ overflow: hidden;background-color: #fff;border-bottom: 1px dashed #ccc;}
.questionBg .wordsmovebox .movebox .pra-con > li.pra-active{background-color: #fff;}
.questionBg .wordsmovebox .movebox .pra-con .titboxs{cursor: pointer;position: relative;font-weight: normal;}
.questionBg .wordsmovebox .movebox .pra-pro{ display: none; color: #333;}
.questionBg .wordsmovebox .movebox .pra-pro:hover{background-color:#fbfbfb;}
.questionBg .wordsmovebox .movebox .pra-active .titboxs{color: #348fe4;}

.questionBg .wordsmovebox .movebox li .titboxs{position:relative;}
.questionBg .wordsmovebox .movebox li .titboxs .tit{color: #666;font-weight:bold;}
.questionBg .wordsmovebox .movebox li .titboxs .tit:hover{color: #ff5e14;}


/*分页-新闻中心*/
@media(min-width:1000px){

}
@media(max-width:1000px){
.news-list-home .tw{padding-bottom: 15px;margin-bottom: 15px;}
 .sameTit{margin-top:20px;}  
}
.sameTit{position:relative;border-bottom: 1px solid #e8e8e8;padding-bottom:20px;margin-bottom:20px;}
.sameTit .tit{font-weight: bold;color: rgba(102,102,102,1);font-size: 20px;}
.sameTit .more{position:absolute;right:0;top:6px;}


/*分页-服务支持*/
@media(min-width:1000px){
.root-left i{margin:20px auto;}
}
@media(max-width:1000px){
.root-left i{margin:10px auto;}

}
.root-left li{display:inline-block;padding-right:14px;}
.root-left li a{margin: 0 auto;width: 120px;height: 121px;display: block;text-decoration: none;overflow: hidden;border: none;text-indent: -9999px;z-index: 190;transition: all 0.2s linear;}
.root-left li:first-child a{background: url(../image/bot_img1.png) no-repeat left -120px;background-size: auto;background-size: cover;}
.root-left li:nth-child(2) a{background: url(../image/bot_img2.png) no-repeat left -120px;background-size: auto;background-size: cover;}
.root-left li:nth-child(3) a{background: url(../image/bot_img3.png) no-repeat left -120px;background-size: auto;background-size: cover;}
.root-left li:nth-child(4) a{background: url(../image/bot_img4.png) no-repeat left -120px;background-size: auto;background-size: cover;}
.root-left li:first-child a:hover,.root-left li:nth-child(2) a:hover,.root-left li:nth-child(3) a:hover,.root-left li:nth-child(4) a:hover,.root-left li:last-child a:hover{background-position: left 0;background-size: cover;}
.root-left .tit{padding-top: 20px;}
.root-left i{display:inline-block;width:100px;height:1px;background-color:#ccc;}


/*联系我们*/
@media (min-width:1000px){
.contactTit{font-size: 24px;padding:50px 0;}
.contactTit p{font-size:16px;padding-top:20px;}

.callme-boxs .col-md-4{padding:0 2%;}
.callme-boxs .tit{margin-top: 25px;}
.callme-boxs .tips{margin-top: 10px;line-height:2;}
.callme-boxs .boxs{padding:40px;}

.map-bg{padding-bottom:80px;margin-top:70px;}
.web-list li a{padding:0 30px;}
}
@media (max-width:1000px){
.contactTit{font-size: 20px;padding:30px 0;}

.callme-boxs .tit{margin-top: 10px;}
.callme-boxs .tips{margin-top: 6px;}
.callme-boxs .boxs{padding:15px;}

.map-bg{padding-bottom:30px;margin-top:30px;}
.web-list li a{padding:0 4px;}
}
.contactTit .tit{font-weight:bold;color:#666;}
.callme-boxs img{max-height:92px;}
.callme-boxs .tit{text-align: center;font-size: 18px;font-weight:bold;}
.callme-boxs .tips{text-align: center;color: rgb(119, 119, 119);}
.callme-boxs .boxs{border: 1px solid rgb(221, 221, 221);}

.map-bg{background-color:#f6f6f6;}
.web-list li{display:inline-block;}
.web-list li a{font-size:15px;}


/*售后服务*/
@media (min-width:1000px){
.news2-list li{margin-bottom:20px;}
.news2-list .boxs{position:absolute;bottom: 10px;width: 93%;padding: 16px;color: #fff;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.01), rgb(0, 0, 0));}
.news2-list .boxs a{color:#fff;text-align: left!important;}
.news2-list li:hover .boxs{background:#fe5d13;}
}
@media (max-width:1000px){
.news2-list li{margin-bottom:15px;}
}
.serviceBoxs .boxs{background-color:#f6f6f6;overflow:hidden;}

/*科技创新*/
@media (min-width:1000px){
.service-bg{padding-bottom: 100px;margin: 0px;}
.service-bg .row{margin: 0px;}
.service-bg .boxs{padding: 40px;}
.service-bg .boxs .tit{font-size: 24px;}
.service-bg .boxs .tetxt{font-size: 16px;line-height:2;}
.service-bg .boxs i{margin: 20px 0;}
.service-bg img{height:356px;}
.boxsbg{background-color: #f4f4f4;height:356px;overflow:hidden;}
}
@media(max-width:1000px){
.service-bg{margin: 0px;}
.service-bg .boxs{padding:15px;}
.service-bg .row{margin-bottom: 15px;margin-left: 0;margin-right: 0;}
.service-bg .boxs .tit{font-size: 20px;}
.service-bg .boxs i{margin: 6px 0;}
}   
.service-bg{background-color: #f4f4f4;}
.service-bg .row{background-color: #fff;}
.service-bg img{width:100%;}
.service-bg .boxs .tit{}
.service-bg .boxs i{display:inline-block;width:80px;height:4px;background-color:#fe5d13;}
.addService .service-bg {background-color: transparent;}




/*首页公用样式*/
@media (min-width:1000px){
}
@media (max-width:1000px){
}



/*首页-产品中心*/
@media (min-width:1000px){
.third-boxs2>ul{display:flex;margin:0 0 90px;}
.third-boxs2>ul>li{flex: 0.5;transition: 0.8s;height:600px;border-radius:2px;position:relative;}
.third-boxs2>ul>li:hover{flex: 3;}
.third-boxs2>ul>li .imgdetail{display: block;position: absolute;top: 50%;text-align: center;width: 100%;padding: 0 15px;background: linear-gradient(360deg, transparent 0%, rgba(0, 10, 0, 0) 50%);transform: translate(0,-50%);}
.third-boxs2>ul>li .imgdetail p{color:#fff;font-size: 19px;font-weight: bold;text-decoration: none;}
.third-boxs2>ul>li .imgdetail .guideicon{margin: 20px auto 0;height: 50px;width: 50px;border-radius: 5px;font-size: 20px;position: relative;}
.third-boxs2>ul>li .imgdetail .guideicon .acontainer{transform: rotate(-90deg);width: 50px;height: 50px;}
.third-boxs2>ul>li .imgdetail .guideicon .acontainer .arrow12{left: 15px;position: absolute;width: 20px;height: 5px;opacity: 0;transform: scale(0.3);animation: move-arrow 3s ease-out infinite;}
.third-boxs2>ul>li .imgdetail .guideicon .acontainer .arrow12::before{content: "";position: absolute;top: 0;height: 100%;width: 50%;left: 0;transform: skewY(30deg);background: #fff;}
.third-boxs2>ul>li .imgdetail .guideicon .acontainer .arrow12::after{content: "";position: absolute;top: 0;height: 100%;width: 50%;right: 0;transform: skewY(-30deg);background: #fff;}
.third-boxs2>ul>li .imgdetail .guideicon .acontainer .arrow12:first-child{animation: move-arrow 3s ease-out 1s infinite;}
.third-boxs2>ul>li .imgdetail .guideicon .acontainer .arrow12:nth-child(2){animation: move-arrow 3s ease-out 2s infinite;}
@keyframes move-arrow{     
25%{opacity: 1;}          
33.3%{opacity: 1;transform: translateY(28px);}
66.6%{opacity: 1;transform: translateY(38px);}
to{opacity: 0;transform: translateY(56px) scale(0.5);}
}

.third-boxs2>ul>li:hover .imgdetail{display:none;}
.third-boxs2 > ul > li .boxs {position: absolute;bottom: 50%;text-align: center;width: 100%;padding: 15px;display:none;}
.third-boxs2 > ul > li:hover .boxs{display:block;}
.third-boxs2 > ul > li a {color:#fff;} 
.third-boxs2 > ul > li a:hover{color:#ff5e14;} 

.third-boxs2 .boxs .title{color:#fff;}
.third-boxs2 .boxs>div{position: relative;top: 130px;}
.third-boxs2 .boxs .more{color:#fff;border:1px solid #fff;}
.third-boxs2 .imgboxs-list img{height:200px;width:200px;}
}
@media (max-width:1000px){
.third-boxs2{padding-bottom:30px;}
.third-boxs2 > ul > li {margin-bottom: 15px;background:none!important;}
.third-boxs2 > ul > li .boxs{padding-top: 10px;}
.third-boxs2 > ul > li a{text-align:center;}
.third-boxs2 .boxs .more{border:1px solid #000;}
}
.third-boxs2 .boxs .title{margin-bottom: 20px;}
.third-boxs2 .boxs .title{text-align:left;}
.third-boxs2 .boxs .more{display:inline-block;padding:4px 20px;font-size:13px;transition:0.3s linear;position:absolute;right:0;top:2px;border-radius:10px;}
.third-boxs2 .boxs .more:hover{background-color:#ff5e14;border-color:#ff5e14;color:#fff;}
.third-boxs2 .imgboxs-list a{background-color:#fff;}



/*首页-我们的优势*/
@media (min-width:1000px){
.strengths-bg{padding-bottom:60px;}
.strengths-bg .boxs2{padding-top:80px;}
.strengths-bg .right{text-align:right;}
}
@media (max-width:1000px){
.strengths-bg{padding-bottom:30px;}
}
.strengths-bg{background-color:#000;color:#fff;}
.strengths-bg .tit{color: rgb(255, 94, 20);font-size: 20px;font-weight:bold;padding-bottom:16px;}
.strengths-bg .intro{color:#ccc;line-height:1.8;}
.strengths-bg .headline .en{color:#fff;}
.strengths-bg .headline .tit{color:#fff;}
.strengths-bg .headline .tit i{background-color:#fff;}
.strengths-bg .root-left .tit{color:#fff;}


@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2); /* 放大到1.2倍 */
  }
  100% {
    transform: scale(1);
  }
}
 
.animated-image {
  animation: pulse 5s infinite; /* 动画名称，持续时间，无限次循环 */
}


/*首页-解决方案*/
.caseMore{margin-top:20px;}
.caseMore a{color: rgba(39,50,114,1);}
.caseMore a:hover{color: #fe5d13;}


/*首页-公司简介*/
@media (min-width:1000px){
.aboutHome-bg{padding:100px 0 80px;margin-top:70px;}
.aboutHome-bg .index-about-img{padding-top: 80px;}
.aboutHome-bg .titBoxs{padding:0 0 0 80px;}
}
@media (max-width:1000px){
.aboutHome-bg{padding:30px 0 10px;margin-top:30px;}
.aboutHome-bg .index-about-img{padding-top: 20px;}
}
.aboutHome-bg{background:#273272 url(../image/aboutHome_bg.png) no-repeat center;background-size:cover;color:#fff;}



/*首页-应用案例*/
@media (min-width:1000px){
.third-boxs>ul{display:flex;margin:0 -30px 90px;}
.third-boxs>ul>li{width:20%;transition: 0.8s;margin:0 15px;height:360px;border-radius:2px;position:relative;}
.third-boxs>ul>li:hover{width:50%;}
.third-boxs > ul > li .boxs {position: absolute;bottom: 15px;padding: 15px;}
.third-boxs > ul > li a {color:#fff;} 
.third-boxs > ul > li a:hover{color:#ff5e14;}              
}
@media (max-width:1000px){
.third-boxs{padding-bottom:30px;}
.third-boxs > ul > li {margin-bottom: 15px;background:none!important;}
.third-boxs > ul > li .boxs{padding-top: 10px;}
.third-boxs > ul > li a{text-align:center;}
}
 




/*首页-服务支持*/
@media (min-width:1000px){
.serviceHome-bg{padding-bottom:80px;}
}
@media (max-width:1000px){
.serviceHome-bg{padding-bottom:30px;}
}
.serviceHome-bg{background-color:#110f1a;}
.serviceHome-bg .headline .en{color:#fff;}
.serviceHome-bg .headline .tit{color:#fff;}
.serviceHome-bg .headline .tit i{background-color:#fff;}
.serviceHome-bg .root-left .tit{color:#fff;}
.serviceHome-bg .text-grayDark{color:rgb(204,204,204)}
.serviceHome-bg .root-left li:first-child a{background: url(../image/bot_img1_1.png) no-repeat left -120px;background-size: auto;background-size: cover;}
.serviceHome-bg .root-left li:nth-child(2) a{background: url(../image/bot_img2_2.png) no-repeat left -120px;background-size: auto;background-size: cover;}
.serviceHome-bg .root-left li:nth-child(3) a{background: url(../image/bot_img3_3.png) no-repeat left -120px;background-size: auto;background-size: cover;}
.serviceHome-bg .root-left li:nth-child(4) a{background: url(../image/bot_img4_4.png) no-repeat left -120px;background-size: auto;background-size: cover;}
.serviceHome-bg .root-left li:first-child a:hover,.serviceHome-bg .root-left li:nth-child(2) a:hover,.serviceHome-bg .root-left li:nth-child(3) a:hover,.serviceHome-bg .root-left li:nth-child(4) a:hover,.serviceHome-bg .root-left li:last-child a:hover{background-position: left 0;background-size: cover;}


/*首页-新闻资讯*/
@media(min-width:1000px){
.navlist{padding-top:30px;}
.navlist li a{padding:0 50px;font-size:18px;}
}
@media(max-width:1000px){
.navlist{padding-top:20px;}
.navlist li a{padding:0 10px;font-size:16px;}
.navlist .item{margin-bottom:15px;}
}
.navlist li{display:inline-block;}
.navlist li ul li{display:none;}
.newsHome .tit{font-size: 18px;padding-bottom:8px;font-weight:bold;color: #434343;}
.newsHome .tit:hover{color: #123e94;}
.newsHome .intro{line-height:1.7;color: #999;}
.newsHome .date{font-size: 14px;padding-bottom:10px;color: #929292;}
.newsHome .boxs{padding: 15px 0;background-color: #fff;}


/*左移动*/
.marqueelefts {height: auto;max-width: 1200px;overflow: hidden;margin: 0px auto;}
.marqueelefts ul{float:left;}
.marqueelefts li{float:left;margin:0 5px;display:inline;width:220px;height:auto;overflow:hidden;text-align:center;}
.marqueelefts li .pic{display:block;width:220px;height:auto;padding:6px;overflow:hidden;}
.marqueelefts li .pic img{max-height:150px;max-width:100%;}
.marqueelefts li .txt{text-align:center;height:auto;line-height:220px;}
.marqueelefts .marquee1_1>li>p{text-align:center;margin: 0 auto;display:inline-block;}




/*分页-发展历程*/
@media(min-width:1000px){
.wp-box_content{ position:relative;width: 100%;height: 881px;  }
.wp-box_content .cstlayer{left: 520px; top: 60px; position: absolute; z-index: 129; height: 626px; width: 660px;}
#historyBoxs wp-timeline_content{ height: 626px; width: 660px;}
#historyBoxs .history1{right: 34px !important;}
#historyBoxs .history2{margin-top: -96px !important;}
#historyBoxs .timeline-box{position:absolute;z-index:3;width:200px}
#historyBoxs  .trantim1{text-align:center}
#historyBoxs .icon-shijian{background-color:transparent;color:#ebebeb;font-size:22px;padding-left:2px;top:0;left:0}
#historyBoxs  .line{width:3px;background-color:#ebebeb;height:50px;position:relative;display:block;text-align:center;z-index:2;margin-left:99px}
#historyBoxs  .year{position:absolute;right:55px;color:#4497fd;font-size:13px}
#historyBoxs  .month .icnbox{width:45px;height:45px;margin:auto;background:url(http://t20063.mbdemo.18inter.com/Templates/T20063/Css/plugin/timeline/themes/vertical/v2/web-timaxis2.png) center no-repeat #4497fd;line-height:40px;color:#fff;text-align:center;display:block;border-radius:50px;-0-border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px}
#historyBoxs .m2 .icnbox{background-image:url(http://t20063.mbdemo.18inter.com/Templates/T20063/Css/plugin/timeline/themes/vertical/v2/web-timaxis3.png)}
#historyBoxs .m3 .icnbox{background-image:url(http://t20063.mbdemo.18inter.com/Templates/T20063/Css/plugin/timeline/themes/vertical/v2/web-timaxis4.png)}
#historyBoxs .m4 .icnbox{background-image:url(http://t20063.mbdemo.18inter.com/Templates/T20063/Css/plugin/timeline/themes/vertical/v2/web-timaxis5.png)}
#historyBoxs .m5 .icnbox{background-image:url(http://t20063.mbdemo.18inter.com/Templates/T20063/Css/plugin/timeline/themes/vertical/v2/web-timaxis6.png)}
#historyBoxs  .details{position:absolute;min-height:60px;margin-top:-84px;background-color:#f7f7f7}
#historyBoxs  .popbox{width:175px}
#historyBoxs  .details.lt{right:174px}
#historyBoxs  .details.rt{left:174px}
#historyBoxs  .details .title{padding:5px 8px;min-width:70px;background-color:#788bfd;color:#fff}
#historyBoxs  .month .tline{height:1px;width:52px;position:absolute;margin-top:12px;background-color:#4497fd;z-index:-1}
#historyBoxs  .month .tline.lt{right:-52px}
#historyBoxs  .month .tline.rt{left:-52px}
#historyBoxs .month  .details   .conts{font-size:12px;padding:8px;line-height:150%;overflow:hidden}
#historyBoxs .month  .details  .date{color:#dadada;display:inline-block;line-height:140%;padding:3px 0;text-align:right;text-indent:8px;width:97%}
#historyBoxs .year{color:#fe5d13;font-family:microsoft yahei;font-size:20px;font-weight:bold;text-decoration:none}
#historyBoxs .icon-shijian{color:#ebebeb}
#historyBoxs .line{background-color:#ebebeb;height:60px;left:-0.5px;width:3px}
#historyBoxs .month > .icnbox{background-color:#fe5d13;height:45px;width:45px}
#historyBoxs .month.on > .icnbox{background-color:#273272}
#historyBoxs .month > .details > .popbox > .title{background-color:#ffffff;color:#434343;font-family:microsoft yahei;font-size:16px;font-weight:normal;text-align:left;text-decoration:none}
#historyBoxs .month.on > .details > .popbox > .title{background-color:#273272;color:#fff}
#historyBoxs .month > .details > .popbox > .date{color:#666666;font-family:microsoft yahei;font-size:14px;font-weight:bold;text-align:right;text-decoration:none}
#historyBoxs .month.on > .details > .popbox > .date{color:#434343}
#historyBoxs .month > .details > .popbox > .conts{color:#666666}
#historyBoxs .month > .details > .popbox > .conts span{line-height: 24px;}
#historyBoxs .month.on > .details > .popbox > .conts{color:#434343}
#historyBoxs .month > .details i.tline{background-color:#fe5d13;height:1px}
#historyBoxs .month.on > .details i.tline{background-color:#273272}
#historyBoxs .month > .details > .popbox{background-color:#ffffff;background-image:none;width:400px}
#historyBoxs .month.on > .details > .popbox{background-color:#ffffff;background-image:none}
#historyBoxs .m1 > .icnbox{background-image:url(../image/default_img.png);background-repeat:no-repeat}
#historyBoxs .m2 > .icnbox{background-image:url(../image/default_img.png);background-repeat:no-repeat}
#historyBoxs .m3 > .icnbox{background-image:url(../image/default_img.png);background-repeat:no-repeat}
#historyBoxs .m4 > .icnbox{background-image:url(../image/default_img.png);background-repeat:no-repeat}
#historyBoxs .m5 > .icnbox{background-image:url(../image/default_img.png);background-repeat:no-repeat}
#historyBoxs .m1.on > .icnbox{background-image:url(../image/default_img.png);background-repeat:no-repeat}
#historyBoxs .m2.on > .icnbox{background-image:url(../image/default_img.png);background-repeat:no-repeat}
#historyBoxs .m3.on > .icnbox{background-image:url(../image/default_img.png);background-repeat:no-repeat}
#historyBoxs .m4.on > .icnbox{background-image:url(../image/default_img.png);background-repeat:no-repeat}
#historyBoxs .m5.on > .icnbox{background-image:url(../image/default_img.png);background-repeat:no-repeat}
}
@media(max-width:1000px){
#historyBoxs .icon-shijian{display:none;}
#historyBoxs .year{color: #fe5d13;font-size: 22px;font-weight: bold;text-align:center;display:block;}
#historyBoxs .month > .details > .popbox > .title{font-size: 16px;padding-bottom:6px;font-weight:bold;}
#historyBoxs .month .details .conts{font-size: 13px;}
#historyBoxs .month > .details > .popbox > .date{color: #fe5d13;font-weight: bold;text-align: right;}
#historyBoxs .details{margin-bottom:20px;}
}
/* 首页 */
	.topbanner-container {
				width: 100%;
				height: 100%;
				position: relative;
				overflow: hidden;
			}

			.topbanner-container .swiper-slide {
				height: 100%;
				text-align: center;
				font-size: 18px;
				background: #fff;
				display: -webkit-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				-webkit-justify-content: center;
				justify-content: center;
				-webkit-box-align: center;
				-ms-flex-align: center;
				-webkit-align-items: center;
				align-items: center;
			}

			.topbanner-container .swiper-pagination-bullet {
				width: 12px;
				height: 12px;
			}

			.topbanner-container .swiper-button-next {
				right: 40px;
				width: 30px;
				height: 80px;
				background-size: 20px 40px;
				z-index: 10;
				top: 60%;
			}

			.topbanner-container .swiper-button-prev {
				left: 40px;
				width: 30px;
				height: 80px;
				background-size: 20px 40px;
				z-index: 10;
				top: 60%;
			}

			.topbanner-container .swiper-slide img {
				width: auto;
				height: 100%;
				max-width: 130%;
			}

			.swiper-pagination-bullet {
				background: rgb(255, 255, 255);
			}

			.swiper-container-horizontal>.swiper-pagination-bullets,
			.swiper-pagination-custom,
			.swiper-pagination-fraction {
				bottom: 3%;
				z-index: 99;
			}

			.topbanner-container .swiper-slide img {
				width: 100%;
			}

			.pics_wrap {
				position: relative;
				height: 100%;
			}

			/*文字*/
			.pics_wrap .font-box {
				z-index: 2;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				color: #fff;
			}

			.pics_wrap .font-box .container {
				height: 100%;
				display: flex;
				justify-content: center;
				align-items: center;
				flex-direction: column;
				text-align: center;
			}

			.pics_wrap .font1,
			.pics_wrap .font2 {
				font-family: SourceHanSansCN-Regular;
			}

			.pics_wrap .font-box .link {
				color: #fff;
				display: inline-block;
				transition: 0.3s linear;
				background-color: #fe5d13;
			}

			.pics_wrap .font-box .link:hover {
				background: rgba(254, 93, 19, 0.9);
			}

			.pics_wrap .font-box .link2 {
				border: 1px solid #fff;
				background: transparent;
			}

			.swiper-pagination-bullet-active {
				background: #2559cc !important;
				opacity: 1 !important;
			}

			.swiper-pagination-bullet {
				background: #fff;
				opacity: 0.5;
			}

			@media (min-width:999px) {
				.pics_wrap .font1 {
					font-size: 48px;
				}

				.pics_wrap .font2 {
					font-size: 16px;
					line-height: 2;
					padding-top: 30px;
				}

				.pics_wrap .font-box .link {
					width: 120px;
					line-height: 42px;
					margin-top: 80px;
					font-size: 14px;
				}

				.pics_wrap .font-box .link2 {
					margin-left: 50px;
				}

				.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
					margin: 0 8px;
				}
			}

			@media (max-width:999px) {
				.pics_wrap .swiper-slide img {
					max-width: 150%;
					height: 300px;
				}

				.pics_wrap .font1 {
					font-size: 20px;
					opacity: 0.8;
				}

				.pics_wrap .font2 {
					font-size: 13px;
					padding-top: 6px;
				}

				.pics_wrap .font2 br {
					display: none;
				}

				.pics_wrap .font3 {
					font-size: 14px;
				}

				.pics_wrap .font-box .link {
					width: 100px;
					line-height: 30px;
					margin-top: 30px;
					font-size: 13px;
				}

				.pics_wrap .font-box .link2 {
					margin-left: 10px;
				}

			}
			
 /* 选项卡导航 */
        .tab-nav {
           display: flex;
            align-items: center;
            justify-content: center; /* 新增：让所有Tab选项在容器内居中排列 */
            gap: 0;
            padding-bottom: 15px;
            border-bottom: 1px solid #eee;
            flex-wrap: wrap;
            max-width: 1200px; /* 可选：限制导航最大宽度，避免过宽 */
            margin: 0 auto; /* 配合max-width，让容器在页面水平居中 */
        }
        .tab-item {
            position: relative;
            color: #666;
            text-decoration: none;
            font-size: 16px;
            padding: 0 8%;
            height: 40px;
            line-height: 40px;
            cursor: pointer;
            transition: color 0.3s;
            border-right: 1px solid #ddd;
			text-align: center; 
        }
        .tab-item:last-child {
            border-right: none;
        }
        .tab-item.active {
            color: #222;
            font-weight: 500;
        }
        .tab-item.active::after {
            content: "";
            position: absolute;
            left: 20px;
            right: 20px;
            bottom: -16px;
            height: 2px;
            background-color: #fe5d13;
        }
        .tab-item:hover {
            color: #fe5d13;
        }

        /* 内容容器（动画核心） */
        .tab-content-container {
            margin-top: 30px;
        }
        .tab-content {
            display: none;
            transform: scale(0.95);
            opacity: 0;
            transition: all 0.4s ease;
            pointer-events: none;
        }
        .tab-content.active {
            display: block;
            transform: scale(1);
            opacity: 1;
            pointer-events: auto;
        }

        /* 产品列表（响应式布局） */
        .product-list {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
            gap: 20px;
        }
        .product-card {
            position: relative;
            border-radius: 4px;
            overflow: hidden;
            box-shadow: 0 2px 4px rgba(0,0,0,0.08);
            transition: box-shadow 0.3s;
        }
        .product-card:hover {
            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
        }
        .product-card img {
            width: 100%;
            height: 300px;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .product-card:hover img {
            transform: scale(1.05); /* 图片hover放大 */
        }
        .product-desc {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            padding: 12px;
            background-color: rgba(0,0,0,0.7);
            color: #fff;
           
            text-align: center;
        }

        /* 响应式适配（移动端） */
        @media (max-width: 768px) {
            .tab-nav {
                gap: 5px;
                padding-bottom: 10px;
            }
            .tab-item {
                padding: 0 12px;
                font-size: 0.9rem;
                height: 34px;
                line-height: 34px;
            }
            .tab-item.active::after {
                bottom: -11px;
                left: 12px;
                right: 12px;
            }
            .product-list {
                grid-template-columns: 1fr;
                gap: 15px;
            }
            .product-card img {
                height: 200px;
            }
        }
.more-btn {
            display: block;
            width: 180px;
            height: 45px;
            line-height: 45px;
            background-color: #fe5d13;
            color: #fff;
            text-align: center;
            text-decoration: none;
            border-radius: 4px;
            margin: 35px auto 100px auto;
            transition: background-color 0.3s;
			
        }
        .more-btn:hover {
            background-color: #0056b3;
			color: #ffffff;
        }
	.jul{margin-bottom: 100px;}
	
	/* 关于我们 */
	.topbanner-container2 {
		width: 100%;
		height: 100%;
		position: relative;
		overflow: hidden;
	}
	
	.topbanner-container2 .swiper-slide {
		height: 100%;
		text-align: center;
		font-size: 18px;
		background: #fff;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}
	
	.topbanner-container2 .swiper-pagination-bullet {
		width: 12px;
		height: 12px;
	}
	
	.topbanner-container2 .swiper-button-next {
		right: 40px;
		width: 30px;
		height: 80px;
		background-size: 20px 40px;
		z-index: 10;
		top: 50%;
	}
	
	.topbanner-container2 .swiper-button-prev {
		left: 40px;
		width: 30px;
		height: 80px;
		background-size: 20px 40px;
		z-index: 10;
		top: 50%;
	}
	
	.topbanner-container2 .swiper-slide img {
		width: auto;
		height: 100%;
		max-width: 130%;
	}
	
	.swiper-pagination-bullet {
		background: rgb(255, 255, 255);
	}
	
	.swiper-container-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: 25%;
	}
	
	.topbanner-container2 .swiper-slide img {
		width: 100%;
	}
	
	.pics_wrap {
		position: relative;
		height: 100%;
	}
	
	/*文字*/
	.pics_wrap .font-box {
		z-index: 2;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		color: #fff;
	}
	
	.pics_wrap .font-box .container {
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		text-align: center;
	}
	
	.pics_wrap .font2 {
		color: #d3d7e5;
	}
	
	@media (min-width:999px) {
		.pics_wrap .font1 {
			font-size: 36px;
		}
	
		.pics_wrap .font2 {
			font-size: 20px;
		}
	}
	
	@media (max-width:999px) {
		.pics_wrap .swiper-slide img {
			max-width: 150%;
			height: 300px;
		}
	
		.pics_wrap .font1 {
			font-size: 20px;
		}
	
		.pics_wrap .font2 {
			font-size: 15px;
		}
	}
	.jz{text-align: center;}
	.jz1{font-size: 24px; font-family: "Microsoft YaHei"; color: rgb(254, 93, 19);}
	.jz2{color: rgb(127, 127, 127);}
	.jz3{line-height: 2em;}
	.jz4{line-height:32px;}
	
	
	#mapbox {
		width: 100%;
		overflow: hidden;
	}
	
	@media (min-width:1000px) {
		#mapbox {
			height: 350px;
		}
	}
	
	@media (max-width:1000px) {
		#mapbox {
			height: 320px;
		}
	}
	
.sousu{width: 100%;
						}

						.sousu1{
							margin-top: 50px;
						}
						.sousu1 .sousu2 {
						    width: 70%;
						    line-height: 40px;
						    font-size: 16px;
						    margin-left: 8%;
							border: #ea5504 2px solid;
						}
						
						.sousu1 .sousu3 {
						    width: 12%;
						    line-height: 40px;
						    font-size: 16px;
						    margin-left: -0.7%;
							color: #fff;
							background-color:#ea5504;
							border: #ea5504 2px solid;
							border-left: none;
						}
						.sousu1 .sousu3:hover {
						  cursor: pointer;
						}
					
						.sousu .sousu4 {
						    font-size: 14px;
						    padding-left: 15%;
						    padding-top: 10px;
						   }
							
							
.cs{line-height: 40px;}
.cs1{padding-bottom: 20px;}

	.pagination a {
			    padding: 5px 7px;
			    border: #8c8c8c 1px solid;
			}
			
			.pagination>b {
			    border: #8c8c8c 1px solid;
			    padding: 5px 7px;
			}
			.pub-contact{margin-top:60px ;}
			
			.pub-contact .container {
			    display: flex;
			    justify-content: space-between;
			    align-items: center;
			}
.div-img img{width:100%;height:250px}