/* header */
body,html{margin:0; background:#FFDE5B}
.header{position:relative;height:50px;background:url(/images/logo.png) no-repeat; background-size:100% 100%;}
.header .logo{display:block;width:100%; float:left}
.header .logo img{display:block;}
.header .search{float:left;display:block;height:50px; color:#FFF; line-height:50px; margin:0 auto; width:100%; position:absolute; text-align:center; font-weight:bold;font-size:1.2rem}
.header .search:hover{}
.header .search span{display:none;}
.header .user-icon{position:absolute;top:0;right:70px;z-index:1000;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-user.png) no-repeat center center;background-size:40%;}
.header .user-icon span{display:none;}
.header .user-icon:hover{background-color:#0067d2;}
.header .back{position:absolute;top:0;left:0;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-back.png) no-repeat center center;background-size:12px 20px;}
.clear{font: 0px/0px sans-serif;clear: both;display: block}

@media (min-width:641px){body{width:640px;margin:auto;}}
a img{border:0px}
#main{width:100%; margin:0 auto; margin-bottom:3rem}
#imenu{
width:100%; float:left; background:url(/images/nav_bg.jpg) center no-repeat; background-size:100% 100%;   background-color:#FFCC00; padding:1.5rem 5%;

}
.inav{width:25%; float:left; margin:0.5rem 0px}
.inavpic{width:90%;  margin:0 auto; border-radius:6px; background:url(/images/nav.fw.png) center no-repeat; background-size:100% 100%; line-height:2rem}
.inavt{width:100%; text-align:center; font-size:0.9rem;}
.inavt a{color:#FFF; font-family:"Î¢ÈíÑÅºÚ"; font-weight:bold}
.inavt a:hover{color:#FFF}
.inapic{width:100%; float:left; line-height:5rem}
.inapic span{ margin:0 auto; width:80%; margin-left:20%}
#ipro{width:100%; float:left; text-align:center; font-size:1.3rem; border-top:5px solid #0D7FBD; height:3.5rem; line-height:3.5rem; color:#0D7FBD; font-weight:bold}

#iproducts{width:100%; float:left;}

#iproductss{width:100%; float:left; background:#E5E5E5;}
.ipr2{width:100%; float:left; overflow:hidden; background:#FFF;}
.ipr2 img{width:100%; height:50%}
.ipr2 a{color:#000}


.iproduct{width:44%; float:left; text-align:center; line-height:2rem; background:#FFF; margin-left:4%}
.iproduct2{width:44%; float:left; text-align:center; line-height:2rem; background:#FFF; margin-left:4%}

.iproduct a{color:#000}
.ipropic{width:100%; margin:0 auto; border-radius:4px;}
#imore{width:100%; float:left; height:3rem; margin-top:1rem}
.imore{border-radius:10px;width:6rem; margin:0 auto; text-align:center; height:2rem; line-height:2rem; background:url(/images/gd.png); background-size:100% 100%;}
.imore a span{ padding:10px 50px;}
#inewt{width:100%; float:left; height:3rem; line-height:3rem; background:#FFF; color:#0C3;}
.nmore a{color:#C30; float:right}
.inewlist{width:100%; float:left; border-bottom:1px dashed #FFFFFF; margin-bottom:0.5rem; padding:2%}
.inewpic{width:40%; float:left; height:130px}
.inewpic img{ border-radius:3px}
.inewc{width:58%; float:right; height:128px; border-bottom:2px solid #B3B3B3; overflow:hidden}
.ttt{border-bottom:1px dashed #CCCCCC; font-family:"Î¢ÈíÑÅºÚ"; font-size:1.1rem; width:100%; float:left; margin-top:1px; background:url(/images/sjx.png) left center no-repeat; font-weight:bold; line-height:3rem; height:3rem; margin-top:1rem; text-indent:2.5rem;}
.desc{width:100%; float:left; font-size:1rem; line-height:1.5rem; margin-top:0.5rem }
.ttt a{color:#000}
#ewm{width:105px; height:105px; margin:0 auto; text-align:center; font-size:0.9rem; color:#FFF; line-height:1.5rem}
#foot{width:100%; text-align:center; font-size:0.8rem; background:#073A73; float:left; color:#FFF; position:fixed; bottom:0px; max-width:640px; padding-top:0.5rem; opacity:0.9}
#foot a{color:#FFF}
.fico{width:33.3%; float:left;}

/*²Ëµ¥*/
 .links{
	    	background-color: #52b529;
	    	-webkit-transition: all 1s;
	    	-o-transition: all 1s;
	    	transition: all 1s;
	    }
	    .links a{
	    	color: #fff;
	    	display: inline-block;
	    	width: 100%;
	    	height: 100%;
	    	text-decoration: none;
	    }
	    .links:hover{
		background-color: #1e824c;
	    }
	    .current{
	    	background-color: #22a7f0;
	    }
	     .swiper-container {
	        width: 100%;
	        margin-left: auto;
	        margin-right: auto;
	    }
	    .swiper-slide {
	        text-align: center;
	        font-size: 18px;
	        background: #fff;

	        /* Center slide text vertically */
	        display: -webkit-box;
	        display: -ms-flexbox;
	        display: -webkit-flex;
	        display: flex;
	        -webkit-box-pack: center;
	        -ms-flex-pack: center;
	        -webkit-justify-content: center;
	        justify-content: center;
	        -webkit-box-align: center;
	        -ms-flex-align: center;
	        -webkit-align-items: center;
	        align-items: center;
	    }

.aboutc{width:96%; margin:0 auto}

.prots{width:100%; float:left; height:2.5rem; line-height:2.5rem; color:#FFF; font-size:1.1rem; margin-bottom:1rem; background:#5B3B14}
.mypic{width:98%; margin:0 auto; line-height:2rem; text-align:center; overflow:hidden; margin-bottom:2rem; background:#5B3B14; border-radius:3px;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=120,strength=3);/*ie*/
-moz-box-shadow: 1px 2px 6px #000000;/*firefox*/
-webkit-box-shadow: 1px 2px 6px #000000;/*safari»òchrome*/
box-shadow:1px 2px 6px #000000;/*opera»òie9*/
padding-bottom:0.5rem;
}
.mypic a{color:#FFF}
.mylist{width:96%; line-height:2.5rem; border-bottom:1px dashed #999999; margin:0 auto}
.mylist a{color:#000; text-decoration:none}
.pro{width:96%; margin:0 auto;}
.prot{width:100%; float:left; text-align:center; line-height:2.5rem; font-size:1.1rem; font-weight:bold; border-bottom:1px dashed #666666; margin-bottom:1rem; overflow:hidden}
.proc p{margin:0px !important;}
.proc p img{max-width:95%; margin:0 auto}
.ewm{width:50px; height:120px; position:fixed; right:0px; top:30%; z-index:999; margin-right:1px}
.taobao{width:50px; height:50px; float:right;  margin-bottom:20px; opacity:0.9;}
.weidian{width:50px; height:50px; float:right;  opacity:0.9}
.taobao img,.weidian img{ border-radius:3px}


