/*==================================*/
body[class*=met-navfixed] { padding-top: 60px }
body.met-navfixed-langlist { padding-top: 110px }
.met-nav { min-height: 60px; -o-box-shadow: none; -ms-box-shadow: none }
.met-nav.navbar-shadow { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, .1); -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, .1); box-shadow: 0 1px 2px rgba(0, 0, 0, .1) }
.met-news .met-news-body, .met-news-bar { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); -o-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, .05) }
.met-nav .navbar-logo { height: 51px; margin: 0; margin-left: 0 !important; padding: 0; display: none }
.met-nav .navbar-logo img { max-height: 51px }
.met-nav .navbar-toggle { height: 60px }
.met-nav .nav > li > a { color: #2a333c !important; -moz-transition: background .5s; -o-transition: background .5s }
.met-nav .dropdown.open > a, .met-nav .nav li a.active, .met-nav .nav > li > a:hover { color: #DAB866 !important }
.met-nav .dropdown.open > a, .met-nav .nav > li > a:hover { background: #fff !important }
.met-nav .nav > li.openallsub.open .dropdown-menu { display: block }
.met-nav .nav > li.openallsub.open .dropdown-menu .dropdown-submenu > a:after { display: none }
.met-nav .nav > li.openallsub.open .dropdown-menu .dropdown-menu { position: static; float: none; border-right: none; border-left: none }
.met-nav .nav > li.openallsub.open .dropdown-menu .dropdown-menu li a { padding: 5px 15px 5px 30px }


.ha_list{
	margin-top: 50px;
}
.ha_list ul{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    position: relative;
}
.ul_div{
	position: absolute;
	top: 0;
	left: 0;
	width: 1500px;
	height: 100%;
	background: #DAB866;
	z-index: 0;
}




.ha_list ul li{
	width: 30%;
	padding: 20px 0;
	padding-left: 90px;
	border-right: 1px solid #FFFFFF;
	z-index: 1;
	margin-left: 3%;
}
.ha_list ul li:first-child{
	margin-left: 0;
}
.ha_list ul li h2{
	font-size: 18px;
	color: #FFFFFF;
}
.ha_list ul li span{
	color: #F0F0F0;
	font-size: 16px;
	text-transform: uppercase;
}

.ha_list ul li:nth-child(1){
	background: url(//static.xypt.net.cn/8394f689/21/07/d766f38452929c0cabe92d21632b5c2c7a0279c8.png) no-repeat 0px 50%;
}
.ha_list ul li:nth-child(2){
	background: url(//static.xypt.net.cn/8394f689/21/07/6e9b0e11936dab2e677cd60a8ffe8a4550cf2fc5.png) no-repeat 0px 50%;
}

.ha_list ul li:nth-child(3){
	background: url(//static.xypt.net.cn/8394f689/21/07/4655dac60c0fc82268727e65efdabf0fa875e2fd.png) no-repeat 0px 50%;
	border-right: none;
}


.sb_show{
	padding: 80px 0 30px;
}
.sb_show .swiper-slide p{
	font-size: 16px;
	color: #666666;
	margin-top: 5px;
	text-align: center;
}
.sb_title{
	margin: 0 0 20px;
}
.sb_title h2{
	color: #dab866;
	font-size: 30px;
	font-weight: bold;
	background: url(//static.xypt.net.cn/8394f689/21/07/007292e4a66a1e7bf5c37df532b7b7e0029d55f8.png) no-repeat 150px 80%;
}
.sb_title p{
	font-size: 16px;
	color: #666666;
	margin-top: 5px;
}

.sb_show .home1_swiper{
	margin-top: 20px;
}
.sb_show .fade_wrap{
	overflow: hidden;
	
}
.sb_show .fade_wrap img{
	display: block;
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari 和 Chrome */
	-o-transition: all 1s; /* Opera */width:100%;
}
.sb_show .fade_wrap .img_b{
	position: relative;
	display: block;
	overflow: hidden;
}
.sb_show .fade_wrap .img_b::after{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.6);
	opacity: 0;
	transition: all .5s;
	-moz-transition: all .5s; /* Firefox 4 */
	-webkit-transition: all .5s; /* Safari 和 Chrome */
	-o-transition: all .5s; /* Opera */
}
.sb_show .fade_wrap:hover .img_b::after{
	opacity: 1;
}
.sb_show .fade_wrap:hover img{
	transform:scale(1.06);
 	-webkit-transform:scale(1.06);
	-moz-transform:scale(1.06);
 	-o-transform:scale(1.06);
 	/*-webkit-filter: grayscale(80%);
    -moz-filter: grayscale(80%);
    -ms-filter: grayscale(80%);
    -o-filter: grayscale(80%);
    filter: grayscale(80%);
    filter: gray;*/
}

.num_box{
	padding: 25px 15px;
	background: #DAB866;
	color: #FFFFFF;
	text-align: center;
	margin-right: 15px;
}
.num_box.pr{
	margin-left: 15px;
	margin-right: 0;
}

.num_box .nb{
	font-size: 36px;
	border-bottom: 1px solid #FFFFFF;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
.num_box .nb_text{
	font-size: 24px;
	white-space: nowrap;font-weight:bold;
}

.message_box{
	padding: 50px 0 40px;
	background: url(//static.xypt.net.cn/8394f689/21/07/f53fdc055324c33280630d0a3f79421da7477a8f.jpg) ;
}
.message_box h2{
	text-align: center;
	font-size: 26px;
	color: #ffffff;
	margin: 0 0 25px;font-weight:bold;
}
.message_info{
	background: #FFFFFF;
	padding: 0 30px 25px;
}

.message_info table,.message_info table tbody{
	display: block;
	width: 100%;
}
.message_info tr{
	float: left;
	width: 33.33%;
	margin-top: 25px;
	padding-right: 15px;
}
.message_info tr:nth-child(4){
	width: 66.66%;
}


.message_info td.text{
	display: none;
}

.message_info td .info{
	display: none;
}
.message_info .input{
	width: 100%;
	display: inline-block;
}
.message_info .input input{
	line-height: 36px;
	border: 1px solid #D6D6D6;
	padding-left: 10px;
	width: 100%;
}
.message_info td.submint{
	width: 100%;
	display: inline-block;
}
.message_info td.submint .submit{
	line-height: 36px;
	background: #1D2088;
	text-align: center;
	width: 100%;
	color: #FFFFFF;
	font-size: 18px;
}

.home6 ul{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 90px;
}
.home6 ul li{
	width: calc((100%)/6);
}
.lc_box{
	background: #E5E5E5;
	padding: 20px 20px;
	width: 150px;
	text-align: center;
	margin: 0 auto;
}

.home6 ul li img{
	margin-top: -60px;
}
.lc_box img:nth-child(2){
	display: none;
}

.home6 ul li h2{
	font-size: 16px;
	color: #242424;
	margin: 20px 0 10px;
}
.home6 ul li span{
	font-size: 14px;
	color: #717171;
}

.home6 ul li:hover img:nth-child(1){
	display: none;
}
.home6 ul li:hover img:nth-child(2){
	display: inline-block;
}




.news_txt{
	padding: 20px 15px;
	background: #FFFFFF;
}

.news_txt h2{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	margin: 10px 0;
}

.news_txt p{
	font-size: 14px;
	color: #999999;
	line-height: 1.9;
}
.news_txt span{
	display: inline-block;width:100%;line-height:28px;
	margin-top: 20px;
	color: #666666;background:url(//static.xypt.net.cn/8394f689/21/07/69223c7a3ef44f9a9be1202c9c96fe5f12a9439a.png) no-repeat right center;
}

.home7 .home1_swiper .swiper-slide{
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,.2);
}
.home7 .home1_swiper .swiper-slide:hover{
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,.5);
}
.home7 .swiper-container{
	padding: 0 5px 10px;
}

.foot_box{
	background: #24211d;
	padding: 50px 0 30px;
	color: #FFFFFF;
}

.nav_lbox{
	float: left;
	width: 30%;
}

.nav_lbox h2{
	font-size: 26px;
	color: #dab866;
	margin: 0 0 20px;font-weight:bold;

}
.nav_lbox span{
	font-size: 14px;
	color: #dab866;
	line-height: 2;
}

.ksdh{
	float: left;
	width: 30%;
	margin-left: 10%;
	margin-right: 10%;
}
.ksdh h2{
	font-size:18px;
	color: #dab866;
	padding-bottom: 10px;
	border-bottom: 1px solid #7c7a78;
	margin: 0 0 20px;font-weight:bold;
}

.ksdh ul{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.ksdh ul li{
	width: 25%;
	margin-bottom: 18px;
}
.ksdh ul li a{
	font-size: 16px;
	color: #a2894f;font-weight:bold;
}

.nav_wx{
	float: left;
	width: 20%;
	text-align: right;
}
.nav_wx img{
	max-width: 100%;
}
.foot_pw{
	padding: 15px 0;
	background: #111111;
	color: #dab866;
	font-size: 12px;
}

.foot_pw a{color: #dab866;}







.zq_clear{
	clear: both;
}
.hidden-xs #metPageB{
	display: none;
}

@media (max-width:767px) {
    .met-nav .nav > li.openallsub.open .dropdown-menu .dropdown-menu li a { padding-left: 35px }
}


.top_tell{
	padding-left: 65px;
	background: url(../images/top_tell_icon.png) no-repeat 0 55%;
	text-align: left;
	margin-top: 30px;
	float: left;
	
}
.top_tell span{
	color: #1e1e1e;
	font-size: 16px;
	text-transform: uppercase;
}

.top_tell h2{
	font-family: impact;
	margin: 0;
	color: #1e1e1e;
	font-size: 36px;
}





.top_search .navsearch_input input {
    padding: 0;
    color: #7F7F7F;
    padding-left: 5px;
    font-size: 12px;
    font-weight: normal;
    min-width: 170px;
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
}
.top_search .searchgo {
    position: relative;
    left: -5px;
	top: 11px;
}

.top_lan{
	margin: 50px 15px 15px 50px;	
	float: left;
}
.top_lan a{
	padding: 0 10px;
	color: #8D8D8D;
	font-size: 12px;
	padding-left: 20px;
	line-height: 30px;
	
}
.top_lan a:nth-child(1){
	background: url(../images/en.jpg) no-repeat 0 50%;
}
.top_lan a:nth-child(2){
	background: url(../images/cn.jpg) no-repeat 0 50%;
}

.procate_title{
	text-align: center;
	padding-top: 30px;
	margin-bottom: 30px;
}
.procate_title span{
text-transform: uppercase;
    font-size: 24px;	
	padding: 0 0 20px;
    background: url(../images/op_title.jpg) no-repeat 50% 100%;
    cursor: pointer;
    
}

.procate_title span::before,.procate_title span::after {
	display: inline-block;
	opacity: 0.7;
	transition: transform 0.3s ease 0s, opacity 0.2s ease 0s;
	font-weight: normal;
}

.procate_title span::after {
	content: "/";
	margin-left: 40px;
	transform: translateX(-2px);
}
.procate_title span::before {
	content: "/";
	margin-right: 40px;
	transform: translateX(2px);
}

.procate_title span:hover::before, .procate_title span:hover::after, .procate_title span:focus::before, .procate_title span:focus::after {
	opacity: 1;
	transform: translateX(0px);
}
.procate_title span:hover, .procate_title span:hover {
	color: #47aa42;
}


.nav_cate{
	padding: 50px 0 50px;
	background:#F4F3EF url(../images/cate_bg.jpg) no-repeat;
}

.nav_cate .slick-slide{
	padding: 0 15px;
	
}
.nav_cate .owl-item img{
	display: block;
	width: 100%;
	transition: 3s;
  -moz-transition: 3s; /* Firefox 4 */
  -webkit-transition:3s; /* Safari 和 Chrome */
  -o-transition: 3s; /* Opera */
}

.nav_cate .owl-item:hover img{
  transform: scale(1.05);
  -ms-transform: scale(1.05);  /* IE 9 */
  -moz-transform: scale(1.05);  /* Firefox */
  -webkit-transform: scale(1.05); /* Safari 和 Chrome */
  -o-transform: scale(1.05);  /* Opera */
 }
 
.nav_cate .owl-item a{
	display: block;
	border-radius:5px;
	overflow: hidden;
}
.nav_cate .owl-item span{
	display: block;
	background: #FFB5B5;
	padding: 20px 4% 25px;
	font-family: arial;
	color: #FFFFFF;
	font-size: 16px;
}


.nav_cate .slick-dots{
	display: none!important;
}
.nav_cate .owl-nav .owl-next,.nav_cate .owl-nav .owl-prev{
	width: 63px;
	height: 108px;
	position: absolute;
	top: calc((50% - 54px));
	font-size: 0;
}
.nav_cate .owl-nav .owl-prev{
	background: url(../images/igoleft_a.png) no-repeat;
	left: -73px;
}
.nav_cate .owl-nav .owl-next{
	background: url(../images/igoright_a.png) no-repeat;
	right: -73px;
}

.pub_blue_title{
	text-align: center;
	margin: 0 0 50px;
}
.pub_blue_title span{
	display: inline-block;
	width: 406px;
	height: 71px;
	line-height: 71px;
	background: url(../images/pub_blue_title.png) no-repeat;
	color: #FFFFFF;
	font-family:"mvboli";
	font-size: 36px;
	text-transform: uppercase;
	max-width: 100%;
	background-size:100% ;
}

.pub_white_title{
	text-align: center;
	margin: 0 0 50px;
}
.pub_white_title span{
	display: inline-block;
	width: 454px;
	height: 71px;
	line-height: 71px;
	background: url(../images/pub_white_title.png) no-repeat;
	color: #65c5bc;
	font-family:"mvboli";
	font-size: 36px;
	text-transform: uppercase;
	max-width: 100%;
	background-size:100% ;
}
.pub_white_title.pcase_title span{
	font-size: 30px;
}

.met-index-product{
	padding: 60px 0;
}





.nav_cate ul{
	/*margin: 0 -10px;*/
}

.nav_cate ul li{
	float: left;
	width: calc((33.33% - 20px));
	margin: 0 10px;
	position: relative;
	overflow: hidden;
}


.nav_cate ul li img{
	width: 100%;
	transition: 3s;
	display: block;
}
.nav_cate ul li:hover img{
	transform: scale(1.1);
}
.pj_intros{
	position: absolute;
	width: 100%;
	bottom: 0;
}

.pj_intros h4{
	font-family: arial;
	font-size: 22px;
	margin: 0;
	color: #FFFFFF;
	line-height: 45px;
	background: rgba(0,0,0,.3);
	text-align: center;
	transition: .3s;
}

.nav_cate ul li:hover .pj_intros h4{
	background: rgba(0,0,0,.7);
}

.pj_intros .pj_more{
	font-family: "Adobe Garamond Pro";
	font-size: 20px;
	color: #d30202;
	padding-right: 25px;
	background: url(../images/nc_more.png) no-repeat 100% 50%;
}

.home_zs_banner img{
	width: 100%;
}

.about_info{
	padding: 60px 0;
	background: #F1F1F1;
}

.info_la{
	float: left;
	width: 40%;
}
.info_la img{
	width: 100%;
}
.info_la .slick-dots{
	bottom: 15px!important;
	text-align: right;
	padding-right: 5%;
}
.info_la .slick-dots li{
	background: #FFFFFF;
}
.info_la .slick-dots li.slick-active{
	background: #C3963F;
}
.info_la .slick-dots li button{
	display: none;
}
.info_la .slick-slide img{
	width: 100%;
}



.info_lb{
	float: left;
	width: 60%;
	padding-left:20px;
	word-break: break-word;
}
.info_lb h2{
	color: #353535;
	font-size: 45px;
	margin: 0 0 10px;
	font-weight: bold;
}
.info_lb span{
	font-size: 16px;
	color: #777777;
	line-height: 1.8;
	display: inline-block;
	/*text-align: justify;*/
}

.info_rc{
	float: left;
	width: 20%;
}

.info_rc img{
	max-width: 100%;
}


.sv_box{
	padding: 50px 0 60px;
	background:url(../images/sever_img.jpg)  50% 0%;
}

.sv_box h3{
	font-family: arial;
	font-weight: bold;
	font-size: 44px;
	color: #FFFFFF;
	margin: 0 0 40px;
	text-align: center;
}
.sv_box ul{
	margin: 0 -13px;
}
.sv_box ul li{
	float: left;
	width: calc((33.33% - 26px));
	margin: 0 13px;
	border: 8px solid #FFFFFF;
	padding: 30px 5px 30px 115px;
}
.sv_box ul li:nth-child(1){
	background: url(../images/sv1.png) no-repeat 30px 50%;
}
.sv_box ul li:nth-child(2){
	background: url(../images/sv2.png) no-repeat 30px 50%;
}
.sv_box ul li:nth-child(3){
	background: url(../images/sv3.png) no-repeat 30px 50%;
}
.sv_box ul li h2{
	font-family: arial;
	font-size: 28px;
	color: #FEFEFE;
	margin: 0 0 5px;
}
.sv_box ul li span{
	font-family: arial;
	font-size: 14px;
	color: #FEFEFE;
}

.contact_us{
	padding: 80px 0 60px;
}
.contact_box{
	padding: 50px 0 40px;
	background: url(../images/contact_bg.jpg) no-repeat;
	padding-left: 10%;
}
.contact_title{
	text-align: center;
	margin: 0 0 50px;
}
.contact_title h2{
	font-family: arial;
	font-weight: bold;
	font-size: 42px;
	color: #353535;
	margin: 0 0 30px;
}
.contact_title span{
	color: #606060;
	font-family: arial;
	font-size: 16px;
}
.contact_left{
	float: left;
	width: 60%;
	padding-right: 5%;	
}
.contact_left table,.contact_left tbody{
	display: block;
	width: 100%;
}

.contact_left tr .text,.contact_left tr .info{
	display: none;
}
.contact_left tr{
	display: block;
	margin: 0 0 20px;
	width: 100%;
}
.contact_left tr td{
	display: block;
	width: 100%;
}
.contact_left tr .input textarea{
	display: block;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	min-height: 180px;
	max-height: 180px;
	outline: none;
	border: none;
	background: #FFFFFF;
	padding-left: 10px;
	padding-top: 10px;
	font-family: arial;
	color: #000000;
	font-size: 15px;
}


.contact_left tr .input .input-text{
	display: block;
	line-height: 45px;
	width: 100%;
	background: #FFFFFF;
	border: none;
	padding-left: 10px;
	font-family: arial;
	color: #000000;
	font-size: 15px;
	text-transform: capitalize;
	outline: none;
}


.contact_left tr .submint .submit{
	display: block;
	float: right;
	width: 95px;
	height: 30px;
	line-height: 30px;
	border: none;
	background: #E50112;
	font-family: arial;
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
	text-transform: capitalize;
}



.contact_right{
	float: left;
	width: 40%;
}
.contact_right h2{
	color: #606060;
	font-family: arial;
	font-weight: bold;
	font-size: 25px;
	margin: 0 0 10px;
}

.contact_right div{
	color: #606060;
	font-family: arial;
	font-size: 15px;
}




.nv_bt_left {
    width: 70%;
    float: left;
    text-align: left;
    margin: 0 !important;
}
.ecofootbg .met-footnav h4 {
    color: #fff;
    /*margin: 0 0 17px;*/
    position: relative;
    text-align: left;
    font-size: 1.33rem;
    background: url(../images/ftlist.png) no-repeat 0 50%;
    padding-left: 10px;
}


.UHBn85vHwb{
	float: right;
    box-sizing: border-box;
    text-align: left;
    width: auto;
    width: 30%;
    
}

.UHBn85vHwb h5{
	font-size: 16px;
    margin: 0;
    color: #FFFFFF;
    font-weight: bold;
    height: 30px;
    line-height: 30px;	
}
.UHBn85vHwb p{
line-height: 1.3;
    margin: 0;
    color: #cfcfcf;	
}
._2ASbYHvIdt{
	    margin: 1em 0;
}
._2a1y5NW2sj{
	    display: inline-block;
    vertical-align: middle;
}
._2a1y5NW2sj input{
line-height: normal;
    height: 30px;
    border: 0px solid #cfcfcf;
    background: #FFFFFF;
    color: #cfcfcf;
    padding: 0 5%;
    box-sizing: border-box;
    width:200px;
    font-size: 12px;	
}
.AYi1-eg-aY{
    display: inline-block;
    vertical-align: middle;	
}


.emailgo{
	background: #cfcfcf;
    color: #242424;
    text-align: center;
    width: 120px;
    border: 0;
    line-height: 30px;
    font-size: 1.2em;
    border-radius: 1.4em;
    padding: 0 .5rem;
    cursor: pointer;
    font-size: 12px;	
    display: block;
    float: right;  
}


.AYi1-eg-aY button{
    background: #FFFDFD;
    color: #9e9e9e;
    text-align: center;
    width: 90px;
    border: 0;
    font-size: 1.2em;
    border-radius: 12px;
    padding: 1px 0;
    cursor: pointer;
    font-size: 12px;

}

footer .met-langlist{
	display: none;
}







 
 
 
@media (min-width: 768px){
.jbk{
	height: 343px;
}
.jhk{
	height: 172px;
}

._2a1y5NW2sj input{
	width: 200px;
}

.AYi1-eg-aY button{
	width: 80px;
}

.emailgo{
	width: 75px;
}

}
 
@media (max-width: 1200px) {
.show_left{
	
	margin: 0 auto;
	float: none!important;
	width: 290px!important;
}	
	
.show_right{
	width: 850px!important;
    margin: 0 auto;
    float: none!important;
}	
.draggable{
	width: 100%!important;
}

}

@media (max-width: 768px){ 
	
.nv_bt_left{
	
	margin: 0 auto;
	float: none;
	width: 100%;
	height:auto!important
}

.nv_bt_left .foot_wx{
    float: none!important;
    width: auto!important;
    margin-right: 0!important;
    text-align: center;
}
.nv_bt_left .foot_content{
	text-align: center;
    width: auto!important;
  	margin: 10px 0;
  	float: none!important;
}

.ecofootbg .met-footnav h4{
	text-align: center!important;
}
.met-nav-right-shop{
	display: none;
}
.UHBn85vHwb{
	width: 100%;
	text-align: center;
}

._2a1y5NW2sj{
	display: block!important;
	margin-bottom: 10px;
}

.accordion{
	/*display: block!important;*/
}

.ft_tools {
    width: 210px;
    margin: 0 auto;
}
.foot_cont{
	float: none!important;
	text-align: center!important;
	margin: 0 auto;
	width: 50%!important;
}

}



.ft_tools{    


}
.ft_tools li{    
float: left;
margin: 0 8px;
}
.ft_tools li a{
	margin: 0!important;
}
.ft_tools li:first-child{
	margin-left: 0px;
}
.uh_p{
	font-size: 12px;
	color: #FFFFFF!important;
	    margin-top: 1em !important;
}

.draggable{
	/*width: 1200px;*/
	margin: 0 auto;
}
.ab_conttt{
    font-size: 16px!important;
    color: #747474!important;	
}
.nv_bt_left .foot_wx{
	float: left;
    width: 19%;
    margin-right: 3%;	
}
.nv_bt_left .foot_wx img{
	max-width:100% ;
}
.nv_bt_left .foot_content{
	width: 78%;
    float: left;
}
.nv_bt_left .foot_content p{
	margin: 0;
}



/* scroll */
.scroll{margin:0 auto;position:relative;overflow:hidden;}
.picbox{height:750px;overflow:hidden;position:relative;}
.picbox ul{padding-top:5px;}
.picbox ul li{
	float: left;
	/*width: 25%;*/
	width: 265px;
	margin-top: 15px;
	margin-right: 10px;
}
.picbox ul li span{
	display: block;
	padding: 18px 10%;
    text-align: center;
    background-color: #f6f6f6;
    min-height: 72px;
    font-size: 12px;
    text-transform: uppercase;
    color: #636363;
    display: block;
}
.piclist{position:absolute;left:0px;top:0px;}
.swaplist{position:absolute;left:-3000px;top:0px;}

/* btn */
.og_prev, .og_next{width:30px;height:60px;background:url(../images/btn.png) no-repeat;position:absolute;top:117px;z-index:99;cursor:pointer;}
.og_prev{background-position:0 0;left:0px;}
.og_prev:hover{background-position:0 -60px;}
.og_next{background-position:-30px 0;right:0px;}
.og_next:hover{background-position:-30px -60px;}

/* goodlist */
.goodlist{width:221px;margin:10px 0;padding:0px 5px;border-right:1px dotted #DED7D1;margin-right:-1px;float:left;}
.goodlist .pics{overflow:hidden;display:block;float:left;}
.goodlist .pics img{width:75px;height:120px;}
.goodlist div{float:right;width:130px;overflow:hidden;}
.goodlist div a.title{width:100%;height:22px;line-height:22px;display:block;color:#363636;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;}
.goodlist div span.en{width:100%;height:22px;line-height:22px;display:block;color:#666;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;}
.goodlist div span.change-price{font-weight:bold;color:#D63C3C;padding-right:5px;}
.goodlist div span.max-price{color:#999;text-decoration:line-through;}
.goodlist div a.exchange{font-size:12px;padding:4px 10px;text-align:center;#padding-top:6px;#padding-bottom:2px;color:#fff;display:none;text-decoration:none;background:#C75151;float:left;border-radius:2px;}
.goodlist div a.exchange:hover{background:#973434;}
.goodlist div p{padding:5px 0;}




.new-arrivals{
	display: none;
}


@media (max-width:1200px) {
	
   .new-arrivals{
   	
	display: block;
	}
	.pro_scroll{
		display: none;
	}
	

}


.met-nav .dropdown-menu.overflow-visible .dropdown-submenu:hover .dropdown-menu { display: table }
.met-nav .dropdown-menu > .dropdown-submenu.dropdown-menu-left .dropdown-menu { left: auto; right: 100% }
.met-nav .met-langlist { height: 60px; margin: 0 !important }
.met-nav .met-langlist .dropdown-menu { top: 48px; bottom: auto }
.met-nav .met-langlist .modal { background: rgba(0, 0, 0, .3) }
.met-nav .navlist.flex {  display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: flex }
.met-nav .navlist.flex > li { flex: 1; text-align: center }
.met-nav .navlist.flex > li > a { height: 46px; line-height: 46px }
.met-nav .navlist.flex > li > .dropdown-menu { top: 55px }

@media (min-width:768px) {
    .met-nav.navbar-fixed-top .navbar-collapse { padding: 0 15px }
    .met-nav .nav-langlist > :first-child { margin-right: 120px }
    .met-nav .nav > li > a { padding-top: 0; padding-bottom: 0; height: 60px; line-height: 60px }
    .met-nav .dropdown-menu { top: 65px }
    .met-nav .dropdown-menu.bullet { top: 60px }
    .met-nav .met-nav-login { height: 60px; padding-top: 0; margin-left: 30px }
    .met-nav .met-langlist { position: absolute; right: 0; top: 0 }
}

@media (max-width:991px) {
    .met-nav .navlist > li { margin-left: 10px !important }
    .met-nav .nav-shop .navlist > li { margin-left: 0 !important }
    .met-nav .met-nav-login { margin-left: 10px }
}

@media (max-width:767px) {
    .met-nav .navbar-logo img { max-width: 130px }
    .met-nav .navlist > li { margin-left: 0 !important }
    .met-nav .dropdown-menu.bullet:after, .met-nav .dropdown-menu.bullet:before { display: none }
    .met-nav .dropdown-menu.animate.overflow-visible .dropdown-menu, .met-nav .dropdown-menu.dropdown-menu.animate { width: 100% }
    .met-nav .dropdown-menu.animate.overflow-visible .dropdown-menu > li > a, .met-nav .dropdown-menu.dropdown-menu.animate > li > a { width: 100%; white-space: normal; word-break: break-all }
    .met-nav .dropdown-menu .dropdown-submenu .dropdown-menu > li > a { padding-left: 40px }
    .met-nav .navbar-logo { margin-left: 10px !important }
    .met-nav.navbar-fixed-top .navbar-collapse-toolbar { max-height: 340px; overflow-y: auto }
    .met-nav .met-nav-login, .met-nav .met-nav-right-shop { margin: 12px 0 0 !important }
    .met-nav .met-langlist { float: right; margin-right: 5px !important }
    .met-nav .met-langlist .btn { padding: 6px 10px }
}

.met-banner { width: 100%; margin: 0 !important; display: table }
.met-banner.fixedheight { display: -moz-deck }
.met-banner .slick-slide:first-child, .met-banner.slick-slider { display: block }
.met-banner.fixedheight .slick-slide { height: 100% }
.met-banner.fixedheight .slick-slide img { width: auto; height: 100%; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) }
.met-banner.banner-ny-h { height: 150px }
.met-banner.banner-ny-h .slick-slide img { min-height: 100px }

@media (max-width:991px) {
    .met-banner.banner-ny-h { height: 100px }
}

.met-banner .slick-list, .met-banner .slick-track { height: 100% }
.met-banner .slick-slide { width: 100%; height: auto; position: relative; overflow: hidden }
.met-banner .slick-slide a { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0 }
.met-banner .slick-slide img { min-height: 150px }
.met-banner .slick-arrow { width: 15%; height: 100%; display: none !important; top: 50%; text-align: center }
.met-banner .slick-arrow.slick-prev { background: linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%); background: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%); background: -moz-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%); background: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%); background: -ms-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1) }
.met-banner .slick-arrow.slick-next { background: linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%); background: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%); background: -moz-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%); background: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%); background: -ms-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1) }
.met-banner .slick-arrow:hover i { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100) }
.met-banner .slick-arrow i { font-size: 70px; color: #fff !important; opacity: .5; -moz-opacity: .5; filter: alpha(opacity=50) }
.met-banner .slick-dots { margin: 0; bottom: 20px }
.met-banner .slick-dots li { margin: 0 2px }

@media (max-width:991px) {
    .met-banner { height: 150px }
}

@media (min-width:768px) {
    .met-banner:hover .slick-arrow { display: block !important }
}

@media (max-width:767px) {
    .met-banner .slick-arrow i { font-size: 50px }
    .met-banner .slick-dots { bottom: 5px }
    .met-banner .slick-dots li { width: 15px; height: 15px; margin: 0 }
}

.met-banner .banner-text { width: 100%; height: 100%; position: absolute; left: 0; top: 0 }
.met-banner .banner-text .container { height: 100%; display: table; text-align: center }
.met-banner .banner-text .container .banner-text-con { display: table-cell; vertical-align: middle }
.met-banner .banner-text.p-1 .container { text-align: left }
.met-banner .banner-text.p-1 .container .banner-text-con div { width: 60%; float: left }
.met-banner .banner-text.p-2 .container { text-align: right }
.met-banner .banner-text.p-2 .container .banner-text-con div { width: 60%; float: right }
.met-banner .banner-text.p-3 { top: 10% }
.met-banner .banner-text.p-3 .container .banner-text-con { vertical-align: top }
.met-banner .banner-text.p-4 { top: auto; bottom: 10% }
.met-banner .banner-text.p-4 .container .banner-text-con { vertical-align: bottom }
.met-banner .banner-text.p-3 .container .banner-text-con, .met-banner .banner-text.p-4 .container .banner-text-con, .met-banner .banner-text.p-5 .container .banner-text-con { width: 60% }
.met-banner .banner-text h4, .met-banner .banner-text p { color: #fff }
.met-banner .banner-text h4 { margin: 0; font-size: 30px; font-weight: 500 }
.met-banner .banner-text p { font-size: 36px; margin: 20px 0 0; text-shadow: none }
.met-banner .banner-text .btn { margin-top: 30px; font-size: 20px }

@media (max-width:991px) {
    .met-banner .banner-text h4 { font-size: 20px }
    .met-banner .banner-text p { font-size: 30px }
}

@media (max-width:767px) {
    .met-banner .banner-text .container, .met-banner .banner-text.p-5 .container .banner-text-con { width: 100% }
    .met-banner .banner-text h4 { font-size: 18px }
    .met-banner .banner-text p { margin-top: 15px; font-size: 24px }
    .met-banner .banner-text .btn { margin-top: 20px; font-size: 16px }
}

@media (max-width:479px) {
    .met-banner .banner-text h4 { font-size: 16px }
    .met-banner .banner-text p { margin-top: 10px; font-size: 20px }
}

.met-banner-ny { background-color: #13a0b2; height: 120px;display: none; }
.met-banner-ny h1, .met-banner-ny h2 { margin: 0; padding: 10px 30px; font-size: 35px; font-weight: 300; text-shadow: none; color: #fff }
.met-position { border-bottom: 1px solid #f0f2f5 }
.met-position.bordernone { border-bottom: none }

@media (max-width:767px) {
    .met-banner-ny { height: 90px }
    .met-banner-ny h1, .met-banner-ny h2 { font-size: 26px }
    .met-position { border-bottom: 1px solid #f0f2f5 }
}

.met-position .breadcrumb { margin: 0; padding: 15px }
.met-position.pattern-show { background: #f2f2f2; border-bottom: none;margin-top: 124px; }
.met-position.pattern-show .breadcrumb { padding: 10px }
.met-column-nav { border-bottom: 1px solid #f0f2f5; text-align: center }
.met-column-nav.bordernone { border-bottom: none }
.met-column-nav .met-column-nav-ul { list-style: none; margin: 0; padding: 10px 0; text-align: center; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-justify-content: center; justify-content: center }
.met-column-nav .met-column-nav-ul > li { white-space: nowrap; display: inline-block; float: none }
.met-column-nav .met-column-nav-ul > li a.link { display: block; padding: 5px 10px; font-size: 16px; font-weight: 300; color: #90939b }
.met-column-nav .met-column-nav-ul > li a.link.active, .met-column-nav .met-column-nav-ul > li a.link:hover { color: #DAB866 }
.met-column-nav .met-column-nav-ul > li > ul > li > a.active { color: #DAB866 !important }
.met-links, .met-links a { color: #5e7387 }
.met-column-nav .met-column-nav-ul > li .dropdown-menu { top: 40px }
.met-column-nav .product-search:first-child { margin-top: 10px }
.met-column-nav .product-search .form-group { max-width: 500px; margin: 0 auto 10px }

@media (max-width:767px) {
    .met-column-nav { border-bottom: 1px solid #f0f2f5 }
    .met-column-nav .row { margin: 0 }
    .met-column-nav .sidebar-tile { height: 54px }
}

.met-links { padding: 15px 0 }
.met-links ol { margin-bottom: 0 }
.met-links .breadcrumb > li + li:before { color: #aaa }
.met-links li { white-space: nowrap }
.met-links li img { height: 40px }
.met-footnav { padding: 40px 0 }

@media (max-width:991px) {
    .met-footnav { padding: 30px 0 }
    .met-footnav .list { margin-bottom: 20px }
}

@media (max-width:767px) {
    .met-footnav { padding: 20px 0 }
    .met-footnav .list { margin-bottom: 15px }
}

.met-footnav h4 { font-size: 18px; margin-top: 0; text-shadow: none }
.met-footnav h4 a { color: #eee }
.met-footnav h4 a:hover { color: #fff }
.met-footnav h4 a:active, .met-footnav h4 a:focus, .met-footnav h4 a:hover { text-decoration: none }
.met-footnav ul { padding: 0; margin-bottom: 0; list-style: none }
.met-footnav ul li { margin-bottom: 3px }
.met-footnav ul li a { color: #eee }
.met-footnav ul li a:hover { color: #fff }
.met-footnav .info em { display: block; font-size: 26px; font-style: normal }
.met-footnav .info em a { color: #eee; transition: color .5s; -moz-transition: color .5s; -webkit-transition: color .5s; -o-transition: color .5s }
.met-footnav .info em a:hover { color: #eee }
.met-footnav .info p, footer { color: #aaa }
.met-footnav .info i { font-size: 26px; cursor: pointer }
.met-footnav .info a { margin: 0 8px }

@media (max-width:991px) {
    .met-footnav .info { margin-top: 0 }
}

footer { height: auto; padding: 20px 0; line-height: 1.8 }
footer p { margin-bottom: 0 }
.met-langlist .flag-icon { margin-right: 3px; font-size: 15px }
.met-langlist .dropdown-menu { min-width: 100% }

@media (max-width:767px) {
    #met-langlist-modal .modal-center { height: auto !important }
}

#met-langlist-modal .modal-content { -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0 }
#met-langlist-modal .modal-content .modal-body { padding: 40px 40px 20px; position: relative }
#met-langlist-modal .modal-content .modal-body .close { position: absolute; right: 10px; top: 0; font-size: 40px }
#met-langlist-modal .modal-content a.btn { padding: 0 15px; border: none; font-size: 16px; height: 50px; line-height: 50px }
.met-news, .met-news-bar .recommend, .met-shownews { border-top: 1px solid #f0f2f5 }
#met-langlist-modal .modal-content a.btn span.flag-icon { margin-right: 8px; top: 7px; font-size: 30px }
.met-show { padding: 30px 0; background: #fff }

@media (max-width:767px) {
    .met-show { padding: 10px 0 }
}

.met-news { padding: 30px 0 }

@media (max-width:767px) {
    .met-news { padding: 0 }
}

.met-news .met-news-body { box-shadow: 0 1px 1px rgba(0, 0, 0, .05) }
.met-news .met-news-list { padding: 30px; background: #fff }

@media (max-width:767px) {
    .met-news .met-news-list { padding: 15px }
}

.met-news .news-headlines { padding-bottom: 30px; border-bottom: 1px solid #f0f2f5; margin-bottom: 30px; overflow: hidden }
.met-news .news-headlines .slick-slide { width: 100%; position: relative }
.met-news .news-headlines .slick-slide:first-child { display: block }
.met-news .news-headlines .headlines-text { width: 100%; position: absolute; left: 0; bottom: 30px; text-align: center }
.met-news .news-headlines .headlines-text h3 { margin: 0; font-size: 20px; line-height: 1.5; color: #fff }
.met-news .news-headlines .slick-dots { bottom: 35px }

@media (max-width:767px) {
    .met-news .news-headlines .headlines-text, .met-news .news-headlines .slick-dots { bottom: 20px }
    .met-news .news-headlines { padding-bottom: 20px; margin-bottom: 20px }
    .met-news .news-headlines .headlines-text h3 { font-size: 16px }
}

.met-news ul.met-page-ajax { padding: 0; list-style: none }
.met-news ul.met-page-ajax li { border-bottom: 1px solid #f0f2f5; padding: 30px 0 }
.met-news ul.met-page-ajax li h4 { margin: 0 0 20px; font-size: 22px }
.met-news ul.met-page-ajax li h4 a { color: #2a333c }
.met-news ul.met-page-ajax li h4 a:hover { color: #DAB866 }
.met-news ul.met-page-ajax li p { font-size: 16px; font-weight: 300 }
.met-news ul.met-page-ajax li p.des { color: #76838f; margin-bottom: 10px }
.met-news ul.met-page-ajax li p.info { margin-bottom: 0; font-size: 16px; font-weight: 300; color: #a3afb7 }
.met-news ul.met-page-ajax li p.info span { margin-left: 10px }
.met-news ul.met-page-ajax li p.info span:first-child { margin: 0 }
.met-news ul.met-page-ajax li p.info i { color: #a3afb7; font-weight: 300 }

@media (max-width:991px) {
    .met-news ul.met-page-ajax li h4 { font-size: 18px; margin-bottom: 10px }
}

@media (max-width:767px) {
    .met-news ul.met-page-ajax li { padding: 20px 0 }
    .met-news ul.met-page-ajax li .media-left { padding-right: 10px }
    .met-news ul.met-page-ajax li .media-left .media-object { width: 100px }
    .met-news ul.met-page-ajax li h4 { font-size: 16px; margin-bottom: 5px }
    .met-news ul.met-page-ajax li p { font-size: 14px }
    .met-news ul.met-page-ajax li p.des { margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical }
}

@media (max-width:349px) {
    .met-news ul.met-page-ajax li .media-body, .met-news ul.met-page-ajax li .media-left { width: 100%; display: block }
    .met-news ul.met-page-ajax li .media-left { padding: 0 }
    .met-news ul.met-page-ajax li .media-left .media-object { width: auto; max-width: 100% }
    .met-news ul.met-page-ajax li .media-body { margin-top: 15px }
}

.met-news.type-3 .met-news-body { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none }
.met-news.type-3 .widget, .met-news.type-3 .widget .widget-body, .met-news.type-3 .widget .widget-header { -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0 }
.met-news.type-3 .widget .widget-title { font-size: 24px }
.met-news.type-3 .widget .widget-title a { color: #2a333c }
.met-news.type-3 .widget .widget-title a:hover { color: #DAB866 }
.met-news.type-3 .widget .widget-metas span { margin-left: 10px }
.met-news.type-3 .widget .widget-metas span:first-child { margin: 0 }

@media (max-width:767px) {
    .met-news.type-3 .widget { margin: 15px 0 0 }
    .met-news.type-3 .widget:first-child { margin: 0 }
    .met-news.type-3 .widget .widget-title { font-size: 18px }
    .met-news.type-3 .widget .widget-body { padding: 15px 10px }
}

.met-news-bar { margin-left: 30px; padding: 20px; background: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, .05) }

@media (max-width:991px) {
    .met-news-bar { margin-left: 0; margin-top: 30px; padding: 30px }
}

@media (max-width:767px) {
    .met-news-bar { margin: 0; padding: 15px }
}

.met-news-bar ul.column { padding: 0; list-style: none }
.met-news-bar ul.column li { margin-bottom: 10px }
.met-news-bar ul.column li a { font-size: 16px; color: #2a333c }
.met-news-bar ul.column li a:hover { color: #DAB866 }
.met-news-bar .recommend { margin: 20px 0; padding: 20px 0; border-bottom: 1px solid #f0f2f5 }
.met-news-bar .recommend h3 { font-size: 18px; font-weight: 300; margin: 0 }
.met-news-bar .recommend .list-group { margin-top: 10px; margin-bottom: 0 }
.met-news-bar .recommend .list-group a { color: #2a333c; font-size: 15px }
.met-news-bar .recommend .list-group a:hover { color: #DAB866 }
.met-shownews { padding: 180px 0 30px}
.met-shownews .met-shownews-body { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); -o-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05) }
.met-shownews .met-shownews-footer, .met-shownews .met-shownews-header { padding: 30px; background: #fff }

@media (max-width:767px) {
    .met-shownews .met-shownews-footer, .met-shownews .met-shownews-header { padding: 10px }
}

.met-shownews .met-shownews-header { padding-bottom: 0 }
.met-shownews h1 { margin: 0 0 5px; font-size: 22px; line-height: 1.5 }
.met-shownews .info { padding-bottom: 20px; border-bottom: 1px solid #f0f2f5; font-size: 16px; font-weight: 300; color: #a3afb7 }
.met-shownews .info span { padding-right: 10px }
.met-shownews .met-shownews-footer { padding-top: 0 }
.met-shownews .met-shownews-footer ul.pager { margin: 0; border-top: 1px solid #f0f2f5; padding-top: 20px }

@media (max-width:767px) {
    .met-shownews .info { padding-bottom: 20px }
    .met-shownews { padding: 0 }
    .met-shownews h1 { font-size: 24px }
    .met-shownews .met-shownews-header { padding-top: 20px }
}

.zq_tools_code { margin-top: 30px; text-align: center; font-size: 0 }

@media (max-width:767px) {
    .zq_tools_code { margin-top: 10px }
}

.zq_tools_code .bdsharebuttonbox { display: inline }
.zq_tools_code .bdsharebuttonbox a { float: none; display: inline-block }
.met-product .container { padding: 30px 0 }
.met-product .container-fluid { padding: 30px }
.met-product .met-grid li { clear: none }
.met-product .widget, .met-product .widget .widget-header, .met-product .widget-body { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -o-border-radius: 0 !important; -ms-border-radius: 0 !important; border-radius: 0 !important }
.met-product .widget-body-footer { margin-top: 15px }
.met-product.type-1 h4 { margin: 0; font-size: 16px; text-align: center }
.met-product.type-1 h4 a { color: #2a333c }
.met-product.type-1 h4 a:hover { color: #DAB866 }
.met-product.type-2 .container-fluid { padding: 15px }
.met-product.type-2 h4 { margin: 0; font-weight: 300 }

@media (max-width:767px) {
    .met-product.type-2 .met-grid { padding-bottom: 10px }
    .met-product.type-2 .met-grid li { background: #f2f2f2 }
    .met-product .container, .met-product .container-fluid { padding: 10px !important }
    .met-product.type-1 .met-grid, .met-product.type-3 .met-grid { margin: 0 -10px 0 0 }
    .met-product.type-1 .met-grid li, .met-product.type-3 .met-grid li { margin-bottom: 10px; padding: 0 10px 0 0 }
    .met-product .widget-body { padding: 15px }
    .met-product .widget-body .widget-body-footer { margin-top: 10px }
}

.no-cssanimations .met-grid li, .no-js .grid li { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100) }
.met-grid li { opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0) }
.met-grid li.shown { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100) }
.met-grid li.animate { -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -o-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); -webkit-animation: moveUp .65s ease forwards; -moz-animation: moveUp .65s ease forwards; -o-animation: moveUp .65s ease forwards; -ms-animation: moveUp .65s ease forwards; animation: moveUp .65s ease forwards }

@-webkit-keyframes moveUp {
    100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100) }
}

@-moz-keyframes moveUp {
    100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100) }
}

@-o-keyframes moveUp {
    100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100) }
}

@keyframes moveUp {
    100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100) }
}

#met-imgs-carousel { min-height: 200px; overflow: hidden }
#met-imgs-carousel.slick-dotted { padding-bottom: 74px }
#met-imgs-carousel .slick-track { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center }
#met-imgs-carousel.slick-slider .slick-slide { width: 100%; cursor: -webkit-grab; cursor: -moz-grab; cursor: grab }
#met-imgs-carousel .slick-slide { width: 100% }
#met-imgs-carousel .slick-slide:first-child { display: block }
#met-imgs-carousel .slick-slide span { display: inline-block }
#met-imgs-carousel .slick-slide img { display: inline }
#met-imgs-carousel .slick-dots { bottom: 0; overflow: hidden; z-index: 2 }
#met-imgs-carousel .slick-dots div { margin: auto; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: flex; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; position: relative }
.zq_pager a, a { transition: all .3s ease }
#met-imgs-carousel .slick-dots li { width: 64px; height: 64px; margin: 0 0 0 10px; opacity: .7; -moz-opacity: .7; filter: alpha(opacity=70); border: 2px solid #ddd }
#met-imgs-carousel .slick-dots li:first-child, .met-showproduct .met-showproduct-list { margin: 0 }
#met-imgs-carousel .slick-dots li.slick-active { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); border-color: #DAB866 }
#met-imgs-carousel .slick-dots li img { width: 60px; height: 60px; object-fit: fill }
#met-imgs-carousel .slick-arrow { width: 15%; height: 100%; top: 50% }
#met-imgs-carousel .slick-arrow:hover i { color: #999 }
#met-imgs-carousel .slick-arrow.slick-prev { text-align: left }
#met-imgs-carousel .slick-arrow.slick-next { text-align: right }
#met-imgs-carousel .slick-arrow i { font-size: 70px; color: #ccc }

@media (max-width:767px) {
    #met-imgs-carousel .slick-arrow i { font-size: 50px }
}

.met-showproduct .para li { margin: 0; padding: 3px 15px; font-size: 14px; line-height: 1.5; color: #5e7387 }
.met-showproduct.pagetype1, .met-showproduct.pagetype1 .less-page-content { background: #f2f2f2 }
.met-showproduct.pagetype1 .met-showproduct-head { background: #fff; padding: 30px 0 }
.met-showproduct.pagetype1 .met-showproduct-head .product-intro h1 { margin-top: 0; font-size: 28px }
.met-showproduct.pagetype1 .met-showproduct-head .product-intro p.description { margin-bottom: 15px; color: #5e7387 }

@media (max-width:992px) {
    .met-showproduct.pagetype1 .met-showproduct-head .product-intro { margin-top: 20px }
}

@media (max-width:767px) {
    .met-showproduct.pagetype1 .met-showproduct-head { padding: 15px 0 }
}

.met-showproduct.pagetype1 .para { margin: 0; padding: 10px 0; border-top: 1px solid #f0f2f5; border-bottom: 1px solid #f0f2f5 }
.met-showproduct.pagetype1 .met-showproduct-body { padding: 30px 0 0 }
.met-showproduct.pagetype1 .met-showproduct-body .panel { -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0 }
.met-showproduct.pagetype1 .met-showproduct-body .product-content-body .met-editor { padding: 0 }
.met-showproduct.pagetype1 .met-showproduct-body .product-content-body .met-editor .para { margin-bottom: 15px; border-top: none }
.met-download, .met-search { border-top: 1px solid #f0f2f5 }
.met-showproduct.pagetype1 .met-showproduct-body .product-content-body .nav-tabs { margin-bottom: 20px }
.met-showproduct.pagetype1 .met-showproduct-body .product-hot h4.example-title { margin-bottom: 15px; font-size: 16px; font-weight: 300 }
.met-showproduct.pagetype1 .met-showproduct-body .product-hot .mob-masonry li { text-align: center; clear: none }

@media (min-width:992px) {
    .met-showproduct .para.blocks-md-4 li:nth-child(4n+3) { clear: none }
    .met-showproduct.pagetype1 .met-showproduct-body .product-content-body .panel { margin-right: 15px }
    .met-showproduct.pagetype1 .met-showproduct-body .product-hot { margin-left: 45px }
    .met-showproduct.pagetype1 .met-showproduct-body .product-hot .mob-masonry li { width: 100% }
}

.met-showproduct.pagetype1 .met-showproduct-body .product-hot .mob-masonry a.img { margin: 0 auto 5px; display: block }
.met-showproduct.pagetype1 .met-showproduct-body .product-hot .mob-masonry a.img img { margin: 0 auto }
.met-showproduct.pagetype1 .met-showproduct-body .product-hot .mob-masonry a.txt { color: #5e7387 }
.met-showproduct.pagetype1 .met-showproduct-body .product-hot .mob-masonry a.txt:hover { color: #DAB866 }
.met-showproduct.pagetype1 .met-showproduct-body .product-hot .mob-masonry p { color: #f96868; margin-bottom: 0 }

@media (max-width:767px) {
    .met-showproduct.pagetype1 .met-showproduct-body { padding: 15px 0 0 }
    .met-showproduct.pagetype1 .met-showproduct-body .panel { margin-bottom: 15px; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none }
    .met-showproduct.pagetype1 .met-showproduct-body .panel-body { padding: 15px }
    .met-showproduct.pagetype1 .met-showproduct-body .product-content-body .panel { margin-right: 0 }
    .met-showproduct.pagetype1 .met-showproduct-body .product-content-body .nav-tabs { margin-bottom: 15px; margin-top: -10px }
    .met-showproduct.pagetype2 nav.navbar .nav { float: none }
}

.met-showproduct.pagetype2 nav.navbar .navbar-toggle, .met-showproduct.pagetype2 nav.navbar h1 { height: 50px; padding-top: 0; padding-bottom: 0 }
.met-showproduct.pagetype2 { background: #fff }
.met-showproduct.pagetype2 .less-page-content { background: #f2f2f2 }
.met-showproduct.pagetype2 nav.navbar { min-height: 50px; margin-bottom: 0; background: #f5f5f5; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0 }
.met-showproduct.pagetype2 nav.navbar.navbar-fixed-top { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, .1); -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, .1); box-shadow: 0 1px 2px rgba(0, 0, 0, .1); background: rgba(255, 255, 255, .95) }
.met-download .met-download-body, .met-message .met-message-body, .met-message .met-message-submit { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); -o-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, .05) }
.met-showproduct.pagetype2 nav.navbar h1 { margin: 0; line-height: 50px }
.met-showproduct.pagetype2 nav.navbar .nav { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: flex }
.met-showproduct.pagetype2 nav.navbar .nav > li > a { padding-top: 0; padding-bottom: 0; height: 50px; line-height: 50px; white-space: nowrap }
.sitemap-list > li > a, .sitemap-list > li > ul > li > a { display: block; line-height: 1; text-decoration: none }
.met-showproduct.pagetype2 nav.navbar .navbar-right li.active a { color: #DAB866 }
.met-showproduct.pagetype2 .content { padding: 30px 0 }
.met-showproduct.pagetype2 .content-2, .met-showproduct.pagetype2 .content-2 .met-editor, .met-showproduct.pagetype2 .content-4, .met-showproduct.pagetype2 .content-4 .met-editor, .met-showproduct.pagetype2 .content-6, .met-showproduct.pagetype2 .content-6 .met-editor { background: #f2f2f2 }

@media (max-width:767px) {
    .met-showproduct.pagetype2 .content { padding: 10px 0 }
    .met-showproduct.pagetype2 .blocks { padding-left: 10px }
    .met-showproduct.pagetype2 .blocks li { width: 50%; word-wrap: break-word }
    .met-showproduct.pagetype2 .blocks li:nth-child(2n+1) { clear: both }
    .met-showproduct.pagetype2 .blocks li .widget { margin-right: 10px }
}

.met-download { padding: 30px 0 }
.met-download .list-group { margin-bottom: 30px }
.met-download .met-download-body { box-shadow: 0 1px 1px rgba(0, 0, 0, .05) }
.met-download .met-download-list { padding: 30px; background: #fff }

@media (max-width:767px) {
    .met-download .met-download-list { padding: 10px }
}

.met-download .met-download-list .list-group-item { padding: 30px 0 }
.met-download .met-download-list .media-left { padding-right: 5px; padding-left: 10px }
.met-download .met-download-list .media-left i { font-size: 38px; color: #a3afb7 }
.met-download .met-download-list h4.media-heading a { color: #2a333c; font-size: 16px }
.met-download .met-download-list h4.media-heading a:hover { color: #DAB866 }
.met-download .met-download-list small { color: #76838f; font-size: 14px }
.met-download .met-download-list a.btn { margin-right: 10px }

@media (max-width:767px) {
    .met-download .list-group { margin: 0 }
    .met-download .met-download-list { padding: 15px }
    .met-download .met-download-list .list-group-item { padding: 20px 0 }
}

.met-download .met-download-footer, .met-download .met-download-header { padding: 30px; background: #fff }

@media (max-width:767px) {
    .met-download .met-download-footer, .met-download .met-download-header { padding: 10px }
}

.met-download .met-download-header { padding-bottom: 0 }
.met-download h1 { margin: 0 0 5px; font-size: 32px }
.met-download .info, .met-download .paralist dl { border-bottom: 1px solid #f0f2f5; font-size: 16px }
.met-download .info { padding-bottom: 20px; color: #a3afb7 }
.met-download .info span { padding-right: 10px }

@media (max-width:767px) {
    .met-download .info { padding-bottom: 20px }
}

.met-download .paralist { padding: 30px 30px 0; background: #fff }

@media (max-width:767px) {
    .met-download .paralist { padding: 10px }
}

.met-download .paralist dl { margin-bottom: 0; padding-bottom: 5px }
.met-download .paralist dl dd { margin-bottom: 5px; color: #76838f }

@media (min-width:768px) {
    .met-download .paralist dl { padding-bottom: 25px }
    .met-download .paralist dl dt { width: 100px; margin-bottom: 5px }
    .met-download .paralist dl dd { margin-left: 120px; margin-bottom: 5px }
}

.met-download .paralist .met-download-btn { margin-top: 20px }

@media (max-width:767px) {
    .met-download { padding: 0 }
    .met-download h1 { font-size: 24px }
    .met-download .met-download-header { padding-top: 20px }
}

.met-img .cover, .met-img .cover-image, .met-img .widget { -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0 }

@media (min-width:480px) and (max-width:767px) {
    .met-img ul.met-page-ajax li { width: 50% }
}

.met-showimg-con { padding: 30px }

@media (max-width:767px) {
    .met-showimg-con { padding: 20px 10px }
}

.met-job { padding: 30px 0 }

@media (max-width:767px) {
    .met-job { padding: 0 }
}

.met-job .widget, .met-job .widget .widget-body:last-child { -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0 }
.met-job .widget .widget-title a { color: #2a333c }
.met-job .widget .widget-title a:hover { color: #DAB866 }
.met-job .widget .widget-metas span { margin-right: 10px }
.met-job .widget .met-editor { padding: 0 20px }
#met-job-cv .modal-header { border-radius: 0 }

@media (max-width:767px) {
    .met-job .widget { margin: 15px 10px }
    .met-job .widget .widget-body { padding: 15px 10px }
    .met-job .widget .met-editor { padding: 0 }
    .met-job .widget hr { margin-top: 15px; margin-bottom: 15px }
    #met-job-cv .modal-body { padding: 15px }
}

.met-form .form-group .control-label { font-weight: 400 }
.met-message { padding: 30px 0 }

@media (max-width:767px) {
    .met-message { padding: 0 }
}

.met-message .col-md-6 { float: none; margin: auto }
.met-message .met-message-body, .met-message .met-message-submit { padding: 30px; background: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, .05) }
.met-feedback .met-feedback-body, .met-search .met-search-body { background: #fff; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); -o-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, .05) }

@media (max-width:767px) {
    .met-message .met-message-body, .met-message .met-message-submit { padding: 10px }
    .met-message .met-message-submit { padding-bottom: 20px }
}

.met-message .met-message-body .media-left { padding-right: 0; display: block; float: left }
.met-message .met-message-body .media-left i { font-size: 36px; color: #a3afb7 }
.met-message .met-message-body .media-body { width: calc(54%); word-wrap: break-word; display: block; float: left }
.met-message .met-message-body .media-body p { font-size: 14px; color: #76838f }

@media (min-width:992px) {
    .met-message .met-message-submit { margin-left: 30px }
}

.met-feedback { padding: 30px 0 }
.met-feedback .container { max-width: 800px }
.met-feedback .met-feedback-body { padding: 30px; box-shadow: 0 1px 1px rgba(0, 0, 0, .05) }

@media (max-width:767px) {
    .met-feedback, .met-feedback .met-feedback-body { padding: 10px }
}

.met-search { padding: 30px 0 }

@media (max-width:767px) {
    .met-search { padding: 0 }
    .met-search .met-search-body { padding: 20px 10px }
}

.met-search .met-search-body { min-height: 500px; padding: 30px; box-shadow: 0 1px 1px rgba(0, 0, 0, .05) }

@media (max-width:767px) {
    .met-search .met-search-body { padding: 10px }
}

.met-search .met-search-body .page-search-form { margin-bottom: 10px }
.met-search .met-search-body .zq_pager { margin-top: 30px; text-align: left }
.met-search .met-search-body .page-search-title { font-size: 26px }
.met-search .met-search-body .list-group-item { padding-top: 10px; padding-bottom: 10px }
.met-search .met-search-body .list-group-item p { color: #76838f }
.met-search .met-search-body .list-group-item > h4 { margin-bottom: 5px }
.met-search .met-search-body .list-group-item > h4 a { text-decoration: none; color: #526069 }
.met-search .met-search-body .list-group-item > h4 a :hover { text-decoration: none; color: #37474f }
.met-search .met-search-body .list-group-item > p:last-child { margin-bottom: 0 }
.met-sitemap { padding: 30px 0; background: #f2f2f2 }

@media (max-width:767px) {
    .met-sitemap { padding: 0 }
}

.met-sitemap .met-sitemap-body { padding: 30px; background: #fff; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); -o-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05) }
.sitemap-list-sub::before, .sitemap-list-sub > li::after, .sitemap-list-sub > li::before, .sitemap-list > li > ul::before { content: " "; background: #e4eaec }

@media (max-width:767px) {
    .met-sitemap .met-sitemap-body { padding: 10px }
}

.sitemap-list { padding: 0; margin: 0; list-style-type: none }
.sitemap-list a { color: #76838f }
.sitemap-list > li { margin-bottom: 25px }
.sitemap-list > li:last-child { margin-bottom: 0 }
.sitemap-list > li.is-single { margin-bottom: 10px }
.sitemap-list > li > a { padding: 14px 15px; border: 1px solid #e4eaec; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px }
.sitemap-list > li > ul { position: relative; padding: 10px 10px 20px 40px; margin: 0; list-style-type: none }
.sitemap-list > li > ul a:hover { color: #62a8ea }
.sitemap-list > li > ul::before { position: absolute; top: 0; left: 20px; width: 1px; height: 100% }
.sitemap-list > li > ul > li > a { position: relative; min-width: 220px; padding: 10px; margin-bottom: 5px; border: 1px solid #e4eaec }
.sitemap-list > li > ul > li > a::after, .sitemap-list > li > ul > li > a::before { position: absolute; top: 50%; content: " "; background: #e4eaec }
.sitemap-list > li > ul > li > a::before { left: -20px; width: 20px; height: 1px; margin-top: -1px }
.sitemap-list > li > ul > li > a::after { left: -23px; width: 5px; height: 5px; margin-top: -3px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50% }
.sitemap-list-sub { position: relative; padding: 5px 0 9px 40px; margin-top: -5px; list-style-type: none }
.sitemap-list-sub::before { position: absolute; top: 0; left: 20px; width: 1px; height: 100% }
.sitemap-list-sub > li { position: relative; line-height: 30px }
.sitemap-list-sub > li::after, .sitemap-list-sub > li::before { position: absolute; top: 50%; left: -22px }
.sitemap-list-sub > li::before { width: 15px; height: 1px; margin-top: -1px }
.sitemap-list-sub > li::after { width: 5px; height: 5px; margin-top: -3px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50% }

@media (max-width:479px) {
    .sitemap-list { padding-left: 40px; list-style-type: disc }
    .sitemap-list .icon { display: none }
    .sitemap-list > li:first-child { margin-bottom: 20px; margin-left: -16px; list-style-type: none }
    .sitemap-list > li > a { display: inline; padding: 10px; border: none }
    .sitemap-list > li > a i, .sitemap-list > li > ul::before { display: none }
    .sitemap-list > li > ul { padding: 5px 0 5px 26px; list-style-type: circle }
    .sitemap-list > li > ul > li > a { display: inline; padding: 10px 0; border: none }
    .sitemap-list-sub::before, .sitemap-list-sub > li::after, .sitemap-list-sub > li::before, .sitemap-list > li > ul > li > a::after, .sitemap-list > li > ul > li > a::before { display: none }
    .sitemap-list-sub { padding: 5px 0 5px 20px; list-style-type: square }
    .sitemap-list-sub > li { line-height: normal }
}

.met-nav-right-shop.nav > li { background: #f5f5f5; margin-bottom: 10px }
.met-nav-right-shop.nav > li:last-child, .shop-product-intro .form-group, .shop-product-intro label { margin-bottom: 0 }
.met-nav-right-shop.nav > li > a { padding-top: 0; padding-bottom: 0; height: 40px; line-height: 40px }
.met-nav-right-shop .dropdown-menu li i { color: #9E9E9E }
.met-nav-right-shop .dropdown > a > i { margin-right: 5px; color: #76838f }
.met-nav-right-shop #topcart-body .avatar { width: 50px }
.met-nav-right-shop #topcart-body .avatar img { -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0 }
.met-nav-right-shop .dropdown-menu-header { padding: 20px }
.met-nav-right-shop .dropdown-menu-footer { height: 55px; line-height: 55px; padding: 0 15px !important }

@media (min-width:768px) {
    .met-nav-right-shop { margin-top: 10px; margin-left: 30px }
    .met-nav-right-shop.nav > li { margin-left: 5px; margin-bottom: 0 }
    .met-nav-right-shop.nav > li:first-child { margin-left: 0 }
    .met-nav-right-shop .dropdown-menu { top: 55px }
}

@media (max-width:991px) {
    .met-nav-right-shop { margin-left: 10px }
}

@media (max-width:767px) {
    .met-nav-right-shop { margin-left: 0; margin-right: 0 }
}

.shop-product-intro + .para { margin-top: 20px }
.shop-product-intro #price { font-size: 32px }
.shop-product-intro del { position: relative; top: -2px; font-weight: 300 }
.shop-product-intro del:not(:first-child) { margin-left: 20px }
.shop-product-intro .selectpara-body a.btn { margin-top: 8px }
.shop-product-intro .selectpara-body .selectpara { min-width: 70px; text-align: center }
.shop-product-intro .selectpara-body .selectpara.btn-outline.btn-danger:focus, .shop-product-intro .selectpara-body .selectpara.btn-outline.btn-danger:hover { background-color: transparent; color: #f96868 }
.shop-product-intro .height-10 { height: 10px }
.shop-product-intro .text-default { padding: 20px; background: #F3F7F9 }
.shop-product-intro .purchase-btn a.btn { width: 100%; display: block }
.shop-product-intro .purchase-btn a.btn i { margin-right: 8px }

@media (min-width:768px) {
    .shop-product-intro .purchase-btn a.btn { width: auto; display: inline-block; padding: 10px 35px }
    .met-showproduct.pagetype2 .shop-btn-body { margin-left: 20px }
}

.met-showproduct.pagetype2 #shop-fashion-option .modal-content, .met-showproduct.pagetype2 #shop-fashion-option .modal-header { -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0 }

@media (max-width:767px) {
    .shop-product-intro .price { padding: 10px 20px !important }
    .shop-product-intro .product-tocart { margin-top: 10px }
    .met-showproduct.pagetype2 .navbar-toggle { padding: 0; float: none }
    .met-showproduct.pagetype2 .shop-btn { padding: 6px 13px; font-size: 12px; line-height: 1.5 }
    .met-showproduct.pagetype2 #shop-fashion-option .modal-body { padding: 15px }
}
body, html { height: auto }
* { font-family:  Microsoft Yahei }
li, ul { list-style: none; margin: 0; padding: 0 }
b, strong { font-weight: 600 }
a { -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition: all .3s ease; text-decoration: none }
a:hover { color: #DAB866 }
a:active, a:focus, a:hover { text-decoration: none; outline: 0 }
[class*=blocks-] li { clear: none !important }
.ecopadding-1 { padding-left: 1px; padding-right: 1px }
.ecopadding-2 { padding-left: 2px; padding-right: 2px }
.ecopadding-3 { padding-left: 3px; padding-right: 3px }
.ecopadding-4 { padding-left: 4px; padding-right: 4px }
.ecopadding-5 { padding-left: 5px; padding-right: 5px }
.ecopadding-6 { padding-left: 6px; padding-right: 6px }
.ecopadding-7 { padding-left: 7px; padding-right: 7px }
.ecopadding-8 { padding-left: 8px; padding-right: 8px }
.ecopadding-9 { padding-left: 9px; padding-right: 9px }
.ecopadding-10 { padding-left: 10px; padding-right: 10px }
.ecopadding-11 { padding-left: 11px; padding-right: 11px }
.ecopadding-12 { padding-left: 12px; padding-right: 12px }
.ecopadding-13 { padding-left: 13px; padding-right: 13px }
.ecopadding-14 { padding-left: 14px; padding-right: 14px }
.ecopadding-15 { padding-left: 15px; padding-right: 15px }
.ecopadding-16 { padding-left: 16px; padding-right: 16px }
.ecopadding-17 { padding-left: 17px; padding-right: 17px }
.ecopadding-18 { padding-left: 18px; padding-right: 18px }
.ecopadding-19 { padding-left: 19px; padding-right: 19px }
.ecopadding-20 { padding-left: 20px; padding-right: 20px }
.ecopadding-21 { padding-left: 21px; padding-right: 21px }
.ecopadding-22 { padding-left: 22px; padding-right: 22px }
.ecopadding-23 { padding-left: 23px; padding-right: 23px }
.ecopadding-24 { padding-left: 24px; padding-right: 24px }
.ecopadding-25 { padding-left: 25px; padding-right: 25px }
.ecopadding-26 { padding-left: 26px; padding-right: 26px }
.ecopadding-27 { padding-left: 27px; padding-right: 27px }
.ecopadding-28 { padding-left: 28px; padding-right: 28px }
.ecopadding-29 { padding-left: 29px; padding-right: 29px }
.ecopadding-30 { padding-left: 30px; padding-right: 30px }
.met-show .met-editor { font-size: 16px; background: 0 0 !important }
.eco-leftnav, .met-download, .met-feedback, .met-job, .met-message, .met-news, .met-position, .met-product, .met-search, .met-shownews, .met-showproduct { background: #f9f9f9 !important }
.zq_pager { margin-top: 20px; text-align: center !important;margin-bottom: 20px; }
.zq_pager * { line-height: 30px; transition: color .5s; -moz-transition: color .5s; -webkit-transition: color .5s; -o-transition: color .5s }
.zq_pager a { width: 30px; margin: 0 3px; padding: 0; color: #fff; background: #DAB866; text-decoration: none; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition: all .3s ease; border-color: #DAB866 }
.zq_pager a.Ahover, .zq_pager a.Ahover:hover, .zq_pager a:hover { background: #000; border-color: #000 }
.zq_pager a:active, .zq_pager a:focus, .zq_pager a:hover { text-decoration: none }
.zq_pager a:not(.Ahover) { color: #fff }
.zq_pager a:not(.Ahover).NextA:hover, .zq_pager a:not(.Ahover).PreA:hover { background: #000 }
.zq_pager a.Ahover { color: #fff; cursor: default }
.zq_pager .NextSpan, .zq_pager .PreSpan, .zq_pager a.NextA, .zq_pager a.PreA { width: auto; padding: 0 15px; border: 1px solid #DAB866; margin: 0 20px; background: #DAB866; color: #fff }
.zq_pager .NextSpan:hover, .zq_pager .PreSpan:hover, .zq_pager a.NextA:hover, .zq_pager a.PreA:hover { background: #000; border-color: #000 }
.zq_pager .NextSpan, .zq_pager .NextSpan:hover, .zq_pager .PreSpan, .zq_pager .PreSpan:hover { border: 1px solid #E2E2E2; background: #f0f0f0; color: #8e8d8d }
.zq_pager .firstPage, .zq_pager .lastPage { min-width: 40px }
.zq_pager .PageText { margin-left: 10px; color: #aaa; display: none }
.zq_pager input { display: none }
.btn-success { background: #DAB866; border-color: #DAB866 }
.btn-success:focus, .btn-success:hover { background: #ff8533; border-color: #DAB866 }
.btn-outline.btn-default, .btn-outline.btn-primary, .btn-primary { background: #DAB866 !important; border-color: #DAB866 !important; color: #fff !important }
.btn-outline.btn-default:hover, .btn-outline.btn-primary:hover, .btn-primary:hover { background: #000 !important; color: #fff !important; border-color: #000 !important }
.btn-grey { background: #444; border: 0 }
.btn-grey:hover { background: #5e5e5e }
.ladda-button { border: 0 }
.ladda-button:hover { background: #DAB866 !important; color: #fff !important }
.input-search-btn:focus { outline: 0 }
.input-search-btn:focus i { color: #DAB866 }
.shop-product-intro .btn-outline.btn-default, .shop-product-intro .btn-outline.btn-primary, .shop-product-intro .btn-primary { background: 0 0 !important; border-color: #e4eaec !important; color: #76838f !important }
.shop-product-intro .btn-outline.btn-default:hover, .shop-product-intro .btn-outline.btn-primary:hover, .shop-product-intro .btn-primary:hover { background: #f3f7f9 !important; color: #76838f !important; border-color: #e4eaec !important }
.shop-product-intro .btn-outline.btn-danger, .shop-product-intro .btn-outline.btn-danger:hover { background: 0 0 !important; color: #DAB866 !important; border-color: #DAB866 !important }
.shop-product-intro .purchase-btn .btn-primary { background: #DAB866 !important; border-color: #DAB866 !important; color: #fff !important; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition: all .3s ease }
.shop-product-intro .purchase-btn .btn-primary:hover { background: #f72d2d !important; color: #fff !important; border-color: #f72d2d !important }
.breadcrumb > li a, .breadcrumb > li + li:before, .met-column-nav ul.met-column-nav-ul > li a.link.active, .met-column-nav ul.met-column-nav-ul > li a.link:hover, .met-news-bar ul.column li a.active, .pager li > a:focus, .pager li > a:hover { color: #DAB866 }
.checkbox-primary input[type=radio]:checked + label::before, .checkbox-primary input[type=checkbox]:checked + label::before, .form-control.focus, .form-control:focus, .pager li > a:focus, .pager li > a:hover, .radio-primary input[type=radio]:checked + label::before { border-color: #DAB866 }
.checkbox-primary input[type=radio]:checked + label::before, .checkbox-primary input[type=checkbox]:checked + label::before, .modal-primary .modal-header { background: #DAB866 }
.checkbox-custom input[type=radio]:focus + label::before, .checkbox-custom input[type=checkbox]:focus + label::before, .radio-custom input[type=radio]:focus + label::before { outline-color: #DAB866 }
.nav-tabs-line > li.active > a, .nav-tabs-line > li.active > a:focus, .nav-tabs-line > li.active > a:hover { color: #DAB866; border-bottom-color: #DAB866 }
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover, .met-showproduct.pagetype1 .met-showproduct-head .ad-gallery .ad-thumbs li a.ad-active img { border-color: #DAB866 !important }
.met-nav { margin-top: 0; margin-bottom: 0; background: url(../images/header_bg.jpg) repeat-x left bottom ; box-shadow: 0 1px 5px rgba(0, 0, 0, .3); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .3); z-index: 999 }
.met-nav .dropdown-menu > li > a, .met-nav .nav > li > a { -webkit-transition: all .3s ease; transition: all .3s ease }
.met-nav .econav { margin-right: 10px }
.met-nav .econav > ul { line-height: 0; margin: 0; padding-left: 25px }
.met-nav .econav > ul > li { /*display: inline-block; margin-right: 0; height: 50px; line-height: 50px*/ float: left;}
.met-nav .econav button {display: none; font-size: 18px; color: #fff; background-color: transparent; /*line-height: .8em;*/ padding: 15px; border: 0 solid #DAB866; position: relative; z-index: 3; border-radius: 50%; outline: 0; -webkit-transition: all .3s ease; transition: all .3s ease; -o-transition: all .3s ease; }
.met-nav .econav button:hover {/* background: #d81414; border-color: #d81414; color: #fff */}
.met-nav .econav button.navbar-toggle { color: #fff; font-size: 20px; border: 0 solid #C4CAB3; height: 1.6em; padding: 0 3px; float: none; margin-top: -7px }
.met-nav .econav button.navbar-toggle .hamburger-bar, .met-nav .econav button.navbar-toggle:after, .met-nav .econav button.navbar-toggle:before { background: #fff }
.met-nav .econav ul.dropdown-menu { margin-top: 0 }
.met-nav .econav ul.dropdown-menu a:before { content: '' }
.met-nav .navbar-collapse { border-top: 0 }

@media (max-width:1100px) {
	.header_logo img{width: 100%;}
    .header_logo .pull-left,.header_logo .pull-right{}
    .header_logo{}
    /*.econav-search{display: none;} */
}

@media (min-width:1101px) {
	
    .header_logo .pull-left,.header_logo .pull-right{

    }    
    .met-nav .nav > li  > a {min-width:120px;}
}




@media (min-width:768px) {	
    .met-nav .nav > li { padding: 0px 5px ;text-align: center;/*background: url(../images/nav_lis.jpg) no-repeat right 50%;*/ }
    .met-nav .nav > li > a { height: 51px; line-height: 51px; color:#FFFFFF !important; position: relative; -webkit-transition: all .3s ease; transition: all .3s ease;font-size: 19px;text-transform:capitalize;font-weight: normal; }
    .met-nav .dropdown.ecoopen > a, .met-nav .dropdown.open > a, .met-nav .nav > li > a.active, .met-nav .nav > li > a:focus, .met-nav .nav > li > a:hover {  background: 0 0 !important; font-weight: 200 }
    .met-nav .nav > li > a:after { content: ""; display: block; height: 2px; width: 0; background: 0 0; transition: width .3s ease, background-color .3s ease; -webkit-transition: width .3s ease, background-color .3s ease; -o-transition: width .3s ease, background-color .3s ease; position: absolute; bottom: 0; left: 0; margin: 0 25% }
    .met-nav .dropdown.ecoopen > a:after, .met-nav .dropdown.open > a:after, .met-nav .nav > li > a.active:after, .met-nav .nav > li > a:focus:after, .met-nav .nav > li > a:hover:after { width: 50%; margin: 0 25%; content: ""; background:#FFFFFF; }
    .met-nav .dropdown.ecodropdown > a.active:after, .met-nav .dropdown.ecodropdown > a:after, .met-nav .dropdown.ecodropdown > a:focus:after, .met-nav .dropdown.ecodropdown > a:hover:after { margin: 0 30% 0 20% }
    .met-nav .dropdown-menu { top: 100%; transition: all .5s ease !important; z-index: 9999; padding: 0; border: 0; box-shadow: 0 5px 5px 2px rgba(0, 0, 0, .1); -moz-box-shadow: 0 5px 5px 2px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 5px 5px 2px rgba(0, 0, 0, .1); background: #232323; color: #fff; border-bottom: 3px solid #232323;}
    .met-nav .dropdown-menu.bullet { top: 100%; border-bottom-color: transparent }
    .met-nav .dropdown-menu li { border-bottom: 0 solid rgba(255, 255, 255, .05) }
    .met-nav .dropdown-menu li > a { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: #FFFFFF !important }
    .met-nav .dropdown-menu li > a.active, .met-nav .dropdown-menu li > a.focus, .met-nav .dropdown-menu li > a:hover { color: #DAB866 !important; background: 0 0 !important }
    .met-nav .dropdown-menu.bullet:after, .met-nav .dropdown-menu.bullet:before { top: -7px !important; border-bottom-color: #2b2b2b; right: 35px !important }
    .met-nav .dropdown-menu li a:before { content: 'f105'; font-family: FontAwesome; padding-right: 10px }
    .met-nav .navbar-nav > li.ecodropdown > ul { top: 150%; visibility: hidden; opacity: 0; display: block }
    .met-nav .navbar-nav > li.ecodropdown:hover > ul { visibility: visible; opacity: 1; top: 100% }
    .met-nav .navbar-nav > li.ecodropdown > ul > li > ul { left: 120%; visibility: hidden; opacity: 0; display: block }
    .met-nav .navbar-nav > li.ecodropdown > ul > li.dropdown-submenu:hover > ul { visibility: visible; opacity: 1; left: 100% }
    .met-nav .dropdown-mega .dropdown-menu { right: auto; left: auto }
    .met-nav .dropdown-megas .dropdown-menu { right: 0; left: auto }
    .met-nav .mega-content { padding: 10px 25px }
    .met-nav .mega-content .list-icons { padding-left: 15px }
    .met-nav .mega-content .mega-about { padding: 5px 20px; max-width: 480px }
    .met-nav .mega-content .mega-menu { min-width: 50px }
    .met-nav .mega-content h5 a { color: #DAB866; font-size: 16px }
    .met-nav .mega-content h5 a:before { content: '' }
}

@media (max-width:767px) {
    .header_logo{display: none;}
    .met-nav { min-height: 46px }
    .met-nav .navbar-header { float: left }
    .met-nav .navbar-collapse { float: none; width: 100%; border-top: 1px solid #2b2b2b; background: #2b2b2b }
    .met-nav .dropdown-menu.bullet:after, .met-nav .dropdown-menu.bullet:before { border: 0 }
    .met-nav .navbar-logo img { max-width: 200px }
    .met-nav .nav > li { padding: 0 !important }
    .met-nav .nav > li > a { color: #bbb !important; font-weight: 600; padding-top: 10px; padding-bottom: 10px }
    .met-nav .dropdown-menu > li > a, .met-nav .mega-menu a { height: 30px; line-height: 30px; color: #bbb !important }
    .met-nav .dropdown-menu > li > a:hover, .met-nav .dropdown.ecoopen > a, .met-nav .dropdown.open > a, .met-nav .mega-menu a:hover, .met-nav .nav > li > a.active, .met-nav .nav > li > a:focus, .met-nav .nav > li > a:hover { color: #fff !important; background: 0 0 !important }
    .met-nav .econav > ul > li { /*height: 50px; line-height: 60px*/ }
    .met-nav .navbar-logo { height: 60px }
    .met-nav .dropdown-menu li, .met-nav .mega-content li { margin: 2px 0; padding: 0 }
    .met-nav .dropdown-menu li a, .met-nav .mega-content li a { padding: 3px 15px 3px 25px !important; line-height: 22px !important; display: block !important; -webkit-transition: all .3s ease; transition: all .3s ease; -o-transition: all .3s ease }
    .met-nav .mega-content { padding: 0 }
    .met-nav .mega-content .blocks, .met-nav .mega-content .row, .met-nav .mega-content [class*=blocks-] { margin-right: 0; margin-left: 0 }
    .met-nav .mega-content .mega-menu { width: 100%; padding-right: 0; padding-left: 0 }
    .met-nav .mega-content .mega-menu h5 { margin-top: 2px; margin-bottom: 2px }
    .met-nav .mega-content .mega-menu .mega-menus { padding-left: 15px }
}

.eco-leftnav .met-all-bar .met-all-editor img, .ecofootbg .met-footnav-eco img { max-width: 100% }




body.met-navfixed { padding-top: 0 }
.met-nav.navbar-fixed-top { position: relative }
.met-nav.stricky-fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 999;  min-height: 46px;/*background:#e21818 url(../images/header_bg.jpg) 50% bottom;*/}
.met-nav.stricky-fixed .header_logo { display: none;}
.met-nav.stricky-fixed .navbar-logo { height: 46px;    display: block;}
.met-nav.stricky-fixed .nav > li { padding: 0px 0 }
.met-nav.stricky-fixed .econav > ul > li { /*height: 50px; line-height: 50px*/ }
.mm-slideout { z-index: inherit !important }
button.mobileMenuBtn { border-radius: 10px !important; display: none !important; margin-right: 15px }
#mobileNav li.active, #mobileNav li:hover { background: #2c89e8 }
#mobileNav li.active a, #mobileNav li:hover a { color: #fff !important }

@media (max-width:767px) {
    button.mobileMenuBtn { display: inline-block !important }
    #site-navbar-search .modal-center { height: auto !important }
}

#site-navbar-search .modal-content { border-radius: 0 }
#site-navbar-search .modal-content .modal-body { padding: 40px 40px 20px; position: relative }
#site-navbar-search .modal-content .modal-body .close { position: absolute; right: 10px; top: 0; font-size: 40px }
#site-navbar-search .modal-content a.btn { border: none; font-size: 16px; text-align: left; height: 50px; line-height: 50px; padding: 0 15px }
#site-navbar-search .modal-content a.btn span.flag-icon { font-size: 30px; margin-top: 10px; margin-right: 8px }
.topbar { background:#2A2A2A; line-height: 30px;color: #bbbbbb;}
.topbar .social ul li { display: inline }
.topbar .social ul.social-icons li a { display: inline-block; font-size: 12px; line-height: 40px; padding: 0 6px; color: #666666; -webkit-transition: all .3s ease; transition: all .3s ease }
.topbar .social ul.social-icons li:hover a { color: #DAB866; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg) }
.topbar .social ul.social-icons li a i { -webkit-transition: all .3s ease; transition: all .3s ease }
.topbar .contact-info ul.aet, .topbar .contact-info ul.aet li { float: left }
.topbar .contact-info ul.aet li a { display: inline-block; font-size: 13px; line-height: 30px; padding:0 5px; margin-right: 0px; color: #666666; -webkit-transition: all .3s ease; transition: all .3s ease }
.topbar .contact-info ul.aet li a:before, .topbar .contact-info ul.aet li:hover a { color: #666666 }
.topbar .contact-info ul.aet li a i.fa { font-size: 15px; margin-right: 5px; color: #666666 }
.topbar .met-nav-right-shop { margin: 0 }
.topbar .met-nav-right-shop a, .topbar .met-nav-right-shop i { color: #666666; -webkit-transition: all .3s ease; transition: all .3s ease }
.topbar .met-nav-right-shop li.dropdown > a:hover, .topbar .met-nav-right-shop li.open > a { background: #DAB866; color: #fff }
.topbar .met-nav-right-shop li.dropdown > a:hover i, .topbar .met-nav-right-shop li.open > a i { color: #fff }
.topbar .met-nav-right-shop .dropdown-menu { top: 40px }
.topbar .met-nav-right-shop .dropdown > a > i { color: #666666 }
.topbar .met-nav-right-shop .avatar img { width: 80% }
.topbar .met-nav-login .btn { background: 0 0 !important; border-color: transparent !important; padding: 0 15px; height: 40px; margin: 0; line-height: 40px; color: #666666 !important; font-size: 14px !important }
.topbar .met-nav-login .btn:hover { background: #DAB866 !important; color: #fff !important }

@media (max-width:767px) {
    #mobileNav .met-nav-login { margin: 20px 0 0 }
    #mobileNav .met-nav-login a.btn-success { color: #fff !important }
    #mobileNav .met-nav-login .dropdown-menu { top: 100%; background: #fff; color: #666; border-bottom: 0; margin: 10px 20px }
    #mobileNav .met-nav-right-shop { margin: 10px 0 20px; position: relative }
    #mobileNav .met-nav-right-shop:after { content: ''; border-bottom: 1px solid #2b2b2b; display: block; position: absolute; right: 25px; top: 60px; left: 25px }
    #mobileNav .met-nav-right-shop .dropdown > a > i { color: #fff }
    #mobileNav .met-nav-right-shop li.dropdown { float: left; width: 50%; background: 0 0 !important; position: static }
    #mobileNav .met-nav-right-shop li.dropdown a { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
    #mobileNav .met-nav-right-shop li.dropdown > a { color: #fff; background: 0 0 !important }
    #mobileNav .met-nav-right-shop li.dropdown:hover > a { background: 0 0 !important; color: #DAB866 !important }
    #mobileNav .met-nav-right-shop li.dropdown .dropdown-menu { position: absolute; width: 100%; top: 60px; background: #fff; color: #666; border-bottom: 0 }
    #mobileNav .met-nav-right-shop li.dropdown .dropdown-menu li.dropdown-menu-header { border-bottom: 1px solid #e4eaec }
    #mobileNav .met-nav-right-shop li.dropdown .dropdown-menu li:hover { background: 0 0 !important }
    #mobileNav .met-nav-right-shop li.dropdown .dropdown-menu li a { color: #666 !important }
    #mobileNav .met-nav-right-shop li.dropdown .dropdown-menu li a:hover { color: #DAB866 !important }
    #mobileNav .met-nav-right-shop li.dropdown .dropdown-menu li a:before { content: ' ' }
    #mobileNav .met-nav-right-shop li.dropdown .dropdown > a > i { color: #fff }
    #mobileNav .met-nav-right-shop li.dropdown .dropdown-menu li a.btn-danger { color: #fff !important }
    #mobileNav .nav .open > a, #mobileNav .nav .open > a:focus, #mobileNav .nav .open > a:hover { background-color: transparent !important }
}

@media (min-width:768px) {
    .met-nav .met-nav-login, .met-nav .met-nav-right-shop { margin: 0 }
    .met-nav .met-nav-login > li, .met-nav .met-nav-right-shop > li { padding: 30px 0 }
    .met-nav .met-nav-login > li a:after, .met-nav .met-nav-right-shop > li a:after { background: 0 0 !important }
    .met-nav .met-nav-login .dropdown-menu, .met-nav .met-nav-right-shop .dropdown-menu { top: 100%; background: #fff; color: #666; border-bottom: 0 }
    .met-nav .met-nav-login .dropdown-menu li.dropdown-menu-header, .met-nav .met-nav-right-shop .dropdown-menu li.dropdown-menu-header { border-bottom: 1px solid #e4eaec }
    .met-nav .met-nav-login .dropdown-menu li a, .met-nav .met-nav-right-shop .dropdown-menu li a { color: #666 !important }
    .met-nav .met-nav-login .dropdown-menu li a:hover, .met-nav .met-nav-right-shop .dropdown-menu li a:hover { color: #DAB866 !important }
    .met-nav .met-nav-login .dropdown-menu li a:before, .met-nav .met-nav-right-shop .dropdown-menu li a:before { content: ' ' }
    .met-nav .met-nav-login .dropdown > a > i, .met-nav .met-nav-right-shop .dropdown > a > i { color: #fff }
    .stricky-fixed .met-nav-login, .stricky-fixed .met-nav-right-shop { height: 60px }
    .stricky-fixed .met-nav-login > li, .stricky-fixed .met-nav-right-shop > li { padding: 10px 0 !important }
    .stricky-fixed .met-nav-login > li a:after, .stricky-fixed .met-nav-right-shop > li a:after { background: 0 0 !important }
}

@media (max-width:767px) {
    .ecoleftwap.pull-right { float: none !important }
    .met-nav .met-nav-login, .met-nav .met-nav-right-shop { margin: 0 }
    .met-nav .met-nav-login li.dropdown, .met-nav .met-nav-right-shop li.dropdown { margin: 10px 0 }
    .met-nav .met-nav-login li.dropdown a, .met-nav .met-nav-right-shop li.dropdown a { padding: 0 }
    .met-nav .met-nav-login .dropdown-menu, .met-nav .met-nav-right-shop .dropdown-menu { top: 100%; background: #fff; color: #666; border-bottom: 0; margin: 10px 0 }
    .met-nav .met-nav-login .dropdown-menu li a, .met-nav .met-nav-right-shop .dropdown-menu li a { color: #666 !important }
    .met-nav .met-nav-login .dropdown-menu li a:hover, .met-nav .met-nav-right-shop .dropdown-menu li a:hover { color: #DAB866 !important }
    .met-nav .met-nav-login li.dropdown-menu-header, .met-nav .met-nav-right-shop li.dropdown-menu-header { padding: 30px }
    .met-nav .met-nav-login li.dropdown-menu-header a:after, .met-nav .met-nav-right-shop li.dropdown-menu-header a:after { background: 0 0 !important }
    .met-nav .met-nav-login .dropdown-menu li a:before, .met-nav .met-nav-right-shop .dropdown-menu li a:before { content: ' ' }
    .met-nav .met-nav-login .dropdown > a > i, .met-nav .met-nav-right-shop .dropdown > a > i { color: #fff }
}

.ecoleftwap { margin-left: 20px }
.ecoleftwap .topcartremove li a.btn-danger { color: #fff !important }
.met-banner { /*background: #DAB866;*/background: #fff; position: relative; height: 100px }
.met-banner img { width: 100% }
.met-banner .econynr { position: absolute; left: 0; top: 0; width: 100%; height: 100% }
.met-banner .econynr .container { height: 100%; display: table; text-align: center }
.met-banner .econynr .container .row { display: table-cell; vertical-align: middle }
.met-banner .econynr .container .row .title { text-align: center }
.met-banner .econynr .container .row .title h1, .met-banner .econynr .container .row .title h2 { text-align: center; display: inline-block; margin: auto; color: #fff; text-transform: uppercase; font-size: 30px; line-height: 50px; font-weight: 700; position: relative }
.met-banner .econynr .container .row .title h1:before, .met-banner .econynr .container .row .title h2:before { content: ''; width: 40%; margin: 0 30%; height: 3px; background: #DAB866; position: absolute; bottom: 0 }
.met-banner .econynr .container .row .breadcumb { color: #fff; font-weight: 500; text-transform: uppercase; padding-top: 12px; text-align: center }
.met-banner .econynr .container .row .breadcumb a { color: #fff }

@media (max-width:767px) {
    .met-banner .econynr .container .row .title { display: none }
    .met-banner .econynr .container .row .breadcumb { float: none !important; margin-top: 0; padding-top: 0; text-align: center }
}

.main-slider .ecodesc, .main-slider .ecoslidert { display: table-cell !important; color: #fff }

@media (max-width:991px) {
    .met-banner { height: auto }
}
@media (max-width:580px) {
    .met-banner {     height: 194px!important;}
}
.main-slider { position: relative }
.main-slider .ecoslidert { font-weight: 700; vertical-align: bottom }
.main-slider .ecoslidert.ecoposition1:before { left: 0 }
.main-slider .ecoslidert.ecoposition2:before { right: 0 }
.main-slider .ecoslidert.ecoposition3:before, .main-slider .ecoslidert.ecoposition4:before, .main-slider .ecoslidert.ecoposition5:before { right: 0; left: 0 }
.main-slider .active-revslide .ecoslidert:before { width: 113px; transition: all .5s ease-out; -moz-transition: all .5s ease-out; -webkit-transition: all .5s ease-out; -o-transition: all .5s ease-out }
.main-slider .banner-btn { color: #fff; border: 2px solid #fff; font-weight: 700; display: inline-block; padding: 10px 23px; z-index: 61; vertical-align: middle; position: relative; -webkit-transition-property: color; -moz-transition-property: color; -o-transition-property: color; -ms-transition-property: color; transition-property: color }
.main-slider .banner-btn:before { content: ""; position: absolute; z-index: -1; top: -2px; left: -2px; right: -2px; bottom: -2px; background: #DAB866; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -o-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -o-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; transition: all .3s ease-out; -moz-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out }
.main-slider .banner-btn:hover { color: #fff !important }
.main-slider .banner-btn:active:before, .main-slider .banner-btn:focus:before, .main-slider .banner-btn:hover:before { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -o-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) }
.main-slider .banner-btn i { margin-left: 15px; padding-left: 15px }
.main-slider .banner-btn i:after { content: ''; width: 1px; height: 100%; background: rgba(255, 255, 255, .5); position: absolute; left: -2px; top: 0 }

@media (min-width:768px) {
    .main-slider .ecoslidert { height: 96px }
    .main-slider .ecoslidert:before { bottom: -15px }
    .main-slider .active-revslide .ecoslidert:before { width: 113px }
    .main-slider .ecodesc { height: 90px; vertical-align: middle }
    .main-slider .ecobannerli .tp-parallax-wrap:nth-last-child(2) { z-index: 61 !important }
}

@media (max-width:767px) {
    .main-slider .ecoslidert { height: 52px }
    .main-slider .ecoslidert:before { bottom: -8px }
    .main-slider .active-revslide .ecoslidert:before { width: 80px }
    .main-slider .ecodesc { height: 72px; vertical-align: top }
    .main-slider .ecobannerliurl .tp-parallax-wrap:nth-last-child(2) { display: block !important }
    .main-slider .banner-btn { padding: 7px 17px }
}

@media (max-width:479px) {
    .main-slider .ecobannerliurl .tp-parallax-wrap:nth-last-child(2) { display: block !important }
}

.ecofootbg .met-footnav { background: #272727; border: 0;padding: 20px 0 40px; border-top: 1px solid #353535;}
.ecofootbg .met-footnav a { color: #fff; /* padding: 20px 0;*/ font-size:16px ;}
.ecofootbg .met-footnav a:hover { color: #f00; width: 45px; height: 2px;  bottom: 0 }
.ecofootbg .met-footnav em a, .ecofootbg .met-footnav ul a { color: #aaa }
.ecofootbg .met-footnav em a:hover, .ecofootbg .met-footnav ul a:hover { color: #DAB866 }
.ecofootbg .met-footnav ul li { text-align: left }
.ecofootbg .met-footnav ul li a:before { content: 'f105'; font-family: fontawesome; margin-right: 12px; color: #aaa }
.ecofootbg .met-footnav .info i { width: 30px; height: 30px; background: #DAB866; text-align: center; font-size: 14px; line-height: 30px; color: #fff !important; -webkit-border-radius: 0 50% 50%; -moz-border-radius: 0 50% 50%; -o-border-radius: 0 50% 50%; -ms-border-radius: 0 50% 50%; border-radius: 0 50% 50%; margin-top: 10px }
.ecofootbg .met-links { border: 0; padding: 15px 0 0; color: #aaa; background: #313131 }
.ecofootbg .met-links .breadcrumb > li + li:before, .ecofootbg .met-links a { color: #aaa }
.ecofootbg .met-links a:focus, .ecofootbg .met-links a:hover { color: #DAB866 }
.ecofootbg footer { border: 0; padding: 20px 0; color: #aaa; background: #313131 }
.ecofootbg .met-langlist button, .ecofootbg footer a { border-color: #aaa !important; color: #aaa !important }
.ecofootbg .met-langlist button { background: 0 0 !important }
.ecofootbg .met-langlist a { transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition: all .3s ease }
.ecofootbg .met-langlist:hover button { border-color: #DAB866 !important; color: #DAB866 !important; background: 0 0 !important }
.ecofootbg .met-langlist .modal-content a.btn { border-color: #aaa !important; color: #aaa !important; background: 0 0 !important }
.ecofootbg .met-langlist .modal-content a.btn:hover { color: #DAB866 !important }
.ecofootbg .met-footnav-eco { border: 0; background: #313131; padding: 40px 0 0;}
.ecofootbg .fnavs{border-bottom:1px  solid #ccc ;height: 55px;}
@media (max-width:767px) {
	.ecofootbg .fnavs{display: none;}
    .ecofootbg .met-footnav-eco { padding: 30px 0 0 }
    #webuiPopover0 { left: 10px !important }
    
}

@media (max-width:488px) {
	.ecofootbg .fnavs{display: none;}
    .ecofootbg .met-footnav-eco { padding: 20px 0 0 }
   
}

@media (max-width:350px) {
	.ecofootbg .fnavs{display: none;}
    .ecofootbg .met-footnav-eco { padding: 15px 0 0 }
   
}

.ecofootbg .met-footnav-eco h4 { color: #fff; margin: 0 0 25px; padding-bottom: 15px; font-size: 18px; text-shadow: none; position: relative }
.ecofootbg .met-footnav-eco h4:before { content: ''; width: 45px; height: 2px; background: #DAB866; position: absolute; bottom: 0 }
.ecofootbg .met-footnav-eco img.positioned { margin-top: -180px; position: relative; bottom: 20px; width: auto; max-width: none; float: right }
.ecofootbg .met-footnav-eco .list { margin-bottom: 30px }
.ecofootbg .met-footnav-eco .list a.read-more { color: #fff }
.ecofootbg .met-footnav-eco .list a.read-more i { padding-left: 10px }
.ecofootbg .met-footnav-eco .list a.read-more:hover { color: #DAB866 }
.ecofootbg .met-footnav-eco .list p { color: #aaa }
.ecofootbg .met-footnav-eco .list .social { text-align: left; margin: 10px 0 20px }
.ecofootbg .met-footnav-eco .list .social li { display: block; float: left; margin-right: 10px; margin-top: 10px }
.ecofootbg .met-footnav-eco .list .social li a { display: inline-block; width: 30px; height: 30px; border-radius: 50%; background: 0 0; border: 1px solid #DAB866; color: #DAB866; text-align: center; line-height: 30px; font-size: 16px; margin-right: 2px; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); margin-bottom: 0 }
.ecofootbg .met-footnav-eco .list .social li a:before { background: 0 0 }
/*.met-index-body, .met-index-body:nth-of-type(odd) { background: #fff }*/
.ecofootbg .met-footnav-eco .list .social li:hover a { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); color: #DAB866 }
.ecofootbg .met-footnav-eco .ecoinfo ul { padding: 0; margin-bottom: 0; list-style: none }
.ecofootbg .met-footnav-eco .ecoinfo ul li { margin-bottom: 3px }
.ecofootbg .met-footnav-eco .ecoinfo ul li a { color: #aaa; text-decoration: none; display: block; margin-bottom: 15px }
.ecofootbg .met-footnav-eco .ecoinfo ul li a:active, .ecofootbg .met-footnav-eco .ecoinfo ul li a:focus, .ecofootbg .met-footnav-eco .ecoinfo ul li a:hover { text-decoration: none }
.ecofootbg .met-footnav-eco .ecoinfo ul li a:hover { color: #DAB866 }
.ecofootbg .met-footnav-eco .ecoinfo ul li a:before { content: 'f105'; font-family: fontawesome; margin-right: 12px }
.ecofootbg .met-footnav-eco .gallery li { float: left; height: 60px }
.ecofootbg .met-footnav-eco .gallery a { display: block }
.ecofootbg .met-footnav-eco .gallery img { margin: 0 2.5px 5px; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition: all .3s ease }
.ecofootbg .met-footnav-eco .gallery img:hover { opacity: .5 }
.ecofootbg .met-footnav-eco .contact-info li { font-size: 14px; line-height: 26px; margin-bottom: 18px; width: 100%; float: left; color: #aaa }
.ecofootbg .met-footnav-eco .contact-info li a { margin-bottom: 0; color: #aaa }
.ecofootbg .met-footnav-eco .contact-info li:last-child { border: none }
.ecofootbg .met-footnav-eco .contact-info li .icon { font-size: 25px; margin-right: 10px; color: #DAB866; float: left }
.met-index-body { padding: 50px 0 50px }
.met-index-body h3 { font-size: 22px; margin-top: 0; text-align: center; font-weight: 700; margin-bottom: 20px }
.met-index-body h3 a { color: #2a333c; position: relative }
/*.met-index-body h3 a:after { background: #DAB866; content: ""; height: 3px; width: 30%; left: 35%; top: 35px; position: absolute }*/
.met-index-body p.desc { font-size: 16px; font-weight: 300; text-align: center; color: #666; margin: 0 auto 30px }

@media (max-width:991px) {
    .met-index-body { padding: 50px 0 }
    .met-index-body p.desc { margin-bottom: 30px }
}

@media (max-width:767px) {
    .met-index-body { padding: 30px 0 }
    .met-index-body p.desc { margin-bottom: 20px }
}

@media (max-width:488px) {
    .met-index-body { padding: 20px 0 }
    .met-index-body p.desc { margin-bottom: 20px }
}

@media (max-width:358px) {
    .met-index-body { padding: 20px 0 }
    .met-index-body p.desc { margin-bottom: 20px }
}

.met-index-service { padding: 30px 0 0 }

@media (max-width:767px) {
    .met-index-service { padding: 15px 0 0 }
}

.met-index-service .services-bg { z-index: 9 }
.met-index-service [class*=blocks-] li { margin-bottom: 15px }
.met-index-service .project-item { position: relative }
.met-index-service .project-item:after, .met-index-service .project-item:before { position: absolute; left: 15px; right: 15px; top: 15px; bottom: 15px; z-index: 3; opacity: .25; filter: alpha(opacity=25); content: "" }
.met-index-service .project-item:before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale(0, 1); -moz-transform: scale(0, 1); -webkit-transform: scale(0, 1); transition: all .4s ease 0s; -moz-transition: all .4s ease 0s; -webkit-transition: all .4s ease 0s }
.met-index-service .project-item:after { border-left: 1px solid #fff; border-right: 1px solid #fff; transform: scale(1, 0); -moz-transform: scale(1, 0); -webkit-transform: scale(1, 0); transition: all .4s ease 0s; -moz-transition: all .4s ease 0s; -webkit-transition: all .4s ease 0s }
.met-index-service .project-item:hover:after, .met-index-service .project-item:hover:before { transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1) }
.met-index-service .project-item a { color: #fff }
.met-index-service .project-item a:hover { color: #fff; border: none }
.met-index-service .project-item .project-img { position: relative; overflow: hidden }
.met-index-service .project-item .project-img img { display: block }
.met-index-service .project-item .project-img:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s }
.met-index-service .project-item:hover .project-img:after { background: rgba(0, 0, 0, .5); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) }
.met-index-service .project-item .project-intro { width: 100%; height: 100%; text-align: center; padding: 10px 50px; -webkit-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; z-index: 12; top: 0; left: 0; opacity: 1; overflow: hidden }
.met-index-service .project-item .project-intro .project-title { margin: 30px 0 20px; padding: 0; font-size: 32px; font-weight: 500; line-height: 1.3; color: #fff; position: relative }

@media (max-width:767px) {
    .met-index-service .project-item .project-intro .project-title { font-size: 18px; margin: 15px 0 5px }
}

.met-index-service .project-item .project-intro .project-title:before { content: ""; border: 1px solid #DAB866; position: absolute; bottom: -10px; left: 0; width: 10%; margin: 0 45% }
.met-index-service .project-item .project-intro .project-descr { color: #fff; font-size: 18px; line-height: 36px; margin-top: 30px }

@media (max-width:767px) {
    .met-index-service .project-item .project-intro .project-descr { height: 44px; font-size: 14px; line-height: 22px; margin-top: 20px; overflow: hidden }
}

.met-index-service .project-item .project-intro .service-more { margin-top: 10px }
.met-index-service .project-item .project-intro .service-more .button { font-size: 14px; line-height: 14px; padding: 8px 10px; display: inline-block; border: 1px solid #fff; color: #fff; text-align: center; transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -webkit-transition: all .3s ease-in-out 0s }
.met-index-service .project-item .project-intro .service-more .button:hover { background-color: #DAB866; border: 1px solid transparent }

@media (max-width:767px) {
    .met-index-service .project-item .project-intro .service-more { margin-top: 5px }
    .met-index-service .project-item .project-intro .service-more .button { padding: 5px 8px }
}

.met-index-product .owl-nav .owl-next, .met-index-product .owl-nav .owl-prev { top: 40%; pointer-events: auto; text-align: center; position: absolute; z-index: 999 !important; cursor: pointer; background: #000; color: #fff; line-height: 38px; font-size: 20px; width: 40px; height: 73px;  -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }

.met-index-product .owl-nav .owl-prev { left: -6%;background: url(../images/igolefta.png) no-repeat; }
.met-index-product .owl-nav .owl-next { right: -6%;background: url(../images/igorighta.png) no-repeat; }







.met-index-product .fa{
	display: none;
}
@media (max-width:991px) {
    .met-index-product .owl-nav .owl-prev { left: 5px }
    .met-index-product .owl-nav .owl-next { right: 5px }
}




.met-index-product .owl-nav .owl-next:hover, .met-index-product .owl-nav .owl-prev:hover {  }
.met-index-product .project-item { padding: 0 5px; }
.met-index-product .project-item a { color: #fff }
.met-index-product .project-item a:hover { color: #fff; border: none }
.met-index-product .project-item .project-img { position: relative; overflow: hidden;}
.met-index-product .project-item .project-img img { display: block }
.met-index-product .project-item .project-intro { width: 100%; height: 100%; text-align: center; padding: 32px 30px 0; -webkit-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0; left: 0; opacity: 0; overflow: hidden }
.met-index-product .project-item .project-intro:hover { opacity: 1 }
.met-index-product .project-item .project-intro .project-title { margin: 0 0 20px; padding: 0; font-size: 18px; font-weight: 600; line-height: 1.3; color: #fff }
.met-index-product .project-item .project-intro .project-title:before { content: ""; border: 1px solid #DAB866; position: absolute; bottom: -10px; left: 0; width: 10%; margin: 0 45% }
.met-index-product .project-item .project-intro .project-descr { line-height: 16px }

@media (max-width:991px) {
    .met-index-product .project-item .project-intro { padding: 32px 70px 0 }
}

.met-index-product .project-item .project-descr, .met-index-product .project-item .project-title { position: relative; z-index: 3; -webkit-transition: all .3s cubic-bezier(.3, .1, .6, 1); -moz-transition: all .3s cubic-bezier(.3, .1, .6, 1); -o-transition: all .3s cubic-bezier(.3, .1, .6, 1); -ms-transition: all .3s cubic-bezier(.3, .1, .6, 1); transition: all .3s cubic-bezier(.3, .1, .6, 1) }
.met-index-product .project-item .project-title { top: -10px }
.met-index-product .project-item .project-descr { margin-top: 50px }
.met-index-product .project-item:hover .project-title { top: 10px }
.met-index-product .project-item:hover .project-descr { margin-top: 30px }
/*.met-index-product .project-item .project-img:after { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: scale(.3); -moz-transform: scale(.3); -ms-transform: scale(.3); -o-transform: scale(.3); transform: scale(.3); -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s }
.met-index-product .project-item:hover .project-img:after { background: rgba(0, 0, 0, .3); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) }*/





.met-index-case{
	padding: 70px 0 50px;
}
.met-index-case .owl-nav .owl-next, .met-index-case .owl-nav .owl-prev { top: 40%; pointer-events: auto; text-align: center; position: absolute; z-index: 999 !important; cursor: pointer; background: #000; color: #fff; line-height: 38px; font-size: 0; width: 40px; height: 73px;  -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.met-index-case .owl-nav .owl-prev { left: -6%;background: url(../images/igolefta.png) no-repeat; }
.met-index-case .owl-nav .owl-next { right: -6%;background: url(../images/igorighta.png) no-repeat; }
.met-index-case .owl-carousel.owl-drag .owl-item li{
	padding: 0 10px;
	
}
.met-index-case .owl-carousel.owl-drag .owl-item li .project-img img{
	border: 1px solid #DADADA;
	transition: .5s;
	-moz-transition: .5s; /* Firefox 4 */
	-webkit-transition:.5s; /* Safari 和 Chrome */
	-o-transition: .5s; /* Opera */
}
.met-index-case .owl-carousel.owl-drag .owl-item li:hover .project-img img{
	border: 1px solid #65C5BC;
}


.met-index-case { text-align: center }
.met-index-case p.desc { margin-bottom: 30px }
.met-index-case .blocks { border-left: 1px solid #ebebeb; border-top: 1px solid #ebebeb }
.met-index-case .blocks h4 { text-align: left }
.met-index-case .blocks h4 a { color: #2a333c }
.met-index-case .blocks h4 a:hover { color: #DAB866 }
.met-index-case .hover-color { position: relative; display: block; overflow: hidden; border-bottom: 1px solid #ebebeb; border-right: 1px solid #ebebeb }
.met-index-case .hover-color:before { content: ""; position: absolute; top: -100%; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .075); transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; opacity: 0; transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -100%, 0); -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -100%, 0); -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -100%, 0) }
.met-index-case .hover-color:hover:before { opacity: 1; top: 0; z-index: 1; transform: scale3d(5, 5, 5) rotate3d(0, 0, 1, -45deg) translate3d(0, 0, 0); -moz-transform: scale3d(5, 5, 5) rotate3d(0, 0, 1, -45deg) translate3d(0, 0, 0); -webkit-transform: scale3d(5, 5, 5) rotate3d(0, 0, 1, -45deg) translate3d(0, 0, 0) }
.met-index-case .case-more { margin-top: 30px; margin-bottom: 20px }
.met-index-case .case-more .button { font-size: 14px; line-height: 14px; padding: 8px 10px; display: inline-block; border: 1px solid #666; color: #666; text-align: center; transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -webkit-transition: all .3s ease-in-out 0s }
.met-index-case .case-more .button:hover { color: #fff; background-color: #262626; border: 1px solid transparent }
.met-index-cases { background-attachment: fixed !important; background-position: center center !important; background-repeat: no-repeat !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; opacity: 1; filter: alpha(opacity=100); position: relative }
.met-index-cases:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; background: url(../images/video_play_backg.png) rgba(0, 0, 0, .5); height: 100% }
.met-index-cases h3 a, .met-index-cases p.desc { color: #fff }

@media (max-width:767px) {
    .met-index-cases { margin-bottom: 20px }
}

.met-index-cases .owl-nav .owl-next, .met-index-cases .owl-nav .owl-prev { top: 40%; pointer-events: auto; text-align: center; position: absolute; z-index: 999 !important; cursor: pointer; background: #000; color: #fff; line-height: 38px; font-size: 20px; width: 48px; height: 48px; padding-top: 5px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; border-radius: 50% }
.met-index-cases .owl-nav .owl-prev { left: -5% }
.met-index-cases .owl-nav .owl-next { right: -5% }

@media (max-width:991px) {
    .met-index-cases .owl-nav .owl-next, .met-index-cases .owl-nav .owl-prev { top: 10px }
    .met-index-cases .owl-nav .owl-prev { left: 5px }
    .met-index-cases .owl-nav .owl-next { right: 5px }
}

.met-index-cases .owl-nav .owl-next:hover, .met-index-cases .owl-nav .owl-prev:hover { background: #DAB866; color: #fff }
.met-index-cases .owl-dots { width: 100%; text-align: center; padding-top: 14px; margin-bottom: 60px }
.met-index-cases .owl-dots > div { display: inline-block; padding: 8px 2px }
.met-index-cases .owl-dots > div > span { background: #f8f8f8; display: block; height: 3px; width: 20px }
.met-index-cases .owl-dots > div.active > span, .met-index-cases .owl-dots > div:hover > span { background: #DAB866 }
.met-index-cases .style-focus { position: relative; overflow: hidden }
.met-index-cases .style-focus:after, .met-index-cases .style-focus:before, .met-index-cases .style-focus > div:after, .met-index-cases .style-focus > div:before { width: 35px; height: 35px; border-color: #fff; border-style: solid; position: absolute; display: block; content: "" }
.met-index-cases .style-focus:after { border-width: 3px 3px 0 0; right: 0; top: 45px }
.met-index-cases .style-focus:before { border-width: 3px 0 0 3px; left: 0; top: 45px }
.met-index-cases .style-focus > div:after { border-width: 0 3px 3px 0; right: 0; bottom: 0 }
.met-index-cases .style-focus > div:before { border-width: 0 0 3px 3px; left: 0; bottom: 0 }
.met-index-cases .testimonials { display: block; padding: 8px 10%; text-align: center }
.met-index-cases .testimonials-author { float: none; margin: 0 0 14px; display: inline-block }
.met-index-cases .testimonials-author .owl-lazy { width: 100px; height: 100px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -webkit-transition: box-shadow .3s; -moz-transition: box-shadow .3s; transition: box-shadow .3s; float: left }
.met-index-cases .testimonials-author .owl-lazy:hover { box-shadow: 0 0 0 8px rgba(255, 255, 255, .3) }
.met-index-cases .testimonials-content { display: block; text-align: center; padding: 10px 30px 5px }
.met-index-cases .testimonials-content h3 { font-size: 18px; line-height: 1.6em; font-weight: 600; color: #fff; margin-bottom: 10px }
.met-index-cases .testimonials-content p { line-height: 1.71em; font-weight: 400; color: #fff }

@media (max-width:767px) {
    .met-index-cases { background-attachment: inherit !important }
}

.met-index-news .single-blog-post { margin-bottom: 10px; border: 1px solid #eaeaea }
.met-index-news .single-blog-post .img-holder { position: relative; margin-bottom: 0; overflow: hidden }
.met-index-news .single-blog-post .img-holder .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s }
.met-index-news .single-blog-post .img-holder .overlay .overlays { width: 100%; height: 100%; position: relative }
.met-index-news .single-blog-post .img-holder .overlay .overlays:before { position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .3); display: block; opacity: .7 }
.met-index-news .single-blog-post .img-holder:hover .overlay { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) }
.met-index-news .single-blog-post .img-holder .overlay .inner-holder { display: table; width: 100%; height: 100% }
.met-index-news .single-blog-post .img-holder .date { background: #262626; display: inline-block; position: absolute; bottom: 0; right: 0; color: #fff; line-height: 20px; padding: 10px 15px; font-weight: 500 }
.met-index-news .single-blog-post .img-holder .date b { font-size: 25px; font-weight: 700; font-style: italic }
.met-index-news .single-blog-post a h2 { color: #242424; font-size: 18px; font-weight: 700; margin: 0; height: 22px; overflow: hidden; text-transform: uppercase; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s }
.met-index-news .single-blog-post a h2:hover { color: #DAB866 }
.met-index-news .single-blog-post .newsdetail { padding: 20px }
.met-index-news .single-blog-post p { color: #898989; font-weight: 500; margin: 15px 0 0 }
.met-index-news .single-blog-post ul { padding: 5px 0; margin-bottom: 10px }
.met-index-news .single-blog-post ul li { display: inline }
.met-index-news .single-blog-post ul li p, .met-index-news .single-blog-post ul li span { display: inline-block; line-height: 16px; padding: 0 12px; color: #9A9A99; font-weight: 500; -webkit-transition: all .3s ease; transition: all .3s ease }
.met-index-about:before, .met-index-ecoabout .video_appears .video_appears_cover:before { display: block; top: 0; left: 0; height: 100%; width: 100%; content: "" }
.met-index-news .single-blog-post ul li span { border-right: 1px solid #9A9A99; padding-left: 0; color: #9A9A99 }
.met-index-news .single-blog-post ul li span b { color: #898989; font-weight: 400 }
.met-index-news .single-blog-post ul li a:hover { color: #DAB866 }
.met-index-news .single-blog-post .img-holder:before { background: #DAB866 }
.met-index-news .single-blog-post:active .img-holder:before, .met-index-news .single-blog-post:focus .img-holder:before, .met-index-news .single-blog-post:hover .img-holder:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }

@media (max-width:767px) {
    .met-index-news .single-blog-post { margin-top: 10px }
}

.met-index-about { background-attachment: fixed !important; background-position: center center !important; background-repeat: no-repeat !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; opacity: 1; filter: alpha(opacity=100); position: relative }
.met-index-about:before { position: absolute; background: url(../images/video_play_backg.png) rgba(0, 0, 0, .5) }
.met-index-about h3 a { color: #fff }
.met-index-about p.desc { color: #fff; margin-bottom: 10px }
.met-index-about .met-editor { margin-top: 10px; background: 0 0; color: #fff }
.met-index-ecoabout { padding-top: 10px }
.met-index-ecoabout .container-fluid { padding: 0 }
.met-index-ecoabout .video_appears { width: 100%; overflow: hidden; position: relative }
.met-index-ecoabout .video_appears .video_appears_cover { position: absolute; width: 100%; padding: 25px 15px; min-height: 100px; height: 100%; z-index: 13; background-image: url(../images/video_play_backg.png); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-color: rgba(0, 0, 0, .15); background-repeat: no-repeat; background-position: center center }
.met-index-ecoabout .video_appears .video_appears_cover:before { position: absolute; background: url(../images/video_play_backg.png) rgba(0, 0, 0, .5) }
.met-index-ecoabout .video_appears .video_appears_cover .display-table { display: table; width: 100%; height: 100% }
.met-index-ecoabout .video_appears .video_appears_cover .display-table > div { display: table-cell; text-align: center; vertical-align: middle; width: 100% }
.met-index-ecoabout .video_appears .video_appears_cover h3 a { font-weight: 300; font-size: 46px; line-height: 42px; margin-bottom: 26px; color: #fff }
.met-index-ecoabout .video_appears .video_appears_cover h3 a:after { height: 0 }
.met-index-ecoabout .video_appears .video_appears_cover p { margin-bottom: 140px; color: #fff }
.met-index-ecoabout .video_appears .video_appears_v { height: auto; width: 100% }
.met-index-ecoabout .video_appears em.fa.fa-pause, .met-index-ecoabout .video_appears em.fa.fa-play { width: 77px; height: 77px; position: absolute; top: 50%; left: 50%; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 2px solid #fff; text-align: center; color: #fff; z-index: 50; margin: 20px 0 0 -32px; cursor: pointer }
.met-index-ecoabout .video_appears em.fa.fa-pause:before, .met-index-ecoabout .video_appears em.fa.fa-play:before { font-size: 40px; line-height: 74px }

@media (min-width:768px) {
    .met-index-ecoabout .video_appear .video_appears_cover { -webkit-background-size: inherit; -moz-background-size: inherit; -o-background-size: inherit; background-size: inherit }
}

@media (max-width:767px) {
    .met-index-ecoabout .video_appears .video_appears_cover h3 a { font-size: 28px; line-height: 22px; margin-bottom: 16px }
    .met-index-ecoabout .video_appears .video_appears_cover p { margin-bottom: 60px }
    .met-index-ecoabout .video_appears em.fa.fa-pause, .met-index-ecoabout .video_appears em.fa.fa-play { width: 48px; height: 48px; margin: 20px 0 0 -24px }
    .met-index-ecoabout .video_appears em.fa.fa-pause:before, .met-index-ecoabout .video_appears em.fa.fa-play:before { font-size: 24px; line-height: 48px }
    .met-index-tuandui [class^=blocks] { margin-right: -5px; margin-left: -5px }
    .met-index-tuandui [class^=blocks] li { margin-bottom: 10px; padding-right: 5px; padding-left: 5px }
    .met-index-tuandui [class^=blocks] li .social-links { height: 100px; overflow: hidden }
}

.met-index-tuandui .team-member-column .team-member { position: relative }
.met-index-tuandui .team-member-column .team-member .image-holder .hover-state { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; background: rgba(0, 0, 0, .5); transition: all .3s ease-out; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out }
.met-index-tuandui .team-member-column .team-member .image-holder .social-links { width: 100%; height: 100px; overflow: hidden; transition: all .3s ease-out; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transform: translate3d(0, -20px, 0); -webkit-transform: translate3d(0, -20px, 0); -moz-transform: translate3d(0, -20px, 0); position: relative; color: #fff; font-size: 14px; display: inline-block; padding: 20px }
.met-index-tuandui .team-member-column .team-member .image-holder:hover .hover-state { opacity: 1 }
.met-index-tuandui .team-member-column .team-member .image-holder:hover .social-links { transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0) }
.met-index-tuandui .team-member-column .team-member-title { background: rgba(0, 0, 0, .8); padding: 10px }
.met-index-tuandui .team-member-column .team-member-title h4 { color: #fff; margin: 0; font-size: 14px; line-height: 22px; height: 22px; overflow: hidden }
.met-index-tuandui .team-member-column .team-member-title p { color: #aaa; margin: 0; font-size: 14px; line-height: 18px; height: 18px; overflow: hidden }
.met-product .widget-header a { position: relative; display: block }
.met-product .widget-header a:before { z-index: 1; content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; transform: scale(0, 1); -moz-transform: scale(0, 1); -webkit-transform: scale(0, 1); transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; -webkit-transition: all .4s ease-in-out 0s; background: rgba(0, 0, 0, .3) }
.met-product .widget-header a:after { z-index: 1; content: "+"; position: absolute; width: 100%; height: 30px; text-align: center; line-height: 29px; font-size: 30px; transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; -webkit-transition: all .4s ease-in-out 0s; color: #fff; top: 50%; margin-top: -15px; left: 0; font-family: FontAwesome }
.met-product .widget-header a:hover:before { transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); opacity: .7 }
.met-product .widget-header a:hover:after { transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1) }
.met-product.type-4 .widget-header { margin-bottom: 0; position: relative }
.met-product.type-4 .widget-header .item a { display: block }
.met-product.type-4 .widget-header .slick-arrow { width: auto; height: auto; margin: 0; position: absolute; top: 50%; z-index: 2; opacity: 0; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) }
.met-product.type-4 .widget-header .slick-arrow:before { display: none }
.met-product.type-4 .widget-header .owl-nav .disabled, .met-product.type-4 .widget-header .slick-arrow.slick-disabled { display: none !important }
.met-product.type-4 .widget-header .slick-arrow.slick-prev { left: 3% }
.met-product.type-4 .widget-header .slick-arrow.slick-next { right: 3% }
.met-product.type-4 .widget-header .slick-arrow i { font-size: 50px; color: #fff; background: rgba(216, 216, 216, .4); padding: 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition: all .3s ease }
.met-product.type-4 .widget-header .slick-arrow i:hover { background: rgba(216, 216, 216, .6); color: #2a333c }
.met-product.type-4 .widget-header:hover .slick-arrow { opacity: 1 }

@media (max-width:991px) {
    .met-product.type-4 .widget-header .slick-arrow.slick-prev { left: 10px }
    .met-product.type-4 .widget-header .slick-arrow.slick-next { right: 10px }
    .met-product.type-4 .widget-header .slick-arrow i { font-size: 40px }
}

.met-product.type-4 .widget-header .owl-nav { opacity: 0; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition: all .3s ease }
.met-product.type-4 .widget-header .owl-nav .owl-next, .met-product.type-4 .widget-header .owl-nav .owl-prev { top: 50%; pointer-events: auto; text-align: center; position: absolute; z-index: 999 !important; cursor: pointer; margin-top: -37px; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition: all .3s ease }
.met-product.type-4 .widget-header .owl-nav .owl-next i, .met-product.type-4 .widget-header .owl-nav .owl-prev i { font-size: 50px; color: #fff; background: rgba(216, 216, 216, .4); padding: 0 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition: all .3s ease }
.met-product.type-4 .widget-header .owl-nav .owl-next i:hover, .met-product.type-4 .widget-header .owl-nav .owl-prev i:hover { background: rgba(216, 216, 216, .6); color: #2a333c }
.met-product.type-4 .widget-header .owl-nav .owl-prev { left: 3% }
.met-product.type-4 .widget-header .owl-nav .owl-next { right: 3% }

@media (max-width:991px) {
    .met-product.type-4 .widget-header .owl-nav .owl-prev { left: 5px }
    .met-product.type-4 .widget-header .owl-nav .owl-next { right: 5px }
}

.met-product.type-4 .widget-header:hover .owl-nav { opacity: 1 }
.met-product.type-4 h4.widget-title { margin: 0; font-size: 16px; background-color: #f2f2f2; text-align: center }
.met-product.type-4 h4.widget-title a { color: #2a333c }
.met-product.type-4 h4.widget-title a:hover { color: #DAB866 }
.met-img { border-top: 0 solid #f0f2f5 ;margin-top: 40px;}
.met-img .container-fluid { padding: 0 }
.met-img .container { padding: 0 15px }
.met-img .type-1 .widget { margin-bottom: 0 !important }
.met-img .type-1 .widget-body { padding: 10px; text-align: center; background: #F8F8F8 }
.met-img .type-1 .widget-body h3{margin-bottom: 0;}
.met-img .type-1 .widget-body h3.widget-title a { font-size: 14px;  line-height: 20px; overflow: hidden; transition: all .4s ease 0s; -moz-transition: all .4s ease 0s; -webkit-transition: all .4s ease 0s; -o-transition: all .4s ease 0s; color: #666;display: block; }
.met-img .type-1 .widget-body h3.widget-title a:hover { color: #DAB866 }
.met-img .type-1 .widget-body p { height: 20px; line-height: 20px; overflow: hidden; color: #666 }

@media (max-width:767px) {
    .met-img .blocks li { width: 100% }
    .met-img .type-1 .blocks { margin: 0 }
}

.met-img .type-2 .widget { margin-bottom: 0 !important }
.met-img .type-2 .widget-header { position: relative }
.met-img .type-2 .thumb-image-hover { position: absolute; height: 100%; width: 100%; z-index: 2 }
.met-img .type-2 .thumb-image-hover .background { background-color: #737077; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; opacity: .6 }
.met-img .type-2 .thumb-image-hover .icons { position: relative; width: 100%; height: 100% }
.met-img .type-2 .thumb-image-hover .link-gallery, .met-img .type-2 .thumb-image-hover .thumb-image { position: absolute; top: 0; left: 0; transition: none; -moz-transition: none; -webkit-transition: none; color: #fff; width: 30px; height: 30px; text-align: center; border: 1px solid #fff; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important }
.met-img .type-2 .thumb-image-hover .link-gallery:hover, .met-img .type-2 .thumb-image-hover .thumb-image:hover { color: #DAB866; border-color: #DAB866; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.met-img .type-2 .thumb-image-hover a.thumb-image:before { content: "f002"; font: 13px/27px FontAwesome }
.met-img .type-2 .thumb-image-hover a.link-gallery:before { content: "f0c1"; font: 13px/27px FontAwesome }
.met-img .type-2 .widget-body { padding: 20px 10px; text-align: center; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; background-color: #3c3b48; border-radius: 0 }
.met-img .type-2 .widget-body h3.widget-title a { font-size: 16px; height: 20px; line-height: 20px; overflow: hidden; transition: all .4s ease 0s; -moz-transition: all .4s ease 0s; -webkit-transition: all .4s ease 0s; color: #fff }
.met-img .type-2 .widget-body p { height: 20px; line-height: 20px; overflow: hidden; color: #a3afb7 }
.met-img .type-2 li:nth-of-type(odd) .widget-body { background-color: #4a4954 }

@media (min-width:768px) {
    .met-img .type-2 .widget:hover .widget-body { background-color: #fff }
    .met-img .type-2 .widget:hover .widget-body h3.widget-title a { color: #000 }
    .met-img .type-2 .widget:hover .widget-body p { color: #666 }
}

.met-news.type-4 .met-news-body { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none }

@media (max-width:767px) {
    .met-img .type-2 .project-thumbnail { position: relative; display: block; cursor: pointer }
    .met-img .type-2 .project-thumbnail:before { z-index: 1; content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); transition: all .4s ease 0s; -moz-transition: all .4s ease 0s; -webkit-transition: all .4s ease 0s; background: rgba(60, 59, 72, .5) }
    .met-img .type-2 .thumb-image-hover { left: 0; top: 0 }
    .met-img .type-2 .thumb-image-hover .background { background-color: transparent }
    .met-img .type-2 .thumb-image-hover .link-gallery { top: 100% !important; left: 100% !important; opacity: 0 }
    .met-img .type-2 .thumb-image-hover .thumb-image { top: 100% !important; left: 0 !important; opacity: 0 }
    .met-img .type-2 .widget:hover .thumb-image-hover { left: 0 !important; top: 0 !important }
    .met-img .type-2 .widget:hover .thumb-image-hover .link-gallery, .met-img .type-2 .widget:hover .thumb-image-hover .thumb-image { opacity: 1; transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; -webkit-transition: all .4s ease-in-out 0s; transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1) }
    .met-img .type-2 .widget:hover .link-gallery { top: 45% !important; left: 50% !important }
    .met-img .type-2 .widget:hover .thumb-image { top: 45% !important; left: 40% !important }
    .met-img .type-2 .widget:hover .project-thumbnail:before { transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); opacity: 1 }
    .met-news.type-4 .met-news-body { margin-bottom: 20px }
}

.met-news.type-4 .widget { -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0 }
.met-news.type-4 .widget .widget-header { position: relative; margin-bottom: 20px }
.met-news.type-4 .widget .widget-header .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; text-align: center; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0) }
.met-news.type-4 .widget .widget-header .overlay:before { content: ''; background: #DAB866; opacity: .5; position: absolute; top: 0; left: 0; right: 0; bottom: 0 }
.met-news.type-4 .widget .widget-header .overlay a { display: table; width: 100%; height: 100%; color: #fff }
.met-news.type-4 .widget .widget-header .overlay a .fa { display: table-cell; vertical-align: middle; font-size: 20px }
.met-news.type-4 .widget .widget-body { padding: 0 25px 15px }
.met-news.type-4 .widget .widget-body .post-meta { margin: 10px 0 20px }
.met-news.type-4 .widget .widget-body .post-meta .date-holder { width: 70px; height: 70px; text-align: center; background: #fff; color: #DAB866; border: 1px solid #eaeaea; border-bottom: 3px solid #eaeaea; font-size: 1.25em; line-height: 29px; padding: 0 16px; display: table-cell }
.met-news.type-4 .widget .widget-body .post-meta .date-holder span { font-size: 1.6em; font-weight: 700; display: block; margin-top: 5px }
.met-news.type-4 .widget .widget-body .post-meta .title-holder { padding-left: 30px; display: table-cell }
.met-news.type-4 .widget .widget-body .post-meta .title-holder .widget-title { margin-bottom: 10px }
.met-news.type-4 .widget .widget-body .post-meta .title-holder .widget-metas { margin-bottom: 0 }
.met-news.type-4 .widget .widget-body p.newsdesc { font-size: 14px; line-height: 26px; color: #8e8d8d }
.met-news.type-4 .widget .widget-body a.read-more { text-transform: uppercase; display: inline-block; color: #2A2A2A; font-weight: 600; font-size: 12px; line-height: 20px; padding: 7px 20px; background: #DAB866; border-radius: 2px; margin-top: -2px; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition: all .3s ease }
.met-news.type-4 .widget .widget-body a.read-more i { font-size: 1.3em; padding-left: 3px }
.met-news.type-4 .widget .widget-body a.read-more:hover { color: #fff; transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; background: #171B20 }
.met-news.type-4 .widget:hover .widget-header .overlay { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out }
.met-news.type-4 .widget .widget-body, .met-news.type-4 .widget .widget-header { -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0 }
.met-news.type-4 .widget .widget-title { font-size: 24px }
.met-news.type-4 .widget .widget-title a { color: #2a333c }
.met-news.type-4 .widget .widget-title a:hover, .righttel a { color: #DAB866 }
.met-news.type-4 .widget .widget-metas span { margin-left: 10px }
.met-news.type-4 .widget .widget-metas span:first-child { margin: 0 }

@media (max-width:767px) {
    .met-news.type-4 .widget { margin: 15px 10px }
    .met-news.type-4 .widget .widget-title { font-size: 18px; padding-top: 10px }
    .met-news.type-4 .widget .widget-body { padding: 0 0 15px; text-align: center }
    .met-news.type-4 .widget .widget-body .post-meta .date-holder { display: block; margin: 0 auto }
    .met-news.type-4 .widget .widget-body .post-meta .title-holder { display: block; text-align: center; padding-left: 0; margin-top: 10px }
}

/*=============新加=====================*/
.top_left{line-height:30px;}
.top_left a{color: #bbbbbb;}
.header_logo{width: 100%;/*height: 126px; */ position: relative;z-index: 22; }

.iinfo1{background: url(../images/itop_bg.jpg) no-repeat 50% 0 ;height: 606px;}
.iinfo1 h3{font-size: 35px;}
.iinfo1 .met-editor,.iinfo3 .met-editor{background: none;}
.iinfo1 .met-editor p{width:30%;float: left;margin:15px 3%;background:#eeeef0 ;padding: 10px 20px; font-weight: 600;font-size: 16px;}
.iinfo1 h2{font-size: 37px;color: #c10001;text-align: center;font-weight: 600;}
.iinfo2 {background: url(../images/iimg1.jpg) no-repeat 50% bottom ;height: 206px;}
.iinfo3 {background: url(../images/iinfo_bg.jpg) no-repeat 50% bottom ;height: 792px; color: #fff;}
.iinfo3 h3{font-size: 30px;background: url(../images/ititle_bg.png) no-repeat 50% 50% ;color: #fff;    height: 90px;}
.iinfo3 h3 p{
    font-size: 20px;
}
.iinfo3 h4{font-size: 22px;color: #fff;}
.iinfo3 .met-editor{color: #fff;padding: 0;}
.iinfo3 .met-editor ._info{width:48%;font-size: 15px;margin:0 10px ;margin-bottom: 25px;line-height: 30px;float: left;height: 172px; overflow: hidden;}
.iinfo3 .met-editor ._info img{float: left;padding: 30px 20px;}

.index-about{width: 70%;float: left;margin-right: 20px;}
.index-about img {float: left;padding:5px 18px;}
.index-about h3,.index-case h3{text-align: left;border-bottom: 1px solid #dddddd;line-height: 50px;}
.index-about .met-editor{padding: 0;font-size: 15px;line-height: 25px;}
.index-case .more,.index-about .more {float: right; font-size: 14px; color: #ca4242; font-weight: normal;line-height: 60px;margin-right: 20px;}

.index-case{width:28%;float: left;background: url(../images/case_bg.jpg) no-repeat left 50%; }
.index-case .met-editor {padding:0px 20px;height: 490px;background: none;}
.index-case1{background: #f4f4f4;}
.index-case1 h3{font-size: 32px;background: url(../images/ititle_bg1.png) no-repeat 50% 50%;}
.imessage {background:url(../images/iinfo_bg2.jpg) no-repeat 50%  0 ; height: 395px; color: #fff;text-align: center;line-height: 40px;}
.imessage h3{color: #fff; font-size:32px;margin-top: -25px;}
.imessage h3 span{font-size: 18px;color: #e3a1a2;line-height: 24px;}
.imessage .form-group{float: left;width: 18%;margin: 0 3%; text-align: center;}
.imessage .btn{border-radius: 8px;width:200px;margin: 0 auto;}



.ecommerce { padding: 40px 0px 20px 0px; /*height:560px;*/ overflow: hidden; width: 1150px;margin: 0 auto}
.ecommerce .eco_top { height: 36px; }
.ecommerce .eco_top .et_A { width: 29%; height: 35px; border-bottom: 1px solid #dddddd; float: left; }
.ecommerce .eco_top .et_B_border { width: 148px; height: 35px; border: 1px solid #dddddd; border-bottom: none; text-align: center; line-height: 35px; float: left; cursor: pointer; }
.ecommerce .eco_top .et_B { width: 150px; height: 36px; background: #5e5e5e; text-align: center; color: #ffffff; line-height: 36px; float: left; cursor: pointer; }
.ecommerce .eco_top .line { width: 6px; height: 35px; border-bottom: 1px solid #dddddd; float: left; }
.ecommerce .eco_bot {  padding-top: 20px; }
.ecommerce .eco_bot .ecob_l { width: 45%; float: left; }
.ecob_l .ecl_topban { height: 274px; overflow: hidden; }
.ecob_l .ecl_bot_cont { height: 170px; width: 100%; padding: 15px 0px; overflow: hidden; }
.ecommerce .title_box a,.ecommerce .ect_rtop {font-size:18px;color: #333;}
.ecl_bot_cont .title_box { height: 45px; }
.ecl_bot_cont .title_box .tb_left { width: 76px; border-right: 1px solid #dddddd; float: left; border-right: 1px solid #dddddd; }
.ecl_bot_cont .title_box .tb_left .tbl_top { height: 34px; color: #881115; line-height: 34px; }
.ecl_bot_cont .title_box .tb_left .tbl_bot { height: 11px; font-size: 12px; color: #999999; line-height: 11px; }
.ecl_bot_cont .title_box .tb_right { line-height: 45px; text-indent: 15px; font-size: 16px; }
.ecl_bot_cont .ebc_cont { height: 90px; padding-top: 10px; color: #666666; word-wrap: normal; overflow: hidden; line-height: 25px; }
.ecommerce .eco_bot .ecob_r { width: 50%; float: right; margin-right: 0px;}
.ecommerce .eco_bot .ecob_r .ecr_titlebox { height: 80px; padding-top: 15px; padding-bottom: 15px; overflow: hidden; border-bottom: 1px solid #dddddd; }
.ecrtb_left { width: 78px; height: 50px; border-right: 1px solid #dddddd; float: left; }
.ecrl_top { height: 30px; color: #881115; line-height: 30px; }
.ecrl_bot { height: 20px; color: #999999; font-size: 12px; line-height: 20px; }
.ecrtb_left_box_new { width: 500px; height: 50px; text-indent: 15px; }
.ecrtb_right { width:95%; height: 50px;text-indent: 15px; }
.ect_rtop { height: 30px; line-height: 30px; font-size: 16px; }
.ect_rbot { height: 30px; line-height: 30px; color: #999999; }
.home_fe{font-size:33px;}

#box{position:relative;width:1150px;height:360px;margin:30px auto 0;}
#box ul{position:relative;width:1150px;height:360px;}
#box li{position:absolute;border:2px solid #ccc;list-style:none;background:#ccc;width:0;height:0;top:146px;left:377px;z-index:0;cursor:pointer;overflow:hidden;border-radius:3px;}
#box li img{width:100%;height:100%;vertical-align:top;}
#box .prev, #box .next{position:absolute;top:50%;width:39px;height:80px;margin-top:-40px;overflow:hidden;text-indent:-999px;cursor:pointer;background:url(../images/btn.png) no-repeat;}
#box .prev{left:-60px;}
#box .next{right:-60px;background-position:-39px 0;}
@media (max-width:1290px) {
	.tp-banner{height: 480px  !important;}
	.main-slider>.rev_slider_wrapper{height: 480px  !important;}
	}
	
	
@media (max-width:1199px) and (min-width:971px){
	.header_logo .pull-left img{
		max-width: 440px;
	}
}

@media (max-width:1199px) {
	.iinfo3 .met-editor ._info{width: 46%;}
	.iinfo3 h3{font-size:34px}
	.iinfo2 {background-size:160%;height: 150px;}
    .ecommerce .eco_top .et_A {width: 27%}
	.index-about{width: 100%;}
	.index-case1{display: none;}
	.index-case{display: none;}
	.tp-banner{height: 450px  !important;}
	.main-slider>.rev_slider_wrapper{height: 450px  !important;}

	.met-nav .nav > li > a{
		min-width: 90px;
	}
	.met-nav.stricky-fixed .nav > li > a{
		min-width: 95px;
	}
	.info_lb span{
		line-height: 1.6;
	}
	.met-nav.stricky-fixed .nav_search{
		display: none;
	}
	.sl_info1_img{
		padding-right: 15px;
		padding-top: 50px;
	}
	.sl_info1_img.sl_info1_img60{
		padding-right: 0;
		padding-left: 15px;
		padding-top: 50px;
	}
	.about_box ul li span{
		display: block;
	}
	
	
}




@media (max-width:1050px) {
	.ecommerce {width: 1030px;}	
	.main-slider>.rev_slider_wrapper{height: 400px  !important;}
	.tp-banner{height: 400px  !important;}
	.iinfo3 .met-editor ._info{width: 46%;}
	.iinfo3 h3{font-size:34px}
	.iinfo2 {background-size:160%;height: 150px;}
	.ecommerce .eco_top .et_A {width: 26%}
	#box{width: 1000px;}
	.index-case1{display: none;}
	.index-case2{display: none;}

}
@media (max-width:970px) {
	
	.header_logo .pull-left,.header_logo .pull-right{/*width: 40%;*/}
    .header_logo{}
	.ecommerce {width: 730px;}	
	.text-right{
		/*display: none;*/
	}
	.pj_intros{
		padding-top: 20%;
	}
	.ecommerce .eco_bot .ecob_l{display: none;}
	.ecommerce .eco_bot .ecob_r{width: 98%;margin-right: 10px;}
	.ecommerce .eco_top .et_B,.ecommerce .eco_top .et_B_border {width: 120px}
	.ecommerce .eco_top .et_A {width: 16%}
	.iinfo3 h3{font-size:30px}
	.iinfo3 .met-editor ._info{width: 47%;line-height: 26px;background-size:100%;}
	.iinfo3 .met-editor ._info h4{font-size: 18px;}  
	.iinfo3 .met-editor ._info img{float: left;padding: 18px 20px;}
	.iinfo1 .met-editor p{width: 44%; margin: 15px 0;padding: 20px 15px;font-size: 12px;height: 60px; overflow: hidden;}
	.iinfo1 h2{font-size: 26px;}
	.iinfo1 .container{margin-top: 10px;}
	.met-nav .nav > li{
		padding: 0;
	}
	.met-nav.stricky-fixed .nav > li{
		background: none;
	}
	.met-nav.stricky-fixed .nav > li a{
		padding:  0 0px;
		min-width: 65px;
	}
	
	.nav > li > a{
		padding: 0;
	}
	.met-nav .nav > li > a{
		min-width: 65px;
	}
	.info_la{
		float: none;
		width: 100%;
	}
	.info_lb{
		float: none;
		width: 100%;
		padding: 30px 0 0;
	}
	.info_rc{
		float: none;
		text-align: center;
		width: 100%;
	}
	.sv_box ul li{
		width: calc((100% - 26px));
    	margin: 0 13px 25px;
	}
	.sl_list h2{
		font-size: 30px;
	}
	.sl_list p{
		font-size: 20px;
	}
	.sl_list span{
		font-size: 20px;
	}
	.sl_imgshow1 li:nth-child(1){
		padding: 17px 0 0 23px;
	}
	.sl_imgshow1 li:nth-child(2){
		padding: 13px 15px 15px 13px;
	}
	.sl_info_text40{
		width: 50%;
	}
	.sl_info1_img.sl_info1_img60{
		width: 50%;
		padding-top: 100px;
	}
	.about_box2 .left_img{
		padding-top: 110px;
	}
	.foot_nav a{
		padding: 0 5px;
	}
	.foot_logo{
		width: 100%;
	    float: none;
	    text-align: center;
	}
	.foot_content{
		width: 100%;
	    border: none;
	    text-align: center;
	    padding: 20px 0;
	}
	.foot_wx{
	    float: none;
	    max-width: 100%;
	    width: 100%;
	    text-align: center;
	    margin-top: 30px;	
	}
}
@media (max-width:767px) {
	.met-nav.navbar-fixed-top .navbar-collapse ul{display: none;}
	.met-nav .econav button.mobileMenuBtn{display: inline-block !important;}
	.navbar-logo{display: block !important; height: 40px !important;}
	.tp-banner{height: 170px  !important;}
	.main-slider>.rev_slider_wrapper{height: 170px  !important;}
	.ecommerce {width: 600px;}	
	.iinfo3 h3{font-size:30px}
	.met-nav .econav button{display: block;padding: 14px 5px !important;}
	 .imessage h3{font-size: 30px;margin-top: 0px;} 
    .imessage ._info{line-height: 25px;margin-bottom: 10px !important;
    margin-top: 0px !important;font-size: 12px;}
    .imessage .form-group{width: 95%;margin-bottom: 1px;}
    .imessage .margin-bottom-0{margin-top: 10px !important;width: 90%  !important;}
	.iinfo3 .met-editor ._info{width: 43%;line-height: 22px;font-size: 14px;}
	.iinfo3 .met-editor ._info h4{font-size: 18px;}  
	.iinfo3 .met-editor ._info img{float: left;padding: 8px 20px;}
	.iinfo1 .met-editor p{width: 44%; margin: 15px 0;padding: 10px 10px;font-size: 12px;height: 60px; overflow: hidden;}
	
	.nav_cate ul li{
		float: none;
		width: 100%;
		margin: 0 0 20px;
	}
	.pj_intros{
		padding-top: 30%;
	}
	.met-nav .navbar-logo img{
		max-height: 50px;
	}
	.contact_box{
		padding-left: 0
	}
	.contact_left{
		float: none;
		width: 100%;
		padding-right: 0;
		padding:0 15px;
	}
	.contact_left tr .submint .submit{
		float: left;
	}
	.contact_right{
		float: none;
		width: 100%;
		padding: 0 15px;
		padding-top: 70px;
	}
	
	.pub_blue_title span{
		height: 67px;
		line-height: 67px;
		font-size: 26px;
	}
	
	.pub_white_title span{
		height: 61px;
		line-height: 61px;
		font-size: 26px;
	}
	.pub_white_title.pcase_title span{
		height: 61px;
		line-height: 61px;
		font-size: 24px;
	}
	.sv_box h3{
		font-size: 28px;
	}
	.met-index-products ul li{
		width: 200px;
	}
	.met-index-products ul li img{
		width: 100%;
	}
	.met-index-products .project-item h4{
		font-size: 20px;
		padding-top: 10px;
	}
	.met-index-products{
		padding: 30px 0;
	}
	.title_info h2{
		font-size: 32px;
	}
	.title_info span{
		font-size: 16px;
		padding-bottom: 8px;
	}
	.sl_info1_img{
		display: none;
	}
	.sl_info_text{
		float: none;
		width: 100%;
	}
	.about_box{
		padding: 30px 0;
	}
	.about_title span{
		font-size: 18px;
	}
	.about_title h2{
		font-size: 28px;
	}
	.about_title{
		margin: 0 0 0px;
	}
	.about_box ul li{
		width: auto;
		margin-top: 30px;
	}
	.about_box2 .left_img{
		float: none;
		width: 100%;
		padding-top: 0;
	}
	.right_content{
		float: none;
		width: 100%;
		
	}
	.met-position.pattern-show{
		margin-top: 0;
	}
}
@media (max-width:497px) {
	.tp-banner{height: 160px  !important;}
	.main-slider>.rev_slider_wrapper{height: 160px  !important;}
	.ecommerce .title_box a,.ecommerce .ect_rtop{font-size: 14px;}
	.ecommerce {width: 380px;}	
    .imessage h3{font-size: 26px;margin-top: 20px;} 
	.ecommerce .eco_bot .ecob_r{width: 98%;margin-right: 10px;}
	.ecommerce .eco_top .et_A {width: 5%}
	.ecommerce .eco_top .et_B,.ecommerce .eco_top .et_B_border {width: 100px}
	.iinfo3{height: 700px;}
	.iinfo3 h3{font-size:26px;background-size:80%;height: 60px;    line-height: 40px;}
	.iinfo3 .met-editor ._info{width: 43%;}
	.iinfo3 .met-editor ._info h4{font-size: 16px;text-align: center;}    
	.iinfo3 .met-editor ._info span{display: none;}
	.iinfo3 .met-editor ._info img{float: left;padding: 15px 30px;}
	.iinfo2 {background-size:160%;height: 100px;}
	
	.iinfo1 h2{font-size: 24px;line-height: 30px;}
    .iinfo1 .container{margin-top: 40px;}
}