* { margin: 0; padding: 0; list-style: none; border: 0; word-break:break-word; vertical-align:top; outline: none; /* moz-user-select: -moz-none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout: none; -moz-touch-callout: none; -ms-touch-callout: none; -o-touch-callout: none; touch-callout: none; */}
html{overflow-x: hidden;}
html,body{ min-height: 100%;}
table{ border-collapse: collapse; }
img { border: 0; padding: 0; display: inline; -webkit-user-select: none; -moz-user-select: none; -webkit-user-select:none; -o-user-select:none; user-select:none; }
a { text-decoration: none; color: #727272;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
li { list-style: none; }
/* h1,h2,h3,h4,h5,h6{ font-weight: normal; font-size: 12px; } */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix { *+height: 1%; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{ display: block; }
/*强制去除表单自带的样式*/ 
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#878787; font-family: "Arial","Microsoft YaHei"; }
input:focus { outline: none; }
input,button,select,textarea{ outline:none; /*-webkit-appearance:none; */}
textarea{ resize:none; /*-webkit-appearance:none; */}
textarea,input,select { background:none; border:none; margin:0; padding:0; }
a,a:link{ text-decoration:none; }
a,a:visited{ text-decoration:none; }
a,a:hover{ text-decoration:none; }
a,a:active{ text-decoration:none}
html{-webkit-text-size-adjust:100%;font-size:100px}
@media (max-width:1440px) {
    html{font-size: calc((100 / 1600) * 100 * 1vw);} 
}
@media (min-width:769px) and (max-width:1024px) {
    html{font-size: calc((100 / 1100) * 100 * 1vw);} 
}
@media (max-width:768px) {
    html{font-size: calc((100 / 750) * 100 * 1vw);} 
}
@media (max-width:640px) {
    html{font-size: calc((100 / 600) * 100 * 1vw);} 
}
body {line-height: 1; font-weight: normal; font-family: "Arial","Microsoft YaHei"; -webkit-text-size-adjust: 100%;}
body,input,pre,select,th,td,textarea{font-family:"Arial","Microsoft YaHei",sans-serif;font-size: 0.16rem;}
@media (max-width:480px) {
    body,input,pre,select,th,td,textarea{font-size: 0.2rem;}
}
@font-face { font-family: "butler"; src: url("../fonts/Butler_ExtraBold_Stencil.otf");}




.w1600{max-width: 16rem;margin: auto;}
.fl{ float: left; }
.fr{ float: right; }
.tac{ text-align: center; }
.anim{ transition: 0.8s ease; transition: all 0.3s ease-in-out}
.por{ position: relative; }
.dib{ display: inline-block; }
.vam{ vertical-align: middle; }
.omission1{line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; }
.omission2{ overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.omission3{ overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.omission4{ overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; }
.table{ display: table; width: 100%; height: 100%; }
.table-call{ display: table-cell; vertical-align: middle; }

/*页面框架结构*/
.w1400{ max-width: 14rem; margin: 0 auto; }
.w1540{ max-width: 15.4rem; margin: 0 auto; }
/* .contain{padding: .55rem 0 1.25rem 0;} 页面主体内容 */
.content{ }/*内容*/
.mainnav{ }/*主导航*/
.menu{ }/*边侧菜单*/
.maincontent{ padding: 50px 0; } /*主要内容*/
.txtbox,.singlepage{ word-wrap:break-word; overflow:hidden; }

/*分页*/
.pages{ margin-top: 4.57%; font-size: 0; text-align: center; }
.pages a{ display: inline-block; width: 40px; height: 40px; line-height: 40px;border-radius: 3px;font-size: 14px; color: #999;background-color: #f9f9f9;transition: 0.4s ease;box-sizing: border-box; margin:0 2px;}
.pages a.a_first{ margin-right: 10px; }
.pages a.a_end{ margin-left: 10px; }
.pages a.anum{ font-family: 'Arial'; }
.pages a.a_cur,
.pages a:hover{ background-color: #1068cb; color: #fff;}
.pages .nums{ display: inline-block; margin: 0 10px; }
.pages .nums .anum{ margin-right: 10px; }
.pages .nums .anum:last-child{ margin-right: 0; }
.pages .f1{ font-size: 14px; margin: 0 10px; color: #666; line-height: 42px; }
.pages .i_text{ display: inline-block; height: 40px; width: 80px; border: 1px solid #edecec; vertical-align: middle; }
.pages .i_button{ margin-left: 10px; padding: 0 15px; height: 42px; font-size: 14px; color: #666; border: 1px solid #edecec; }
.pages .a_prev,.pages .a_next{font-family: '宋体';box-sizing: border-box; }
.prew{}
.prew div{margin-bottom: .15rem;font-size: .16rem;color: #073866;}
.prew div a{margin-left: .1rem;color: #231815;}
.Return{margin-left: .3rem;}
.Return a{display: flex;align-items: center;justify-content: center;width: 1.5rem;height: .5rem;font-size: .16rem;color: #fff;background-color: #073866;border-radius: .5rem;box-sizing: border-box;}
.Return a:before{display: block;content: '';width: .08rem;height: .08rem;margin-right: .2rem;border-left: 1px solid #fff;border-bottom: 1px solid #fff;box-sizing: border-box;transform:rotate(45deg);}
/* 按钮 */
.rightMenuBtn {position: fixed;display: none;top: .15rem;right: 2%;width:40px; height:40px; background-color: transparent; z-index:350;cursor:pointer;}
.rightMenuBtn span { display:block; height:3px; background-color:#007ec8; position:absolute; top:20px; transition:0.5s; }
.rightMenuBtn img { display:block; position:absolute; bottom:5px; left: 5px; transition:0.5s; width:30px; height:auto; }
.rightMenuBtn .openMenu { width:30px; left:5px; }
.rightMenuBtn .closeMenu { left:25px; width:0; }
.rightMenuBtn span:active { width:0; }
.rightMenuBtn span:before,.rightMenuBtn span:after { content:""; display:block; width:30px; height:3px; background-color:#007ec8; position:absolute; transition:0.4s; }
.rightMenuBtn .openMenu:before { top:-10px; left:-0; }
.rightMenuBtn .openMenu:after { top:10px; left:-0; }
.rightMenuBtn .closeMenu:before { top:0px; left:-20px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }
.rightMenuBtn .closeMenu:after { top:0px; left:-20px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); }

/* 头部 */
header{position:fixed;width: 100%;top: 0;left: 0;padding: .28rem 0;background-color: #fff;z-index: 100;transition: .3s;}
header.fixed {padding: .1rem 0;box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);}
header .flex{display: flex;justify-content: space-between;align-items: center;}
header .logo img{height: .63rem;}
header .logo img:nth-of-type(1){display: none;}
header .logo img:nth-of-type(2){display: block;}
header .right-box{display: flex;align-items: center}
header .right-box .language{position: relative;}
header .right-box .language:before{display: block;content: '';width: .18rem;height: .18rem;background-image: url('../images/language-l.png');background-size: 100%;cursor:pointer;}
header .right-box .language .drop-down{display: none;padding-top: .1rem;position: absolute;width: .6rem;left: 50%;top: 90%;box-sizing: border-box;transform: translateX(-50%);z-index: 3;}
header .right-box .language:hover .drop-down{display: block;}
header .right-box .language .drop-down ul{background-color: rgba(0, 0, 0, .4);text-align: center;}
header .right-box .language .drop-down ul li a{font-size: .16rem;color: #fff;line-height: .3rem;text-align: center;}
header .right-box .search{position: relative;margin-left: .5rem;}
header .right-box .search .search-btn{cursor:pointer;}
header .right-box .search .search-btn:before{display: block;content: '';width: .18rem;height: .18rem;background-repeat:no-repeat;background-image: url('../images/search-l.png');background-size: 100%;}
header .right-box .search .box{display: none;padding-top: .1rem;position: absolute;right: 0;top: 90%;width: 2rem;z-index: 3;}
header .right-box .search .box .text{width: 1.6rem;height: .4rem;color: #fff;padding: 0 .15rem;background-color: rgba(0, 0, 0, .4);box-sizing: border-box;}
header .right-box .search .box .btn{width: .4rem;height: .4rem;background-image: url('../images/search.png');background-size: .2rem .19rem;background-repeat: no-repeat;background-position: center;background-color: rgba(0, 0, 0, .4);cursor:pointer;}
header .right-box .search:hover .box{display: flex;}
header nav ul{display: flex;}
header nav ul li{position: relative;margin-right: .9rem;}
header nav ul li:last-child{margin-right: 0;}
header nav ul li>a{font-size: .16rem;color: #333333;position: relative;z-index: 10;line-height: .3rem;display: block;}
header nav ul li.on:after{position: absolute;display: block;content: '';top: calc(100% + .12rem);left: 0;right: 0;margin: 0 auto;width: .12rem;height: .12rem;background-image: url('../images/nav-icon.png');background-size: 100%;z-index: 3;}
header nav ul li .sub {position: absolute;top:0;left:50%;transform: translateX(-50%);width: 1.9rem;padding-top:.3rem;color:#333;text-align: center;display: none;}
header nav ul li .sub dl {background-color: #fff;}
header nav ul li .sub dl a {display: block;padding:15px;}
header nav ul li .sub dl a:hover {color: #166ccd;}
header.fixed nav ul li .sub {padding-top: 0.49rem;}
@media screen and (min-width: 1200px){
header.on{background-color: #222326;}
header.on .logo img:nth-of-type(2){display: none;}
header.on .logo img:nth-of-type(1){display: block;}
header.on .right-box .language:before{background-image: url('../images/language.png');}
header.on .right-box .search .search-btn:before{background-image: url('../images/search.png');}
header.on nav ul li>a{color: #fff;}
}

@media (max-width: 640px) {
	header nav ul li.has-sub > a { display: block;position: relative;}
	header nav ul li.has-sub > a:after { display: block;content: ">";position: absolute;font-size: 18px;color: #333;font-family: '宋体';top: 50%;right: 20px;height: 18px;line-height: 18px;margin-top: -9px;z-index: 3;transition: .3s;}
	header nav ul li.has-sub.active > a:after { transform: rotate(90deg)}
	header nav ul li .sub {position: relative;width:100%;left:0;transform:none;text-align: left;}
	header nav ul li .sub dd a {position: relative;}
	header .right-box .language:before {width: 18px;height: 18px;}
	header .right-box .search .search-btn:before {width: 18px;height: 18px;}
}

/* 底部 */
footer{background-color: #1a1a1a;}
footer .box{padding:4% 0 2%;position: relative;background-image: url('../images/foot-bg.jpg');background-size: cover;background-repeat: no-repeat;z-index: 3;}
footer .box .foot-logo{position: absolute;left: 0;right: 0;top: -.6rem;margin: 0 auto;width: 0;height: 0;border-bottom: .6rem solid #252728;border-left: .72rem solid transparent;border-right: .72rem solid transparent;z-index: 3;}
footer .box .foot-logo img{position: absolute;left: 50%;top: .37rem;width: .62rem;transform: translateX(-50%);z-index: 3;}
footer .foot-nav ul{display: flex;justify-content: space-between}
footer .foot-nav ul li a{font-size: .16rem;color: #fff;}
footer .flex{margin-top:.4rem;display: flex;justify-content: space-between}
footer .flex .foot-contact .title{margin-bottom: .25rem;font-size: .18rem;color: #fff;font-weight: bold;}
footer .flex .foot-contact  ul li{margin-bottom: .5rem;}
footer .flex .foot-contact  ul li:last-child{margin-bottom: 0;}
footer .flex .foot-contact  ul li .name{font-size: .16rem;color: rgba(255, 255, 255, .3);}
footer .flex .foot-contact  ul li .text{margin-top: .2rem;font-size: .2rem;color: #fff;}
footer .flex .foot-message{width: 45%;}
footer .flex .foot-message .title{margin-bottom: .25rem;font-size: .18rem;color: #fff;font-weight: bold;}
footer .flex .foot-message ul li{margin-bottom: .3rem;}
footer .flex .foot-message ul li{display: flex;justify-content: space-between}
footer .flex .foot-message ul li .item{width: 30%;}
footer .flex .foot-message ul li .item .text{width: 100%;height: .6rem;font-size: .16rem;color: #fff;border-bottom: 1px solid rgba(255, 255, 255, .2);}
footer .flex .foot-message ul li .item .text::placeholder{color: #fff;}
footer .flex .foot-message ul li .textarea{width: 100%;height: 1.1rem;font-size: .16rem;color: #fff;border-bottom: 1px solid rgba(255, 255, 255, .2);}
footer .flex .foot-message ul li .textarea::placeholder{color: #fff;}
footer .flex .foot-message .btn input{height: .4rem;font-size: .16rem;color: #ffffff;border-bottom: 2px solid #0f68cb;cursor:pointer;}
footer .icp{padding: 2%;text-align: center;font-size: .16rem;color: rgba(255, 255, 255, .3);}
footer .icp a{color: rgba(255, 255, 255, .3);}
@media screen and (max-width: 1540px) and (min-width: 1200px){
	footer.on .w1400{padding: 0 5%;}
	footer .box{padding: 4% 0;}
	footer .flex{margin-top: .5rem;}
	footer .flex .foot-contact ul li{margin-bottom: .3rem;}
	footer .flex .foot-message ul li .textarea{height: .85rem}
}
@media screen and (min-width: 1200px){
footer.on .box{background-size:cover;}
}
/*二级导航*/
.menu-location{margin-bottom: 4.4%;padding: .26rem 0;background-color: #f0f0f0}
.menu-location .flex{display: flex;align-items: center;justify-content: space-between}
.column-menu{}
.column-menu .name{display: none;}
.column-menu ul{display: flex;justify-content: center}
.column-menu ul li{position: relative;margin-right: .5rem;}
.column-menu ul li:last-child{margin-right: 0;}
.column-menu ul li a{font-size: .16rem;color: #000000;transition: .3s;}
.column-menu ul li a:hover ,
.column-menu ul li.on a{color: #166ccd;}
.column-menu ul li.on:before{display: block;content: '';position: absolute;left: 0;top: calc(100% + .24rem);width: 100%;height: 2px;background-color: #166ccd;z-index: 3;}
@media screen and (max-width: 768px){
	.column-menu .name{position: relative;display: block;width: 100%;height: 45px;padding: 0 20px;line-height: 45px;font-size: 15px;color: #fff;background-color: #54a9da;box-sizing: border-box;z-index: 2}
	.column-menu .name:after{display: block;content: ">";position: absolute;font-size: 18px;color: #fff;font-family: '宋体';top:50%;right: 20px;height:18px;line-height:18px;margin-top:-9px;z-index: 3;transition: .3s;}
	.column-menu ul{display: none;position: absolute;max-height: 225px;border: 1px solid #fff;overflow-x: hidden;left: 0;top: 45px;width: 100%;background-color: #f3f3f3;z-index: 3;box-sizing: border-box;}
	.column-menu ul li{width: 100%;margin-right: 0;padding: 0;}
	.column-menu ul li a{display: block;padding: .1rem .2rem;font-size: 15px;}
	.column-menu:hover ul{display: block;}
	.column-menu:hover .name:after {transform: rotate(90deg)}
	.column-menu ul li.on:before{display: none;}
	.menu-location .flex{display: block;}
	
}
/*面包屑*/
.location{display: flex;align-items: center;font-size: .16rem;color: #999999;}
.location a{color: #999999;}
.location a:hover{color: #0f68cb;}
.location span{color: #0f68cb;}
.location:before{display: block;content: '';margin-right: .1rem;width: .18rem;height: .21rem;background-image: url('../images/location.png');background-size: 100%;}


/* banner */
.banner{ position: relative;display: flex; }
.banner .slider-box{position: relative;width: calc(100% - 1.2rem)}
.banner .btn{width: 1.2rem;padding-bottom: .8rem;}
.banner .btn .bag{display: flex;flex-flow: column;justify-content: space-around;height: 100%;background-color: #222326}

.banner .pag{width: 100%;}
.banner .pag .num{display: flex;justify-content: center;align-items: center;width: 100%;margin-bottom:.5rem;font-size: .12rem;color: rgba(255, 255, 255, .8);background-color: transparent}
.banner .pag .num:last-child{margin-bottom:0;}
.banner .pag .num.active{color: rgba(255, 255, 255, 1.0);}
.banner .pag .num.active:before{display: block;content: '';margin-right: .1rem;width: 6px;height: 1px;background-color: rgba(255, 255, 255, 1.0)}
.banner .pag .num.active:after{display: block;content: '';margin-left: .1rem;width: 6px;height: 1px;background-color: rgba(255, 255, 255, 1.0)}

.banner .pc{display: block;}
.banner .pc img{transform: scale(1.06);transition: .3s;}
.banner .media-img{display: none;}
.banner .box{position: absolute;left: 0;top: 50%;width: 100%;text-align: center;transform: translateY(-50%);z-index:9;}
.banner .box .title{font-size: .4rem;color: #fff;text-transform: uppercase;}
.banner .box .text{margin-top: .2rem;font-size: .16rem;color: #fff;}
.banner .box .w1600{width: 100%}
.banner img{width:100%;}

.banner li.slick-slide{position:relative; overflow:hidden;}
.banner li.slick-active .pc img {animation: scale 4.5s linear forwards;}
.banner li.slick-slide video{position: absolute; left:0; top:0; height: 100%; width:100%; object-fit:cover; z-index:5;}
.banner .slick-dots{display: flex;align-items: center;justify-content: center;position: absolute;left: 0;bottom: .7rem;width: 100%;z-index: 33;}
.banner .slick-dots li{display: block;margin: 0 .12rem;width: .16rem;height: .17rem;background-image: url('../images/banner-pagination.png');background-size: cover;cursor:pointer;}
.banner .slick-dots li.slick-active{background-image: url('../images/banner-pagination-on.png');opacity:1;}
.banner .slick-dots li:not(:last-child){margin-right: 10px;}
.banner .slick-dots li button{display: none;}

.banner .tips{margin-top: .15rem;}
.banner .tips em{display: block;content: '';width: .42rem;height: .42rem;margin: 0 auto;background-image: url('../images/banner-icon.png');background-size: 100%;animation: blink 2s infinite;}
.banner .tips span{display: block;width: .12rem;margin: .1rem auto 0 auto;font-size: .12rem;color: #fff;text-transform: uppercase;text-align: center;letter-spacing:3px}
.banner .strip{position: relative;width: 1px;height: .5rem;margin: 0 auto;background-color: rgba(255, 255, 255, .2)}
.banner .strip.on:after{ position: absolute; left: 0; top: 0; width: 100%; height: 0; content: ''; display: block; background-color: #fff; z-index: 1; animation: myAnimation 4s linear forwards; -webkit-animation: myAnimation 4s linear forwards; }
.column-banner{ position: relative; }
.column-banner img{ width: 100%;object-fit: cover;}
.column-banner .pc{display: block;}
.column-banner .move{display: none;}
@keyframes myAnimation {
	from { height: 0; }
	to { height: 100%; }
}
@keyframes scale {
	from { transform: scale(1.06); }
	to { transform: scale(1); }
}
@keyframes blink {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 0; }
}

@media(max-width:1024px){
.banner .pag .num{ margin-bottom:.2rem;}
}
@media(max-width:768px){
.banner li.slick-slide .open-video{position:absolute; left:0; top:0; width:100%; height:100%; z-index:20; display:none;}
.banner li.video-show .open-video{left:-100%; opacity:0; transform: translateX(-100%); display:none;}
.banner li.video-show video{left:0;top:0;opacity:1;}

.banner{display: block;}
.banner .btn{display: none;}
.banner .slider-box{width: 100%;}
.banner .box .title{font-size: .3rem;}
.banner .pc{display: none;}
.banner .media-img{display: block;}
}





/*首页*/
.index{}
.public-title{display: inline-block;position: relative;margin-bottom: .5rem;font-size: .36rem;color: #000;font-weight: bold;font-family: "butler";text-transform: uppercase; line-height: .62rem;background-image: url('../images/public-title1.png');background-size: .7rem .62rem;background-position: left bottom;background-repeat: no-repeat;}
.public-title:after{display: block;content: '';width: .15rem;height: .15rem;position: absolute;right: -.15rem;top: 2px;background-image: url('../images/public-title2.png')}
.index-product{display: flex;}
.index-product .left-box{position: relative;width: 61.7%;padding: 7.2% 0 2.86% 0;background-image: url('../images/index-product-bg.jpg');background-size: cover;z-index: 3;}
.index-product .left-box  .w-box{width: 77.6%;margin-left: auto;}
.index-product .left-box  .w-box .mySwiper{overflow: initial;}
.index-product .left-box  .w-box .mySwiper .swiper-slide{position: relative;z-index: 1;opacity: 0!important;}
.index-product .left-box  .w-box .mySwiper .swiper-slide.swiper-slide-active{z-index: 2;opacity: 1!important;}
.index-product .left-box  .w-box .mySwiper .swiper-slide .box{width: 51%;}
.index-product .left-box  .w-box .mySwiper .swiper-slide .box .title{font-size: .42rem;color: #000000;line-height: 1.6;}
.index-product .left-box  .w-box .mySwiper .swiper-slide .box .text{margin-top: .4rem;font-size: .16rem;color: #000000;line-height: 1.7;}
.index-product .left-box  .w-box .mySwiper .swiper-slide .box .more{margin-top: 17%;}
.index-product .left-box  .w-box .mySwiper .swiper-slide .box .more a{position:relative;padding-bottom: .1rem;font-size: .16rem;color: #000000;border-bottom: .03rem solid #0f68cb;transition: .3s;}
.index-product .left-box  .w-box .mySwiper .swiper-slide .box .more a:after {position:absolute;content:'';width: 0;height:.03rem;left:0;bottom:-.03rem;background-color: #000;transition: .3s;}
.index-product .left-box  .w-box .mySwiper .swiper-slide .box .more a:hover {color:#0f68cb;border-bottom-color: transparent;}
.index-product .left-box  .w-box .mySwiper .swiper-slide .box .more a:hover:after {width: 100%;}
.index-product .left-box  .w-box .mySwiper .swiper-slide .img{position: absolute;right: 2%;top: -32%;width: 48%;z-index: 3;}
.index-product .left-box  .w-box .mySwiper .swiper-slide .img img{width: 100%;}
.index-product .left-box  .w-box .mySwiper2{margin-top: 12.2%;}
.index-product .left-box  .w-box .mySwiper2 .swiper-slide{width: auto;padding-right: 10%;font-size: .16rem;color: #000000;cursor: pointer;}
.index-product .left-box  .w-box .mySwiper2 .swiper-slide:hover {color: #0f68cb;}
.index-product .left-box  .w-box .mySwiper2 .swiper-slide:after{opacity: 0;display: block;content: '';width: .12rem;height: .12rem;margin: .1rem auto 0 auto;background-image: url('../images/index-product-icon.png');background-size: 100%}
.index-product .left-box  .w-box .mySwiper2 .swiper-slide.on:after{opacity: 1;}
.index-product .right-box{position: relative;width: 38.3%;}
.index-product .right-box .img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;overflow: hidden;}
.index-product .right-box .img img{width: 100%;height: 100%;object-fit: cover;display: none;transition: .3s;}
.index-product .right-box .img:hover img{transform: scale(1.08);}
.index-product .right-box .img img.on{display: block;}
.index-product .right-box .btn{position: absolute;left: 0;bottom: 0;width: 2rem;padding: 1.2rem 0 .4rem 0;background-color: #0f68cb;z-index: 3;}
.index-product .right-box .btn .tips{text-align: center;font-size: .24rem;color: #ffffff;}
.index-product .right-box .btn .tips:after{display: block;content: '';width: .21rem;height: .07rem;margin: .2rem auto 0 auto;background-image: url('../images/index-product-more.png');background-size: 100%;}
.index-product .right-box .btn .swiper-pagination{position: initial;margin-top: .45rem;display: flex;align-items: baseline;justify-content: center;font-size: .16rem;color: #6ea7e5;}
.index-product .right-box .btn .swiper-pagination .swiper-pagination-current{margin-right: .05rem;font-size: .36rem;color: #fff;font-weight: bold;}
.index-product .right-box .btn .swiper-pagination .swiper-pagination-total{font-size: .16rem;color: #6ea7e5;}
.index-product .right-box .btn:after{display: block;position: absolute;left: -.7rem;bottom: 0;content: '';width: 3.4rem;height: 2.38rem;background-image: url('../images/index-product-f.png');background-size: 100%;z-index: 5;}
.index-news .box{position: relative;margin-bottom: -.5rem;padding: 8.25% 0;background-image: url('../images/index-news.png');background-size: cover;z-index: 3;}
.index-news .box .flex{display: flex;justify-content: space-between}
.index-news .box .flex .left-box{width: 64.2%;}
.index-news .box .flex .right-box{width: 25.7%;}
.index-news .box .flex .img{overflow: hidden;}
.index-news .box .flex .img img{width: 100%;transition: all 0.3s ease-in-out}
.index-news .box .flex .img:hover img{transform: scale(1.2);}
.index-news .box .flex .time{font-size: .16rem;color: #0f68cb;}
.index-news .box .flex .title{margin-top: .15rem;font-size: .18rem;color: #000;line-height: 1.6;}
.index-news .box .flex .title a {display:block;color:#000;}
.index-news .box .flex .title a:hover {color:#0f68cb;}
.index-news .box .flex .text{margin-top: .15rem;font-size: .14rem;color: #000;line-height: 1.7;}
.index-news .box .flex .more{margin-top: .45rem;}
.index-news .box .flex .more a{position:relative;display: inline-block;padding-bottom: .1rem;font-size: .16rem;color: #000000;border-bottom: .02rem solid #0f68cb;}
.index-news .box .flex .more a:after {position:absolute;content:'';width: 0;height:.02rem;left:0;bottom:-.02rem;background-color: #000;transition: .3s;}
.index-news .box .flex .more a:hover {color:#0f68cb;border-bottom-color: transparent;}
.index-news .box .flex .more a:hover:after {width: 100%;}
.index-news .box .flex .list ul li{display: flex;align-items: center;justify-content: space-between;padding-bottom: .4rem;margin-bottom: .4rem;border-bottom: 1px solid #e5e5e5;}
.index-news .box .flex .list ul li:last-child{margin-bottom: 0;}
.index-news .box .flex .list ul li .img{width: 40%;}
.index-news .box .flex .list ul li .casket{width: 55%;}
.index-news .box .flex .hot{padding-bottom: .7rem;border-bottom: 1px solid #e5e5e5;}
.index-news .box .flex .hot .img{margin-bottom: .4rem;}
.index-contact{position: relative;height: 4.5rem}
.index-contact .box{position: absolute;left: 0;right: 0;top: 50%;margin: 0 auto;width: 4.5rem;padding: .4rem 0;background-color: rgba(255, 255, 255, .6);border-radius: 5px;box-sizing: border-box;transform: translateY(-50%);}
.index-contact .box .title{display: flex;align-items: center;justify-content: center;font-size: .16rem;color: #0f68cb;}
.index-contact .box .title:after{display: block;content: '';margin-left: .2rem;width: 0;height: 0;border-top: .05rem solid #0f68cb;border-left: .03rem solid transparent;border-right: .03rem solid transparent;}
.index-contact .box .more{margin-top: .15rem;}
.index-contact .box .more a{display: flex;align-items: center;justify-content: center;width: 3rem;height: .5rem;margin: 0 auto;font-size: .16rem;color: #333333;background-color: #fff;border-radius: 5px;transition: .3s;}
.index-contact .box .more a:before{display: block;content: '';width: .2rem;height: .2rem;margin-right: .2rem;background-image: url('../images/index-contact-icon.png');background-size: 100%;}
.index-contact .box .more a:hover {color:#ffffff;background-color: #0f68cb;}
.index-contact .box .more a:hover:before {filter: brightness(100);}
/*About*/
.About .top-box .unveil{display: flex;justify-content: space-between;align-items: center}
.About .top-box .unveil .img{width: 50%;overflow: hidden;}
.About .top-box .unveil .img img{width: 100%;transition: all 0.3s ease-in-out}
.About .top-box .unveil .img:hover img{transform: scale(1.2);}
.About .top-box .unveil .box{width: 45%;}
.About .top-box .unveil .box .title{font-size: .36rem;color: #000000;font-family: "butler";font-weight: bold;}
.About .top-box .unveil .box .address{margin-top: .25rem;color: #166ccd;font-size: .16rem;}
.About .top-box .unveil .box .name{margin-top: .25rem;max-width: 4.4rem;font-size: .24rem;color: #000000;line-height: 1.4;}
.About .top-box .unveil .box .text{margin-top: .2rem;font-size: .16rem;color: #000000;line-height: 1.6;}
.About .top-box .unveil .box .more{margin-top: .5rem;}
.About .top-box .unveil .box .more a{display: inline-block;padding-bottom: .1rem;font-size: .16rem;color: #000000;border-bottom: .02rem solid #0f68cb;transition: .3s;}
.About .top-box .unveil .box .more a:hover {color: #0f68cb;border-bottom-color: #000;}
.About .top-box .course{position: relative;margin-top: 5%;margin-bottom: -1rem;padding: .5rem .2rem;background-color: #fff;border-radius: 5px;box-shadow: 0 0 .21rem rgba(0, 0, 0, .21);z-index: 3;}
.About .top-box .course ul{display: flex;justify-content: space-between}
.About .top-box .course ul li{display: flex;align-items: center}
.About .top-box .course ul li .icon{width: .9rem;margin-right: .3rem;}
.About .top-box .course ul li .icon img{width: 100%;box-shadow: 0 0 .21rem rgba(15, 104, 203, .13);border-radius: 50%;transition: .3s;}
.About .top-box .course ul li .icon:hover img{transform: rotateY(180deg)}
.About .top-box .course ul li .value{font-size: .48rem;color: #000;font-weight: bold;font-family: "butler";}
.About .top-box .course ul li .value:after{margin-top: .2rem;display: block;width: .3rem;height: 2px;content: '';background-color: #0f68cb;}
.About .top-box .course ul li .name{margin-top: .2rem;font-size: .14rem;color: #000000;}
.About  .video{position: relative;height: 5.62rem;background-size: cover;}
.About  .video .img{position: absolute;left: 50%;top: 50%;width: 3.5rem;transform: translate(-50%,-50%);z-index: 3;border: 3px solid #fff;border-radius: 5px;overflow: hidden;}
.About  .video .img img{width: 100%;}
.About  .video .img .play{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;width: .58rem;height: .59rem;background-image: url('../images/play.png');background-size: 100%;z-index: 3;cursor: pointer;transition: .3s;}
.About  .video .img .play:hover {background-image: url('../images/play_on.png');}
.public-title2{margin-bottom: .5rem;font-size: .36rem;font-weight: bold;color: #000;text-align: center;text-transform: uppercase;font-family: "butler";}
/*Partners*/
.pd88{padding-bottom: 8.8%;}
.Partners .list ul{display: flex;flex-wrap: wrap;margin: -1%;}
.Partners .list ul li{width: 18%;margin: 1%;border: 1px solid #e5e5e5;border-radius: .08rem;overflow: hidden;box-sizing: border-box;}
.Partners .list ul li img{width: 100%;}
.Partners .list ul li:hover{border: 1px solid #166ccd;box-shadow: 0 .1rem .3rem rgba(2, 67, 141, .05)}
/*Honor*/
.Honor .list ul{display: flex;flex-wrap: wrap;margin: -.3rem 0;}
.Honor .list ul li{width: 20%;margin: .3rem 0;}
.Honor .list ul li .img{text-align: center;overflow: hidden;}
.Honor .list ul li .img img{height: 1.94rem;width: auto;object-fit: cover;transition: .3s;}
.Honor .list ul li:hover .img img{transform: scale(1.08)}
.Honor .list ul li .name{position: relative;padding: .4rem 0 .1rem 0;font-size: .16rem;color: #555555;text-align: center;}
.Honor .list ul li .name span{position: relative;z-index: 5;}
.Honor .list ul li:hover .name span{color:#166ccd}
@media screen and (min-width: 768px){
.Honor .list ul li:nth-of-type(1) .name:before{position: absolute;display: block;content: '';left: 0;top: 0;width: .51rem;height: 100%;background-image: url('../images/Honor-left.png');background-position: top center;background-repeat-y: no-repeat;z-index: 3;}
.Honor .list ul li:nth-of-type(5) .name:before{position: absolute;display: block;content: '';right: 0;top: 0;width: .51rem;height: 100%;background-image: url('../images/Honor-right.png');background-position: top center;background-repeat-y: no-repeat;z-index: 3;}
.Honor .list ul li:nth-of-type(6) .name:before{position: absolute;display: block;content: '';left: 0;top: 0;width: .51rem;height: 100%;background-image: url('../images/Honor-left.png');background-position: top center;background-repeat-y: no-repeat;z-index: 3;}
.Honor .list ul li:nth-of-type(10) .name:before{position: absolute;display: block;content: '';right: 0;top: 0;width: .51rem;height: 100%;background-image: url('../images/Honor-right.png');background-position: top center;background-repeat-y: no-repeat;z-index: 3;}
.Honor .list ul li .name:after{position: absolute;display: block;content: '';left: 0;top: 0;width: 100%;height: 100%;background-image: url('../images/Honor-bg.png');background-position: top center;background-repeat-y: no-repeat;z-index: 3;}
.Honor .list ul li:nth-of-type(1) .name:after{left: .51rem;width: calc(100% - .51rem);}
.Honor .list ul li:nth-of-type(6) .name:after{left: .51rem;width: calc(100% - .51rem);}
.Honor .list ul li:nth-of-type(5) .name:after{right: .51rem;width: calc(100% - .51rem);}
.Honor .list ul li:nth-of-type(10) .name:after{right: .51rem;width: calc(100% - .51rem);}
}
/*Technology*/
.Technology .list ul{display: flex;flex-wrap: wrap;margin: -2%;}
.Technology .list ul li{width: 29.33%;margin: 2%;box-shadow: 0 0 .21rem rgba(0, 0, 0, .13)}
.Technology .list ul li .img{overflow: hidden;}
.Technology .list ul li .img img{width: 100%;transition: all 0.3s ease-in-out}
.Technology .list ul li .img:hover img{transform: scale(1.2);}
.Technology .list ul li .name{font-size: .18rem;color: #000000;line-height: .8rem;text-align: center;background-image: url('../images/Technology-bg.jpg');background-size: cover;transition: .3s;}
.Technology .list ul li:hover .name{color: #fff;background: #166ccd;}
/*Product*/
.Product .flex{display: flex;justify-content: space-between}
.Product .flex .left-box{width: 3.2rem;height: 100%;border-top: 2px solid #166ccd;box-shadow: 0 0 .21rem rgba(0, 0, 0, .08)}
.Product .flex .left-box .category ul li a{position: relative;display: block;padding: 0 .5rem;font-size: .16rem;color: #000;line-height: .9rem;}
.Product .flex .left-box .category ul li a:hover {color: #166ccd;}
.Product .flex .left-box .category ul li.on a{background-color: #f6f9fd;}
.Product .flex .left-box .category ul li.on a:after{position: absolute;right: .5rem;top: 0;bottom: 0;margin: auto 0;display: block;content: '';width: 0;height: 0;border-left: .07rem solid #166ccd;border-top: .07rem solid transparent;border-bottom: .07rem solid transparent;z-index: 3;}
.Product .flex .right-box{width: calc(100% - 3.5rem);}
.Product .flex .right-box .list ul{display: flex;flex-wrap: wrap;margin: -1%;}
.Product .flex .right-box .list ul li{width: 31.33%;margin: 1%;padding: .4rem;background-color: #fff;box-sizing: border-box;box-shadow: 0 0 .21rem rgba(0, 0, 0, .08);transition: .3s;}
.Product .flex .right-box .list ul li .img{overflow: hidden;background-image: url('../images/Product-icon.png');background-position: center;background-size: contain;}
.Product .flex .right-box .list ul li .img img{width: 100%;transition: all 0.3s ease-in-out}
.Product .flex .right-box .list ul li .img:hover img{transform: scale(1.2);}
.Product .flex .right-box .list ul li .name{margin-top: .45rem;font-size: .16rem;color: #000000;line-height: 1.6;text-align: center;}
.Product .flex .right-box .list ul li:hover {box-shadow: 0 0 0.21rem rgb(22 108 205 / 20%);}
.Product .flex .right-box .list ul li:hover .name{color: #166ccd;}
.Product-info .bage-box{padding: .4rem 1rem .85rem 1rem;background-color: #f7f8f9;}
.Product-info .bage-box .flex{margin-top: .4rem;display: flex;align-items: center;justify-content: space-between}
.Product-info .bage-box .flex .mySwiper{width: 43%;background-color:#fff;overflow: hidden;}
.Product-info .bage-box .flex .img img{width: 100%;transition: .3s;}
.Product-info .bage-box .flex .img:hover img{transform: scale(1.08)}
.Product-info .bage-box .flex .box{width: 50%;}
.Product-info .bage-box .flex .box .title{margin-bottom: .65rem;padding-bottom: .35rem;font-size: .3rem;color: #000000;border-bottom: 1px solid #dedfe0;}
.Product-info .bage-box .flex .box .text{font-size: .16rem;color: #000000;line-height: 1.7;}
.Product-info .bage-box .flex .box .more{margin-top: .65rem;}
.Product-info .bage-box .flex .box .more a{display: inline-block;padding-bottom: .1rem;font-size: .16rem;color: #000000;border-bottom: .02rem solid #0f68cb;}
.Product-info .bage-box .flex .box .more a:hover {color: #166ccd;border-bottom-color: #000;}
/*Cycle*/
.Cycle .table table{width: 100%;}
.Cycle .table table tr{border-bottom: .04rem solid #ffffff;}
.Cycle .table table tr:last-child{border-bottom: 0;}
.Cycle .table table tr th{width: 16.66%;height: .7rem;font-size: .16rem;color: #ffffff;text-align: center;background-color: #166ccd;vertical-align: middle;}
.Cycle .table table tr td{position: relative;height: 1rem;font-size: .16rem;line-height: 1.6;color: #333333;text-align: center;background-color: #e7f0fa;vertical-align: middle;}
.Cycle .table table tr td:after{display: block;content: '';position: absolute;right: -.12rem;top: 0;width: .24rem;height: 100%;background-size: 100%;background-image: url('../images/Cycle-icon.jpg');z-index: 3;}
.Cycle .table table tr td:last-child:after{display: none;}
/*News*/
.News .list ul{display: flex;flex-wrap: wrap;margin: -2%;}
.News .list ul li{width: 29.33%;margin: 2%;padding-bottom: .6rem;border-bottom: 1px solid #e5e5e5;}
.News .list ul li .img{overflow: hidden;}
.News .list ul li .img img{width: 100%;transition: all 0.3s ease-in-out}
.News .list ul li .img:hover img{transform: scale(1.2);}
.News .list ul li .time{margin-top: .4rem;font-size: .16rem;color: #0f68cb;}
.News .list ul li .title{margin-top: .15rem;font-size: .18rem;color: #000000;line-height: 1.6;transition: .3s;}
.News .list ul li .title a {color:#000;display: block;}
.News .list ul li .title a:hover{color: #166ccd;}
.News .list ul li .text{margin-top: .15rem;font-size: .16rem;color: #000000;line-height: 1.6;}
.News .list ul li .more{margin-top: .35rem;}
.News .list ul li .more a{display: inline-block;padding-bottom: .1rem;font-size: .16rem;color: #000000;border-bottom: .02rem solid #0f68cb;}
.News .list ul li .more a:hover {color: #166ccd;border-bottom-color: #000000}
.News-info .bage-box{padding: .4rem 1rem .85rem 1rem;background-color: #f7f8f9;}
.News-info .box{margin-top: .4rem;}
.News-info .box .title{font-size: .24rem;color: #000000;text-align: center;line-height: 1.7;}
.News-info .box .time{margin-top: .25rem;font-size: .16rem;color: #999999;text-align: center;}
.News-info .box .text{margin-top: .55rem;padding-bottom: .7rem;border-bottom: 1px solid #dedfe0;font-size: .16rem;color: #000000;line-height: 1.7;}
.News-info .box .return{margin-top: .75rem;text-align: center;}
.News-info .box .return a{display: inline-block;padding-bottom: .1rem;font-size: .16rem;color: #000000;border-bottom: .02rem solid #0f68cb;}
.News-info .box .return a:hover {color: #166ccd;}
/*Case*/
.Case .list ul{display: flex;flex-wrap: wrap;margin: -2%;}
.Case .list ul li{width: 29.33%;margin: 2%;padding-bottom: .6rem;border-bottom: 1px solid #e5e5e5;}
.Case .list ul li .img{overflow: hidden;}
.Case .list ul li .img img{width: 100%;transition: all 0.3s ease-in-out}
.Case .list ul li .img:hover img{transform: scale(1.2);}
.Case .list ul li .time{margin-top: .4rem;font-size: .16rem;color: #0f68cb;}
.Case .list ul li .title{margin-top: .15rem;font-size: .18rem;color: #000000;line-height: 1.6;}
.Case .list ul li .title a {color: #000000;display: block;}
.Case .list ul li .title a:hover {color:#0f68cb;}
.Case .list ul li .text{margin-top: .15rem;font-size: .16rem;color: #000000;line-height: 1.6;}
.Case .list ul li .more{margin-top: .35rem;}
.Case .list ul li .more a{display: inline-block;padding-bottom: .1rem;font-size: .16rem;color: #000000;border-bottom: .02rem solid #0f68cb;}
.Case .list ul li .more a:hover {color:#0f68cb;border-bottom-color: #000;}
.Case-info .public-title2{text-align: left;}
.Case-info .flex{display: flex;justify-content: space-between}
.Case-info .flex .left-box{width: 4rem;}
.Case-info .flex .left-box p{margin-bottom: .2rem;padding-bottom: .2rem;font-size: .16rem;color: #000000;border-bottom: 1px dashed #e8e8e8;}
.Case-info .flex .img{width: calc(95% - 4rem);padding: 3.5% 8.5%;border: 1px solid #e4e4e4;box-sizing: border-box;}
.Case-info .flex .img img{width: 100%;margin-bottom: .2rem;}
.Case-info .flex .img img:last-child{margin-bottom: 0;}
/*Contact*/
.Contact .flex{display: flex;justify-content: space-between}
.Contact .public-title2{text-align: left;}
.Contact .left-box{width: 45%;}
.Contact .left-box .text{font-size: .16rem;color: #000000;line-height: 1.7;}
/* .Contact .left-box .message{margin-top: .7rem;} */
.Contact .left-box .message *{margin-bottom: .3rem;}
.Contact .left-box .message .input-text{display: block;width: 100%;height: .6rem;padding: 0 .2rem;font-size: .16rem;background-color: #f6f9fd;box-sizing: border-box;}
.Contact .left-box .message textarea{display: block;width: 100%;height: 1.6rem;padding: .2rem;font-size: .16rem;background-color: #f6f9fd;box-sizing: border-box;}
.Contact .left-box .message .more a{display: inline-block;padding-bottom: .1rem;font-size: .16rem;color: #000000;border-bottom: .02rem solid #0f68cb;}
.Contact .left-box .message .more a:hover {color:#0f68cb;border-bottom-color: #000;}
.Contact .right-box{width: 51%;}
.Contact .right-box .list ul li{margin-bottom: .4rem;}
.Contact .right-box .list ul li:last-child{margin-bottom: 0;}
.Contact .right-box .list ul li .title{margin-bottom: .2rem;font-size: .16rem;color: #000000;}
.Contact .right-box .list ul li .item{width: 49%;}
.Contact .right-box .list ul li .name{margin-bottom: .2rem;font-size: .16rem;color: rgba(0, 0, 0, .6);}
.Contact .right-box .list ul li .text{font-size: .16rem;color: #000;}
.Contact .right-box .img{margin-top: .5rem;}
.Contact .right-box .img img{width: 100%;}


/* 成功案例2 */
.Case2-box .w1400{ display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between;}
.Case2-box .lamu-web{ display:none;}
.Case2-box .left-menu{ width:3.2rem; box-shadow:0 0 .1rem rgba(0,0,0,0.1); font-size:.16rem;}
.Case2-box .left-menu li{ margin-bottom:1px; position:relative; transition:all .5s;}
.Case2-box .left-menu li a{ display:block; padding:.3rem .5rem; color:#000000; transition:all .5s;}
.Case2-box .left-menu li::before{ content:''; display:block; width:.03rem; height:.2rem; background:#fff; position:absolute; left:0; top:50%; margin-top:-.1rem;}
.Case2-box .left-menu li::after{ position:absolute; right:-.08rem; top:50%; margin-top:-.08rem; content:''; display:block; width:.08rem; height:.16rem; background-image: url(../images/arrow.png); opacity:0; transition:all .5s;}
.Case2-box .left-menu li:hover,
.Case2-box .left-menu li.active{ background:#166ccd;}
.Case2-box .left-menu li.active::after,
.Case2-box .left-menu li:hover::after{ opacity:1;}
.Case2-box .left-menu li:hover a,
.Case2-box .left-menu li.active a{ color:#fff;}
.Case2-box .right-con{ width:calc(100% - 3.7rem);}
.Case2-box .right-con .table-item{ margin-bottom:.4rem;}
.Case2-box .right-con .table-tit{ margin-bottom:.25rem; font-size:.24rem;}
.Case2-box .right-con .table-con table{ text-align:left; width:100%;}
.Case2-box .right-con .table-con table th{ font-weight:500; padding:.2rem .5rem; background:#e7f0fa; border:solid 1px #dbe4ed;}
.Case2-box .right-con .table-con table td{ padding:.25rem .5rem; border:solid 1px #dbe4ed;}
.Case2-box .right-con .table-con table tr:nth-child(2n) td{ background:#f9f9f9;}
.Case2-box .right-con .table-con table .back1{ background:#fff!important;}
/*视频*/
.Video .list ul{display: flex;flex-wrap: wrap;margin: -2.1%;} 
.Video .list ul li{width: calc(50% - 4.2%);margin: 2.1%;}
.Video .list ul li a{display: block;position: relative;cursor: pointer;}
.Video .list ul li a .img{overflow: hidden;}
.Video .list ul li a .img img{width: 100%;transition: 0.8s ease;}
.Video .list ul li a .box{position: absolute;left: 0;bottom: 0;width: 100%;padding: .3rem;box-sizing: border-box;z-index: 3;}
.Video .list ul li a .box .play{margin-bottom: .15rem;width: .35rem;height: .24rem;background-image: url('../images/play2.png');background-size: 100%;}
.Video .list ul li a .box .title{font-size: .18rem;color: #ffffff;}
.Video .list ul li a:after{display: block;content: '';position: absolute;left: 0;top: 0;width: 100%;height: 50%;background: linear-gradient(to bottom, rgba(0, 0, 0, .7), transparent);z-index: 2;}
.Video .list ul li:hover a .img img{transform: scale(1.2);}
.Video .list ul li:hover a .box .title{color: #166ccd;}















@media screen and (max-width: 1580px){
	.w1540{max-width: 96%}
}
@media screen and (max-width: 1440px){
	.w1400{max-width: 96%}
}
@media screen and (max-width: 1200px){
	.rightMenuBtn{ display: block; }
	header{position: fixed;left: 0;top: 0 ;padding: 10px 0;width: 100%;box-sizing: border-box;z-index: 150;}
	.column-menu{position: relative;}
	.column-menu ul li .icon{margin: 0 auto 0.1rem auto;}
	header nav{position: fixed;margin-top: 0;padding: 120px 0 30px 0;top: 0;right: 0;width: 200px;height: 100%;background-color: #fff;overflow: unset;box-sizing: border-box;overflow-x: hidden;transform: matrix(1, 0, 0, 1, 200, 0);z-index: 300;}
	header .right-box{padding-right: .5rem;}
	#mian{position: relative;/*margin-top: .9rem;*/}
    #mian.on:before{display: block;position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 666;transition: 0.4s ease;}
    header nav ul{display: block;padding: 0 .2rem;}
    header nav ul li{margin-right: 0;}
    header nav ul li{margin-bottom: .15rem;padding-top: .15rem;padding-bottom: .15rem;border-bottom: 1px solid #eee;}
    header nav ul li.on:after{display: none;}
    footer .foot-nav{display: none;}
}
@media screen and (max-width: 1024px){
	
}
@media screen and (max-width: 768px){
	.index-product{display: block;overflow: hidden;}
	.index-product .left-box{width: 100%;padding: 3% 2%;box-sizing: border-box;}
	.index-product .left-box .w-box{width: 100%;}
	.index-product .right-box{width: 100%;}
	.index-product .right-box .img{position: initial;}
	.index-product .left-box .w-box .mySwiper .swiper-slide .box{width: 100%;}
	.index-product .left-box .w-box .mySwiper .swiper-slide .box .title{font-size: .3rem;}
	.index-product .left-box .w-box .mySwiper .swiper-slide .img{right: 0;}
	.index-news .box .flex{display: block;}
	.index-news .box .flex .left-box{width: 100%;}
	.index-news .box .flex .right-box{width: 100%;margin-top: .2rem;}
	footer .flex{display: block;}
	footer .flex .foot-contact{width: 100%;}
	footer .flex .foot-message{width: 100%;margin-top: .2rem;}
	.About .top-box .unveil{display: block;}
	.About .top-box .unveil .img{width: 100%;}
	.About .top-box .unveil .box{margin-top: .2rem;width: 100%;}
	.location{display: none;}
	.About .top-box .course ul{flex-wrap: wrap;}
	.About .top-box .course ul li{width: 50%;margin: 1% 0;}
	.About .top-box .course ul li .value{font-size: .3rem;}
	.Product .flex{display: block;}
	.Product .flex .left-box{width: 100%;}
	.Product .flex .right-box{width: 100%;margin-top: .2rem;}
	.Product .flex .left-box .category ul li a{line-height: .6rem;}
	.Product-info .bage-box{padding: .3rem .2rem;}
	.Product-info .bage-box .flex{display: block;}
	.Product-info .bage-box .flex .img{width: 100%;}
	.Product-info .bage-box .flex .box{width: 100%;margin-top: .2rem;}
	.News-info .bage-box{padding: .3rem .2rem;}
	.pd88{padding-bottom: 15%;}
	.Case-info .flex{display: block;}
	.Case-info .flex .left-box{width: 100%;}
	.Case-info .flex .img{width: 100%;padding: .2rem;margin-top: .2rem;}
	.Contact .flex{display: block;}
	.Contact .flex .left-box{width: 100%;}
	.Contact .flex .right-box{width: 100%;margin-top: .2rem;}
	.Contact .right-box .list ul li .item{margin-bottom: .2rem;width: 100%;}

	.Case2-box .left-menu{ width:100%; margin-bottom:.5rem; position:relative;}
	.Case2-box .lamu-web{ display:block; background:#166ccd; padding:.3rem; color:#fff;}
	.Case2-box .left-menu .ul{ border-left:solid 1px #eee; border-right:solid 1px #eee; background:#fff; padding-top:5px; display:none; position:absolute; top:100%; left:0; width:100%;}
	.Case2-box .left-menu li{ border-bottom:solid 1px #eee;}
	.Case2-box .left-menu li a{ padding:.2rem .3rem;}
	.Case2-box .left-menu li:last-child{ border-bottom:none;}
	.Case2-box .right-con{ width:100%;}
	.Case2-box .right-con .table-con table td{ padding:.25rem;}
	.Case2-box .right-con .table-con table th{ padding:.25rem;}
}
@media screen and (max-width: 640px){
	header nav ul li > a{font-size: 16px;}
	.index-product .left-box .w-box .mySwiper .swiper-slide .box .text {font-size: 14px;}
	.index-product .left-box .w-box .mySwiper .swiper-slide .box .more a {font-size: 15px;}
	.index-product .left-box .w-box .mySwiper .swiper-slide .img{position: initial;margin-top: .2rem;width: 100%;}
	.index-product .left-box .w-box .mySwiper2 .swiper-slide {font-size: 15px;}
	.index-news .box .flex .list ul li{display: block;}
	.index-news .box .flex .list ul li .img{width: 100%;}
	.index-news .box .flex .list ul li .casket{width: 100%;margin-top: .2rem;}
	.index-news .box .flex .time {font-size: 14px;}
	.index-news .box .flex .title a {font-size: 16px;}
	.index-news .box .flex .more a {font-size: 15px;}
	.index-contact .box .title {font-size: 16px;}
	.index-contact .box .more a {font-size: 14px;}
	.About .top-box .unveil .box .address {font-size: 15px;}
	.About .top-box .unveil .box .text {font-size: 14px;}
	.About .top-box .unveil .box .more a {font-size: 14px;}
	.About .top-box .course ul li .name {font-size: 13px;}
	.Partners .list ul li{width: 31%;}
	.Technology .list ul li{width: 46%;}
	.Honor .list ul li{width: 50%;}
	.Honor .list ul li .name{padding-top: .2rem;padding-bottom: 0;}
	.Honor .list ul li .name span,
	.Technology .list ul li .name  {font-size: 15px;}
	.Product .flex .right-box .list ul li{width: 48%;}
	.Product .flex .left-box .category ul li a {font-size: 15px;}
	.Product .flex .right-box .list ul li .name {font-size: 15px;}
	.Product-info .bage-box .flex .box .text {font-size: 15px;}
	.Product-info .bage-box .flex .box .more a {font-size: 14px;}
	.News .list ul li{width: 46%;padding-bottom: .3rem;}
	.Case .list ul li{width: 46%;padding-bottom: .3rem;}
	.Case .list ul li .title a {font-size: 16px;}
	.Case .list ul li .text {font-size: 15px;}
	.Case .list ul li .more a {font-size: 14px;}
	.Case-info .flex .left-box p {font-size: 14px;}
	.Contact .left-box .text {font-size: 15px;}
	.Contact .left-box .message .input-text {font-size: 15px;}
	.Contact .left-box .message textarea {font-size: 15px;}
	.Contact .left-box .message .more a {font-size: 14px;}
	.Contact .right-box .list ul li .title,
	.Contact .right-box .list ul li .name,
	.Contact .right-box .list ul li .text {font-size: 15px;}
	footer .flex .foot-contact .title,
	footer .flex .foot-contact ul li .name ,
	footer .flex .foot-message .title  {font-size: 13px;}
	footer .flex .foot-message ul li .textarea,
	footer .flex .foot-message ul li .item .text,
	footer .flex .foot-message .btn input {font-size: 13px;}
	footer .box .foot-logo img {width: 56px;}
	.Video .list ul li{width: 100%;}
}
@media(max-width:500px){
	
}

.Case_list ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.Case_list ul li{ width: calc( 680 / 1400 * 100%); margin-bottom: .4rem;}
.Case_list ul li .img{ position: relative; padding-top: calc(454 / 680 * 100%); margin-bottom: .25rem; overflow: hidden;}
.Case_list ul li .img img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; -webkit-object-fit: cover; transition: all 0.5s; }
.Case_list ul li:hover .img img{ transform: scale(1.1);}
.Case_list ul li .title{ text-align: center; font-size: .18rem;}