ul,li{list-style-type: none;padding: 0;margin:0;}
a{color: #333;}
a:hover{color: #49c931;text-decoration:none}
.main{width: 1200px;margin: 0 auto;}
.mt20{margin-top: 20px;}
.md20{margin-bottom:20px;}
.bgfff{background: #fff;}

.header{background: #fff}
.header_main{padding:0;display: flex;flex-wrap: nowrap;}

.logo{margin-top: 30px;margin-right: 50px;}
.logo img{width: 180px;}
.nav-site{display: flex;flex-wrap: nowrap;}
.nav-site li{width: 150px;padding: 0;background: #fff;    line-height: 80px;    text-align: center;font-size: 1.1em}
.nav-site li a{display: block;}
.nav-site li a:hover{background: #f3f3f3;color:#49c931;font-size: 1.105em;border-top: 1px solid #49c931;}

.search-icon{font-size: 20px;margin-top: 20px;color: #333;margin-left: 20px;}
.fa-search{margin-top: 10px;}
.search{position: absolute;top: 0px;left: 0;right: 0;z-index: 4000;display: none;}
.search .bd{width: 500px;height: 120px;margin:0 auto;background: #eee;    z-index: 999;
    position: absolute;    left: 0;    right: 0;    top: 400px;}
.search .search-input{border: 1px solid #49c931;margin:40px;background: #fff;overflow: hidden;}
.search-input input{border: 0;outline: none;}
.search-input .text{width: 80%;line-height: 30px;}
.search-input .fa-search{width:30px;height:30px;background: url(../images/search.png) 0 2px no-repeat;float: right;padding: 0;margin:0;}
.search .bd-bg{background: #000;opacity: 0.8;width: 100%;height: 100%;position: fixed;left: 0;top: 0;right: 0;bottom: 0;}

.search_page .search_box{margin:50px 0;}
.search_bd{width: 500px;margin:0 auto;border: 1px solid #999;height: 34px;background: #fff;}
.search_bd input{outline: none;}
.search_bd .text{width: 80%;height: 30px;line-height: 30px;border: 0;padding-left:10px;}
.search-btn{background: url(../images/search.png) 0 2px no-repeat;width: 30px;height: 30px;border: 0;float: right;}

.swiper-container{width:100%;overflow: hidden;}
.swiper-container-m{width: 100%;overflow: hidden;display: none;}
.swiper-container-banner{overflow: hidden;}
.swiper-container-press{width:1200px;height:250px;overflow: hidden;margin: 0 auto 20px;}
.swiper-container .swiper-wrapper{width: 100%;}
.swiper-slide{width: 100%;float: left;}
.swiper-slide a{width: 100%;display: block;}
.swiper-slide a img{width: 100%;}
.swiper-container-press .swiper-slide{width: 250px;height: auto;padding: 25px;}
.swiper-container-press .swiper-slide img{width: 100%;}
.swiper-container-press .swiper-slide a{width: 100%;height: auto;color: #333;text-decoration: none; }
.swiper-container-m .swiper-slide{height: auto;}
.swiper-container-m .swiper-slide a{height: auto;}
.swiper-button-prev{position: absolute;top: 0px;left: 0;height: 100%;width: 8em;opacity: 0;margin-top: 0}
.swiper-button-next{position: absolute;top: 0px;right: 0;height: 100%;width: 8em;opacity: 0;margin-top: 0}

.swiper-container:hover .swiper-button-prev,.swiper-container:hover .swiper-button-next{background-color: #000;}
.swiper-container .swiper-button-prev:hover{opacity:0.4;}
.swiper-container .swiper-button-next:hover{opacity:0.4;}






.boxtop{
	display: flex;flex-wrap: wrap;
	text-align: center;
	margin-top:50px;margin-bottom:20px;justify-content: space-around;
}
.bg0{background: #aaa}
.boxtop .title{font-size: 1.5em;font-weight: 900 ;width: 100%;}
.boxtop .title::after{content: "";    display: block;    position: absolute;  left: 50%;    width: 40px;    height: 4px;    margin-left: -20px;
    border-radius: 10px;background:red;}
.boxtop .tip{font-size: 0.8em;color: #666;margin-top:10px;text-transform: uppercase;}
.tuwen,.picinfo{display: flex;flex-wrap: wrap;margin-bottom: 50px;}
.tuwen{margin-bottom: 50px;}
.tuwen li{padding: 0 10px;width:50%;margin-bottom: 20px;}
.item{border:1px solid #eee;width: 100%;display: flex;flex-wrap: nowrap;}
.item-l{width: 140px;flex-shrink: 0;    margin-right: 20px;}
.item-l a{width: 100%;}
.item-l img{max-width: 100%;height: 105px;}

.item-r{flex-shrink:1;padding-right: 10px;width: 100%;}
.item-r h2{font-size: 1.2em;font-weight: 600;margin-top: 10px;}
.item-r p{color: #999;font-size: 0.9em;margin:0;height: 1em;}
.more{padding: 10px 50px;text-align: center;border: 1px solid #49c931;color: #49c931;margin:0 auto;display: flex
;    justify-content: space-around;    width: 180px;margin-bottom: 50px;}
.more:hover{background: #49c931;color: #fff;}
.picinfo li{width: 25%;padding: 0 10px;margin-bottom: 20px;}
.picinfo .item{width: 100%;flex-wrap: wrap;}
.picinfo .item-t{width: 100%;flex-shrink: 1}
.picinfo .item-t img{max-width: 100%;}
.item-d h2{font-size: 1.2em;font-weight: 600;margin-top: 10px;height: 1em;overflow: hidden;padding: 0 10px;}
.item-d p{color: #999;font-size: 0.8em;margin:0;overflow: hidden;padding: 0 10px 10px;}
.service{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 50px 0}

.service i{font-size:3em;margin-top:50px; }
.service-box{background: #fff;width: 24%;text-align: center;    cursor: pointer;}
.service-box:hover{background: #49c931;border: 1px solid #fff;color: #fff}
.service-box h5{font-size: 1.2em;font-weight: 600;margin-top: 20px;margin-bottom: 20px;}
.service-box p{font-size: 0.8em;color: #666;padding: 0 20px;margin-bottom: 50px}
.service-box:hover p{color: #fff}

.banner{overflow: hidden;min-height: 150px;background: url(../images/banner.jpg) top center no-repeat;}
.banner img{width: 100%;position: absolute;min-height: 100px;    max-height: 500px;}
.banner .boxtop{color: #fff;    z-index: 9999; margin-top: 0;   position: relative;display: flex;justify-content: center;    align-items: center;
	padding-top: 80px;margin-bottom: 70px;}
.banner .tip{color: #eee;}

.cate{text-align: center;display: flex;align-items: center;    justify-content: center;margin-top: 30px;}
.cate li{margin-left: 10px;margin-right:10px;border: 1px solid #49c931;color: #49c931;background: #fff}
.cate li a{color: #49c931;display: block;padding: 10px 20px;}
.cate li:hover a{color: #fff;background: #49c931}
.cate .curlink{background: #49c931}
.cate .curlink a{color: #fff}
.list{margin-top: 50px;    justify-content: left;}
.list .item{background: #fff;}
.list .item-l{width: 240px;}
.list .item-l img{height:180px;}
.list .item-r p{height: auto;}
.list .item-r em{color: #999;font-style: normal;padding-top: 20px;display: block;}
.list .item-r h2{margin-top: 20px;}
.list .item-d{text-align: center;width: 100%;}
.list .item-d p{width: 100%;}
.download{display: block;background: #49c931;text-align: center;padding: 5px 10px;color: #fff;margin-top: 20px;}
.download:hover{color: #fff;}
#pages{text-align: center;margin-bottom:50px}
#pages span{padding:5px 10px;margin-left: 5px;margin-right:10px;color: #49c931; }
#pages a{border: 1px solid #49c931;padding:5px 10px;color: #49c931; }
#pages a:hover{background: #49c931;color: #fff}



.crumbs{padding: 20px;border-bottom:1px solid #eee;}
.content-box{padding: 20px;}
.content-box .title{text-align: center;padding:10px 0 20px;    border-bottom: 1px dashed #eee;}
.content-box h1{font-size: 1.8em;font-weight: 700;}
.title-s{font-size:1em;color: #666;}
.content{font-size: 1.2em;line-height: 1.6em;margin-top: 20px;}
.content p{margin-bottom:20px;}
.content img{max-width: 100%;text-align: center;}

.content-box .product-title{display: flex;flex-wrap: nowrap;border:0;padding-bottom: 0;}
.product-title .title-img{width: 350px;margin: 20px;    flex-shrink: 0;}
.title-img img{max-width: 100%;}
.title-info{width: 100%;    text-align: left;padding-left: 20px;}
.title-info p{display: block;font-size: 1.1em;color: #666;width: 70%}
.title-info .shopurl{color: red;border: 1px solid red;padding:10px 20px;text-align: center;width: 200px;display: block;margin-top: 20px;}
.title-info .shopurl:hover{color: #fff;background: red;}
.title-tip{padding-left: 20px;border-bottom: 1px solid #eee;height: 2.4em;line-height: 2.4em;font-weight: 700;font-size: 1.4em}

.taglist{margin: 20px;padding-bottom: 20px;}
.taglist li{line-height: 40px;}
.taglist span{margin-left: 20px;}

.footer{
	background: #262525;
	color: #827d7d;
	padding-top: 50px
}
.footer a{color: #827d7d}
.footer a:hover{color: #49c931}
.footer_main{display: flex;flex-wrap: nowrap;justify-content: space-between;}
.footer_l{
	display: flex;
	flex-wrap: wrap;
}
.footer .footer_item{
	width: 240px;

	margin-right: 50px;
}
.footer .item_title{
	width: 200px;
	padding-bottom: 10px;
	border-bottom: 2px solid #827d7d;
	font-size: 1.4em;
	font-weight: 900;
	margin-bottom: 10px;
}

.footer .item_list{
	display: flex;
	flex-wrap: wrap;
}
.footer .item_list a{
	display: block;
	width: 100%;
	margin-bottom: 5px;
}
.footer_r .footer_item{margin-right: 0}
.footer_r img{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 200px;
}
.footer_r em{
	font-size: 2em;
	font-weight: 900;
}
.footer_bottom{
	text-align: center;
	background: #000;
	padding:20px 0;
	margin-top: 20px;
}
.menu-icon{display: none;}

@media (max-width: 800px) {
.main,.header,.footer{width: 100%;}
.header_main{justify-content: space-between;}
.footer_main{display: flex;flex-wrap: wrap;}
.nav-bar,.nav-site{width: 100%;display: flex;flex-wrap: wrap;position: absolute;z-index: 99999;}
.logo{margin: 0;padding:0;padding-top: 15px;}
.menu-icon{font-size: 1.4em;padding: 15px 10px;display: block;}
.mbg{width: 100%;height: 100%;background: #000;opacity: 0.8;}
.search-icon{font-size: 1.4em;padding: 15px 10px;margin-top: 0;}
.fa-search{margin-top: 0;}
.fa{font-size: 1.4em;}
.title-info p{width: 100%;}
.nav-bar{top: 64px;height: 100%;display: none;}
.nav-site li{width: 100%;height: 60px;line-height: 60px;border-bottom: 1px dashed #eee;}
.boxtop{margin-top: 20px;}
.tuwen,.picinfo{margin-bottom: 20px;}
.tuwen li{width: 100%;padding: 0px; margin: 0 10px 10px;background: #fff}
.item-l{margin-right: 10px;}
.item-r{padding-right: 0;}
.item-r h2{font-size: 1.05em;height: 2.1em;overflow: hidden;}
.item-r p{font-size: 0.8em;height: 2.6em;overflow: hidden;}
.more{margin-bottom: 20px;}
.service{padding:10px;flex-wrap: wrap;padding-bottom: 0;}
.service-box{width: 49%;margin-bottom: 10px;}
.picinfo li{width: 48%;margin-bottom: 10px;padding:0;margin-left: 1%;        margin-right: 1%;background: #fff;}
.item-d h2{font-size: 1em;}
.footer{margin-top: 20px;padding-top: 20px;}
.footer_l{width: 100%;}
.footer .footer_item{width: 100%;padding-left: 20px;margin-right: 0;padding-right: 20px;         margin-bottom: 20px;}
.footer .item_title{width: 100%;}
.footer_r p{display: block;width: 100%;}

.banner .boxtop{padding-top: 50px;margin-bottom: 50px;}
.list{margin-top: 30px;}
.list .item-l{width: 140px;    flex-shrink: 0;}
.list .item-l img{height: auto;min-height: 100px;}
.list .item-r h2{margin-top: 10px;}
.list .item-r p{height: 2.6em}
.list .item-r em{display: none;}
#pages a{display: none;}
#pages .pagebtn{display: block;width: 100%;padding:10px;margin-bottom:10px;}
#pages span{display: none;}

.content-box{padding: 0 10px 10px 10px;}
.content-box h1{font-size: 1.6em}
.content-box .product-title{display: flex;flex-wrap: wrap;}
.product-title .title-img{width: 100%;        margin: 0;}
.title-info{padding-left: 0;}
.title-info .shopurl{width: 100%;background: red;color: #fff;}
.title-tip{padding-left: 10px;font-size: 1.2em;}
.content{margin-top: 10px;}
.cate li a{padding:10px 5px;}
.search .bd{width: 100%;top: 300px;}
.search_page .search_box{margin: 20px 0;}
.search_bd{width: 98%;}

}