/*nav**/
header{height:155px;background:#fff;position: fixed;width: 100%;border-bottom: 1px solid #eee;z-index: 333;}
header .w1500{padding-top:;}
#nav_height{height: 155px;display: block;}
.site-logo{width:148px;height:30px;display:block;float:left;}
.site-logo img{height:30px;width:auto}
.lang-search{width:25px;float:right;height: 85px;line-height: 85px;}
.search_btn{display:inline-block;width:19px;height:19px;background:url(../images/icon_search.png) no-repeat  center center;background-size:19px 19px;cursor:pointer;border:0;vertical-align: middle;}
.china{display:inline-block;background:url(../images/china.png) no-repeat center center;background-size:25px auto;width:25px;height:25px;margin-left:20px;vertical-align: middle;}
nav{float:left;width: 1000px;align-content: center; align-items: center;display: block;z-index:90;position:relative}
#menu{align-content: center;align-items: center;display:flex;width:100%;}
nav li{float:left;margin-left:0;margin-right: 27px;text-align: center;line-height: 70px;}
nav li:first-child{margin-left:0}
nav li a{font-size: 16px;font-weight: 500;letter-spacing: 0.2px;color: #000000;line-height:70px}
nav li a:hover{color:#000}
nav li a i{font-size:10px;margin-left:5px;font-size:13px !important;}
.sub_menu{display:none;z-index:90;position:absolute;left:0;top:70px;padding-top:0px;}
sup{color: red;}

#headertop{}
.site-icon{float: right;}
.site-icon>div{float: left;margin-right: 25px;}
.site-icon>div *{font-size: 16px;}
#headertop .w1440{border-bottom: 1px solid #eee;padding-top: 20px;padding-bottom: 15px;}

.site-icon>div.call{padding-left: 50px;line-height: 20px;background-repeat: no-repeat;background-size: 37px auto;background-position: left center;background-image: url(../images/tel_red.png);}
.site-icon>div.lang{width: 110px;position: relative;background-image: url(../images/lang_trans.png);background-repeat: no-repeat;background-size: 21px auto;background-position: 12px center;outline: 1px solid #eee;border-radius: 20px;text-align: center;padding-left: 20px;height: 40px;line-height: 40px;}
.site-icon>div.lang ul{display: none;position: absolute;top: 30px;left: 0;border: 1px solid #eee;}
.site-icon>div.user_center{margin-right: 0;}
.site-icon>div.user_center a{margin-right: 20px;display: inline-block;}
.site-icon>div.user_center a.login{border-left: 1px solid #aaa;padding-left: 20px;}
.site-icon>div.user_center a.register{margin-right: 0px;text-align: center;height: 40px;line-height: 40px;width: 100px;background-color: #e60012;color: #fff;border-radius: 20px;}

.search_box{width: 355px;height: 40px;margin-top: 15px;position: relative;float: right;}
.search_box input[type=text]{outline: 0;border: 0;background-color: #eaebee;width:100%;height: 40px;line-height: 40px;padding-left: 40px;border-radius: 20px;}
.search_box input[type=submit]{outline: 0;border: 0;background-repeat: no-repeat;background-image: url(../images/search_button.png);background-position: center;background-size: 100% auto;text-indent: -20000px;background-color: transparent;position: absolute;left: 15px;top: 0;height: 100%;width: 16px;}

/*#nav*/
nav>ul>li{position:relative}
nav>ul>li::after{content:"";display: block;position:absolute;width: 0;height: 2px;background-color: #e60012;bottom: 15px;left: 0;right:0;margin:0 auto;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;}
nav>ul>li.on::after{width: 100%;}
nav>ul>li:hover::after{width: 100%;}
nav li.selected .sub_menu{display:block;animation-name: atop;animation-duration: 0.2s;animation-timing-function: ease-out;}
nav li.selected .sub_menu ul{padding:20px 0;min-width:270px;background:#fff;animation-name: bebottom;animation-duration: 0.24s;animation-timing-function: ease-out;}
nav li.selected .sub_menu li{display:block;float:none;margin:0;overflow:hidden;position: relative;}
nav li.selected .sub_menu li i{position: absolute;top: 10px;right: 35px;font-size: 20px;z-index: 3;}
nav li.selected .sub_menu li>a{text-align: left;font-size: .975rem;padding:0.625rem 30px 0.625rem 30px;display:block;line-height:normal;position: relative;transform: translateY(0%);}
nav li.selected .sub_menu li>a::after{content: "";display: block;width: 0%;height: 2px;background-color: #e60012;margin-top: 3px;transition: all 0.2s ease-in;-webkit-transition: all 0.3s ease-in-out;}
nav li.selected .sub_menu li>a:hover::after{width: 100%;}
nav li.selected .sub_menu li a.ani1{animation-name: betop;animation-duration: 0.5s;animation-timing-function: ease-out;}
nav li.selected .sub_menu li a.ani2{animation-name: betop;animation-duration: 0.53s;animation-timing-function: ease-out;}
nav li.selected .sub_menu li a.ani3{animation-name: betop;animation-duration: 0.56s;animation-timing-function: ease-out;}
nav li.selected .sub_menu li a.ani4{animation-name: betop;animation-duration: 0.59s;animation-timing-function: ease-out;}
nav li.selected .sub_menu li a.ani5{animation-name: betop;animation-duration: 0.62s;animation-timing-function: ease-out;}
nav li.selected .sub_menu li a.ani6{animation-name: betop;animation-duration: 0.65s;animation-timing-function: ease-out;}
nav li.selected .sub_menu li a.ani7{animation-name: betop;animation-duration: 0.68s;animation-timing-function: ease-out;}
nav li.selected .sub_menu li a.ani8{animation-name: betop;animation-duration: 0.71s;animation-timing-function: ease-out;}
nav li.selected .child_url{display: none;}
nav li.selected .child_url a{display: block;font-size: .875rem;padding:2px 30px 2px 30px;text-align: left;line-height: 20px;}
#pro_menu{position:static}
#solutions_menu{position:static}
.navshaw,.searchshaw{position:absolute;left:0;top:0;z-index:10;background:rgba(0,0,0,0);height:100%;width:100%;visibility: hidden;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}

.is_mobile{display: none;}

/**/

/**/


/*search*/
#search_panel {padding-top: 2.5rem; padding-bottom: 2.5rem;opacity: 0; visibility: hidden; position: fixed; z-index: 1050; width: 100%; left: 0; top: 85px;background: #fff; border-top: 1px solid #eee; }
.search_from { max-width: 940px; margin: 0 auto; }
.search_from label { font-size: 14px; text-transform: uppercase; font-weight: 600; opacity: 0.6; display: block; margin-bottom: 35px; }
.search_from form { border-bottom: 1px solid #ccc; display: block; position: relative; padding-right: 110px; padding-bottom: 10px; }
.search_from form::after {content: "";display: block;position: absolute;bottom: -0.5px;width: 0%;height: 1px;background-color: #666;transition:all 1.6s ease-out;}
.search_from form p { display: block; padding-right: 50px; position: relative; }
.search_from input { height: 30px; display: block; width: 100%; border: 0; text-transform: uppercase; font-weight: 600; color: #999; font-size: 12px; }
.search_from input::placeholder{color:#999}
.search_from button { background: url(../images/icon_search.png) no-repeat center center; width: 22px; height: 22px; background-size: 16px 16px; border: 0; display: block; cursor: pointer; position: absolute; right: 20px; top: 5px; }
.search_from select { position: absolute; right: 10px; top: 0; width: 100px; border: 0; text-transform: uppercase; font-weight: 600; font-size: 12px; color: #666; line-height: 1.5; height: 30px; }
.searchbody #search_panel { -webkit-transform: translateY(0px);transform: translateY(0px); opacity:1; visibility: visible;animation-name: searchopen;animation-duration: 0.3s;animation-timing-function: ease-out;}
.searchbody .searchshaw{visibility:visible;background: rgba(0, 0, 0, 0.5);}
.searchbody .search_btn{background-image: url(../images/icon_close.png);background-size:18px 18px}
.searchbody .search_from form::after{width:100%;}
.searchbody{overflow: hidden;}
.searchbody header{z-index:11}
/*footer**/
footer { background:#000; padding:60px 0px 30px 0px }
footer *{color: #fff;}
.footer-contact {float: left;width: 375px;position: relative;}
.footer-contact .flogo { display: block; margin-bottom: 30px; }
.footer-contact .flogo img { width: auto; height: auto; }
.footer-contact-inner { font-size: 14px; color: #000; line-height: 24px; font-weight: 300; letter-spacing: 0.5px;}
.footer-contact-inner>p{padding-left: 38px;position: relative;width: 100%;margin-top: 15px;}
.footer-contact-inner>p:nth-child(1)::before{content: "Add:";position: absolute;left: 0;top: 0;color: #e60012;font-size: 14px;font-weight: 500;}
.footer-contact-inner>p:nth-child(2)::before{content: "Tel:";position: absolute;left: 0;top: 0;color: #e60012;font-size: 14px;font-weight: 500;}
.code_box {margin-top: 15px;padding-left: 38px;}
.code_box .list{float: left;width:115px;margin-right: 25px;}
.code_box .list:nth-child(2){margin-right: 0;}

.footer-nav { float: right; width: 835px;}
.footer-nav .fh3 { font-size: 48px; font-weight:bold; line-height: 1.4em;letter-spacing: 0.5px; }
.footer-nav .fp { font-size: 18px; font-weight: 300; margin-bottom: 30px; }
.input_inner { position: relative; padding-right: 60px; border: 1px solid #fff; background: transparent; width: 626px;}
.input_inner input { height: 40px; display: block; width: 100%; border: 0; background: none; padding: 0 15px; }
.input_inner input::placeholder {  color: #ccc;}
.input_inner button { position: absolute; right: 0px; top: 0; padding:0 30px; height: 40px; line-height: 40px; border: 0; font-size: 1rem; font-weight: 300; background-color: #e60012; display: block; }
.checkbox_inner input { vertical-align: middle; margin-right: 5px; }
.checkbox_inner { margin-top: 15px;    font-weight: 300}
.checkbox_inner a { }
.checkbox_inner span { vertical-align: middle; }
.sign-up { }
.fmenu { margin-top: 40px; }
.fmenu li { float: left; width: auto; margin-right: 44px;}
.fmenu li:last-child{margin-right: 0;}
.fmenu li h4 { font-size: 18px; margin-bottom: 20px; font-weight: 500;}
.fmenu li h4 a { }
.fmenu li p { font-size: 14px; margin-bottom: 25px; font-weight: 300; }
.fmenu li p a { }
.fmenu li a:hover{color:#000}
copyright {padding-top: 30px;display: block;font-size: 14px;font-weight:300;margin-top: 15px;border-top: 1px solid #ccc;}
copyright p { }
copyright font{color: #e60012;}
/*animate*/
@keyframes atop {
	0% {
		opacity: 0;
		-moz-opacity: 0;
		-webkit-opacity: 0;
	}

	50% {
		opacity: 0.5;
		-moz-opacity: 0.5;
		-webkit-opacity: 0.5;
	}

	100% {
		opacity: 1;
		-moz-opacity: 1;
		-webkit-opacity: 1;
	}
}
@keyframes bebottom{
	0% {
		padding-bottom:20px;
	}

	100% {
		padding-bottom:20px;
	}
}

@keyframes betop{
	0%{
		transform: translateY(100%);
	}
	100%{
		transform: translateY(0%);
	}
}

@keyframes searchopen{
	0%{
		transform: translateY(-50px);
		opacity: 0;
		-moz-opacity: 0;
		-webkit-opacity: 0;
	}
	100%{
		transform: translateY(0%);
		opacity: 1;
		-moz-opacity: 1;
		-webkit-opacity: 1;
	}
}

/*******/
.nav-but-wrap { border: 0; display: inline-block; vertical-align: middle; padding-top: 0px; width:22px;display:none;background:none;margin-left: 15px;}
.menu-icon__line{ display: block; height: 2px; background: #000; margin: 4px 0; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear;}
.menu-icon__line-left {}
.menu-icon__line-right { }
body.mobileBody .menu-icon__line{width:60%;margin-left:40%}
body.mobileBody .menu-icon__line.menu-icon__line-left{width:20%;margin-left:80%}
body.mobileBody .menu-icon__line.menu-icon__line-right{width:100%;;margin-left:0%}
#mobile_menu { position:fixed; left:0; top:0; z-index:333; height:100vh; width:100%; background:url(../images/box_1.jpg) no-repeat center center; background-size: cover;  transition: transform .4s ease-out;overflow:auto;
will-change:transform;transform:translateX(-100%);}
#mobile_menu:after { content:""; display:block; position:absolute; left:0; top:0; height:100vh; width:100%; z-index:210; }
.mobile_menu_inner { position:relative; z-index:220; padding: 20px 30px; background: rgba(255,255,255,0.7);backdrop-filter: blur(8px);min-height:100vh}
.mobile_header { padding-bottom: 20px; margin-bottom:20px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.mobile_header .logo img { height:27px; width:auto; display:block; float:left; }
.mobile_header span { display:block; float:right; cursor:pointer; background: url(../images/arrow-left.png) no-repeat left center; background-size:50px auto; height:28px; width: 28px; }
.mobile_menu_inner li { }
.mobile_menu_inner li a { font-size: 16px; font-weight:500; display:block; position:relative; padding: 8px 0px; line-height: 1.4; }
.mobile_menu_inner li a:hover{color:#000}
.mobile_menu_inner li a.active{color:#000;font-weight:600}
.mobile_menu_inner li a i { position:absolute; right:0; top:10px; }
.mobile_menu_inner li ul { display: none; padding-left: 10px; opacity: 0.9; }
.mobile_menu_inner li ul a{font-size:15px;padding:6px 0}
body.mobileBody #mobile_menu{transform:translateX(0%);}
@media(max-width:1495px){
    #solutions_menu .sub_menu{width:100%}
    .sub_menu_box{ width: calc(100% + 20px);;padding:20px 20px;}
    .solutions_menu_li{width:calc(16.666666% - 20px);margin:0 10px;}
    #pro_menu .sub_menu{ min-width: auto; left: 10%;  margin-left: 0;  width: 80%; padding-top: 35px;}
    /* nav{flex-wrap: wrap;float:none; width: auto;} */
}
@media(max-width:1450px){
header{padding-left:20px;padding-right:20px}
} 

@media(max-width:1110px){
    nav{display:none}
    .lang-search{ width: 50%;text-align: right;}
    .nav-but-wrap{display:inline-block;margin-right:15px}
    .search_from{max-width:80%}
}
@media(max-width:800px){
    .search_btn{display:none}
    .nav-but-wrap{margin-right:0}
    .followus{margin-top:50px}
    .followus label{float:left;font-size: 12px;font-weight: 600;line-height: 24px;margin-right: 15px;}
    .followus p{width:auto;margin-top: 0;}
} 
/***/
@media(max-width:1495px){
    footer{padding:50px 20px}
}


@media(max-width:1300px){
	.footer-nav {width: 695px;}
	.fmenu li {width: 20%;margin-right: 0%;}
}
@media(max-width:1190px){
	.footer-nav {width: 595px;}
	
}
@media(max-width:1110px){
	
	/**/
    .footer-contact{width:100%}
    .footer-nav{width:100%;margin-top: 30px;}
    .share-website{position:static;margin-top: 20px;float: left;width: 100%;}
}
@media(max-width:800px){
    .footer-contact .flogo img{width:100px}
    .footer-contact-inner p{width:100%}
    .footer-nav .fh3{font-size:30px;line-height: 1.2em; margin-bottom:10px;}
    .footer-contact-inner p:last-child{margin-top: 10px;margin-bottom: 10px;}
	.footer-contact-inner>p {padding-left: 35px;}
	.footer-contact-inner {font-size: 13px;}
	.footer-contact-inner>p:nth-child(1)::before{font-size: 13px;}
	.footer-contact-inner>p:nth-child(2)::before{font-size: 13px;}
	.code_box{padding-left: 0;text-align: center;}
    /**/
    .fmenu li div.clearfix{display:none}
    .fmenu li{width:100%}
    .fmenu li h4{border-bottom: 1px solid #999;padding-bottom: 15px;position:relative}
    .fmenu li h4 a{display:block}
    .fmenu li h4:before{font:normal normal normal 14px/1 FontAwesome;content:"\f107"; position: absolute; right: 0; top: 3px;}
    .fmenu li h4.active:before{content: "\f106";}
    .w1500.footer{width:100%;padding:0}

	/**/
	copyright{padding-top: 0;border-top: 0;}
	copyright .w1500 {padding: 0;}
	copyright span{line-height: 22px;}
	.input_inner{width: 100%;}
}

@media(max-width:1550px){
	nav{width: 885px;}
	nav li{margin-right: 15px;}
	.search_box{width: 300px;}
}

@media(max-width:1280px){
	nav{width: 785px;}
	nav li{}
	nav li a{font-size: 14px;}
	.search_box{width: 200px;}
}

@media(max-width:1100px) {
.site-icon>div * {font-size: 14px;}
.site-icon>div{margin-right: 10px;}
.site-icon>div.lang{width: 100px;position: relative;background-image: url(../images/lang_trans.png);background-repeat: no-repeat;background-size: 13px auto;background-position: 16px center;outline: 1px solid #eee;border-radius: 20px;text-align: center;padding-left: 18px;height: 20px;line-height: 20px;}
.site-icon>div.lang ul{display: none;position: absolute;top: 30px;left: 0;border: 1px solid #eee;}
.site-icon>div.user_center{margin-right: 0;}
.site-icon>div.user_center a{margin-right: 10px;display: inline-block;}
.site-icon>div.user_center a.login{border-left: 1px solid #aaa;padding-left: 10px;}
.site-icon>div.user_center a.register{margin-right: 0px;text-align: center;height: 20px;line-height: 20px;width: 60px;background-color: #e60012;color: #fff;border-radius: 20px;}
.site-icon>div.call{display: none;}
.site-logo img {height: 25px;}
.site-logo{height: 25px;width: 114px;}
.is_mobile{display:inline-block;}
header{height: 61px;}
#nav_height{height: 61px;}
.search_box{width: 100%;margin: 0;}
.search_box input[type=text]{height: 35px;line-height: 35px;}
.search_box input[type=submit]{height: 35px;line-height: 35px;width: 14px;}
.header_bottom{display: none;}
}

@media(max-width:600px){
	.site-logo { width: 31px;overflow: hidden;}
	.site-icon>div{margin-right: 5px;}
	.site-icon>div.lang{width: 85px;background-position: 10px center;padding-left: 18px;}
	.site-icon>div.user_center a{margin-right: 5px;}
	.site-icon>div.user_center a.login{padding-left: 5px;}
	.site-icon>div.user_center a.register{margin-right: 0px;width: 60px;}

}


/*new_footer*/
#foot_top h1{font-size: 60px;font-weight: bold;color: #e60012;}
#foot_top b{font-size: 16px;color: #fff;margin-top:25px;padding-bottom: 45px;border-bottom: 1px solid #444;display: block;}

#company_mess{padding:20px 0;}
#company_mess .mess_left{float: left;}
#company_mess .mess_right{float: right;}
#company_mess .mess_right ul{}
#company_mess .mess_right ul li{float: left;margin-left: 65px;}
#company_mess .mess_right ul li:nth-child(1){margin-left: 0;}
#company_mess .mess_right ul li a{font-size: 14px;line-height: 24px;display: block;margin-bottom: 15px;text-transform: uppercase;}
#company_mess .mess_right ul li:nth-child(1) a{text-transform: capitalize;}
#company_mess .mess_right ul li:nth-child(1) a:nth-child(1){text-transform: uppercase;}

#foot_bottom .email_form{float: left;}
#foot_bottom .email_form p{font-size: 16px;margin-bottom: 10px;}
#foot_bottom input[type=text]{height: 40px;padding-left: 10px;line-height: 40px;border: 0;outline: 0;background-color: #2c2c2c;border: 1px solid #444;}
#foot_bottom input[type=submit]{width: 80px;;height: 40px;border: 0;outline: 0;background-color: #e60012;color: #fff;}
.share-website {position: relative;left: 0;bottom: 0;float: right;    margin-top: 25px;}
.share-website a {width: 34px;height: 34px;background: url(../images/icon_list.png) no-repeat;display: block;float: left;background-size: auto 34px;margin-right: 45px;}

.share-website a.instagram {background-position: 0px center;}
.share-website a.x {background-position: -82px center;}
.share-website a.facebook {background-position: -153px center;}
.share-website a.linkedin {background-position: -233px center;}
.share-website a.tiktok {background-position: -312px center;}
.share-website a.youtube {background-position: -398px center;width: 43px;margin-right: 45px;}
.share-website a.pinterest {background-position: -490px center;}
.share-website a:nth-child(7){margin-right: 0;}


@media(max-width:800px){
	
    .share-website a{margin-right:15px;width: 24px;height: 24px;background-size: auto 24px;}
	.share-website a.instagram {background-position: 0px center;}
	.share-website a.x {background-position: -58px center;}
	.share-website a.facebook {background-position: -107px center;}
	.share-website a.linkedin {background-position: -165px center;}
	.share-website a.tiktok {background-position: -221px center;}
	.share-website a.youtube {background-position: -279px center;width: 35px;margin-right: 15px;}
	.share-website a.pinterest {background-position: -346px center;}
}

#copyright p{padding-top: 25px;margin-top: 25px;border-top: 1px solid #444;}



@media(max-width:1440px){
	#foot_top h1{font-size: 50px;}
}

@media(max-width:1280px){

}

@media(max-width:1100px){
	#foot_top h1{font-size: 35px;}
	#foot_top b{font-size: 14px;line-height: 20px;color: #fff;margin-top: 20px;padding-bottom: 15px;border-bottom: 1px solid #444;display: block;}
	.mess_left{width: 100%;margin-bottom: 10px;}
	.mess_right{width: 100%;}
	.mess_left>img{height: 30px;}
}

@media(max-width:600px){
	#foot_top b{margin-top: 10px;padding-bottom: 10px;}
	#foot_top h1 {font-size: 26px;}
	#company_mess .mess_right{display: none;}
	#copyright p {padding-top: 15px;margin-top: 15px;font-size: 13px;line-height: 16px;}
}



@keyframes betop{
	0%{
		transform: translateX(-100%);
	}
	100%{
		transform: translateY(0%);
	}
}