@charset "utf-8";
/* CSS Document */
.wrapper, .container-fluid {
	width:100%;
	padding:0 ;
	margin:0 auto;
	outline:none;
}
body,html{padding:0; margin:0 auto; font-family: "Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif !important;}
a,a:hover{ text-decoration:none !important;}
ul,h1,h2,h3,h4,p{padding:0;margin:0}
li{list-style:none;padding:0;margin:0}
a img{border:0px;}
input,textarea{outline:none}
#mainNavBar{border-bottom: 3px solid #0069a0;box-sizing:border-box; position:fixed; top:0; left:0; z-index:99;width:100%;background:rgba(255,255,255,1); font-size:16px; height:60px; line-height:60px;height:60px;background-color:rgba(255,255,255,1);box-shadow:0 1px 4px 0 rgba(2,3,7,.15)}
#nav{width:1400px;height:60px;margin:0 auto;background:rgba(255,255,255,1);background-color:rgba(255,255,255,0);}
#nav .nav-logo{ padding:10px; float:left;height:40px}
#nav .nav-logo img{height:40px;width:auto}
#nav ul{padding:0 10px;margin-left:50px;float: left }
#nav ul li .active{background:#d18b36;color:#0068b7;}
.drawer-nav-title .active{background:rgba(255,255,255,1);color:#fff;}

#nav ul li{position:relative;float:left;width:auto;height:60px;line-height:60px;overflow:hidden;list-style-type:none; text-align:center;padding:0 20px}
#nav>ul>li>a,#nav>ul>li>a:visited{display:block;color:#6d6666;text-decoration:none;height:60px; line-height:60px;}
#nav #subNav a{color:#fff}
#nav>ul>li>a:hover{color:#0068b7}
#nav ul li:hover a {color:#0068b7}
#nav ul li:hover #subNav a{background:none;}
#nav ul li:hover #subNav a:hover{color:#0068b7;background:#fff}
#subNav{position:absolute;width:200px;top:60px;left:-40px;padding:0px;background:rgba(0,104,183,0.7);color:#fff;text-align:left;border:1px solid rgba(0,0,0,.15); box-shadow:0 6px 12px rgba(0,0,0,.175); border-radius:1px;}
#subNav a,#subNav a:visited{text-decoration:none;display:block;color:#fff; font-size:14px;text-align:center; height:30px !important; line-height:30px !important; margin:0 auto}
.d-wrap .drawer-toggle{padding:25px 10px 0 0}
/*************µ¼º½¶þ***************/
.drawer-toggle,.drawer-toggle span,.drawer-main,.drawer-nav{ display:none; z-index:999;}
.drawer-right .drawer-overlay, .drawer-right .drawer-hamberger{ display:none; z-index:999;}

.drawer-right .drawer-overlay, .drawer-right .drawer-hamberger{ top:0px !important;}
.drawer-right.drawer-open .drawer-overlay, .drawer-right.drawer-open .drawer-hamberger{ top:2px !important;}
.drawer-hamberger{ width:50px !important; height:50px !important; text-align:center !important; }
.drawer-hamberger span{ margin-top:2px !important; margin-right:20px !important;}
.drawer-hamberger span, .drawer-hamberger span:before, .drawer-hamberger span:after{ margin-right:20px !important; width:24px !important;}


.drawer-default{ background-color:#fefefe !important;}
.drawer-default .drawer-nav-title{width:100%; padding:10px 0 0 0 !important; margin:0 !important;}
.drawer-default .drawer-nav-title a,.drawer-default .drawer-nav-title a{ font-size:16px; color:#333; text-decoration:none; width:100%; padding:0 20px; display:block; line-height:44px; height:44px;}
.drawer-default .drawer-nav-title a:hover{ font-size:16px; color:#fff; background:rgba(255,255,255,0.8); text-decoration:none;}

.drawer-default .drawer-nav-list li a,.drawer-default .drawer-nav-list li a{ text-decoration:none; padding:10px 30px !important;}
.drawer-default .drawer-nav-list li a:hover,.drawer-default .drawer-nav-list li a:active{ text-decoration:none;background:rgba(255,255,255,0.8); color:#fff;}

.contact-method>div{float:left;width:30px;height:57px;margin-left:40px;position:relative}
.contact-method>div>.out-layer{display:none;position:absolute;top:60px;left:-60px}
.contact-method>div:hover{cursor:pointer}
.contact-method>div:hover .out-layer{display:block}
.contact-method .wechat{background:url(../images/wechat.png) no-repeat center;background-size:auto 20px}
.contact-method .wechat .out-layer,.contact-method .weibo .out-layer{width:139px}
.contact-method .weibo{background:url(../images/weibo.png) no-repeat center;background-size:auto 20px}
.contact-method .phone{background:url(../images/phone.png) no-repeat center;background-size:auto 20px}
.contact-method .phone .phone-num{position:absolute;background:#fff;top:60px;width:200px;background:#208cc5;color:#fff;text-align:center;line-height:30px;height:30px;left:-76px;display:none}
.contact-method .phone:hover .phone-num{display:block}
@media(max-width:1400px){
	.item{height:800px}
	.news-wrap .news-left{width:15%}
	.news-wrap .news-left .text-wrap{width:auto}
	.news-wrap .news-mid{width:41%}
	.product-wrap .product-list-wrap .item .cover{height:200px}
	.product-wrap,.news-wrap,.contact-wrap{height:800px}
	.news-wrap>div{padding-top:100px}
	.news-wrap .news-right .news-list .news-d{width:70%;}
.news-wrap .news-right .news-list .news-d:hover{width:80%;transition:all 0.6s}
.product-list ul li .cover{height:200px}
}
@media(max-width:1300px){
	#nav ul li{padding:0 20px}

}

@media (max-width:1200px){
#nav{width:100%;}
#nav ul{ margin-left:150px; width:auto; float:none;}
#nav ul li{width:8%;}
.product-wrap .product-list-wrap .item .cover{height:180px}
.contact-wrap .contact-top{height:30%}
.contact-wrap .contact-bottom{height:70%}
.drawer-right .drawer-overlay, .drawer-right .drawer-hamberger{display:block}
#nav ul{ display:none;}
.drawer-toggle, .drawer-toggle span, .drawer-main, .drawer-nav{display:block}
footer{
	margin-top:0;
	}
#subNav{width:100%;}
.product-list ul li{width:100%}
.fluid-wrap .news-list ul li a .cover{}
.fluid-wrap .news-list ul li a .content{padding-left:0}
.main ul li{width: 49.5%;margin-right: 1%;}
.main ul li:nth-child(2n){margin-right:0;}
.keifu{display:none}
.about .about-banner,.ryzz .about-banner{padding-bottom: 26%;background-size: 175%;}
.product .about-banner{padding-bottom: 26%;background-size: 175%;}
.anl .about-banner{padding-bottom: 26%;background-size: 175%;}
.fwzx .about-banner{padding-bottom: 26%;background-size: 175%;}
.lxwm .about-banner{padding-bottom: 26%;background-size: 175%;}
.w1100{width:100%;padding:0 20px;box-sizing:border-box;}
.location{text-align:left;}
.about .nav{padding-top: 24px;}
.about .right{    box-sizing: border-box;width:70%}

.ryzz .right{    box-sizing: border-box;width:70%}
.ryzz .right .l{width:48%}
.ryzz .right .r{width:48%}
.zzxx .right dl .pic img{width:100%}
#givecolor table{width:100%!important}
.product .right{    box-sizing: border-box;width: 70%;}
.product .right ul li .pic{margin-right: 20px;}
.product .right ul li .pic2{margin-right:0}
.anl .right{    box-sizing: border-box;width:70%}
.anl .right ul li .pic{width:100%;margin-bottom:30px}
.anl .right ul li{padding-bottom:0}
.news .right{    box-sizing: border-box;width:70%}
.news .right ul li .pic{width:100%;padding-bottom:60%}
.news .right ul li .yb{width:100%;box-sizing:border-box;}
.news .about-banner{padding-bottom: 28.5%;    background-size: 177%;}
.jszc .about-banner{padding-bottom: 28.5%;    background-size: 177%;}

.fwzx .right{width:70%;box-sizing:border-box}
.jszc .right{width:70%;box-sizing:border-box}
.lxwm .right{width:70%;box-sizing: border-box;}
.lxwm .right iframe{width:100%!important}
}
@media (max-width:1000px){
	.product-wrap .product-list-wrap .item .cover{height:270px}
	.fluid-wrap .news-list ul li a .cover{height:170px}
	.product-top .product-cat{text-align:center!important}
	.contact-wrap .contact-bottom{height:auto}
	.contact-wrap .contact-bottom .contact-right form .input-wrap{padding-left:0} 
}


@media (max-width:898px){
#nav{width:100%}

}

@media (max-width:769px){
#wrapper{ position:relative; top:40px;}
#mainNavBar{padding:0}
#mainNavBar .icon-wrap{padding-right:50px}
#nav ul{ display:none;}
#mainNavBar{height:70px; line-height:70px;}
#mainNavBar #nav{height:70px; line-height:70px;}
#nav .nav-logo img{ width:100px; height:auto;}
.d-wrap .drawer-toggle{padding:30px 10px 0 0}
.item{height:600px}
.banner-one-text,.banner-two-text,.banner-three-text{text-align:center;margin:0 auto;right:15%}
.banner-one-text h1,.banner-two-text h1,.banner-three-text h1{font-size:4em}
.banner-one-text p,.banner-two-text p,.banner-three-text p{font-size:2em}
.carousel-caption{padding-top:60px}

.fluid-wrap .product-wrap{height:auto!important}
.fluid-wrap .product-wrap{padding:50px}
.news-wrap{height:auto}
.news-wrap .news-mid{width:80%}
.news-wrap .news-mid{border-left:1px solid #fff}
.news-wrap .news-left{height:100%;border-right:0}
.news-wrap .news-right{margin-left:15%;padding-top:0;padding-bottom:10%}
.news-wrap .news-mid .main-news .content{width:80%}
.contact-wrap,.contact-wrap>div{height: auto;}
.contact-wrap .contact-top {padding: 90px;height:30%;}
.contact-wrap .contact-bottom {padding: 90px;height:auto;}
.news-wrap .news-right .news-list .news-d{width:80%;}
.news-wrap .news-right .news-list .news-d:hover{width:90%;transition:all 0.6s}

.drawer-toggle,.drawer-toggle span,.drawer-main,.drawer-nav{ display:block;}
.drawer-right .drawer-overlay, .drawer-right .drawer-hamberger{ display:block;}
.drawer-default .drawer-nav-title a,.drawer-default .drawer-nav-title a{ font-size:14px; line-height:40px; height:40px;}
.drawer-default .drawer-nav-title a:hover{ font-size:14px; color:#fff; background:rgba(0,105,160,0.8); text-decoration:none;}
.drawer-default .drawer-nav-list li a,.drawer-default .drawer-nav-list li a{font-size:13px;  padding:6px 30px !important;}
.drawer-default .drawer-nav-list li a:hover,.drawer-default .drawer-nav-list li a:active{background: #0068b7}
.fluid-wrap .product-list{padding:80px 40px 0}

}
@media (max-width:769px){
	.zzxx .right dl p{width:100%}
.product-list ul li{width:100%}
.fluid-wrap .news-list ul li a .cover{}
.fluid-wrap .news-list ul li a .content{padding-left:0}
#nav .nav-logo{padding:15px;}
.contact-method>div{height: 67px;}
.contact-method>div>.out-layer{top:70px;}
.contact-method .phone .phone-num{top:70px;}
.index .slideBox .bd{margin-top:70px;}
.main ul li{width: 49.5%;margin-right: 1%;}
.main ul li:nth-child(2n){margin-right:0;}
.keifu{display:none}
.about .about-banner,.ryzz .about-banner{padding-bottom: 28%;background-size: 175%;}
.product .about-banner{padding-bottom: 28%;background-size: 175%;}
.anl .about-banner{padding-bottom: 28%;background-size: 175%;}
.fwzx .about-banner{padding-bottom: 28%;background-size: 175%;}
.lxwm .about-banner{padding-bottom: 28%;background-size: 175%;}
.w1100{width:100%;padding:0 20px;box-sizing:border-box;}
.location{text-align:left;}
.about .nav{padding-top: 24px;}
.about .right{width:60%}

.ryzz .right{width:60%}
.zzxx .right dl .pic img{width:100%}
#givecolor table{width:100%!important}
.product .right{width: 63%;}
.product .right ul li .pic{margin-right: 20px;}
.product .right ul li .pic2{margin-right:0}
.anl .right{width:60%}
.anl .right ul li .pic{width:100%;margin-bottom:30px}
.anl .right ul li{padding-bottom:0}
.news .right{width:60%}
.news .right ul li .pic{width:100%;padding-bottom:60%}
.news .right ul li .yb{width:100%;box-sizing:border-box;}
.news .about-banner{padding-bottom: 28.5%;    background-size: 177%;}
.jszc .about-banner{padding-bottom: 28.5%;    background-size: 177%;}

.fwzx .right{width:60%;box-sizing:border-box}
.jszc .right{width:60%;box-sizing:border-box}
.lxwm .right{width:60%;}
.lxwm .right iframe{width:100%!important}
}
@media (max-width:750px){
	.fluid-wrap .product-wrap{padding:20px}
.product-wrap .product-top .product{padding-left:10px}
.product-wrap .product-top .product-cat{float:left}
.product-wrap .product-top .product-cat>a{padding:7px 15px}
.product-wrap .product-top .product-cat>a:first-child{padding-left:10px}
.product-wrap .product-top .product-cat>a:after{margin-left:15px}
.owl-pagination{display:none}
.news-wrap>div{padding-top:50px}
.news-wrap .news-left{width:20%}
.news-wrap .news-mid .main-news .cover{width:90%;height:180px}
.news-wrap .news-mid .main-news .content{width:90%}
.news-wrap .news-right{margin-left:20%}
.news-wrap .news-mid .main-news .content .more>a{margin-top:20px}
.news-wrap .news-right .news-list .news-d:hover{width:100%;transition:all 0.6s}
.news-wrap .news-right .news-list .news-d .before{left:-21px}
.news-wrap .news-right .news-list .news-d .title,.news-wrap .news-mid .main-news .content .title{font-size:16px;padding-bottom:10px}
.news-wrap .news-right .news-list .news-d .description,.news-wrap .news-mid .main-news .content .description{font-size:12px}
.news-wrap .news-right .news-list .news-d .title .datetime,.news-wrap .news-mid .main-news .content .title .datetime{left:-90px}
.news-wrap .news-right .news-list .news-d .title .datetime .date,.news-wrap .news-mid .main-news .content .title .datetime .date{font-size:20px}
.news-wrap .news-right .news-list .news-d{width:90%;padding:20px 0px 20px 20px}
.nav p.on em{height:100%}
.contact-wrap .contact-top{padding:40px}
.contact-wrap .contact-bottom{padding:20px}

.fluid-wrap .products{padding:100px 0 0}
.fluid-wrap .product-list{padding:20px 10px}
.products .product-top .product-cat>a{padding:0 20px}
.products .product-top .product-cat>a:after{margin-left:20px}
.fluid-wrap .news-list ul li a{margin-top:20px}
.fluid-wrap .news-list ul li a .cover{width:100%;height:270px}
.fluid-wrap .news-list ul li a .content{width:100%}
.fluid-wrap .news-list{padding-top:10px}

.footer ul li{font-size:14px;padding:10px 0px 10px 40px;}
.main ul li .title{font-size:14px}
.footer .copy-right{font-size:14px}
.contact-method .weibo{display:none}
.contact-method .wechat .out-layer, .contact-method .weibo .out-layer{width: 100px;    left: -38px;}
.contact-method .phone .phone-num{width: 160px;left: -65px;font-size: 12px;}
.contact-method>div{margin-left:30px}
.d-wrap .drawer-toggle{padding:30px 0px 0 0;}
.zzxx .right dl .pic img{height:200px}
.about .nav{display:none}
.about .right{padding: 10px 10px;width: 100%;box-sizing: border-box;}
.about .w1100 .nav,.product-detail .w1100 .nav,.anl-detail .w1100 .nav,.ryzz .w1100 .nav,.news-detail .w1100 .nav{display:none}
.product .w1100 .nav,.anl .w1100 .nav,.news .w1100 .nav,.fwzx .w1100 .nav,.jszc .w1100 .nav,.lxwm .w1100 .nav{width:100%;margin-top: 20px;}
.product .w1100 .nav .tit,.anl .w1100 .nav .tit,.news .w1100 .nav .tit,.fwzx .w1100 .nav .tit,.jszc .w1100 .nav .tit,.lxwm .w1100 .nav .tit{height:40px;font-size:18px;line-height:10px;background-size:cover;}
.product .w1100 .nav .tit em,.anl .w1100 .news .tit em,.anl .w1100 .nav .tit em,.fwzx .w1100 .nav .tit em,.jszc .w1100 .nav .tit em,.lxwm .w1100 .nav .tit em{font-size: 15px;}
.product .w1100 .nav p,.anl .w1100 .nav p,.news .w1100 .nav p,.fwzx .w1100 .nav p,.jszc .w1100 .nav p,.lxwm .w1100 .nav p{height:40px;line-height:40px;font-size:13px;}
.product .w1100 .nav dl dt,.anl .w1100 .nav dl dt,.news .w1100 .nav dl dt,.fwzx .w1100 .nav dl dt,.jszc .w1100 .nav dl dt,.lxwm .w1100 .nav dl dt{height:30px;line-height:30px;font-size:12px}
.ryzz .right{width:100%;padding:0}
.page1 a:last-child{display:none}
.zzxx .right .tit{display:none}
.location{display:none}
.slider-nav{display:block}
body{background:#fff}
.product .right{width:100%;box-sizing:border-box;padding:25px 0 40px}
.product .right ul li .pic{margin-right:4%;width:48%}
.product .right ul li .pic:nth-child(2n){margin-right:0%}
.product .right .detail-tit,.anl .right .detail-tit{display:block}
.anl,.about,.product,.news,.fwzx,.lxwm{margin-top:67px}
.anl .right{width:100%;box-sizing:border-box;padding:25px 0 40px}

.news .right{width: 100%;box-sizing:border-box;padding:0;margin-top: 20px;}
.xwxx .right .title{font-size:20px}
.xwxx .right .fy{height:auto;line-height:normal;padding:20px 5px 0;}
.xwxx .right .fy .r{float:left}
.xwxx .right .fy a{padding: 10px 0;}

.fwzx .right{width:100%;padding: 30px 10px 28px;}
.jszc .right{width:100%;padding: 26px 0 42px;}
.lxwm .right{width:100%;box-sizing:border-box;padding: 26px 10px 42px;}
}
@media (max-width:500px){
.fluid-wrap .product-wrap{padding:20px}
.product-wrap .product-top .product{padding-left:10px}
.product-wrap .product-top .product-cat{float:left}
.product-wrap .product-top .product-cat>a{padding:7px 15px}
.product-wrap .product-top .product-cat>a:first-child{padding-left:10px}
.product-wrap .product-top .product-cat>a:after{margin-left:15px}
.owl-pagination{display:none}
.news-wrap>div{padding-top:50px}
.news-wrap .news-left{width:20%}
.news-wrap .news-mid .main-news .cover{width:90%;height:180px}
.news-wrap .news-mid .main-news .content{width:90%}
.news-wrap .news-right{margin-left:20%}
.news-wrap .news-mid .main-news .content .more>a{margin-top:20px}
.news-wrap .news-right .news-list .news-d:hover{width:100%;transition:all 0.6s}
.news-wrap .news-right .news-list .news-d .before{left:-21px}
.news-wrap .news-right .news-list .news-d .title,.news-wrap .news-mid .main-news .content .title{font-size:16px;padding-bottom:10px}
.news-wrap .news-right .news-list .news-d .description,.news-wrap .news-mid .main-news .content .description{font-size:12px}
.news-wrap .news-right .news-list .news-d .title .datetime,.news-wrap .news-mid .main-news .content .title .datetime{left:-90px}
.news-wrap .news-right .news-list .news-d .title .datetime .date,.news-wrap .news-mid .main-news .content .title .datetime .date{font-size:20px}
.news-wrap .news-right .news-list .news-d{width:90%;padding:20px 0px 20px 20px}
.nav p.on em{height:100%}
.contact-wrap .contact-top{padding:40px}
.contact-wrap .contact-bottom{padding:20px}

.fluid-wrap .products{padding:100px 0 0}
.fluid-wrap .product-list{padding:20px 10px}
.products .product-top .product-cat>a{padding:0 20px}
.products .product-top .product-cat>a:after{margin-left:20px}
.fluid-wrap .news-list ul li a{margin-top:20px}
.fluid-wrap .news-list ul li a .cover{width:100%;height:270px}
.fluid-wrap .news-list ul li a .content{width:100%}
.fluid-wrap .news-list{padding-top:10px}

.footer ul li{font-size:14px;padding:10px 0px 10px 40px;}
.main ul li .title{font-size:14px}
.footer .copy-right{font-size:14px}
.contact-method .weibo{display:none}
.contact-method .wechat .out-layer, .contact-method .weibo .out-layer{width: 100px;    left: -38px;}
.contact-method .phone .phone-num{width: 160px;left: -65px;font-size: 12px;}
.contact-method>div{margin-left:30px}
.d-wrap .drawer-toggle{padding:30px 0px 0 0;}
.zzxx .right dl .pic img{height:200px}
.about .nav{display:none}
.about .right{padding: 10px 10px;width: 100%;box-sizing: border-box;}
.about .w1100 .nav,.product-detail .w1100 .nav,.anl-detail .w1100 .nav,.ryzz .w1100 .nav,.news-detail .w1100 .nav{display:none}
.product .w1100 .nav,.anl .w1100 .nav,.news .w1100 .nav,.fwzx .w1100 .nav,.jszc .w1100 .nav,.lxwm .w1100 .nav{width:100%;margin-top: 20px;}
.product .w1100 .nav .tit,.anl .w1100 .nav .tit,.news .w1100 .nav .tit,.fwzx .w1100 .nav .tit,.jszc .w1100 .nav .tit,.lxwm .w1100 .nav .tit{height:40px;font-size:18px;line-height:10px;background-size:cover;}
.product .w1100 .nav .tit em,.anl .w1100 .news .tit em,.anl .w1100 .nav .tit em,.fwzx .w1100 .nav .tit em,.jszc .w1100 .nav .tit em,.lxwm .w1100 .nav .tit em{font-size: 15px;}
.product .w1100 .nav p,.anl .w1100 .nav p,.news .w1100 .nav p,.fwzx .w1100 .nav p,.jszc .w1100 .nav p,.lxwm .w1100 .nav p{height:40px;line-height:40px;font-size:13px;}
.product .w1100 .nav dl dt,.anl .w1100 .nav dl dt,.news .w1100 .nav dl dt,.fwzx .w1100 .nav dl dt,.jszc .w1100 .nav dl dt,.lxwm .w1100 .nav dl dt{height:30px;line-height:30px;font-size:12px}
.ryzz .right{width:100%;padding:0}
.page1 a:last-child{display:none}
.zzxx .right .tit{display:none}
.location{display:none}
.slider-nav{display:block}
body{background:#fff}
.product .right{width:100%;box-sizing:border-box;padding:25px 0 40px}
.product .right ul li .pic{margin-right:4%;width:48%}
.product .right ul li .pic:nth-child(2n){margin-right:0%}
.product .right .detail-tit,.anl .right .detail-tit{display:block}
.anl,.about,.product,.news,.fwzx,.lxwm{margin-top:67px}
.anl .right{width:100%;box-sizing:border-box;padding:25px 0 40px}

.news .right{width: 100%;box-sizing:border-box;padding:0;margin-top: 20px;}
.xwxx .right .title{font-size:20px}
.xwxx .right .fy{height:auto;line-height:normal;padding:20px 5px 0;}
.xwxx .right .fy .r{float:left}
.xwxx .right .fy a{padding: 10px 0;}

.fwzx .right{width:100%;padding: 30px 10px 28px;}
.jszc .right{width:100%;padding: 26px 0 42px;}
.lxwm .right{width:100%;box-sizing:border-box;padding: 26px 10px 42px;}
}



@media (max-width:360px){
.fluid-wrap .product-wrap{padding:20px 8px}
.product-wrap .product-top .product-cat{padding-top:10px}
.product-wrap .product-list-wrap{margin-top:10px}
.product-wrap .product-list-wrap .item .cover{height:200px}
.news-wrap .news-right .news-list .news-d .title .datetime,.news-wrap .news-mid .main-news .content .title .datetime{left:-75px;top:4px}
.news-wrap .news-right .news-list .news-d .title .datetime .date,.news-wrap .news-mid .main-news .content .title .datetime .date{font-size:16px}
.news-wrap .news-right .news-list .news-d .title .datetime .year,.news-wrap .news-mid .main-news .content .title .datetime .year{font-size:12px}
.news-wrap .news-mid .main-news .cover{height:150px}
.contact-wrap .contact-top{padding:30px}
.contact-wrap .contact-bottom{padding:20px 10px}
	
.fluid-wrap .product-list{padding:20px 5px}
.products .product-top .product-cat>a{padding:0 10px}
.products .product-top .product-cat>a:after{margin-left:10px}
.product-list ul li{margin-bottom:40px}

.fluid-wrap .news-list ul li a{padding:10px 8px}
.fluid-wrap .news-list ul li a .cover{width:100%;height:240px}
.fluid-wrap .news-list .content .c-wrap .content-bottom{font-size:12px;line-height:20px}
.fluid-wrap .news-list{padding-top:10px}
}



@media (max-width:321px){
	.contact-method>div{margin-left:10px}
}



.drawer-hamberger span{background-color:#0068b7}