/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:''; }
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1150px; margin:0 auto;}

.head .wapper{width: 1500px;margin: 0 auto;}

.head{border-bottom: 1px solid #EEEEEE;}
.head .logo{width: 20%;float: left; }
.head .logo img{max-width: 100%;}
.head .ss{width: 20%;float: right;margin-top: 2%;margin-right: 0%;}
.head .ss .text1{width: 80%;height: 30px;border: 1px solid #ddd;border-right: none; border-radius: 3px 0 0 3px;font-size: 14px;color: #999;padding-left: 2%;float: left;}
.head .ss .btn1{width: 15%;height: 32px;border: 1px solid #e60013;border-left: none; border-radius: 0 3px 3px 0;float: left;background: url(../images/ss.png) #e60013 no-repeat center center;background-size: 20px;}
.head .menu{width: 55%;float: left;padding: 1% 0;margin-left: 5%;margin-top: 0.5%;}



/*menu*/
.menu{height:50px;line-height: 50px;}
.menu ul li{ float:left; position:relative;width:16%;border-bottom: 3px solid transparent;}
.menu ul li:hover{border-bottom: 3px solid #e60013;}
.menu ul li dl{ /* background:#fff; */width:100%; position:absolute; left:0px; top:50px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); display:none; z-index: 999;}
.menu ul li dl dd{ line-height:3em;text-align: center;}
.menu ul li dl dd:hover{background: #e60013;}
.menu ul li dl dd a{ font-size:14px; color:#333; font-weight:normal; display:inline; padding:0; }
.menu ul li dl dd:hover a{ color:#FFFFFF;}
.menu a{ font-size:15px;color:#333; text-decoration:none; display:block;text-align:center;font-weight: bold;   }
.menu a:hover{color:#e60013;}
a.menu_hover{ background:;color:#e60013;}

.nav {margin:0px; padding:0; width:100%; display:none;}
.nav-item {margin:0px;padding:0px; list-style:none;zoom:1;width:100%; text-align: center;}
.nav-item a {display:block;-webkit-transition: color .2s linear,background .2s linear;-moz-transition: color .2s linear,background .2s linear;-o-transition: color .2s linear,background .2s linear;transition: color .2s linear,background .2s linear; font-size:14px; background:#fff;color: #333; border-top:1px solid rgba(16,24,32,.2); line-height:49px; height:49px; overflow:hidden;}
.nav-item a:hover {background:#efefef;color: #000;}
.nav-mobile {display: none;cursor: pointer;position: absolute; top: 0px; right:2%; background: url(../images/navbg.png) center no-repeat;width: 50px;height:50px;}
.nav-mobile { display:block;}
.nav-list {width:100%;margin:0px;padding:0px;float:left;display:none;}
.nav-inner {display: none;}
.nav-active, .nav-active-inner .nav-inner {display:block;}



/*---------------------------轮换图片-------------------------------*/
.slide_container { position: relative;float: left;width: 100%;}
.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}
.rslides li:first-child {position: relative;display: block;float: left;}
.rslides img {display: block;height: auto;float: left;width: 100%;border: 0;}
.slide {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.slide li {position: absolute;width: 100%;left: 0;top: 0;}
.slide img {display: block;position: relative;z-index: 1;height: auto;width: 100%;border: 0;}
.slide .caption {display: block;position: absolute;z-index: 2;font-size: 20px;text-shadow: none;color: #fff;background: #000;background: rgba(0,0,0, .8);left: 0;right: 0;bottom: 0;padding: 10px 20px;margin: 0;max-width: none;}
.slide_nav {position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0);top: 50%;left: 0;opacity: 0.7;z-index: 3;text-indent: -9999px;overflow: hidden;text-decoration: none;height: 61px;width: 38px;background: transparent url("../images/themes.gif") no-repeat left top;margin-top: -45px;}
.slide_nav:active {opacity: 1.0;}
.slide_nav.next {left: auto;background-position: right top;right: 0;}
/*---------------------------轮换图片 End-------------------------------*/


.con0{background: #F2F2F2;padding: 10px 0;}
.con0 p{font-size: 12px;color: #333333;line-height: 2em;}
.con0 p span{}
.con0 p a{color: #333333;}
.con0 p a:hover{text-decoration: underline;}
.con0 p strong{}

.con1{padding: 2% 0;}
.con1 .con1bt {}
.con1 .con1bt .zi{width: 50%;float: left;}
.con1 .con1bt .zi h2{font-size: 26px;color: #333333;line-height: 1.5em;text-align: left;}
.con1 .con1bt .more{width: 50%;float: right;text-align: right;}
.con1 .con1bt .more a{font-size: 14px;color: #333333;line-height: 2em;}
.con1 .con1nr{overflow: hidden;}
.con1 .con1nr ul{width: 105%;}
.con1 .con1nr ul li{width: 30%;float: left;margin: 1% 2% 1% 0;}
.con1 .con1nr ul li .img{position: relative;}
.con1 .con1nr ul li .img img{max-width: 100%;}
.con1 .con1nr ul li .img .imgon{position: absolute;top: 0;left: 0;width: 99%;height: 99.1%; border: 1px solid #DDDDDD;display: none;background: #FFFFFF;}
.con1 .con1nr ul li:hover .img .imgon{display: block;}
.con1 .con1nr ul li .img .imgon .top{text-align: center; height: 89%; }
.con1 .con1nr ul li .img .imgon .top img{max-width: 100%;}
.con1 .con1nr ul li .img .imgon .bott{text-align: center;width: 100%;  height: 10%;border-top: 1px solid #DDDDDD;display: inline-block;}
.con1 .con1nr ul li .img .imgon .bott a{font-size: 14px;color: #fff;line-height: 3em;}
.con1 .con1nr ul li .zi{}
.con1 .con1nr ul li .zi a{font-size: 16px;color: #333333;line-height: 1.5em;font-weight: bold;}
.con1 .con1nr ul li .zi p{font-size: 12px;color: #999999;line-height: 1.5em;font-weight: bold;}

.con2{padding: 2% 0;}
.con2 .con2bt{}
.con2 .con2bt h2{font-size: 26px;color: #333333;line-height: 2em;text-align: left;}
.con2 .con2nr{overflow: hidden;}
.con2 .con2nr ul{width: 105%;}
.con2 .con2nr ul li{width: 30%;float: left;margin: 1% 2% 1% 0;}
.con2 .con2nr ul li:hover{opacity: 0.8;}
.con2 .con2nr ul li .img{}
.con2 .con2nr ul li .img img{max-width: 100%;}
.con2 .con2nr ul li .zi{}
.con2 .con2nr ul li .zi span{font-size: 16px;color: #333333;line-height: 2em;display: block;text-align: left;font-weight: bold;}

.con3{padding: 2% 0;}
.con3 .con3bt{}
.con3 .con3bt h2{font-size: 26px;color: #333333;line-height: 2em;text-align: left;}
.con3 .con3nr{overflow: hidden;}
.con3 .con3nr ul{width: 105%;}
.con3 .con3nr ul li{width: 17%;float: left;margin: 1% 2% 1% 0;text-align: center;border: 1px solid #DDDDDD;}
.con3 .con3nr ul li .img{position: relative;}
.con3 .con3nr ul li .img img{max-width: 100%;display: block;}
.con3 .con3nr ul li .img .imgon{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: none;}
.con3 .con3nr ul li:hover .img .imgon{display: block;}
.con3 .con3nr ul li .img .imgon img{max-width: 100%;}

.con4{overflow: hidden;padding: 2% 0;background: #f7f7f7;}
.con4 ul{width: 105%;}
.con4 ul li{width: 44%;float: left;margin:1% 5% 1% 0;text-align: center;}
.con4 ul li .img{width: 35%;float: left;}
.con4 ul li .img img{max-width: 100%;}
.con4 ul li .zi{width: 60%;float: right;}
.con4 ul li .zi h2{font-size: 16px;color: #333333;line-height: 2em;font-weight: normal;text-align: left; border-bottom: 1px solid #ddd;}
.con4 ul li .zi span{font-size: 14px;color: #666;line-height: 1.5em;display: block;text-align: left;}

.con5{padding: 2% 0;}
.con5 .con5bt {}
.con5 .con5bt .zi{width: 50%;float: left;}
.con5 .con5bt .zi h2{font-size: 26px;color: #333333;line-height: 1.5em;text-align: left;}
.con5 .con5bt .more{width: 50%;float: right;text-align: right;}
.con5 .con5bt .more a{font-size: 14px;color: #333333;line-height: 2em;}
.con5 .con5nr{overflow: hidden;margin-top: 3%;}
.con5 .con5nr ul{}
.con5 .con5nr ul li{line-height: 3em;border-bottom: 1px solid #DDDDDD;padding: 1% 0;}
.con5 .con5nr ul li:first-child{border-top: 1px solid #DDDDDD;}
.con5 .con5nr ul li:hover{opacity: 0.8;}
.con5 .con5nr ul li p{font-size: 14px;color: #333333;}
.con5 .con5nr ul li p strong{}
.con5 .con5nr ul li p .dk{font-size: 12px;color: #FFFFFF;background: #999999;border-radius: 2px;display: initial;text-align: center;padding: 0 10px;margin: 0 10px;}

.con6{padding: 2% 0;}
.con6 .con6bt {}
.con6 .con6bt .zi{width: 50%;float: left;}
.con6 .con6bt .zi h2{font-size: 26px;color: #333333;line-height: 1.5em;text-align: left;}
.con6 .con6bt .more{width: 50%;float: right;text-align: right;}
.con6 .con6bt .more a{font-size: 14px;color: #333333;line-height: 2em;}
.con6 .con6nr{overflow: hidden;margin-top: 3%;}
.con6 .con6nr .ss{width:50%;margin: 0 auto;}
.con6 .con6nr .ss .text2{width: 80%;height: 40px; float: left;border-bottom: 1px solid #DDDDDD;font-size: 14px;color: #999999;line-height: 40px;}
.con6 .con6nr .ss .btn2{width: 20%;height: 40px;background: #000000;border-radius: 30px;font-size: 16px;color: #FFFFFF;text-align: center;float: left;}
.con6 .con6nr .zi{background: #FCFCFC;border: 1px solid #DDDDDD;margin-top: 3%;padding: 1%;}
.con6 .con6nr .zi span{font-size: 14px;color: #333333;line-height: 1.5em;display: block;text-align: left;}

.con7{overflow: hidden;padding: 2% 0;background: #FAFAFA;}
.con7 h2{font-size: 20px;color: #333333;line-height: 2em;}
.con7 ul{width: 107%;}
.con7 ul li{width: 14%;float: left;margin: 1% 2% 1% 0;}
.con7 ul li .img{width:30%;float: left;}
.con7 ul li .img img{max-width: 100%;}
.con7 ul li .zi{width: 65%;float: right;}
.con7 ul li .zi span{font-size: 14px;color: #999999;line-height: 3em;display: block;text-align: left;}



.foot{background: #F2F2F2;}
.foot .left{width: 50%;float: left;}
.foot .left p{font-size: 14px;color: #333333;line-height: 4em;}
.foot .right{width: 50%;float: right;}
.foot .right p{text-align: right;line-height: 4em;}
.foot .right p a{font-size: 14px;color: #333333;}
.foot .right p img{max-width: 100%;vertical-align: middle;}
.foot .right p span{font-size: 14px;color: #333333;padding: 0 2px;}

.banner{text-align: center;}
.banner img{max-width: 100%;}

.list{}
.list .leftlist{width: 16%;float: left;}
.list .rightlist{width: 78%;float: right;}

.left_a{}
.left_a ul{}
.left_a ul li{margin: 5% 0;border: 1px solid #DDDDDD;text-align: center;padding: 3%;}
.left_a ul li:hover{background: #DDDDDD;}
.left_a ul li a{font-size: 16px;color: #333333;line-height: 1.5em;}
.left_a ul li:hover a{text-decoration: underline;}

.left_b{}
.left_b ul{}
.left_b ul li{margin: 10% 0;}
.left_b ul li h2{font-size: 16px;color: #FFFFFF;line-height: 2em; font-weight: normal;background: #11101082;padding: 0 15px;}
.left_b ul li dl{}
.left_b ul li dl dd{line-height: 3em;border-bottom: 1px solid #eee;background: url(../images/leftlistsanjiao.png) no-repeat left center;}
.left_b ul li dl dd a{font-size: 16px;color: #333333;padding-left: 10%;}
.left_b ul li dl dd:hover a{text-decoration: underline;}
 
.left_c{}
.left_c .left_cbt{background: #000000;}
.left_c .left_cbt h2{font-size: 16px;color: #FFFFFF;font-weight: normal;line-height: 2em;padding-left: 10px;}
.left_c .left_cnr{margin-top: 5%;}
.left_c .left_cnr ul{}
.left_c .left_cnr ul li{line-height: 3em;margin: 5% 0;background: #EEEEEE;padding:0 2% ;}
.left_c .left_cnr ul li:hover{background: #EAEAEA;}
.left_c .left_cnr ul li a{font-size: 16px;color: #333333;line-height: 3em;}
.left_c .left_cnr ul li a img{max-width: 100%;vertical-align: middle;}

.weizhi{}
.weizhi span{font-size: 14px;color: #333333;line-height: 3em;}
.weizhi a{font-size: 14px;color: #333333;line-height: 3em;}
.weizhi a:hover{color: #036248;}

/*scroll_03*/
.scroll_03{ background:;}
.scroll_03 .hd .prev,.scroll_03 .hd .next{ display:block;  width:5px; height:9px; line-height:10px;overflow:hidden;cursor:pointer; } 
.scroll_03 .hd .next{ } 
.scroll_03 .bd li{ float:left; width:100%; overflow:hidden; margin:0 0;}
.scroll_03 .bd li .img{}
.scroll_03 .bd li .img img{max-width: 100%;}

.products2{padding: 3% 0;}
.products2 .products2bt{border: 1px solid #DDDDDD;}
.products2 .products2bt h2{font-size: 18px;color: #333333;line-height: 3em;text-align: center;}
.products2 .products2nr{overflow: hidden;margin-top: 2%;}
.products2 .products2nr ul{width: 105%;}
.products2 .products2nr ul li{width: 30.2%;float: left;margin: 1% 2% 1% 0;text-align: center;}
.products2 .products2nr ul li:hover{opacity: 0.6;}
.products2 .products2nr ul li .img{}
.products2 .products2nr ul li .img img{width: 300px;}
.products2 .products2nr ul li .zi{}
.products2 .products2nr ul li .zi h2{font-size: 16px;color: #333333;line-height: 2em;text-align: center;}
.products2 .products2nr ul li .zi span{font-size: 14px;color: #333333;line-height: 1.5em;display: none;text-align: center;}

.about1{padding: 3% 0;}
.about1 h2{font-size: 20px;color: #333333;line-height: 2em;text-align: center;}
.about1 span{font-size: 16px;color: #333333;line-height: 2em;display: block;text-align: center;}

.about2{background: url(../images/about2.jpg) no-repeat center center;padding: 16% 0;background-size: cover;}
.about2 .nek{width: 40%;border: 1px solid #000000;background: #FFFFFF;margin: 0 auto;text-align: center;padding: 3px;}
.about2 .nek .nrk{border: 1px solid #000000;}
.about2 .nek h1{font-size: 40px;color: #333333;font-weight: normal;line-height: 2em;text-align: center;}
.about2 .nek h1 span{font-size: 40px;color: #036248;}
.about2 .nek a{font-size: 40px;color: #333333;line-height: 2em;text-decoration: underline;}

.shopinfo1{padding: 3% 0;}
.shopinfo1 .shopinfo1bt{}
.shopinfo1 .shopinfo1bt h2{font-size: 30px;color: #333333;line-height: 2em;text-align: center;}
.shopinfo1 .shopinfo1nr{}
.shopinfo1 .shopinfo1nr .ss{width:50%;margin: 0 auto;}
.shopinfo1 .shopinfo1nr .ss .text2{width: 80%;height: 40px; float: left;border-bottom: 1px solid #DDDDDD;font-size: 14px;color: #999999;line-height: 40px;}
.shopinfo1 .shopinfo1nr .ss .btn2{width: 20%;height: 40px;background: #000000;border-radius: 30px;font-size: 16px;color: #FFFFFF;text-align: center;float: left;}
.shopinfo1 .shopinfo1nr .zi{background: #FCFCFC;border: 1px solid #DDDDDD;margin-top: 3%;padding: 1%;}
.shopinfo1 .shopinfo1nr .zi span{font-size: 14px;color: #333333;line-height: 1.5em;display: block;text-align: left;}

.shopinfo2{padding: 1% 0;}
.shopinfo2 ul{overflow: hidden;}
.shopinfo2 ul li{padding: 1% 0;}
.shopinfo2 ul li h2{font-size: 24px;color: #036248;line-height: 3em;border-bottom: 1px solid #EEEEEE;}
.shopinfo2 ul li dl{width: 105%;padding: 1% 0;}
.shopinfo2 ul li dl dd{width: 23%;float: left;margin: 1% 2% 1% 0;}
.shopinfo2 ul li dl dd h3{font-size: 14px;color: #333333;line-height: 1.5em;text-align: left;}
.shopinfo2 ul li dl dd p{font-size: 12px;color: #333333;line-height: 1.5em;}
.shopinfo2 ul li dl dd a{font-size: 12px;color: #333333;text-decoration: underline;}

.contact1{padding: 3% 0;}
.contact1 .contact1bt{}
.contact1 .contact1bt h2{font-size: 30px;color: #333333;line-height: 2em;text-align: center;}
.contact1 .contact1nr{}
.contact1 .contact1nr ul{}
.contact1 .contact1nr ul li{margin: 2% 0;}
.contact1 .contact1nr ul li h2{font-size: 16px;color: #333333;line-height: 3em;border: 1px solid #DDDDDD;padding-left: 10px;}
.contact1 .contact1nr ul li span{font-size: 12px;color: #333333;line-height: 1.75em;display: block;text-align: left;padding: 1% 3%;}

.contact2{padding: 3% 0;}
.contact2 h2{font-size: 18px;color: #333333;line-height: 1.5em;}
.contact2 span{font-size: 14px;color: #333333;line-height: 1.5em;display: block;text-align: left;}

.contact3{padding: 3% 0;overflow: hidden;}
.contact3 ul{width: 105%;}
.contact3 ul li{width: 30%;float: left;margin: 1% 2% 1% 0;border: 1px solid #DDDDDD;text-align: center;padding: 5% 0;}
.contact3 ul li:hover{background: #EEEEEE;}
.contact3 ul li a{font-size: 14px;color: #333333;line-height: 4em;}
.contact3 ul li:hover a{text-decoration: underline;}
.contact3 ul li img{max-width: 100%;vertical-align: middle;padding: 0 5px 0 0;}

.inside1{padding: 3% 0;}
.inside1 .inside1bt{border-bottom: 1px dashed #DDDDDD;padding: 2% 0;}
.inside1 .inside1bt h2{font-size: 24px;color: #333333;line-height: 1.5em;text-align: center;}
.inside1 .inside1bt p{font-size: 14p;color: #333333;line-height: 1.5em;text-align: center;}
.inside1 .inside1nr{margin-top: 2%;}
.inside1 .inside1nr span{font-size: 14px;color: #333333;line-height: 1.5em;display: block;text-align: left;}
.inside1 .inside1nr img{max-width: 100%;}

.insidetwo1{padding: 3% 0;}
.insidetwo1 .insidetwo1bt{}
.insidetwo1 .insidetwo1bt h2{font-size: 24px;color: #333333;line-height: 2em;text-align: center;}
.insidetwo1 .insidetwo1nr{margin-top: 2%;}
.insidetwo1 .insidetwo1nr img{max-width: 100%;}
.insidetwo1 .insidetwo1nr span{font-size: 14px;color: #333333;line-height: 1.5em;display: block;text-align: left;}


@media only screen and (max-width: 768px) {
	.wapper{width: 94%;}
	.head .wapper{width: 94%;}
	
	
	.head .logo{width: 100%;text-align: center;}
	.head .ss{display: none;}
	.head .menu{display: none;}

	.nav {display: block;float: left;}

}

@media only screen and (max-width: 480px) {
	
	.con1 .con1nr ul li{width: 46.5%;}
	.con1 .con1nr ul li .img .imgon .top{height: 80%;}
	.con1 .con1nr ul li .img .imgon .bott{height: 20%;}
	
	.con2 .con2nr ul li{width: 46.5%;}
	
	.con3 .con3nr ul li{width: 46%;}
	
	.con4 ul {width: 100%;}
	.con4 ul li{width: 100%;margin: 2% 0 2% 0;}
	
	.con6 .con6nr .ss{width: 100%;}
	
	.con7 ul li{width: 48%;}
	
	
	.foot .left{width: 100%;text-align: center;}
	.foot .left p{line-height: 1.5em;}
	.foot .right{width: 100%;text-align: center;margin-right: 80px;}
	.foot .right p{line-height: 1.5em;}
	
	.about2 .nek{width: 80%;}
	
	.contact1 .contact1nr ul li h2{line-height: 2em;}
	
	.contact3 ul li{width: 46%;}
	
	.list .leftlist{width: 100%;}
	.list .rightlist{width: 100%;}
	.left_b ul li dl dd a{padding-left: 15px;}
	
	.products2 .products2nr ul li{width: 47.2%;}
	
	.shopinfo1 .shopinfo1nr .ss{width: 80%;}
	
	.shopinfo2 ul li dl dd{width: 47%;margin: 5% 2% 5% 0;}

}


@media only screen and (max-width: 320px) {

}

@media(max-width: 768px) {

}

@media(max-width: 650px) {

}

@media(max-width: 540px) {

}

@media(max-width: 480px) {

}

@media(max-width: 414px) {

}

@media(max-width: 375px) {

}

@media(max-width: 320px) {

}