body{font-family:Arial, Helvetica, sans-serif; color:#3e3d3d; font-size:14px; line-height:1.5}
#top{ background-image: url(../images/top-back.webp);background-size: cover;background-position: center; color:#3e3d3d; font-family:'DINPro',Arial, Helvetica, sans-serif; position:fixed; z-index:9999; width:100%}
#top a{font-family:'DINPro',Arial, Helvetica, sans-serif}
.header{ max-width:1460px; margin:0 auto; padding:18px 0; position:relative}
.header a.logo{ background:url(../images/logo.png) no-repeat; width:494px; height:45px; display:block;}
.header .brand_name{ display:none}
.header_email{ position:absolute; right:100px; top:15px; background:url(../images/icon_email1.png) no-repeat left center; padding-left:35px; background-size:auto 25px; color:#fff; display:block; height:30px; line-height:28px}

.sub-button{
	
	    width: 16px;
	    height: 16px;
	    position: absolute;
	    background-size: 100% 100%;
	    background-color: unset;
	    top: 36px;
	    right: 0;
	    outline: unset;
	    border: unset;
}
.sub-button img{
	display: block;
	width: 100%;
}
.sear-box {
    position: absolute;
    right: 0;
    top: 67px;
    display: none;
    padding: 20px;
    z-index: 9999;
    background-color: #fff;
    border: 1px solid #cfcfcf;
    box-shadow: 0px 5px 7px 1px #ccc;
}
.sear-box.active {
    display: block;
}
.sear-box input#keyword {
    width: 200px;
    line-height: 30px;
    height: 30px;
    padding-left: 10px;
    outline: unset;
    border: unset;
    border-radius: 5px 0 0 5px;
    border: 1px solid #cecece;
	border-right: 0;
}
.sear-box input#submit {
    background-image: url(../images/icon_search.png);
    background-color: #119466;
    background-position: 6px 6px;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    background-size: 17px 17px;
    border-radius: 0px 5px 5px 0px;
    display: block;
    float: right;
    outline: unset;
    border: unset;
}

.sear-box ul li a{
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #119466;
	padding-bottom: 5px;
	border-bottom:1px solid #119466;
}
#searcon {
    max-height: 169px;
    overflow: hidden;
}

#fixed_height{ height:135px;}
.action_icon a.cart{ display:none}
.header_skype{position:absolute; right:0; top:35px; background:url(../images/icon_skype.png) no-repeat left center; padding-left:35px; background-size:auto 25px; color:#fff; display:block; height:30px; line-height:28px}
.header_email:hover,.header_skype:hover{ text-decoration:underline; color:#fff}
/**/
.action_icon{height:54px; background:#c9ebdd; float:right}
.action_icon a{ font-size:14px; line-height:54px; padding:0 15px; display:block; float:left}
.action_icon a.login{ background:url(../images/icon_u.png) no-repeat 15px center; padding-left:48px}
.action_icon a.reg{ padding:0 20px; background:#119466; color:#fff}
.action_icon a.reg:hover{color:#fff}
.action_icon a.cart{ background:url(../images/icon_g.png) no-repeat 15px center; padding-left:54px}
.action_icon a:hover{ color:#119466}
.action_icon a.reg:hover{ color:#fff}
/**/
nav{ height:54px; line-height:54px; background:#fff; position:relative}
#menu{ max-width:1460px; margin:0 auto;}
#menu ul.dropdown{ float:left;}
.menu li{ float:left;z-index:9998;padding:0 15px;}
.menu li a{ color:#3e3d3d; font-size:15px; display:block; line-height:54px;}
.menu li.home{ padding-left:0}
.menu li a i{ display:none}
.menu li a.first:hover:after{ content:""; width:100%; height:2px; background:#119466; display:block; position:absolute; left:0; bottom:0}
.menu li .sub_menu{display:none;position:absolute;left:0px;top:54px;width:100%;transition: all 0.3s;-webkit-transition: all 0.3s;}
.menu li .sub_menu.style2{background:unset;width: 100%;padding: 0;}
.menu li .sub_menu{ margin:0 auto; z-index:9997}
.menu .child_menu {
    max-width: 1460px;
    margin: 0 auto;
    background: #fff;
}
.menu li ul li { height:auto; line-height:normal; float:left; padding:0px 0px; width: 25%;}
.menu li ul li a, #menu li.selected li a {
    padding: 10px 20px;
    font-size: 14px;
    text-align: center;
    display: block;
    line-height: 1.4;
    background: none;
    text-transform: capitalize;
    position: relative;
    border-bottom: 1px solid #e8e8e8;
}
.menu li ul li a:hover i {display:inline-block }
.menu li ul li a:hover:before, #menu li.selected ul li a:before { display:none }
.menu li ul li a i { color:#d32917; margin-left:10px; }
.menu li ul li a:hover, #menu li.selected li a:hover {color:#3e3d3d; background:#c9ebdd }
.menu li.selected a.first:after{ display:none}
.menu li.selected a.first{ color:#119466}
/* .menu li[lang='4'] {
    position: unset;
}
.menu li[lang='1'] .child_menu{ padding-left:62px}
.menu li[lang='2'] .child_menu{ padding-left:192px}
.menu li[lang='5'] .child_menu{ padding-left:286px}
.menu li[lang='6'] .child_menu{ padding-left: 155px;padding-bottom: 20px;}
.menu li[lang='7'] .child_menu{ padding-left:206px}
.menu li[lang='8'] .child_menu{ padding-left:132px} */

/*.menu li[lang='6'] .child_menu>li>a{
	font-weight: bold;
}
 .menu li[lang='6'] ul li {
    float: left;
    margin-right: 5%;
}

.menu li[lang='6'] .child_menu li:nth-child(1):before{
	content: url(../images/yqj_back.png);
	display: block;
    margin: 10px auto;
	width: 55px;
}
.menu li[lang='6'] .child_menu li:nth-child(2):before {
    content: url(../images/pcba_back.png);
    display: block;
    margin: 10px auto;
    width: 49px;
}
.menu li[lang='6'] .child_menu li:nth-child(3):before{
	content: url(../images/pcb_back.png);
	display: block;
    margin: 10px auto;
	width: 48px;
}
#menu li[lang='6'] .child_menu li .child a {
    line-height: 0.5;
    font-size: 12px;
} */
/**/
.white_topbar #top{-moz-box-shadow:2px 2px 5px rgba(0,0,0,0.2); -webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.2); box-shadow:2px 2px 5px rgba(0,0,0,0.2);}
/***/
@media(max-width:1674px){
.header{ max-width:100%; margin-left:85px; margin-right:85px;}
#menu{ max-width:100%; margin-left:85px; margin-right:85px}
.menu .child_menu{ max-width:100%;margin-left:85px; margin-right:85px;}
}
@media(max-width:1250px){
.action_icon a.cart{ position:absolute; right:75px; top:-70px; color:#fff; background-image:url(../images/icon_g1.png)}	
.menu li[lang='1'] .child_menu{ padding-left:0}
.menu li[lang='2'] .child_menu{ padding-left:0}
.menu li[lang='3'] .child_menu{ padding-left:0}
.menu li[lang='4'] .child_menu{ padding-left:0}
.menu li[lang='5'] .child_menu{ padding-left:0}
.menu li[lang='6'] .child_menu{ padding-left:0}
.menu .child_menu{ margin-left:0; margin-right:0}
.menu li .sub_menu{ width:100%; padding:8px 0;top:45px}
.menu li ul li a, #menu li.selected li a{ padding:6px 20px}
#menu {
    position: relative;
}
}
@media(max-width:1085px){
.header{margin-left:50px; margin-right:50px;}
#menu{margin-left:50px; margin-right:50px}
.action_icon a.cart{ position:static}
.action_icon{ position:absolute; right:50px; top:13px; background:none; height:auto;}
.action_icon a.login{ margin-right:15px; background-image:url(../images/icon_u2.png); background-position:center center; color:#119566;width:30px; padding:0; height:30px}
.action_icon a.reg{ display:none}
.action_icon a font{ display:none}
.action_icon a.cart{ position:relative; right:auto; top:auto; background-image:url(../images/icon_g2.png);color:#119566; background-position:center center;width:30px; padding:0; height:30px}
.action_icon a.cart .CartTotal{ position:absolute; right:-5px; top:-5px;display:block; background:#F60; color:#fff; width:20px; height:20px;-webkit-border-radius: 50%; border-radius: 50%; -moz-border-radius: 50%; text-align:center; font-size:12px; line-height:20px;}
}
.nav-but-wrap{ display:inline-block; float:right; margin-left:30px; display:none; z-index:9999 }
.menu-icon { height:30px; width:30px; position:relative; z-index:2; cursor:pointer; display:block }
.menu-icon__line {
height:2px; width:16.5px; display:block; background-color:#fff; margin-bottom:7px; cursor:pointer; -webkit-transition:all .2s linear;
-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear;float:right }
.menu-icon__line-left { width:30px; -webkit-transition:all .2s linear;-moz-transition:all .2s linear;
-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear
}
.menu-icon__line-right { width:16.5px; float:right; -webkit-transition:all .2s linear;-moz-transition:all .2s linear;
-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear
}
.menu-icon:hover .menu-icon__line, .menu-icon:hover .menu-icon__line-left, .menu-icon:hover .menu-icon__line-right { width:30px }
.nav-active .menu-icon__line { width:30px; float:none }
@media(max-width:1000px){
.menu li[lang='4'] .child_menu li:before{
	display: none !important;
}
.header_skype{ display:none}	
.header_email{ width:30px; width:30px; padding:0; top:23px; right:90px; background-image:url(../images/icon_email.png);margin-top: 0 !important;}	
.header_email font{ display:none}	
.header{margin-left:30px; margin-right:30px;}
#menu{margin-left:30px; margin-right:30px}	
.nav-but-wrap{ display:block; position:absolute; right:30px; top:25px}
nav,#menu{ height:0px; background:none}
#menu ul.dropdown{ display:none}
.header a.logo{ height:30px; background-size:auto 100%; width:90px;}
#fixed_height{ height:66px}
.action_icon{ top:-45px; right:60px; z-index:9999}
.action_icon a.login{background-image:url(../images/icon_u1.png);}
.action_icon a.cart{background-image:url(../images/icon_g1.png);}

		.sub-button {
		    width: 31px;
		    height: 31px;
		    position: absolute;
		    background-size: 100% 100%;
		    background-color: #119466;
		    padding: 7px;
		    top: 80px;
		    right: -16px;
		    outline: unset;
		    border: unset;
		    border-radius: 50%;
		}
		
		.sear-box {
		    right: 0;
		    top: 29px;
		    width: 100%;
		}
		.sear-box input#keyword {
		    width: 80%;
		
		
		}
		.sear-box input#submit {
		    background-position: 50%;
		    width: 20%;
		}
body.nav-active .menu-icon__line {background-color:#fff;-webkit-transform:translate(0, 0) rotate(-45deg);transform:translate(0, 0) rotate(-45deg)}
body.nav-active .menu-icon__line-left {width:15px;-webkit-transform:translate(2px, 4px) rotate(45deg);transform:translate(2px, 4px) rotate(45deg)}
body.nav-active .menu-icon__line-right {width:15px;float:right;-webkit-transform:translate(-3px, -3.5px) rotate(45deg);transform:translate(-3px, -3.5px) rotate(45deg)}
body.nav-active .menu-icon:hover .menu-icon__line-left, body.nav-active .menu-icon:hover .menu-icon__line-right {width:15px}
/**/
#menu ul.dropdown{
display:block;
z-index:9990;
position:fixed;
right:0;
top:0;
margin:0;
height:100%;
width:60%;
background:#119566;
padding-top:90px;
padding-bottom:30px;
-webkit-transition:-webkit-transform cubic-bezier(.77, 0, .175, 1) .8s;
transition:-webkit-transform cubic-bezier(.77, 0, .175, 1) .8s;
transition:transform cubic-bezier(.77, 0, .175, 1) .8s;
transition:transform cubic-bezier(.77, 0, .175, 1) .8s, -webkit-transform cubic-bezier(.77, 0, .175, 1) .8s;
-webkit-transform:translateX(100%) translateY(0);
transform:translateX(100%) translateY(0);
-webkit-opacity:0;
-moz-opacity:0;
-khtml-opacity:0;
-ms-opacity:0;
-o-opacity:0;
opacity:0; overflow:auto}
body.nav-active #menu ul.dropdown{
-webkit-transform:translateX(0) translateY(0);
transform:translateX(0) translateY(0);
-webkit-opacity:1;
-moz-opacity:1;
-khtml-opacity:1;
-ms-opacity:1;
-o-opacity:1;
opacity:1
}
#menu:before{ display:none; background:#119566; height:66px; content:""; position:fixed; right:0; top:0; z-index:9991; width:60%}
body.nav-active #menu:before{ display:block}
.menu li{ float:none; padding:0}
.menu li a {
    font-size: 30px;
    color: #fff;
    line-height: normal;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 30px;
}
.menu li a i{ display:inline-block; position:absolute; right:60px; top:30px}
.menu .child_menu{
	background: #119466;
}

.menu li ul li{
	width: 100%;
}

.menu li[lang='6'] ul li{
	width: 100% !important;
}

.menu li.home {
    padding-left: 10px;
}

.menu li a{ position:relative}
.menu li .sub_menu{ padding:15px 0; width:100%; position:static; background:rgba(255,255,255,0.1);}
.menu li ul li a, #menu li.selected li a{ padding:10px 60px; font-size:25px;}
.menu li a:hover, .menu li ul li a:hover,.menu li a.mon{ color:#119566;background:#c9ebdd}
.menu li ul li a:hover, #menu li.selected li a:hover {color:#119566; background:#c9ebdd }
}
@media(max-width:680px){
#menu ul.dropdown,#menu:before{ width:80%}
.menu li a{ font-size:25px;}
.menu li ul li a{ font-size:20px}
}
@media(max-width:500px){
.menu li a i{right:30px; top:15px}
.menu li a{ font-size:20px; padding:12px 35px;}
.menu li ul li a{ font-size:18px;padding:10px 35px;}
.menu li .sub_menu{ padding:10px 0}
}
@media(max-width:400px){
.header a.logo{ height:20px;width:60px;}
.header{ padding-top:23px; padding-bottom:23px}
#menu ul.dropdown,#menu:before{ width:90%}
}
/***/
footer{background:#1e1e1e; color:#fff; text-transform:capitalize; color:#fff; padding:50px 0;}
footer *{ color:#fff}
footer li{float:left;margin-right: 60px;}
footer li.about {width: 300px;}
footer li.contact{width:450px;border-left: 1px solid rgba(255,255,255,0.2);padding-left:80px;margin-right:0;}
footer li b{ margin-bottom:15px; display:block}
footer li b a{ font-size:18px; text-transform:uppercase; display:block;line-height:1.2}
footer li b:after{ display:inline-block; width:40px; height:1px; background:#119466; content:"";}
footer li p a{color: #9a9898;font-size:16px;line-height:1.2;}
footer li p a:hover{ color:#fff}
footer li p{ padding-top:5px; display:block}
footer li.contact *{ color:#c3c3c3; line-height:1.2; font-size:16px;}
footer li.contact .tel{ display:block; color:#119466; font-size:42px; font-weight:bold; margin-bottom:30px}
footer li.contact .time{ margin-bottom:30px; text-transform:none}
copyright{color: #9a9898;font-size:16px;line-height:1.2;margin-top:50px;display:block;position:relative;}
copyright *{color: #9a9898;}
copyright a{ vertical-align:top;}
copyright a.icp{ margin-left:10px}
copyright a:hover{ color:#fff}
.share_link{ position:absolute; right:0; top:0; width:450px; padding-left:50px}
.share_link a{/* background:url(../images/icon_share.png) no-repeat left top;*/ height:24px; width:24px; display:block; float:left; margin-left:10px;
/*filter:alpha(opacity=50); -webkit-opacity:.5; -moz-opacity:.5; -khtml-opacity:.5; -ms-opacity:.5; -o-opacity:.5; opacity:.5*/}
.share_link a img{ width:100%; height:100%}
.share_link a:hover{filter:alpha(opacity=100); -webkit-opacity:1; -moz-opacity:1; -khtml-opacity:1; -ms-opacity:1; -o-opacity:1; opacity:1}
.share_link a.facebook{background-position:-34px center}
.share_link a.twitter{background-position:-68px center}
.share_link a.instagram{ background-position:-102px center}
.share_link a.sina{ background-position:right center}
.share_link a{ transition-duration: .3s;
-ms-transition-duration: .3s;
-moz-transition-duration: .3s;
-webkit-transition-duration: .3s;
}
.share_link a:hover{-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);}
@media(max-width:1680px){
footer li{ margin-right:45px}
footer li.contact{ float:right; padding-left:0px; border:0; width:365px}
footer li[lang="4"]{ margin-right:0}
.share_link{ width:375px; padding-left:0}
}

@media(max-width:1674px){
footer li.contact{}	
}


@media(max-width:1440px){
	footer li.about {
		width: 200px;
	}
	footer li{ margin-right:30px}	
}


@media(max-width:1330px){
footer li{ margin-right:12vw}	
footer li.contact{ width:100%; margin-top:10px;}
.share_link{ width:188px;}
footer li.contact .tel{ margin-bottom:15px}

	footer li.about {
		width: 100%;
		margin-bottom: 25px;
	}
}
@media(max-width:1085px){
footer li{ margin-right:10vw}	
.share_link{ width:188px; position:static; margin-top:15px}
.share_link a:first-child{ margin-left:0}
}
@media(max-width:900px){
footer li{ display:none}
footer li.contact{ width:100%; margin-top:0px; display:block}
footer{ padding:30px 0}
copyright{ margin-top:30px}
.maps{ display:none}
footer li.contact .time{ margin-bottom:0}
copyright a.icp{ display:block; margin-left:0}
}
@media(max-width:1000px){
	.lang {
	    position: absolute;
	    right: 140px !important;
	    top: 15px !important;
	}
}
@media(max-width:680px){
	
}
@media(max-width:500px){
footer li.contact .tel{ font-size:35px}
}
@media(max-width:400px){
footer li.contact .tel{ font-size:35px}
}
/**/
body .pagination{ margin-top:35px}
body .pagination ul{ text-align:center}
body .pagination li{margin:5px; display:inline-block; float:none; border:0; background:none}
body .pagination li a,body .pagination li span{background:#fff;width:36px; height:36px;line-height:34px; display:block; border:1px solid #eee; font-size:16px;-webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px; }
body .pagination li a:hover{ border-color:#119466; color:#119466 }
body .pagination li.active span{border-color:#119466; color:#fff; background:#119466}
body .pagination li.disabled span{ background:rgba(0,0,0,0.1); cursor:not-allowed!important}


@media screen and (max-width:1680px) {
	.menu li {
	    padding: 0 15px;
	}
	
	.menu li a {
	    font-size: 14px;
	    line-height: 54px;
	}
	
	
	
	.menu li ul li a, #menu li.selected li a {
	    font-size: 13px;
	}
}

@media screen and (max-width:1440px) {
	.menu li {
	    padding: 0 10px;
	}
}

@media screen and (max-width:1280px) {
	
	.menu li a {
	    font-size: 13px;
	}
	
	.menu li ul li a, #menu li.selected li a {
	    font-size: 12px;
	}
	
	.action_icon a {
	    font-size: 12px;
	    padding: 0 10px;
	}
	.action_icon a.login {
	    background: url(../images/icon_u.png) no-repeat 10px center;
	    padding-left: 45px;
	}
	
	.action_icon a.reg {
	    padding: 0 10px;
	}
}