@charset "utf-8";
/* CSS Document */
*{ margin: 0; padding: 0; font-size: 100%; font-family: MicrosoftYaHei,微软雅黑,Arial;  }

li{list-style: none;}
img{ border:none;}
body { background-color:#fff;}
a{text-decoration:none; list-style:none; color:inherit;}


/*头部*/
.mobel{ display:none;}
.dhw{ width:100%; height:93px; background:#eff3fb; min-width:1100px;}
#dh{ width:1100px; height:93px; margin:0 auto;}
.dhz{ width:211px; height:93px; float:left;}
.dhy{ width:860px; height:93px; float:right;}
.dhyz{ width:749px; height:93px; float:left; overflow:hidden;}
.dhyz li{ width:105px; height:63px; float:left; font-size:18px; color:#000; text-align:center; padding-top:30px; line-height:18px;}
.dhyz li span{ font-size:12px;}
.dhyz li:hover{ background:url(../images/dh.jpg) no-repeat center; color:#fff;}
.select{background:url(../images/dh.jpg) no-repeat center; color:#fff; display:block;}
.dhyy{ width:107px; height:34px; float:right; padding-top:30px;}

/*幻灯片*/
.hdp{ width:100%; height:auto; background: no-repeat center; min-width:1100px;position:relative;}

/*核心业务*/
.yww{ width:100%; height:auto; background:#f7f7f7; min-width:1100px; padding-top:40px; padding-bottom:30px; float:left;}
#yw{ width:1100px; height:auto; margin:0 auto;}
.ywbt{ width:227px; height:130px; margin:0 auto; background:url(../images/yw.jpg) no-repeat center; font-size:14px; color:#717171; text-align:center;}
.ywbt span{ font-size:30px; color:#26ca71; font-weight:bold;}

.ywlm{ width:1100px; height:168px;}
.ywlm li{ width:150px; height:168px; float:left; margin-left:62px; margin-right:62px;}

.ywnr{ width:1100px; height:266px;}
.ywnr li{ width:275px; height:266px; float:left; background:url(../images/yw1.jpg) no-repeat center;position:relative;}
.ywnrs{ width:232px; height:232px; margin:0 auto;}
.ywnrs img{ border-radius:50%;}
.ywnrx{ width:232px; height:232px; margin:0 auto;position:absolute; top:0; left:0; right:0;}
.ywnrx img{ border-radius:50%;}
.ywnrxl{width:232px; height:232px;position:relative; opacity:0;}
.ywnrxl:hover{ opacity:1;}
.ywnrxtp{ width:232px; height:232px; margin:0 auto;position:absolute; top:0; left:0; right:0;}
.ywnrxtp img{ border-radius:50%;}
.ywnrxnr{width:232px; height:232px;position:absolute; top:0; left:0; right:0;}
.ywnrxbt{ width:202px; height:52px; padding-top:90px; font-size:22px; color:#fff; text-align:center; padding-left:15px; padding-right:15px;}
.ywnrxxq{ width:70px; height:32px; margin:0 auto; background:#fff; text-align:center; font-size:15px; line-height:32px; color:#00af50; border-radius:20px;}

/*最新单品*/
.dpbt{ width:553px; height:92px; background:url(../images/xpa.jpg) no-repeat center; margin:0 auto; text-align:center; font-size:18px; color:#717171; margin-top:36px;}
.dpbt span{ font-size:30px; color:#26ca71; font-weight:bold;}
.dpnr{ width:1100px; height:auto;}
.dpnrli{ width:258px; height:255px; float:left; background:#e7e5e6;border-radius:13px; color:#717171; margin-left:8px; margin-right:8px; margin-bottom:30px;}
.dpnrli:hover{ background:#00af50; color:#fff;}
.dpnrlis{ width:258px; height:223px;}
.dpnrlis img{ border-radius:13px;}
.dpnrlix{ width:258px; height:32px; line-height:32px; text-align:center; font-size:16px;}

/*合作媒体*/
#hz{ width:1100px; height:200px; margin:0 auto; padding-top:20px;}
.hzbt{ width:1100px; height:55px; line-height:55px; font-size:28px; color:#717171;}
.hznr{ width:1100px; height:109px;}
.hznr li{ width:170px; height:107px; float:left; border:solid 1px #efefef; margin-left:5px; margin-right:5px;}
.hznr li:hover{ border:solid 1px #00af50;}


/*底部*/
.dbw{ width:100%; height:67px; background:#f7f7f7; min-width:1100px; float:left; padding-top:30px;}
#db{ width:1100px; height:67px; margin:0 auto; font-size:14px; color:#918c8c; text-align:center; line-height:25px;}
#db a:link {
	color: #918c8c;
}
#db a:visited {
	color: #918c8c;
}

#db a:hover {
	color: #00af50;
}
/*底部*/
.db2{ display:none;}


/*QQ*/
.izl-rmenu{position:fixed; right:0;bottom:10px;padding-bottom:50px;background:url(../images/r_b.png) 0px bottom no-repeat;z-index:999;}
.izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qqa.png) 0px 0px no-repeat;background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qqa.png) 0px 0px no-repeat;background-color:#6da9de;text-decoration:none;display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx1a.png) 0px 0px no-repeat;background-color:#6da9de;}
.izl-rmenu .btn-wx:hover{background-color:#488bc7;}
.izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}

.izl-rmenu .btn-wx1{background:url(../images/r_wxa.png) 0px 0px no-repeat;background-color:#78c340;}
.izl-rmenu .btn-wx1:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx1 .pic1{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}

.izl-rmenu .btn-wx2{background:url(../images/r_wx2a.png) 0px 0px no-repeat;background-color:#fbb01f;}
.izl-rmenu .btn-wx2:hover{background-color:#ff811b;}
.izl-rmenu .btn-wx2 .pic2{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phonea.png) 0px 0px no-repeat;background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;}
.izl-rmenu .btn-top{background:url(../images/r_topa.png) 0px 0px no-repeat;background-color:#666666;display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}




/*手机*/
@media screen and (max-width: 767px){

	/*头部*/
	.dhsysa{ line-height:25px; font-size:14px; padding-left:4%;}
	.dhw{ display:none;}
	.mobel{ display:block;}
	#top{ display:none;}
		
	/*幻灯片*/
	.hdp{ width:100%; height:auto; min-width:inherit;}
	
	/*核心业务*/
	.yww{ width:100%; height:auto; min-width:inherit; padding-top:20px; padding-bottom:10px;float:left;}
	#yw{ width:100%; height:auto;}
	.ywbt{ width:100%; height:auto; background:none; font-size:16px;}
	.ywbt span{ font-size:20px;}
	
	.ywlm{ width:100%; height:auto; padding-top:20px;}
	.ywlm li{ width:21%; height:auto; float:left; margin-left:2%; margin-right:2%;}
	.ywlm li img{ width:100%; height:auto; display:block;}
	
	.ywnr{ width:100%; height:auto; padding-top:20px; float:left;}
	.ywnr li{ width:44%; height:auto;  background:none; margin-left:3%; margin-right:3%; margin-bottom:15px;}
	.ywnrs{ width:100%; height:auto; }
	.ywnrs img{ width:100%; height:auto; display:block; border-radius:50%;}
	.ywnrx{ width:100%; height:auto;}
	.ywnrx img{ width:100%; height:auto; display:block; border-radius:50%;}
	.ywnrxl{width:100%; height:auto;}
	.ywnrxtp{ width:100%; height:auto;}
	.ywnrxtp img{ width:100%; height:auto; display:block; border-radius:50%;}
	.ywnrxnr{width:100%; height:auto;}
	.ywnrxbt{ width:90%; height:auto; padding-top:40%; font-size:16px; color:#fff; text-align:center; padding-left:5%; padding-right:5%;}
	.ywnrxxq{ width:30%; height:auto; font-size:14px; line-height:25px; margin-left:35%; margin-right:35%; margin-top:10px;}

	/*最新单品*/
	.dpbt{ width:100%; height:auto; background:none; font-size:16px;margin-top:20px; float:left;}
	.dpbt span{ font-size:20px;}
	.dpnr{ width:100%; height:auto; padding-top:20px; float:left;}
	.dpnrli{ width:44%; height:auto; margin-left:3%; margin-right:3%; margin-bottom:15px;}
	.dpnrli:hover{ background:#00af50; color:#fff;}
	.dpnrlis{ width:100%; height:auto;}
	.dpnrlis img{ width:100%; height:auto; display:block; border-radius:13px;}
	.dpnrlix{ width:100%; height:auto; font-size:14px; line-height:18px; padding-top:5px; padding-bottom:5px;}

	/*合作媒体*/
	#hz{ width:100%; height:auto; margin:0 auto; padding-top:20px; margin-bottom:90px; float:left;}
	.hzbt{ width:100%; height:auto; font-size:20px; text-align:center;}
	.hznr{ width:100%; height:auto;}
	.hznr li{ width:43%; height:auto; float:left; margin-left:3%; margin-right:3%; margin-bottom:15px;}
	.hznr li img{  width:100%; height:auto; display:block;}
	
	
	/*底部*/
	.dbw{ display:none;}
	
	/*底部*/
	.db2{ width:100%; height:80px; background:#00af50; overflow:hidden; margin:0 auto; position: fixed; bottom:0px; left:0px; display:block;}
	.db2li{ width:19.2%; height:80px; float:left; border-right:solid 1px #fff; border-left:solid 1px #fff; padding-top:8px;}
	.db2li1{ width:19.2%; height:80px; float:left; border-right:solid 1px #fff; border-left:solid 0px #fff; padding-top:8px;}
	.db2li2{ width:19.2%; height:80px; float:left; border-right:solid 0px #fff; border-left:solid 1px #fff; padding-top:8px;}
	
	.dbs2{ width:50%; height:auto; margin-left:25%; margin-right:25%;}
	.dbs2 img{ width:100%; height:auto; display:block;}
	.dbx2{ width:100%; height:auto; font-size:12px; color:#FFF; text-align:center; line-height:30px;}
	












}




/*手机*/
@media screen and (max-width: 320px){
.ywbt{ width:100%; height:auto; background:none; font-size:14px;}
.ywbt span{ font-size:16px;}
.ywnrxbt{ font-size:14px;}
.ywnrxxq{ font-size:12px; line-height:22px;}
.dpnrlix{ font-size:12px; line-height:16px;}
.hzbt{ font-size:16px; line-height:35px;}
.db2{ height:70px;}
.db2li{ height:70px;}
.db2li1{height:70px;}
.db2li2{ height:70px;}





}




/*平板*/
@media screen and (min-width: 768px) and (max-width: 1100px) {
#top{ display:none;}
#dh{ width:1100px;}
#yw{ width:1100px;}
#hz{ width:1100px;}
#db{ width:1100px;}








}