/*--for m02_head--*/
.mo-search{padding:10px 15px;display:none;border-bottom:1px solid #222;position:absolute;z-index:200;left:0;top:51px;width:100%;background:#333;}
.mo-search .form-control {float:left;display:block;width:85%;height:34px;padding: 6px 12px;font-size: 14px;line-height:1;color: #555;background:#fff;border:none;border-radius:4px 0 0 4px;}
.mo-search .submit_btn{float:left;width:15%;height:34px;line-height:34px;background:var(--color-primary);border:none;font-size:18px;color:#fff;border-radius:0 4px 4px 0;}

.mo-leftmenu{background:#F5F5F5;position:fixed;top:0;left:0;bottom:0;overflow-x:hidden;box-sizing:content-box;width:70%;max-width:400px;-webkit-overflow-scrolling:touch;z-index:105!important;-webkit-transition:all .4s cubic-bezier(0.7,0,0.2,1);transition:all .4s cubic-bezier(0.7,0,0.2,1);box-shadow:0 0 40px rgba(82,85,90,0.1);transform:translateX(-100%)}
.mo-leftmenu .tit{height:50px;line-height:50px;background:#353535;}
.mo-leftmenu .tit h6{float:left;color:#fff;padding:0 0 0 20px;font-size:16px;font-weight:bold;}
.mo-leftmenu .tit span{float:right;cursor:pointer;width:50px;text-align:center;}
.mo-leftmenu .tit span i{color:#fff;font-size:16px;}
.mo-leftmenu > ul{}
.mo-leftmenu > ul > li{line-height:50px;font-size:15px;border-top:2px solid #e5e5e5;position:relative;}
.mo-leftmenu > ul > li > a{padding:0 0 0 20px;}
.mo-leftmenu > ul > li > i {position:absolute;color:#333;font-size:12px;top:5px;right:0;z-index:1;width:50px;line-height:40px;text-align:center;cursor:pointer;}
.mo-leftmenu > ul > li.active{}
.mo-leftmenu ul li a{color:#333;display: block;}
.mo-leftmenu ul li a:hover{text-decoration: none;}
.mo-leftmenu ul li ul{display:none;padding-bottom:10px;}
.mo-leftmenu ul li ul li{line-height:35px;}
.mo-leftmenu ul li ul li a{background:url("../images/d.png") no-repeat 25px center;padding:0 0 0 40px;}

.menu-transitioning{transform:translateX(0)}

/*---mo-header---*/

header{display:block;position:absolute;top:0;z-index:20;width:100%;}

.sitetop{background:transparent;height:50px;border-bottom:1px solid #2B2B2B;display:none;}
.sitetop > .wp{height:100%;padding-left:200px;display:flex;justify-content:space-between;align-items:center;}

.sitetop span{display:none;width:50px;height:50px;line-height:50px;text-align:center;cursor:pointer;}
.sitetop span i{color:#fff;font-size:24px;}
.sitetop span.mo-header-search {margin-right: 100px;}



/*---header---*/

.header{height:110px;padding:0 5%;width:100%;display:flex;justify-content:space-between;align-items:center;background: rgba(255, 255, 255, 0.6);z-index:200;width:100%;transition:all 0.3s ease 0s;}
.home .header{/*position:absolute;*/top:0;left:0;}

.header .logo{}
.header .logo img{height:80px;}

.header-right{background:transparent;-webkit-flex:1;flex:1;margin-left:80px;}

.header-right-top{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;align-items:center;transition:all 0.3s ease 0s;}
.header-right-top .p{display:-webkit-flex;display:flex;}
.header-right-top .p p{font-size:18px;color:#333;}
.header-right-top .p p+p{margin-left:20px;}
.header-right-top .p p a:hover{color:#fff;}

.header-right-top .share{font-size:0;margin-right:50px;}
.header-right-top .share a{display:inline-block;color:#333;}
.header-right-top .share a+a{margin-left:20px;}
.header-right-top .share a i{font-size:22px;display:inline-block;}
.header-right-top .share a:hover{color:var(--color-primary);}

.header-right-bot{margin-top:13px;transition:all 0.3s ease 0s;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}

.header-right-bot > span{display:none;width:50px;height:50px;line-height:50px;text-align:center;cursor:pointer;}
.header-right-bot > span i{color:#333;font-size:24px;}

.header-lang{position:relative;z-index:30;margin-left:40px;}
.header-lang .box{height:34px;width:88px;cursor:pointer;border:1px solid #27156F;}
.header-lang .box img{float:left;margin:7px 0 0 7px;}
.header-lang .box em{float:left;margin:7px 5px 0 7px;line-height:18px;font-size:13px;color:#27156F;text-transform: uppercase;}
.header-lang .box i{float:left;margin:7px 0 0 0;width:15px;line-height:18px;font-size:14px;text-align:center;color:#27156F;}
.header-lang .lang-box{width:200px;padding:15px;position:absolute;right:0;top:42px;z-index:200;background:#fff;transform:translate3d(0,10px,0);-webkit-transform:translate3d(0,10px,0);opacity:0;visibility:hidden;transition:all .4s ease 0s;border-radius:8px;}
.header-lang .lang-box::before{content:'';position:absolute;right:37px;top:-8px;overflow:hidden;border-right:8px solid transparent;border-bottom:8px solid #fff;border-left:8px solid transparent;display:block;}
.header-lang ul{max-height:160px;overflow-y:scroll;padding:5px 10px;border:1px solid #e5e5e5;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.header-lang ul li{line-height:20px;padding:5px 0;border-bottom:1px solid #f5f5f5;width:50%;}
.header-lang ul li:last-child{border:none;}
.header-lang ul li a{color:#333;font-size:12px;display:block;}
.header-lang ul li a:hover{color:#015198;}
.header-lang ul li img{vertical-align:middle;margin-right:7px;}
.header-lang:hover .lang-box{opacity:1;visibility:visible;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}

.search{position:relative;z-index:100;}
.search span{width:40px;height:40px;line-height:40px;background:var(--color-primary);cursor:pointer;font-weight:400;text-align:center;display:block;}
.search span i{color:#fff;font-size:26px;margin-top:1px;display:inline-block;}
.search .serchbox{display:none;position:absolute;background:#666;width: 235px;height: 53px;padding:10px;top:40px;right:0;z-index:1000;}
.search .serchbox .submit_text{background:#fff;border:1px solid #fff;border-right:none;width: 180px;height:33px;line-height:33px;float:left;color:#333;padding:0 0 0 6px;}
.search .serchbox .submit_btn{border:none;width:35px;background:#45a0b7;font-size:14px;color:#fff;height:33px;line-height:33px;text-align:center;display:block;float:right;cursor:pointer;}
.search:hover span{background:#666;}
.search:hover span i{color:#fff !important;}
.search:hover .serchbox{display:block;}


.nav{flex:1;}
.nav > ul{display:flex;justify-content:flex-end;}
.nav > ul > li{position:relative;z-index:30;}
.nav > ul > li+li{margin-left:30px;}
.nav > ul > li > a{display:inline-block;font-size:20px;color: var(--color-primary);height:40px;line-height:40px;font-weight:700}

.nav > ul > li ul{position:absolute;width:220px;height:auto;left:-10px;text-align:left;top:48px;z-index:1000;border-radius:4px;padding:10px;background:#fff;box-shadow:rgba(0,0,0,0.14) 0 0 9px 0px;transform:rotate3d(1,0,0,-90deg);transform-origin:0 0 0;opacity:0;transition: transform 0.5s, opacity 0.3s;}
.nav > ul > li > ul::before{content:'';position:absolute;left:35px;margin:0;top:-8px;overflow:hidden;display:inline-block;border-right:8px solid transparent;border-bottom:8px solid #fff;border-left:8px solid transparent;}
.nav > ul > li:nth-child(4) > ul::before{left:30px;}
.nav > ul > li > ul li{border-bottom:1px solid #EDEDED;position:relative;-webkit-text-stroke-width:0.2px;}
.nav > ul > li > ul li:last-child{border:none;}
.nav > ul > li > ul li > a{display:block;border-radius:4px;padding:9px 15px;color:#313131;font-size:17px;line-height:21px;text-transform:capitalize;}
.nav > ul > li > ul > li > a{padding-right:20px;}
.nav > ul > li > ul li > a i{position:absolute;right:10px;top:10px;font-size:11px;}
.nav > ul > li > ul li > a:hover{background:#45A0B7;color:#fff;}

.nav > ul > li > ul li ul{left:230px;top:0;}

.nav > ul > li:hover > a,.nav > ul > li.active > a{border-bottom: 2px solid var(--color-primary);}
.nav > ul > li:hover > a > i{transform:rotate(180deg);}

.nav ul li:hover > ul{opacity:1;transform:rotate3d(0,0,0,0);}


.header-fix{height:90px;position:fixed !important;top:0;background:rgba(255,255,255,1);box-shadow:0 0 10px 3px rgba(63,62,62,0.08);}
.header-fix .header-right-top{display:none;}
.header-fix .header-right-bot{margin-top:0;}
                                 
@media screen and (max-width: 1550px) {
.nav > ul > li + li {margin-left: 25px;}
.nav > ul > li > a {font-size: 19px;}
}
 
@media screen and (max-width: 1440px) {
}
                                          
@media screen and (max-width: 1367px) {
.nav > ul > li + li {margin-left: 20px;}
.nav > ul > li > a {font-size: 18px;}
}
                                    
@media screen and (max-width: 1280px) {
}
                                
@media screen and (max-width: 992px) {
.sitetop {background: #333;display: block;}
.nav {display: none;}
.header-right-top {display: none;}
.header-right {margin-left: 0;}
.header-right-bot {margin-top: 0;}
.header-lang {position: absolute;margin-left: 0;top: 8px;right: 10px;}
.header-lang .box {border: 1px solid #fff;}
.header-lang .box em {color: #fff;}
.header-lang .box i {color: #FFF;}
.header .logo {width: 100%;text-align: center;}
.header {height: 80px;}
.header .logo img {height: 60px;}
.sitetop span {display: block;}
}
                                
@media screen and (max-width: 768px) {
}

@media screen and (max-width: 480px) {
}

@media screen and (max-width: 400px) {
}

/*--for m66_sidebanner--*/
@charset "utf-8";
/*----------------------------*/


.m66-sidebanner{height: 500px;background-image: url('./images/case-banner.jpg');background-attachment: fixed;background-position: top center;color: #fff;position: relative;overflow: hidden;display: flex;align-items: flex-end;padding-bottom: 100px;}

.m66-sidebanner img{width:100%;}
.m66-sidebanner .txt{text-align: center;}
.m66-sidebanner .txt h1,.m66-sidebanner .txt h2{font-size: 44px;font-weight: 700;line-height: 2;}
.m66-sidebanner .txt h1::after,.m68-sidebanner .txt h2::after{content:"";width:71px;height:6px;background:#1F295A;margin:20px auto 0;display:block;}
.m66-sidebanner .txt p{font-size: 16px;line-height: 2;margin-top: 1rem;}


@media screen and (max-width: 1000px) {
.m66-sidebanner {height: 300px;}
}

@media screen and (max-width: 768px) {
.m66-sidebanner {height: 200px;padding-bottom: 50px;}
.m66-sidebanner .txt h1,.m66-sidebanner .txt h2{font-size: 24px;}
.m66-sidebanner .txt p{font-size: 14px;}
}

/*--for m04_goodslist--*/
@charset "utf-8";
.m04-main-left{float:left;width:300px;}
.m04-main-right{margin:0 0 0 330px;}
/*----------------------------------------*/
.m04-main-left h3{height:50px;line-height:50px;padding:0 0 0 20px;background:#45a0b7;font-size:20px;color:#fff;font-weight:bold;text-transform:uppercase;position:relative;}
.m04-main-left h3::after{display:none;font-family:"qico";content: "\e727";position:absolute;right:0;top:5px;width:40px;height:40px;line-height:40px;font-size:20px;text-align:center;transition: transform .3s ease;}
.m04-main-left h3.active::after{transform: rotate(45deg) scale(1.08);}
.m04-main-left .sidemenu{margin-bottom:25px;}
.m04-main-left .sidemenu > ul{}
.m04-main-left .sidemenu > ul > li{border:1px solid #EAEAEA;margin-top:5px;}
.m04-main-left .sidemenu > ul > li h5{line-height:22px;display:block;padding:10px 0 10px 20px;font-size:17px;color:#404040;cursor:pointer;position:relative;}
.m04-main-left .sidemenu > ul > li h5 a{display:block;padding:0 40px 0 0;}
.m04-main-left .sidemenu > ul > li h5 a:hover{color:var(--color-active)}
.m04-main-left .sidemenu > ul > li h5 span{position:absolute;right:0;top:4px;width:36px;height:36px;line-height:36px;display:block;text-align:center;transition:all 0.3s ease 0s;}
.m04-main-left .sidemenu > ul > li h5 span::after{font-family:"qico";content:"\e699";font-size:18px;display:inline-block;transition:all 0.3s ease 0s;}
.m04-main-left .sidemenu > ul > li ul {display:none;}
.m04-main-left .sidemenu > ul > li ul li{line-height:24px;border-bottom:1px solid #F1F1F3;background:#fff;margin:0 20px;position:relative;}
.m04-main-left .sidemenu > ul > li ul li:last-child {border-bottom:none;}
.m04-main-left .sidemenu > ul > li ul li > span{position:absolute;top:2px;right:0;width:40px;height:40px;line-height:40px;text-align:center;display:block;cursor:pointer;transition:all 0.3s ease 0s;}
.m04-main-left .sidemenu > ul > li ul li > span::after{font-family:"qico";content:"\e699";font-size:18px;display:inline-block;transition:all 0.3s ease 0s;}
.m04-main-left .sidemenu > ul > li > ul > li > a {font-size:16px;display:block;color:#484848;padding:10px 40px 10px 15px;text-transform:capitalize;background:url('https://cdn-pro.analyspeed.com/1441/template/pc/default/html/module/m04_goodslist/images/dot1.png') no-repeat left 18px;}
.m04-main-left .sidemenu > ul > li > ul > li.active > a,.m04-main-left .sidemenu > ul > li > ul > li > a:hover {color:#45a0b7;}
.m04-main-left .sidemenu > ul > li ul li.active > span i{transform:rotate(180deg);}
.m04-main-left .sidemenu > ul > li > ul > li > ul > li{margin:0 15px;}
.m04-main-left .sidemenu > ul > li > ul > li > ul > li a{font-size:15px;display:block;color:#666;padding:10px 10px 10px 15px;background:url('https://cdn-pro.analyspeed.com/1441/template/pc/default/html/module/m04_goodslist/images/dot1.png') no-repeat left 18px;}
.m04-main-left .sidemenu > ul > li > ul > li > ul > li a:hover,.m04-main-left .sidemenu > ul > li > ul > li > ul > li.active a{color:#45a0b7;}
.m04-main-left .sidemenu > ul > li.active h5{color:var(--color-active);border-bottom:1px solid #e2e2e2;}
.m04-main-left .sidemenu > ul > li.active h5 > span::after{transform:rotate(180deg);}
/*-----products------*/
.m04-pro-top{margin-bottom:15px;background:#F7F7F7;padding:20px;}
.m04-pro-top h1{font-size:24px;color:#111;font-weight:600;}
.m04-pro-top .t{font-size:16px;color:#545454;line-height:24px;margin:15px 0 0;}
.m04-pro-top .t h5{font-size:18px;font-weight:500;color:#333;margin-top:10px;}
.m04-pro-top .t p~p{margin-top:10px;}
.m04-main-right .pro-list ul{margin:-15px -15px 0;display:flex;flex-wrap:wrap;}
.m04-main-right .pro-list ul li{width:33.33333%;padding:15px;text-align:center;}
.m04-main-right .pro-list ul li .box{border:1px solid #E8E8E8;cursor:pointer;}
.m04-main-right .pro-list ul li .pic{width:100%;display:block;}
.m04-main-right .pro-list ul li .pic img{width:100%;}
.m04-main-right .pro-list ul li h6{padding:15px 10px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.m04-main-right .pro-list ul li h6 a{font-size:17px;}
.m04-main-right .pro-list ul li h6 a:hover{color:#45a0b7;}
.m04-main-right .pro-list ul li:hover .box{box-shadow:0 0 15px rgba(0,0,0,0.11);}
.m04-main-right .pro-list ul li:hover h6 a{color:#45a0b7;}

@media screen and (max-width:1281px){
.m04-main-left{width:270px;}
.m04-main-right{margin:0 0 0 300px;}
}
@media screen and (max-width:992px){
.m04-main-left{float:none;width:100%}
.m04-main-right{margin:0;}
.m04-main-left.sidemenu > ul{display:none;}
.m04-main-left h3::after{display:block;}
}
@media screen and (max-width:768px){
.m04-main-right .pro-list ul li{width:50%;}
}
@media screen and (max-width:576px) {
.m04-main-left h3{height:45px;line-height:45px;padding:0 0 0 15px;font-size:18px;}
.m04-main-left h3::after{top:2.5px;width:40px;height:40px;line-height:40px;font-size:20px;}
.m04-main-left.sidemenu > ul > li h5{padding:10px 0 10px 15px;font-size:16px;}
.m04-main-right .pro-list ul{margin:-10px -10px 0;}
.m04-main-right .pro-list ul li{padding:10px;}
}
@media screen and (max-width:480px) {
.m04-main-right .pro-list ul li h6 a{font-size:16px;}
}

/*--for m46_sidebar3--*/
@charset "utf-8";


/*----------------------------*/


.m46-sidebar3 { top: 50%; margin-top: -200px; position: fixed; right: 8px; z-index: 9999; background: #fff; border-radius: 3px; box-shadow: rgba(62, 57, 107, 0.3) 0px 6px 16px 0px; }
.m46-sidebar3 a { display: block; cursor: pointer; background: #fff; position: relative; padding: 12px 6px; text-align: center; box-sizing: border-box; border-bottom: 1px solid #E8E8E8; border-radius: 3px; }
.m46-sidebar3 a i { font-size: 25px; color:#45a0b7; }
.m46-sidebar3 a span { font-size: 13px; color: #45a0b7; display: block; margin: 8px 0 0; }
.m46-sidebar3 a > img { max-width: 22px; }
.m46-sidebar3 a.wx .wx-box { position: absolute; right: 98px; top: 50%; transform: translateY(-50%); display: none; }
.m46-sidebar3 a.wx .wx-box .box { width: 140px; padding: 5px; border: 1px solid #D6D7D7; text-align: center; background: #fff; overflow: hidden; }
.m46-sidebar3 a.wx .wx-box .box img { width: 140px; }
.m46-sidebar3 a.wx .wx-box .box span { font-size: 12px; line-height: 18px; letter-spacing: 1px; }
.m46-sidebar3 a.wx .wx-box .arrowPanel { width: 12px; height: 20px; position: absolute; right: -10px; top: 50%; transform: translateY(-50%); }
.m46-sidebar3 a.wx .wx-box .arrowPanel .arrow01 { width: 0; height: 0; font-size: 0; line-height: 0; position: absolute; bottom: 0; left: 2px; top: 0; border-top: 10px dashed transparent; border-right: 10px dashed transparent; border-bottom: 10px dashed transparent; border-left: 10px solid #ddd; }
.m46-sidebar3 a.wx .wx-box .arrowPanel .arrow02 { width: 0; height: 0; font-size: 0; line-height: 0; position: absolute; bottom: 0; left: 0; top: 0; border-top: 10px dashed transparent; border-right: 10px dashed transparent; border-bottom: 10px dashed transparent; border-left: 10px solid #fff; }
.m46-sidebar3 a.wx:hover .wx-box { display: block; }

@media (max-width: 768px) { 
.m46-sidebar3 { display: none; } 
}

/*--for m04_foot--*/
@charset "UTF-8";
.foot-form{width:621px;}
.foot-form p{font-size:18px;line-height:24px;color:#fff;}
.foot-form p~p{margin-top:10px;}
.foot-form form{margin:20px 0;width:100%;position:relative;}
.foot-form .submit_text{width:100%;height:56px;line-height:56px;color:#111;padding:0 110px 0 18px;font-size:18px;background:#fff;box-sizing:border-box;font-weight:300;}
.foot-form .submit_btn{position:absolute;right:0;top:0;background:var(--color-primary);width:140px;height:56px;font-size:20px;display:block;cursor:pointer;text-align:center;color:#fff;}

footer{background:#000 url('https://cdn-pro.analyspeed.com/1441/upload/module/m04_choose/1750232013142850.jpg') no-repeat center top;}                 
#footer .wp{display:flex;justify-content:space-between;border-top:1px solid #ccc;padding-top:70px;padding-bottom:60px;}
#footer h5{font-size:20px;color: #fff;line-height:1;margin:0 0 20px;font-weight:bold;}
#footer h5::after{content:"";background:var(--color-primary);height:2px;width:40px;display:block;margin:15px auto 0 0;}
.m04-foot-logo{width: 621;}
.m04-foot-logo h4{color:#474747;font-size:18px;font-weight:bold;margin:20px 0 0;}
.m04-foot-logo .share{margin:20px 0 0;font-size:0;}
.m04-foot-logo .share a{display:inline-block;color:#C2C2C2;width:44px;height:44px;line-height:44px;text-align:center;background:rgba(88,88,88,0.71);border-radius:6px;}
.m04-foot-logo .share a+a{margin-left:15px;}
.m04-foot-logo .share a i{font-size:16px;color:#fff;}
.m04-foot-logo .share a:hover{opacity:0.6;}
.m04-foot-nav ul{}
.m04-foot-nav ul li{font-size:16px;line-height:26px;margin-bottom:10px;color: #f8f8f8;}
.m04-foot-nav ul li a:hover{color:var(--color-primary);}
.m04-foot-list ul{}
.m04-foot-list ul li{font-size:16px;line-height:26px;margin-bottom:10px;color:#f8f8f8;}
.m04-foot-list ul li a:hover{color:var(--color-primary);}
.m04-foot-nav ul li a:hover{color:var(--color-primary);}
.copyright{padding:30px 0;border-top:1px solid rgba(255,255,255,0.12);text-align:center;}
.copyright p{font-size:18px;color:#f5f5f5;}
@media screen and (max-width:1280px){
#m04-footer .wp{padding-top:60px;padding-bottom:50px;}
}
@media screen and (max-width:1171px){
.m04-foot-nav{display:none;}
}
@media screen and (max-width:992px){
}
@media screen and (max-width:768px){
#m04-footer{border-bottom:20px solid var(--color-primary);}
#m04-footer .wp{display:block;padding-top:40px;padding-bottom:30px;}
#m04-footer h5{font-size:18px;text-align:center;}
#m04-footer h5::after{margin:15px auto 0;}
.m04-foot-logo{width:100%;text-align:center;}
.m04-foot-list{display:none;}
.m04-foot-contact{width:100%;margin:30px 0 0;}
.foot-form {width: 100%;}
}
@media screen and (max-width:576px) {
}
@media screen and (max-width:480px) {
}	
@media screen and (max-width:420px) {
}