@charset "utf-8";
a{ color:#221E1F; text-decoration:none;}
a:hover{ color:#209981;-webkit-transition:background-color .3s ease 0s;-moz-transition:background-color .3s ease 0s;-o-transition:background-color .3s ease 0s;-ms-transition:background-color .3s ease 0s;transition:background-color .3s ease 0s;}
img{ border:0px;}
ul,li,h1,p,h2{ margin:0px; padding:0px; list-style:none; font-weight:normal}
input{font-family:"Microsoft Yahei";}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color:#221E1F;
	text-align:center;
	font-family:"Microsoft Yahei";
	font-size:16px;
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: inherit | grayscale
}
.fl{ float:left;}
.fr{ float:right;}
.m_top,.pro_con{ display:none;}


.container{width:100%; max-width:1280px;height:auto; margin:0 auto; text-align:left;}
.head{ width:100%; float:leftbackground:#fff; z-index:9999}
.head .logo{ float:left; padding-top:22px; padding-bottom:22px;}
.head .menu{ float:right; font-size:18px;}
.head .menu a{ height:125px;float:left; color:#221E1F; border-right:1px solid #fff; padding-left:20px; padding-right:20px; line-height:125px;}
.head .menu a:hover{ background:#209981; color:#fff;}
.head .menu a.on{background:#209981; color:#fff;}
.head .menu a.a1{height:125px;padding-left:40px; padding-right:40px;}

.banner{ width:100%; float:left; background:url(../images/banner.jpg) top center; background-repeat:no-repeat; padding-top:200px;}
.banner .h1{ font-size:50px; width:100%;}
.banner .h2{ font-size:72px; width:100%; font-weight:bold; padding-top:32px; padding-bottom:245px;}
.ser{ width:96%; float: left; background:#fff;box-shadow: 0 0 20px -5px ; height:80px; padding-left:2%; padding-right:2%;}
.ser_1{ float:left; line-height:80px; font-size:23px; color:#C00C0C; font-weight:bold; padding-right:2%;}
.ser_2{ float:left; margin-top:15px;}
.ser_2 input{ width:360px; line-height:45px; border:none; height:45px;border:1px solid #ccc; height:50px; background:url(../images/search.png) center left #fafafa; background-repeat:no-repeat; padding-left:30px; float:left;}
.ser_3{ float:left; padding-left:2%; margin-top:15px;}
.ser_3 input{ width:135px; height:50px; line-height:50px; text-align:center; color:#fff; background:#D89027; font-size:20px; border:none; cursor:pointer}
.ser_4{ float:left; line-height:80px; font-size:15px; padding-left:2%;}

.fenlei{ width:100%; float:left; padding-top:35px;}
.tit{ width:100%; float:left; background:url(../images/titbg.png) top center; background-repeat:no-repeat; padding-top:25px; text-align:center; padding-bottom:25px;}
.tit h1{ padding-bottom:10px; font-weight:bold;}
.class{ width:100%; float:left; padding-top:30px;position:relative;}
.class .c_l{ width:15.8%; float:left; text-align:center; font-size:18px; padding-bottom:25px}
.class .c_l img{ max-width:100%; padding-bottom:10px;}
.class .c_l ul{ display:none;}
.class .c_l:hover a{ color:#209981}
.class .c_l:hover ul{ display:block;overflow:hidden;position:absolute; width:1220px; z-index:1000; top:245px;background:url(../images/classbg.png); line-height:45px; text-align:left; padding-left:30px; padding-right:30px; font-size:16px; float:left; left:0;clear:both;}
.class .c_l:hover ul a{ color:#424242}
.class .c_l:hover ul a:hover{color:#209981}


.p_class{ width:100%; float:left; text-align:center; padding-top:15px;}
.p_class_con{ width:100%; float:left; padding-top:30px;}
.p_class_con div{ width:15.5%; float:left; text-align:center; border:1px solid #d1d1d1; height:77px}
.p_class_con div img{ max-width:100%;}

.product{ width:100%; float:left; margin-top:60px; margin-bottom:10px; padding-top:40px; background:#F6F4F5}
.flashSaleDeals {
    width: 1280px;
    height: 320px;
    position: relative;
    overflow: hidden;
	padding-top:30px;
	float:left;
}
.flashSaleDeals ul li{
    width:1280px;
    float:left;
}
.xsq_deal_wrapper,.saleDeal{
    position: relative;
    display: block;
    float: left;
    width: 246px;
    height: 320px;
    margin-left: 6px;
	margin-right:6px;
}
.dealCon{
    position: relative;
    width: 246px;
    height: 320px;
    overflow: hidden;
}
.dealImg{
    width: 246px;
    height: 242px;
}

.title_new {
 
    font: 18px/20px "microsoft yahei";
	padding-top:6px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.title_new p {
    width: 100%;
	text-align:center;
	line-height:160%;
	height:60px;
	
}

.flashSaleDeals .saleDeal:hover .finishIcon, .flashSaleDeals .saleDeal.zt2:hover .finish {
    display: none;
}

.trigger {
    width: 40px;
    height: 60px;
    background-image: url("../images/big_bg_img_v3.png");
    position: absolute;
    top: 120px;
    z-index: 3;
}
.zuo{
    background-position: -80px 0px;
    left:0;
}
.zuo:hover{
    background-position: 0px 0px;
}
.you{
    background-position: -120px 0px;
    right: 0;
}
.you:hover{
    background-position: -40px 0px;
}

@media screen and (min-width: 1280px) {
    .top-header #top-header, #header .area,.head_nav .area,.brand_sale {
        width: 1280px;
        zoom: 1;
    }
    .right-ll div.r-banner,.rigt_wrapper .r-rb{
        display: block;
    }
    /*详细商品导航/轮播-结束*/


    /*限量抢购-开始*/
    .flashSaleDeals{
        width:1280px;
    }
    .flashSaleDeals ul li{
        width:1280px;
    }
    .xsq_deal_wrapper,.saleDeal{
        width: 246px;
        margin-left: 5px;
		margin-right:5px;
    }
    .dealCon,.dealImg{
        width:246px;
        height:242px;
    }
}

.more{ width:100%; float:left; text-align:center; padding-top:20px; padding-bottom:40px;}
.more a{ background:#209981; color:#fff; padding:10px 30px; font-size:24px;}
.more a:hover{ background:#000;}


.news{ width:100%; float:left; padding-top:35px; padding-bottom:80px;}
.n_class{ width:100%; float:left; text-align:center;}
.n_class a{ font-size:18px; background:#F6F4F4; padding:10px 23px; margin-left:15px; margin-right:15px; color:#323232;}
.n_class a.on,.n_class a:hover{background:#209981; color:#fff;}
.n_con{ width:100%; float:left; padding-top:50px;}
.n_img{ width:37%; float:left; margin-right:3%;}
.n_txt{ width:60%; float:left;}
.n_list{ width:100%; float:left; padding-bottom:18px;}
.n_list h1{ font-size:18px; padding-bottom:10px;}
.n_list h1 .fr{ font-size:14px; color:#646464;}
.n_list p{ font-size:14px; line-height:150%; color:#646464;}

.pagebot{ width:100%; float:left; background:#2F3239; padding-top:35px; color:#fff;font-size:14px;}
.pagebot a{ color:#fff;}
.foot{ width:100%; float:left; background:#272A30; line-height:50px; color:#6D7278; font-size:12px;}
.foot a{color:#6D7278;}
.foot_logo{ float:left; padding-top:18px; padding-right:70px;}
.foot_menu{ float:left; border-left:1px solid #3C3C3E; border-right:1px solid #3C3C3E; padding-left:125px; padding-right:125px; line-height:300%; padding-bottom:15px;}
.foot_weixin{ float:left; padding-left:65px; padding-top:18px;}
.foot_weixin img{ padding-top:33px;}
.foot_tel{ float:left; padding-left:85px;padding-top:18px;}
.tim{ font-size:12px; color:#7C8187;}
.foot_tel p{ padding-bottom:10px;}
.foot_tel img{ padding-top:15px;}

.frk{ width:100%; float:left; border-top:1px solid #3C3C3E; margin-top:40px; line-height:30px; padding-top:15px; padding-bottom:15px;}
.frk a{ color:#6D7278; padding-left:15px; padding-right:15px;}


/* side */
.izl-rmenu{position:fixed; right:0;bottom:35%;z-index:999; }
.izl-rmenu .btn{width:50px; height:50px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../images/qq.png) no-repeat; background-color:#60676E;}
.izl-rmenu .btn-qq:hover{background-color:#209981;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/qq.png) no-repeat; background-color:#60676E; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../images/erweima.png) no-repeat; background-color:#60676E;}
.izl-rmenu .btn-wx:hover{background-color:#209981;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-125px; top:-30px; display:none;width:120px;height:120px;}
.izl-rmenu .btn-phone{background:url(../images/tel.png) no-repeat; background-color:#60676E;}
.izl-rmenu .btn-phone:hover{background-color:#209981;}
.izl-rmenu .btn-phone .phone{background-color:#209981; position:absolute; width:160px; left:-160px; top:0px; line-height:50px; color:#FFF; font-size:20px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/top.png) no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#209981;}


.fnt30{ font-size:30px;}
.fnt48{ font-size:48px;}
.fnt18{ font-size:18px;}
.blue{ color:#0B816A; font-size:48px;}
.pd1{ margin-right:1%;}
.pd33{ padding-top:33px;}

.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }

@media(max-width:480px){
body{ font-size:14px;}
.head,.n_img,.pagebot,.flashSaleDeals,.cp_show{ display:none;}
.m_top,.mb_show,.banners,.pro_con{ display:block;}

.m_top{width:100%; height:auto;float:left; padding-top:10px; padding-bottom:20px; position:fixed; z-index:1000; background:#fff;box-shadow: 1px 1px 3px  0 #153F57 }
.m_top_l{ float:left; padding-left:5px;}
.m_top_l img{ width:204px; height:41px;}
.m_top_r{ float:right;padding-left:10px;}
#navbar {
  max-width: 1000px;
  margin: 0 auto;
  padding-top:22px;
  padding-right:10px;
}

.menubtn {
 
  position: relative; 
  z-index: 101;
  color: #274a61;
  text-decoration: none;
  font-size: 0em;
  line-height: 0em;
  top: 2px;
  padding: 20px 10px;
  background-image: url('../img/hamburger.png');
  background-position: 50% 50%;
  background-size: 40px 20px;
  background-repeat: no-repeat;
}
.menubtn:hover, .openmenu .menubtn {
  color: #bdd43e;
  background-image: url('../img/hamburger-active.png');
}

/** toggle menu **/
body.openmenu {
  position: fixed;
  overflow: hidden;
}

.overlay {
  position: fixed;
  z-index: 99;
  background-color: rgba(0,0,0,0.5);
  bottom: 0;
  right: 0;
  left: 0;
}

.openmenu .overlay {
  top: 0;
}

#hamburgermenu {
  height: 100%;
  width: 0;
  background: #333333;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  overflow: hidden;
  -webkit-box-shadow: 3px 0 7px rgba(0,0,0,0.55);
  -moz-box-shadow: 3px 0 7px rgba(0,0,0,0.55);
  box-shadow: 3px 0 7px rgba(0,0,0,0.55);
}
#hamburgermenu ul {
  margin-top: 45px;
  z-index: 101;
  overflow-y: auto;
  overflow-x: hidden;
}
#hamburgermenu ul li {
  display: block;
  width:80%; float:left;
  padding-left:5%; padding-right:5%;
}
#hamburgermenu ul li a {
  display: block;
  text-decoration: none;
  line-height:40px;
  color:#adadad;
  margin-bottom:5px;
  border-bottom:1px solid #2b2b2b;
  text-align:left;
  padding-left:10%;
  font-weight:bold;
}
#hamburgermenu li a:hover {
  color: #fff;
  background: #2b2b2b;
}
.container{width:97%; max-width:800px; padding-left:1.5%; padding-right:1.5%;}
.banner{ background:url(../images/m_banner.jpg) top center;padding-top:20px; background-repeat:no-repeat; margin-top:70px;}
.banner .h1{ font-size:22px; width:100%;}
.banner .h2{ font-size:24px;font-weight:100; padding-top:12px; padding-bottom:20px;}
.ser_1,.ser_4{ display:none;}
.ser_2{ float:left; margin-top:15px;}
.ser_2 input{ width:210px; }
.ser_3 input{ width:75px; font-size:14px;}

.fenlei{ padding-top:20px;}
.tit{padding-bottom:15px;}
.class{ padding-top:0px;}
.class .c_l{ width:46%; padding-left:2%; padding-right:2%;font-size:14px; padding-bottom:15px}
.class .c_l:hover ul{ display:none;}

.p_class{ padding-top:0px;}
.p_class_con{padding-top:15px;}
.p_class_con div{ width:45%; padding-left:2%; padding-right:2%; margin-bottom:10px;}

.product{ width:100%; float:left; margin-top:15px; margin-bottom:10px; padding-top:15px; background:#F6F4F5}

.pro_con{ width:100%; float:left; padding-top:20px;}
.pro_con .pc{ width:46%; padding-left:2%; padding-right:2%;font-size:14px;padding-bottom:15px; float:left; text-align:center;}
.pro_con .pc img{height:130px;}
.more{padding-top:20px; padding-bottom:20px;}
.more a{font-size:16px;}

.news{padding-top:20px; padding-bottom:20px;}

.n_txt{ width:100%; }
.n_list{ padding-bottom:10px;}
.n_list h1{ font-size:16px;}
.n_list p{ font-size:12px;}
.n_class a{ font-size:16px; background:#F6F4F4; padding:10px 23px; margin-left:15px; margin-right:15px; color:#323232;}


.izl-rmenu .btn{width:35px; height:35px;}
.izl-rmenu .btn-qq{background:url(../images/m_qq.png) no-repeat; background-color:#60676E;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/m_qq.png) no-repeat; background-color:#60676E; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../images/m_erweima.png) no-repeat; background-color:#60676E;}
.izl-rmenu .btn-phone{background:url(../images/m_tel.png) no-repeat; background-color:#60676E;}
.izl-rmenu .btn-top{background:url(../images/m_top.png) no-repeat; background-color:#666666;}

.foot{ line-height:25px;padding-top:10px; padding-bottom:10px;}


.fnt30{ font-size:16px;}
.fnt48{ font-size:20px;}
.fnt18{ font-size:14px;}

.pd1{ margin-right:0%;}
.blue{ color:#0B816A; font-size:28px;}
}