body {
	font-family:'Microsoft YaHei','宋体', Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
	color: #2a2a2a;
	background-color: #fff
}


.clear {
clear:both;}


#bg-cloud {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
#bg-cloud p {
  position: absolute;
  left: 0;
  width: 100%;
  background: 0 0 repeat-x;
}
#bg-cloud p.cloud-1 {
  background-image: url("../images/bg-cloud-2.png");
}
#bg-cloud p.cloud-2 {
  background-image: url("../images/bg-cloud-1.png");
}
#bg-cloud p.cloud-3 {
  background-image: url("../images/bg-cloud-3.png");
}
#bg-cloud p.cloud-4 {
  background-image: url("../images/bg-cloud-2.png");
}
#bg-cloud p.cloud-5 {
  background-image: url("../images/bg-cloud-1.png");
}
#bg-cloud p.cloud-6 {
  background-image: url("../images/bg-cloud-3.png");
}
@media screen and (min-width: 769px) {
  #bg-cloud p.cloud-1 {
    height: 600px;
  }
  #bg-cloud p.cloud-2 {
    height: 630px;
    top: 0%;
  }
  #bg-cloud p.cloud-3 {
    height: 630px;
    top: 14%;
  }
  #bg-cloud p.cloud-4 {
    height: 630px;
    top: 42%;
  }
  #bg-cloud p.cloud-5 {
    height: 630px;
    top: 55%;
  }
  #bg-cloud p.cloud-6 {
    height: 630px;
    top: 65%;
  }
}
@media screen and (max-width: 768px) {
  #bg-cloud p {
    background-size: auto 100%;
  }
  #bg-cloud p.cloud-1 {
    height: 80vw;
    top: 17.33333vw;
  }
  #bg-cloud p.cloud-2 {
    height: 84vw;
    top: 150.66667vw;
  }
  #bg-cloud p.cloud-3 {
    height: 84vw;
    top: 310.66667vw;
  }
  #bg-cloud p.cloud-4 {
    height: 84vw;
    top: 804vw;
  }
  #bg-cloud p.cloud-5 {
    height: 84vw;
    top: 964vw;
  }
  #bg-cloud p.cloud-6 {
    height: 84vw;
    top: 1097.33333vw;
  }
}

@media (min-width: 1200px)
{
.wappins
{
	 float:left; width:100%; background:url(/images/1_01.jpg) no-repeat top center; padding-bottom:50px;
}
#top
{
 float:left; width:100%; z-index:1; position:relative;}

.topleft
{
 float:left; width:100%; margin-top:20px; color:#fb9a11; font-size:16px;}
.toplogo
{
 float:left; width:100%; text-align:center;}

div.nav{
    text-align: center;
    font-size:20px;
    position: relative;
	 z-index:99;
    float:left;
	 margin-top:65px;  
}
	ul.nav-main
	{
		margin:0px; float: left;  width:100%;  padding:0px; margin-left:107px; 
	}
	ul.nav-main>li{
    height: 100%;
    display: block;
    float: left;  
   cursor: pointer;

    text-transform:uppercase;
	 padding-left:30px; padding-right:30px;  
}

ul.nav-main>li a{ color:#fff; display:block; text-decoration:none;line-height:72px; width:127px; height:72px; background:url(/images/1.png) no-repeat;}
	ul.nav-main > li:nth-child(2) a
	{ background:url(/images/2.png) no-repeat;
	}
		ul.nav-main > li:nth-child(3) a
	{ background:url(/images/3.png) no-repeat;
	}
			ul.nav-main > li:nth-child(4) a
	{ background:url(/images/4.png) no-repeat;
	}
						ul.nav-main > li:nth-child(5) a
	{background:url(/images/5.png) no-repeat;
	}

.mtop105
{
	margin-top:105px; float:left;
}
.prodli
{
	 float:left; width:100%; position:relative; z-index:1;
}
	.prodli img
	{
		 border-radius:15px;
	}
.probgs
{
	 float:left; width:100%; height:60px; text-align:center; position:absolute; top:50%; left:0px; margin-top:-30px; line-height:60px; background:url(../images/1_05.png);
}
	.probgs a
	{
	 color:#212020; font-size:20px;
	}
.youshi
{
	 float:left; width:100%; margin-top:70px;
}
.youshi_top
{
	 float:left;  width:100%; text-align:center;
}

	.youshi_top h3{ font-size:2em;position:relative;
}
.youshi_top h3 i{  display:block; width:0; height:0; overflow:hidden; border:2px solid #72c5ff;width:60px; position:absolute; left:50%; bottom:-20px; margin-left:-30px;
}
	.youshi_top p
	{
		 color:#898989; margin-top:28px;
	}
.youshi_middle
{
	 float:left; width:100%; text-align:center; position:relative; z-index:0;
}
.yousimg
{
	margin-top:90px;
}
.ysfi1
{
	position:absolute; top:70px; left:110px; width:260px;
}
	.ysfi1 .fongq
	{
		 float:left; width:49px; height:49px; background:#f84828; border-radius:49px; line-height:49px; color:#fff; font-size:18px;
	}
	.ysfi1 .fongr
	{
		 float:right; width:190px; text-align:left;
	}
		.ysfi1 .fongr h3
		{
			 float:left; width:190px; margin:0px; padding:0px; font-size:18px;
		}
		.ysfi1 .fongr p
		{
			 float:left; width:190px; margin-top:8px; color:#898989;
		}

		.ysfi2
{
	position:absolute; top:208px; left:40px; width:260px;
}
	.ysfi2 .fongq
	{
		 float:left; width:49px; height:49px; background:#f9800d; border-radius:49px; line-height:49px; color:#fff; font-size:18px;
	}
	.ysfi2 .fongr
	{
		 float:right; width:190px; text-align:left;
	}
		.ysfi2 .fongr h3
		{
			 float:left; width:190px; margin:0px; padding:0px; font-size:18px;
		}
		.ysfi2 .fongr p
		{
			 float:left; width:190px; margin-top:8px; color:#898989;
		}

				.ysfi3
{
	position:absolute; top:340px; left:110px; width:260px;
}
	.ysfi3 .fongq
	{
		 float:left; width:49px; height:49px; background:#ffcc00; border-radius:49px; line-height:49px; color:#fff; font-size:18px;
	}
	.ysfi3 .fongr
	{
		 float:right; width:190px; text-align:left;
	}
		.ysfi3 .fongr h3
		{
			 float:left; width:190px; margin:0px; padding:0px; font-size:18px;
		}
		.ysfi3 .fongr p
		{
			 float:left; width:190px; margin-top:8px; color:#898989;
		}

		.ysfi4
{
	position:absolute; top:70px; left:810px; width:260px;
}
	.ysfi4 .fongq
	{
		 float:right; width:49px; height:49px; background:#9cca00; border-radius:49px; line-height:49px; color:#fff; font-size:18px;
	}
	.ysfi4 .fongr
	{
		 float:left; width:190px; text-align:left;
	}
		.ysfi4 .fongr h3
		{
			 float:left; width:190px; margin:0px; padding:0px; font-size:18px;
		}
		.ysfi4 .fongr p
		{
			 float:left; width:190px; margin-top:8px; color:#898989;
		}
				.ysfi5
{
	position:absolute; top:208px; left:880px; width:260px;
}
	.ysfi5 .fongq
	{
		 float:right; width:49px; height:49px; background:#00cf88; border-radius:49px; line-height:49px; color:#fff; font-size:18px;
	}
	.ysfi5 .fongr
	{
		 float:left; width:190px; text-align:left;
	}
		.ysfi5 .fongr h3
		{
			 float:left; width:190px; margin:0px; padding:0px; font-size:18px;
		}
		.ysfi5 .fongr p
		{
			 float:left; width:190px; margin-top:8px; color:#898989;
		}

						.ysfi6
{
	position:absolute; top:340px; left:810px; width:260px;
}
	.ysfi6 .fongq
	{
		 float:right; width:49px; height:49px; background:#00a8ff; border-radius:49px; line-height:49px; color:#fff; font-size:18px;
	}
	.ysfi6 .fongr
	{
		 float:left; width:190px; text-align:left;
	}
		.ysfi6 .fongr h3
		{
			 float:left; width:190px; margin:0px; padding:0px; font-size:18px;
		}
		.ysfi6 .fongr p
		{
			 float:left; width:190px; margin-top:8px; color:#898989;
		}

#fframe
{
	 float:left; width:100%; background:url(../images/1_06.jpg) no-repeat #d6efff; min-height:70px;
}
.fcopy
{
	 float:left; width:100%; line-height:60px; margin-top:10px;
}
.fcopyle
{
	 float:left; 
}
.fcopyri
{
	 float:left; margin-left:90px; position:relative;z-index:3;
}

	.qrcode
	{
		 position:absolute; width:247px; height:273px; background:url(../images/qrcode-bg.png) no-repeat; top:-250px; left:-180px; display:none;
	}
		.qrcodes
	{
		 position:absolute; width:247px; height:273px; background:url(../images/qrcode-bg.png) no-repeat; top:-250px; left:-130px;  display:none;
	}
	.fcopyri a
	{
		padding-right:20px; display:block; float:left;
	}
.foris
{
	 float:right;
}
}

@media (min-width: 1250px)
{
	.barpicture
{
	 width:1200px; margin:0px auto;
}
		/* 本例子css */
		.slideBox{ width:1200px; height:530px; overflow:hidden; position:relative; margin-top:37px;}
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  list-style:none; }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; z-index:0;  width:1200px; }
			.slideBox .bd ul
			{   list-style:none;  float:left; width:100%; padding:0px; margin:0px;
			}
		.slideBox .bd li{ zoom:1; vertical-align:middle; width:100%;float:left; }
		.slideBox .bd img{  width:100%; height:518px; display:block;border-radius:31px; }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev{ position:absolute; left:0px; top:50%; margin-top:-25px; display:block; width:22px; height:42px; background:url(/images/left.png) no-repeat; filter:alpha(opacity=80);opacity:0.8;   }
		.slideBox .next{ position:absolute; right:0px; top:50%; margin-top:-25px; display:block; width:22px; height:42px; background:url(/images/right.png) no-repeat; filter:alpha(opacity=80);opacity:0.8;   }

		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
}
@media (min-width: 1200px) and (max-width: 1249px)
{
	.barpicture
{
	 width:1200px; margin:0px auto;
}
		/* 本例子css */
		.slideBox{ width:1200px; height:530px; overflow:hidden; position:relative; margin-top:37px;}
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  list-style:none; }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; z-index:0;  width:1200px; }
			.slideBox .bd ul
			{   list-style:none;  float:left; width:100%; padding:0px; margin:0px;
			}
		.slideBox .bd li{ zoom:1; vertical-align:middle; width:100%;float:left; }
		.slideBox .bd img{  width:100%; height:518px; display:block;}

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev{ position:absolute; left:0px; top:50%; margin-top:-25px; display:block; width:22px; height:42px; background:url(/images/left.png) no-repeat; filter:alpha(opacity=80);opacity:0.8;   }
		.slideBox .next{ position:absolute; right:0px; top:50%; margin-top:-25px; display:block; width:22px; height:42px; background:url(/images/right.png) no-repeat; filter:alpha(opacity=80);opacity:0.8;   }

		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
}
@media (min-width: 1042px) and (max-width: 1199px)
{
		.barpicture
{
	 width:992px; margin:0px auto;
}
		/* 本例子css */
		.slideBox{ width:992px; height:430px; overflow:hidden; position:relative; margin-top:37px;}
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  list-style:none; }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; z-index:0;  width:992px}
			.slideBox .bd ul
			{   list-style:none;  float:left; width:100%; padding:0px; margin:0px;
			}
		.slideBox .bd li{ zoom:1; vertical-align:middle; width:100%;float:left; }
		.slideBox .bd img{  width:100%; height:418px; display:block;}

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev{ position:absolute; left:0px; top:50%; margin-top:-25px; display:block; width:22px; height:42px; background:url(/images/left.png) no-repeat; filter:alpha(opacity=80);opacity:0.8;   }
		.slideBox .next{ position:absolute; right:0px; top:50%; margin-top:-25px; display:block; width:22px; height:42px; background:url(/images/right.png) no-repeat; filter:alpha(opacity=80);opacity:0.8;   }

		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
}
@media (min-width: 992px) and (max-width:1041px)
{
		.barpicture
{
	 width:950px; margin:0px auto;
}
		/* 本例子css */
		.slideBox{ width:950px; height:430px; overflow:hidden; position:relative; margin-top:37px;}
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  list-style:none; }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; z-index:0;  width:950px}
			.slideBox .bd ul
			{   list-style:none;  float:left; width:100%; padding:0px; margin:0px;
			}
		.slideBox .bd li{ zoom:1; vertical-align:middle; width:100%;float:left; }
		.slideBox .bd img{  width:100%; height:418px; display:block;}

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev{ position:absolute; left:0px; top:50%; margin-top:-25px; display:block; width:22px; height:42px; background:url(/images/left.png) no-repeat; filter:alpha(opacity=80);opacity:0.8;   }
		.slideBox .next{ position:absolute; right:0px; top:50%; margin-top:-25px; display:block; width:22px; height:42px; background:url(/images/right.png) no-repeat; filter:alpha(opacity=80);opacity:0.8;   }

		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
}
@media (min-width: 992px) and (max-width: 1199px)
{
.wappins
{
	 float:left; width:100%; background:url(/images/1_01.jpg) no-repeat top center; padding-bottom:120px;
}
#top
{
 float:left; width:100%; z-index:1; position:relative;}

.topleft
{
 float:left; width:100%; margin-top:20px; color:#fb9a11; font-size:16px;}
.toplogo
{
 float:left; width:100%; text-align:center;}
	.toplogo img
	{
		 width:240px;
	}

div.nav{
    text-align: center;
    font-size:16px;
    position: relative;

    float:left;
	 margin-top:45px; 
}
	ul.nav-main
	{
		margin:0px; float: left;  padding:0px; margin-left:97px;  width:775px;
	}
	ul.nav-main>li{
    height: 100%;
    display: block;
    float: left;  
   cursor: pointer;
    text-transform:uppercase;
	 padding-left:22px; 
	 padding-right:22px; 
}

ul.nav-main>li a{ color:#fff; display:block; text-decoration:none;line-height:60px; width:106px; height:60px; background:url(/images/1.png) no-repeat;
				  background-position: 50% 50%;
	background-size: 106px 60px;

}
	ul.nav-main > li:nth-child(2) a
	{ background:url(/images/2.png) no-repeat;  background-position: 50% 50%;
	background-size: 106px 60px;
	}
		ul.nav-main > li:nth-child(3) a
	{  background:url(/images/3.png) no-repeat;  background-position: 50% 50%;
	background-size: 106px 60px;
	}
			ul.nav-main > li:nth-child(4) a
	{  background:url(/images/4.png) no-repeat;  background-position: 50% 50%;
	background-size: 106px 60px;
	}
						ul.nav-main > li:nth-child(5) a
	{  background:url(/images/5.png) no-repeat;  background-position: 50% 50%;
	background-size: 106px 60px;
	}

.mtop105
{
	margin-top:65px; float:left;
}
.prodli
{
	 float:left; width:100%; position:relative; z-index:1;
}
	.prodli img
	{
		 border-radius:15px;
	}
.probgs
{
	 float:left; width:100%; height:60px; text-align:center; position:absolute; top:50%; left:0px; margin-top:-30px; line-height:60px; background:url(../images/1_05.png);
}
	.probgs a
	{
	 color:#212020; font-size:20px;
	}
.youshi
{
	 float:left; width:100%; margin-top:55px;
}
.youshi_top
{
	 float:left;  width:100%; text-align:center;
}

	.youshi_top h3{ font-size:2em;position:relative;
}
.youshi_top h3 i{  display:block; width:0; height:0; overflow:hidden; border:2px solid #72c5ff;width:60px; position:absolute; left:50%; bottom:-20px; margin-left:-30px;
}
	.youshi_top p
	{
		 color:#898989; margin-top:28px;
	}
.youshi_middle
{
	 float:left; width:100%; text-align:center; position:relative; z-index:3;
}
	.youshi_middle img
	{
		 width:430px;
	}
.yousimg
{
	margin-top:60px;
}
.ysfi1
{
	position:absolute; top:70px; left:60px; width:230px;
}
	.ysfi1 .fongq
	{
		 float:left; width:49px; height:49px; background:#f84828; border-radius:49px; line-height:49px; color:#fff; font-size:18px;
	}
	.ysfi1 .fongr
	{
		 float:right; width:160px; text-align:left;
	}
		.ysfi1 .fongr h3
		{
			 float:left; width:160px; margin:0px; padding:0px; font-size:16px;
		}
		.ysfi1 .fongr p
		{
			 float:left; width:160px; margin-top:8px; color:#898989;
		}

		.ysfi2
{
	position:absolute; top:208px; left:20px; width:230px;
}
	.ysfi2 .fongq
	{
		 float:left; width:49px; height:49px; background:#f9800d; border-radius:49px; line-height:49px; color:#fff; font-size:18px;
	}
	.ysfi2 .fongr
	{
		 float:right; width:160px; text-align:left;
	}
		.ysfi2 .fongr h3
		{
			 float:left; width:160px; margin:0px; padding:0px; font-size:16px;
		}
		.ysfi2 .fongr p
		{
			 float:left; width:160px; margin-top:8px; color:#898989;
		}

				.ysfi3
{
	position:absolute; top:340px; left:20px; width:230px;
}
	.ysfi3 .fongq
	{
		 float:left; width:49px; height:49px; background:#ffcc00; border-radius:49px; line-height:49px; color:#fff; font-size:18px;
	}
	.ysfi3 .fongr
	{
		 float:right; width:160px; text-align:left;
	}
		.ysfi3 .fongr h3
		{
			 float:left; width:160px; margin:0px; padding:0px; font-size:16px;
		}
		.ysfi3 .fongr p
		{
			 float:left; width:160px; margin-top:8px; color:#898989;
		}

		.ysfi4
{
	position:absolute; top:70px; left:660px; width:230px;
}
	.ysfi4 .fongq
	{
		 float:right; width:49px; height:49px; background:#9cca00; border-radius:49px; line-height:49px; color:#fff; font-size:18px;
	}
	.ysfi4 .fongr
	{
		 float:left; width:160px; text-align:left;
	}
		.ysfi4 .fongr h3
		{
			 float:left; width:160px; margin:0px; padding:0px; font-size:16px;
		}
		.ysfi4 .fongr p
		{
			 float:left; width:160px; margin-top:8px; color:#898989;
		}
				.ysfi5
{
	position:absolute; top:208px; left:700px; width:230px;
}
	.ysfi5 .fongq
	{
		 float:right; width:49px; height:49px; background:#00cf88; border-radius:49px; line-height:49px; color:#fff; font-size:18px;
	}
	.ysfi5 .fongr
	{
		 float:left; width:160px; text-align:left;
	}
		.ysfi5 .fongr h3
		{
			 float:left; width:160px; margin:0px; padding:0px; font-size:16px;
		}
		.ysfi5 .fongr p
		{
			 float:left; width:160px; margin-top:8px; color:#898989;
		}

						.ysfi6
{
	position:absolute; top:340px; left:660px; width:230px;
}
	.ysfi6 .fongq
	{
		 float:right; width:49px; height:49px; background:#00a8ff; border-radius:49px; line-height:49px; color:#fff; font-size:18px;
	}
	.ysfi6 .fongr
	{
		 float:left; width:160px; text-align:left;
	}
		.ysfi6 .fongr h3
		{
			 float:left; width:160px; margin:0px; padding:0px; font-size:16px;
		}
		.ysfi6 .fongr p
		{
			 float:left; width:160px; margin-top:8px; color:#898989;
		}

#fframe
{
	 float:left; width:100%; background:url(../images/1_06.jpg) no-repeat #d6efff; min-height:70px;
}
.fcopy
{
	 float:left; width:100%; line-height:60px; margin-top:10px;
}
.fcopyle
{
	 float:left; 
}
.fcopyri
{
	 float:left; margin-left:90px; position:relative;z-index:3;
}

	.qrcode
	{
		 position:absolute; width:247px; height:273px; background:url(../images/qrcode-bg.png) no-repeat; top:-250px; left:-180px;  display:none;
	}
			.qrcodes
	{
		 position:absolute; width:247px; height:273px; background:url(../images/qrcode-bg.png) no-repeat; top:-250px; left:-130px;  display:none;
	}
	.fcopyri a
	{
		padding-right:20px;
	}
.foris
{
	 float:right;
}
}

@media (min-width: 800px) and (max-width: 991px)
{
		.barpicture
{
	 width:768px; margin:0px auto;
}
		/* 本例子css */
		.slideBox{ width:768px; height:320px; overflow:hidden; position:relative; margin-top:37px;}
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  list-style:none; }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; z-index:0;width:768px; margin-left:34px;}
			.slideBox .bd ul
			{   list-style:none;  float:left; width:100%; padding:0px; margin:0px;
			}
		.slideBox .bd li{ zoom:1; vertical-align:middle; width:100%;float:left; }
		.slideBox .bd img{   height:308px; display:block; }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev{ position:absolute; left:0px; top:50%; margin-top:-25px; display:block; width:22px; height:42px; background:url(/images/left.png) no-repeat; filter:alpha(opacity=80);opacity:0.8;   }
		.slideBox .next{ position:absolute; right:0px; top:50%; margin-top:-25px; display:block; width:22px; height:42px; background:url(/images/right.png) no-repeat; filter:alpha(opacity=80);opacity:0.8;   }

		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
}
@media (min-width:768px) and (max-width: 799px)
{
		.barpicture
{
	 width:750px; margin:0px auto;
}
		/* 本例子css */
		.slideBox{ width:750px; height:320px; overflow:hidden; position:relative; margin-top:37px;}
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  list-style:none; }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; z-index:0;width:750px; margin-left:34px;}
			.slideBox .bd ul
			{   list-style:none;  float:left; width:100%; padding:0px; margin:0px;
			}
		.slideBox .bd li{ zoom:1; vertical-align:middle; width:100%;float:left; }
		.slideBox .bd img{   height:308px; display:block; }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev{ position:absolute; left:0px; top:50%; margin-top:-25px; display:block; width:22px; height:42px; background:url(/images/left.png) no-repeat; filter:alpha(opacity=80);opacity:0.8;   }
		.slideBox .next{ position:absolute; right:0px; top:50%; margin-top:-25px; display:block; width:22px; height:42px; background:url(/images/right.png) no-repeat; filter:alpha(opacity=80);opacity:0.8;   }

		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
}
@media (min-width:768px) and (max-width: 991px)
{
.wappins
{
	 float:left; width:100%; background:url(/images/1_01.jpg) no-repeat top center; padding-bottom:110px;
}
#top
{
 float:left; width:100%; z-index:1; position:relative;}

.topleft
{
 float:left; width:100%; margin-top:20px; color:#fb9a11; font-size:16px;}
.toplogo
{
 float:left; width:100%; text-align:center;}
	.toplogo img
	{
		 width:200px;
	}

div.nav{
    text-align: center;
    font-size:14px;
    position: relative;

    float:left;
	 margin-top:45px; 
}
	ul.nav-main
	{
		margin:0px; float: left;  padding:0px; margin-left:47px;  width:625px;
	}
	ul.nav-main>li{
    height: 100%;
    display: block;
    float: left;  
   cursor: pointer;
    text-transform:uppercase;
	 padding-left:15px; 
	 padding-right:15px; 
}

ul.nav-main>li a{ color:#fff; display:block; text-decoration:none;line-height:54px; width:95px; height:54px; background:url(/images/1.png) no-repeat;
				    background-position: 50% 50%;
	background-size: 95px 54px;
}
	ul.nav-main > li:nth-child(2) a
	{  background:url(/images/2.png) no-repeat;   background-position: 50% 50%;
	background-size: 95px 54px;
	}
		ul.nav-main > li:nth-child(3) a
	{ background:url(/images/3.png) no-repeat;   background-position: 50% 50%;
	background-size: 95px 54px;
	}
			ul.nav-main > li:nth-child(4) a
	{  background:url(/images/4.png) no-repeat;   background-position: 50% 50%;
	background-size: 95px 54px;
	}
						ul.nav-main > li:nth-child(5) a
	{  background:url(/images/5.png) no-repeat;  background-position: 50% 50%;
	background-size: 95px 54px;
	}

.mtop105
{
	margin-top:55px; float:left;
}
.prodli
{
	 float:left; width:100%; position:relative; z-index:1;
}
	.prodli img
	{
		 border-radius:15px;
	}
.probgs
{
	 float:left; width:100%; height:60px; text-align:center; position:absolute; top:50%; left:0px; margin-top:-30px; line-height:60px; background:url(../images/1_05.png);
}
	.probgs a
	{
	 color:#212020; font-size:20px;
	}
.youshi
{
	 float:left; width:100%; margin-top:45px;
}
.youshi_top
{
	 float:left;  width:100%; text-align:center;
}

	.youshi_top h3{ font-size:2em;position:relative;
}
.youshi_top h3 i{  display:block; width:0; height:0; overflow:hidden; border:2px solid #72c5ff;width:60px; position:absolute; left:50%; bottom:-20px; margin-left:-30px;
}
	.youshi_top p
	{
		 color:#898989; margin-top:28px;
	}
.youshi_middle
{
	 float:left; width:100%; text-align:center; position:relative; z-index:3;
}
	.youshi_middle img
	{
		 width:300px;
	}
.yousimg
{
	margin-top:60px;
}
.ysfi1
{
	position:absolute; top:48px; left:30px; width:210px;
}
	.ysfi1 .fongq
	{
		 float:left; width:35px; height:35px; background:#f84828; border-radius:35px; line-height:35px; color:#fff; font-size:18px;
	}
	.ysfi1 .fongr
	{
		 float:right; width:160px; text-align:left;
	}
		.ysfi1 .fongr h3
		{
			 float:left; width:160px; margin:0px; padding:0px; font-size:16px;
		}
		.ysfi1 .fongr p
		{
			 float:left; width:160px; margin-top:5px; color:#898989;font-size:13px;
		}

		.ysfi2
{
	position:absolute; top:158px; left:0px; width:210px;
}
	.ysfi2 .fongq
	{
		 float:left; width:35px; height:35px; background:#f9800d; border-radius:35px; line-height:35px; color:#fff; font-size:18px;
	}
	.ysfi2 .fongr
	{
		 float:right; width:160px; text-align:left;
	}
		.ysfi2 .fongr h3
		{
			 float:left; width:160px; margin:0px; padding:0px; font-size:16px;
		}
		.ysfi2 .fongr p
		{
			 float:left; width:160px; margin-top:8px; color:#898989;font-size:13px;
		}

				.ysfi3
{
	position:absolute; top:260px; left:20px; width:210px;
}
	.ysfi3 .fongq
	{
		 float:left; width:35px; height:35px; background:#ffcc00; border-radius:35px; line-height:35px; color:#fff; font-size:18px;
	}
	.ysfi3 .fongr
	{
		 float:right; width:160px; text-align:left;
	}
		.ysfi3 .fongr h3
		{
			 float:left; width:160px; margin:0px; padding:0px; font-size:16px;
		}
		.ysfi3 .fongr p
		{
			 float:left; width:160px; margin-top:8px; color:#898989;font-size:13px;
		}

		.ysfi4
{
	position:absolute; top:48px; left:480px; width:210px;
}
	.ysfi4 .fongq
	{
		 float:right; width:35px; height:35px; background:#9cca00; border-radius:35px; line-height:35px; color:#fff; font-size:18px;
	}
	.ysfi4 .fongr
	{
		 float:left; width:160px; text-align:left;
	}
		.ysfi4 .fongr h3
		{
			 float:left; width:160px; margin:0px; padding:0px; font-size:16px;
		}
		.ysfi4 .fongr p
		{
			 float:left; width:160px; margin-top:8px; color:#898989;font-size:13px;
		}
				.ysfi5
{
	position:absolute; top:158px; left:510px; width:210px;
}
	.ysfi5 .fongq
	{
		 float:right; width:35px; height:35px; background:#00cf88; border-radius:35px; line-height:35px; color:#fff; font-size:18px;
	}
	.ysfi5 .fongr
	{
		 float:left; width:160px; text-align:left;
	}
		.ysfi5 .fongr h3
		{
			 float:left; width:160px; margin:0px; padding:0px;font-size:16px;
		}
		.ysfi5 .fongr p
		{
			 float:left; width:160px; margin-top:8px; color:#898989;font-size:13px;
		}

						.ysfi6
{
	position:absolute; top:260px; left:480px; width:210px;
}
	.ysfi6 .fongq
	{
		 float:right; width:35px; height:35px; background:#00a8ff; border-radius:35px; line-height:35px; color:#fff; font-size:18px;
	}
	.ysfi6 .fongr
	{
		 float:left; width:160px; text-align:left;
	}
		.ysfi6 .fongr h3
		{
			 float:left; width:160px; margin:0px; padding:0px; font-size:16px;
		}
		.ysfi6 .fongr p
		{
			 float:left; width:160px; margin-top:8px; color:#898989;font-size:13px;
		}

#fframe
{
	 float:left; width:100%; background:url(../images/1_06.jpg) no-repeat #d6efff; min-height:70px;
}
.fcopy
{
	 float:left; width:100%; line-height:60px; margin-top:10px; text-align:center;
}
.fcopyle
{
	 float:left; width:100%;
}
.fcopyri
{
	 float:left;position:relative;z-index:3; padding-left:200px;
}

	.qrcode
	{
		 position:absolute; width:247px; height:273px; background:url(../images/qrcode-bg.png) no-repeat; top:-250px; left:20px;  display:none;
	}
			.qrcodes
	{
		 position:absolute; width:247px; height:273px; background:url(../images/qrcode-bg.png) no-repeat; top:-250px; left:50px;  display:none;
	}
	.fcopyri a
	{
		padding-right:20px;
	}
.foris
{
	 float:left;
}
}
 @media (min-width: 768px) {

.mobile-meunu{ display:none;}
	#bframe
	{
		 display:none;
	}
	 .f1_img{ width:24px; height:20px;-webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    -o-transition: -o-transform 0.5s ease-out;
    -ms-transition: -ms-transform 0.5s ease-out;
	 background:url(../images/1_07.png) no-repeat; display:block; float:left; margin-top:18px; margin-right:20px;

}

 .f1_img:hover{-webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg); background:url(../images/h1_07.png) no-repeat;width:24px; height:20px;}


  .f2_img{ width:24px; height:20px;-webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    -o-transition: -o-transform 0.5s ease-out;
    -ms-transition: -ms-transform 0.5s ease-out;
	 background:url(../images/1_08.png) no-repeat; display:block;float:left; margin-top:18px; margin-right:20px;

}
 .f2_img:hover{-webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg); background:url(../images/h1_08.png) no-repeat;width:24px; height:20px;}
}
@media (max-width: 767px)
{
	.mtoss
	{
		margin-top:40px;
	}
			.mobile-meunu{height:76px; position:fixed; z-index:99999; width:100%;-webkit-transition: 1s;transition: 1s; top:0px; left:0px; }
			.mobilebg{ background:#fff; height:75px; float:left; width:100%;}
			.mobile-logo{ float:left; padding-top:5px; padding-left:.5em; }
			.mobile-logo img{ height:65px; float:left; }
				.mobile-logo a p
				{
					 float:left;color:#fff; line-height:75px; padding-left:5px; font-size:18px; font-weight:bold;
				}
					 .f1_img{ width:24px; height:20px;-webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    -o-transition: -o-transform 0.5s ease-out;
    -ms-transition: -ms-transform 0.5s ease-out;
	 background:url(../images/1_07.png) no-repeat; display:block; float:left; margin-top:18px; margin-right:20px;

}
 .f1_img:hover{-webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg); background:url(../images/h1_07.png) no-repeat;}


  .f2_img{ width:24px; height:20px;-webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    -o-transition: -o-transform 0.5s ease-out;
    -ms-transition: -ms-transform 0.5s ease-out;
	 background:url(../images/1_08.png) no-repeat; display:block;float:left; margin-top:18px; margin-right:20px;

}
 .f2_img:hover{-webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg); background:url(../images/h1_08.png) no-repeat;}
	#bframe
	{
		 float:left; width:100%; margin-top:95px;
	}
.wappins
{
	 float:left; width:100%; background:url(/images/1_01.jpg) no-repeat top center; padding-bottom:70px;
}
#top
{
 float:left; width:100%; z-index:1; position:relative; display:none;}

.topleft
{
 float:left; width:100%; margin-top:20px; color:#fb9a11; font-size:16px;}
.toplogo
{
 float:left; width:100%; text-align:center;}
	.toplogo img
	{
		 width:200px;
	}

div.nav{
    text-align: center;
    font-size:16px;
    position: relative;

    float:left;
	 margin-top:45px; 
}
	ul.nav-main
	{
		margin:0px; float: left;  padding:0px; margin-left:47px;  width:625px;
	}
	ul.nav-main>li{
    height: 100%;
    display: block;
    float: left;  
   cursor: pointer;
    text-transform:uppercase;
	 padding-left:15px; 
	 padding-right:15px; 
}

ul.nav-main>li a{ color:#fff; display:block; text-decoration:none;line-height:46px; width:95px; height:46px; background:#fa5d35; border-radius:8px;}
	ul.nav-main > li:nth-child(2) a
	{ background:#fb9a11;
	}
		ul.nav-main > li:nth-child(3) a
	{ background:#ffda00;
	}
			ul.nav-main > li:nth-child(4) a
	{ background:#b4d800;
	}
						ul.nav-main > li:nth-child(5) a
	{ background:#00beff;
	}
	.barpicture
	{
		 display:none;
	}
.mtop105
{
	margin-top:35px; float:left;
}
	.spzx
	{
		margin-bottom:20px; position:relative;
	}
	.spzx i{  display:block; width:0; height:0; overflow:hidden; border:2px solid #72c5ff;width:60px; position:absolute; left:50%; bottom:-20px; margin-left:-30px;
}
.prodli
{
	 float:left; width:100%; position:relative; z-index:1; margin-top:35px;
}
	.prodli img
	{
		 border-radius:15px;
	}
.probgs
{
	 float:left; width:100%; height:60px; text-align:center; position:absolute; top:50%; left:0px; margin-top:-30px; line-height:60px; background:url(../images/1_05.png);
}
	.probgs a
	{
	 color:#212020; font-size:20px;
	}
	.mtop32
	{
		margin-top:30px;
	}
.youshi
{
	 float:left; width:100%; margin-top:45px;
}
.youshi_top
{
	 float:left;  width:100%; text-align:center;
}

	.youshi_top h3{ position:relative;
}
.youshi_top h3 i{  display:block; width:0; height:0; overflow:hidden; border:2px solid #72c5ff;width:60px; position:absolute; left:50%; bottom:-20px; margin-left:-30px;
}
	.youshi_top p
	{
		 color:#898989; margin-top:28px;
	}
.youshi_middle
{
	 float:left; width:100%; text-align:center; position:relative; z-index:3;
}
	.youshi_middle img
	{
	 max-width:100%;
	}
.yousimg
{
	
}


#fframe
{
	 float:left; width:100%; background:url(../images/1_06.jpg) no-repeat #d6efff; min-height:70px;
}
.fcopy
{
	 float:left; width:100%;margin-top:10px;
}
.fcopyle
{
	 float:left; width:100%; text-align:center;  padding-top:10px;
}
.fcopyri
{
	 float:left;  text-align:center; padding-top:10px; margin-left:42%; position:relative;z-index:3;
}


	.qrcode
	{
		 position:absolute; width:247px; height:273px; background:url(../images/qrcode-bg.png) no-repeat; top:-250px; left:-180px;  display:none;
	}
			.qrcodes
	{
		 position:absolute; width:247px; height:273px; background:url(../images/qrcode-bg.png) no-repeat; top:-250px; left:-130px;  display:none;
	}
	.fcopyri a
	{
		padding-right:20px;
	}
.foris
{
 float:left; width:100%; text-align:center; padding-top:10px; padding-bottom:10px;
}
}


@media (min-width:520px) and (max-width:768px)
{
	.ysfi1
{
	 float:left; width:50%;
}
	.ysfi1 .fongq
	{
		 float:left; width:35px; height:35px; background:#f84828; border-radius:35px; line-height:35px; color:#fff; font-size:18px;
	}
	.ysfi1 .fongr
	{
		 float:left; width:160px; text-align:left; padding-left:10px;
	}
		.ysfi1 .fongr h3
		{
			 float:left; width:160px; margin:0px; padding:0px; font-size:16px;
		}
		.ysfi1 .fongr p
		{
			 float:left; width:160px; margin-top:5px; color:#898989;font-size:13px;
		}

		.ysfi2
{
 float:left; width:50%;
}
	.ysfi2 .fongq
	{
		 float:left; width:35px; height:35px; background:#f9800d; border-radius:35px; line-height:35px; color:#fff; font-size:18px;
	}
	.ysfi2 .fongr
	{
		 float:left; width:160px; text-align:left; padding-left:10px;
	}
		.ysfi2 .fongr h3
		{
			 float:left; width:160px; margin:0px; padding:0px; font-size:16px;
		}
		.ysfi2 .fongr p
		{
			 float:left; width:160px; margin-top:8px; color:#898989;font-size:13px;
		}

				.ysfi3
{
	 float:left; width:50%; padding-top:20px;
}
	.ysfi3 .fongq
	{
		 float:left; width:35px; height:35px; background:#ffcc00; border-radius:35px; line-height:35px; color:#fff; font-size:18px;
	}
	.ysfi3 .fongr
	{
		 float:left; width:160px; text-align:left; padding-left:10px;
	}
		.ysfi3 .fongr h3
		{
			 float:left; width:160px; margin:0px; padding:0px; font-size:16px;
		}
		.ysfi3 .fongr p
		{
			 float:left; width:160px; margin-top:8px; color:#898989;font-size:13px;
		}

		.ysfi4
{
 float:left; width:50%;padding-top:20px;
}
	.ysfi4 .fongq
	{
		 float:left; width:35px; height:35px; background:#9cca00; border-radius:35px; line-height:35px; color:#fff; font-size:18px;
	}
	.ysfi4 .fongr
	{
		 float:left; width:160px; text-align:left; padding-left:10px;
	}
		.ysfi4 .fongr h3
		{
			 float:left; width:160px; margin:0px; padding:0px; font-size:16px;
		}
		.ysfi4 .fongr p
		{
			 float:left; width:160px; margin-top:8px; color:#898989;font-size:13px;
		}
				.ysfi5
{
 float:left; width:50%;padding-top:20px;
}
	.ysfi5 .fongq
	{
		 float:left; width:35px; height:35px; background:#00cf88; border-radius:35px; line-height:35px; color:#fff; font-size:18px;
	}
	.ysfi5 .fongr
	{
		 float:left; width:160px; text-align:left; padding-left:10px;
	}
		.ysfi5 .fongr h3
		{
			 float:left; width:160px; margin:0px; padding:0px;font-size:16px;
		}
		.ysfi5 .fongr p
		{
			 float:left; width:160px; margin-top:8px; color:#898989;font-size:13px;
		}

						.ysfi6
{
 float:left; width:50%;padding-top:20px;
}
	.ysfi6 .fongq
	{
		 float:left; width:35px; height:35px; background:#00a8ff; border-radius:35px; line-height:35px; color:#fff; font-size:18px;
	}
	.ysfi6 .fongr
	{
		 float:left; width:160px; text-align:left; padding-left:10px;
	}
		.ysfi6 .fongr h3
		{
			 float:left; width:160px; margin:0px; padding:0px; font-size:16px;
		}
		.ysfi6 .fongr p
		{
			 float:left; width:160px; margin-top:8px; color:#898989;font-size:13px;
		}
}

@media  (max-width:520px)
{
	.ysfi1
{
	 float:left; width:100%;
}
	.ysfi1 .fongq
	{
		 float:left; width:35px; height:35px; background:#f84828; border-radius:35px; line-height:35px; color:#fff; font-size:18px;
	}
	.ysfi1 .fongr
	{
		 float:left; width:80%; text-align:left; padding-left:10px;
	}
		.ysfi1 .fongr h3
		{
			 float:left; width:100%; margin:0px; padding:0px; font-size:16px;
		}
		.ysfi1 .fongr p
		{
			 float:left; width:100%; margin-top:5px; color:#898989;font-size:13px;
		}

		.ysfi2
{
 float:left; width:100%;padding-top:20px;
}
	.ysfi2 .fongq
	{
		 float:left; width:35px; height:35px; background:#f9800d; border-radius:35px; line-height:35px; color:#fff; font-size:18px;
	}
	.ysfi2 .fongr
	{
		 float:left; width:80%; text-align:left; padding-left:10px;
	}
		.ysfi2 .fongr h3
		{
			 float:left; width:100%; margin:0px; padding:0px; font-size:16px;
		}
		.ysfi2 .fongr p
		{
			 float:left; width:100%; margin-top:8px; color:#898989;font-size:13px;
		}

				.ysfi3
{
	 float:left; width:100%; padding-top:20px;
}
	.ysfi3 .fongq
	{
		 float:left; width:35px; height:35px; background:#ffcc00; border-radius:35px; line-height:35px; color:#fff; font-size:18px;
	}
	.ysfi3 .fongr
	{
		 float:left; width:80%; text-align:left; padding-left:10px;
	}
		.ysfi3 .fongr h3
		{
			 float:left; width:100%; margin:0px; padding:0px; font-size:16px;
		}
		.ysfi3 .fongr p
		{
			 float:left; width:100%; margin-top:8px; color:#898989;font-size:13px;
		}

		.ysfi4
{
 float:left; width:100%;padding-top:20px;
}
	.ysfi4 .fongq
	{
		 float:left; width:35px; height:35px; background:#9cca00; border-radius:35px; line-height:35px; color:#fff; font-size:18px;
	}
	.ysfi4 .fongr
	{
		 float:left; width:80%; text-align:left; padding-left:10px;
	}
		.ysfi4 .fongr h3
		{
			 float:left; width:100%; margin:0px; padding:0px; font-size:16px;
		}
		.ysfi4 .fongr p
		{
			 float:left; width:100%; margin-top:8px; color:#898989;font-size:13px;
		}
				.ysfi5
{
 float:left; width:100%;padding-top:20px;
}
	.ysfi5 .fongq
	{
		 float:left; width:35px; height:35px; background:#00cf88; border-radius:35px; line-height:35px; color:#fff; font-size:18px;
	}
	.ysfi5 .fongr
	{
		 float:left; width:80%; text-align:left; padding-left:10px;
	}
		.ysfi5 .fongr h3
		{
			 float:left; width:100%; margin:0px; padding:0px;font-size:16px;
		}
		.ysfi5 .fongr p
		{
			 float:left; width:100%; margin-top:8px; color:#898989;font-size:13px;
		}

						.ysfi6
{
 float:left; width:100%;padding-top:20px;
}
	.ysfi6 .fongq
	{
		 float:left; width:35px; height:35px; background:#00a8ff; border-radius:35px; line-height:35px; color:#fff; font-size:18px;
	}
	.ysfi6 .fongr
	{
		 float:left; width:80%; text-align:left; padding-left:10px;
	}
		.ysfi6 .fongr h3
		{
			 float:left; width:100%; margin:0px; padding:0px; font-size:16px;
		}
		.ysfi6 .fongr p
		{
			 float:left; width:100%; margin-top:8px; color:#898989;font-size:13px;
		}
}
.mobile-nav {
  position: relative;
  width: auto;
  display: inline-block;
  border: none; 
}

.btn-nav {
  position: fixed;
  top: 10px;
  right: 10px;
  background: transparent;
  border: none;
  padding: 10px;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  cursor: pointer;
  z-index: 99999;
}

.btn-nav:focus {
  outline: 0;
}

.icon-bar {
  display: block;
  margin: 6px 0;
  width: 30px;
  height: 4px;
  background-color: #0075c2;
}

.btn-nav:hover .icon-bar {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  background-color: #0075c2;
}

.nav-content {
  position: fixed;
 
  bottom: 0;
  left: 0;
  right: 0;
  background: #f1f1f1;
  display: block;
  height: 100%;
  z-index: 9999;
}

.nav-list {
  list-style: none;
  padding: 0;
  position: relative;
  top: 75px;
}

	.nav-list h4{
    position: relative; margin:0px; padding:0px;
}

.nav-list h4::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    opacity: .1;
    background-color: #000;
}

.nav-list h4 a{
    font-size: 16px;
    font-weight: bold;
    line-height: 60px;
    text-transform: uppercase;
    color: #999;
}
.nav-list h4 img{
	position: absolute;
	top: 50%;
	right: 5px;

    width: 13px;
    cursor: pointer;

    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.nav-list .ul2{
	 display:none;
   padding:0px;
    padding-top: 7px;
    padding-bottom: 8px;
	list-style:none; margin:0px; float:left; width:100%;
}
.nav-list .ul2 .navbgs{
	max-width: 100%;
}
.nav-list h5{
    position: relative; padding:0px; margin:0px;
}
.nav-list h5::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;

	width: 100%;
    height: 1px;

    opacity: .05;
    background-color: #000;
}
.nav-list h5 a{
    font-family: '微软雅黑';
    font-size: 14px;
    line-height: 40px;
    text-transform: uppercase;
    color: #999;
}
.nav-list h5 img{
	position: absolute;
	top: 50%;
	right: 5px;

    width: 13px;
    cursor: pointer;

    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.nav-list h4.active img.img_s,
.nav-list h5.active img.img_s{
    display: none;
}
.nav-list h4.active img.img_d,
.nav-list h5.active img.img_d{
    display: block;
}
.nav-list .ul3{
    display: none;
    padding-left: 15px;
}
.nav-list h6 a{
	font-family: '微软雅黑';
    font-size: 12px;
    line-height: 40px;
    text-transform: uppercase;
    color: #999;
}
.navbgs
{
	 width:100%; padding:0 20px; float:left;
}

.item-anchor:after {
  content: "";
  position: absolute;
  width: 3px;
  height: 3px;
  left: 0;
  bottom: 0;
  z-index: 9;

  background: transparent;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.item-anchor {
  color: #999;
  font-size:16px;
  text-transform: uppercase;
  position: relative;
  text-decoration: none; 
  padding: 10px;
}

.item-anchor:hover,
.item-anchor:focus {
	   text-decoration:none;
  color: #1e8cd4;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.item-anchor:hover:after,
.item-anchor:focus:after{
  width: 100%;
  background: #1e8cd4;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.nav-item {
  margin: 25px auto;
  text-align: center;
}

.animated {
  display: block;
  margin: 0 auto;
}

.animated:hover .icon-bar,
.animated:focus .icon-bar{
  background-color: #1e8cd4;
}

.animated:focus {
  cursor: pointer;
  z-index: 9999;
}

.middle {
  margin: 0 auto;
}

.icon-bar {
  -webkit-transition: all .7s ease;
  -moz-transition: all .7s ease;
  -ms-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease;
  z-index: 999999;
}

.animated .icon-bar {
  z-index: 999999;
  background-color: #f39f0e;
}

.animated .top {
  -webkit-transform: translateY(10px) rotateZ(45deg);
  -moz-transform: translateY(10px) rotateZ(45deg);
  -ms-transform: translateY(10px) rotateZ(45deg);
  -o-transform: translateY(10px) rotateZ(45deg);
  transform: translateY(10px) rotateZ(45deg);
}

.animated .bottom {
  -webkit-transform: translateY(-11px) rotateZ(-45deg);
  -moz-transform: translateY(-11px) rotateZ(-45deg);
  -ms-transform: translateY(-11px) rotateZ(-45deg);
  -o-transform: translateY(-11px) rotateZ(-45deg);
  transform: translateY(-11px) rotateZ(-45deg);
}

.animated .middle {
  width: 0;
}

@keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

@-webkit-keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

@-moz-keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

@-o-keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

.showNav {
  -webkit-animation: showNav 1s ease forwards;
  -moz-animation: showNav 1s ease forwards;
  -o-animation: showNav 1s ease forwards;
  animation: showNav 1s ease forwards;
}

@keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

@-webkit-keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

@-moz-keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

@-o-keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

.hideNav {
  -webkit-animation: hideNav 1s ease forwards;
  -moz-animation: hideNav 1s ease forwards;
  -o-animation: hideNav 1s ease forwards;
  animation: hideNav 1s ease forwards;
}

.hidden {
  display: none;
}



    @media (min-width:1200px)
{	
	div.hidden-box{
    width: 600px;
    border-top: 0;
    position: absolute;
	 display:none;

    top:67px;
    padding:0px; z-index:9; 
}
.hidden-box>ul{
    list-style-type: none;
    color: #643519;
    cursor: pointer;
    padding:0px;
    width:200px;

}
.hidden-box li { padding:0px;}
.hidden-box li a {text-transform:capitalize; color:#fff; line-height:22px;}
	div.nav #box-2 .conbox li
	{
line-height:35px; height:35px; padding:0px;
	}
	div.nav #box-2 .conbox li a
	{
		 color:#fff;
	}


	.hidden-box li a.hover
	{
		color: #2bcaf5;
	}
	
		.hidden-con-us{left: 512px;}
		.hidden-con-pro{left: 326px;}
	.hidden-con-hd
	{left: 700px;
	}
	.hidden-con-hy
	{left: 887px;
	}
}
.hover-up{
    
}
.hover-down{
    transition-duration: .5s;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
@media (min-width:992px) and (max-width:1199px)
{
		div.nav #box-2 .conbox li
	{
line-height:35px; height:35px; padding:0px;
	}
	div.nav #box-2 .conbox li a
	{
		 color:#fff;
	}
	
		div.hidden-box{
    width: 580px;

    border-top: 0;
    position: absolute;
	 display:none;

    top:57px;
    padding:0px;z-index:9;  border-radius:10px;
}
.hidden-box>ul{
    list-style-type: none;
    color: #643519;
    cursor: pointer;
    padding:0px;
    width:245px;

}
.hidden-box li { padding:0px;}
.hidden-box li a {text-transform:capitalize; color:#333; line-height:22px;}

	.hidden-box li a.hover
	{
		color: #2bcaf5;
	}
			.hidden-con-us{left: 414px;}
		.hidden-con-pro{left: 260px;}
	.hidden-con-hd
	{left: 560px;
	}
	.hidden-con-hy
	{left: 712px;
	}
}

@media (min-width:768px) and (max-width:991px)
{
		div.nav #box-2 .conbox li
	{
line-height:35px; height:35px; padding:0px;
	}
	div.nav #box-2 .conbox li a
	{
		 color:#fff;
	}
	.hidden-loc-us{left: -102px;}
		div.hidden-box{
    width: 480px;
    border: 1px solid #ddd;
    border-top: 0;
    position: absolute;
	   display:none;
	 background:url(../images/mbg.png);
    top:52px;
    padding:0px;z-index:9;  border-radius:10px;
}
.hidden-box>ul{
    list-style-type: none;
    color: #643519;
    cursor: pointer;
    padding:0px;
    width:200px;

}
   .menmiddlist  .middmenu h2 { float:left; width:180px; font-size:18px; text-align:left;
        }
.hidden-box li { padding:0px;}
.hidden-box li a {text-transform:capitalize; color:#333; line-height:22px;}

	.hidden-box li a.hover
	{
		color: #2bcaf5;
	}

			.hidden-con-us{left: 296px;}
		.hidden-con-pro{left:170px;}
	.hidden-con-hd
	{left: 420px;
	}
	.hidden-con-hy
	{left: 548px;
	}
}



.abrnr
{
	 float:left; width:100%;
}
.abrtittle
{
	 float:left; width:100%; text-align:center; margin-top:45px;
}
	.abrtittle h2
	{
		 font-size:20px; line-height:53px;
	}
.block-title-idea
{
	 height:53px; margin:0 auto; width:221px; background:url(../images/ttl-bg-idea.png) center 28px no-repeat;
}
	.abrtittle span
	{
	}
.abrlist
{
	 float:left; width:100%; margin-top:45px; margin-bottom:50px;
}
	.abrlist img
	{
		max-width:98%;
	}

@media (min-width:768px)
{
	.abrcompra
{
	 float:left; width:100%;
}
.abrcompra p
{
	 float:left; width:70%; margin-left:15%; text-align:left;
}

.abcoming
{
	 float:left; width:100%; text-align:center; margin-top:20px;
}
	.abcoming img
	{
		 max-width:600px;
	}
.coursa
{
	 float:left; width:100%;
}
.abrcompra span
{
	 float:left; width:70%; margin-left:15%; text-align:left;
}
	.coursa h3
	{
		 float:left; width:100%; text-align:center; color:#fb9a11;
	}
	.filter-select{
	display:none;
    position: relative;
    margin-top: 25px;
  
    }
}

@media (max-width:767px)
{
	.abrtittle
{
	 float:left; width:100%; text-align:center; margin-top:15px;
}
		.abrcompra
{
	 float:left; width:100%;
}
.abrcompra p
{
	 float:left; width:90%; margin-left:5%; text-align:left;
}

.abcoming
{
	 float:left; width:100%; text-align:center; margin-top:20px;
}
	.abcoming img
	{
		 max-width:100%;
	}
.coursa
{
	 float:left; width:100%;
}
.abrcompra span
{
	 float:left; width:90%; margin-left:5%; text-align:left;
}
	.coursa h3
	{
		 float:left; width:100%; text-align:center; color:#fb9a11;
	}

	

	.filter-select
	{
		 display:block; margin-top:100px;
	}

.filter-select ul {

    display: none;

    left: 0;    right: 0;
    z-index: 10;
    
    margin: 0;
    padding:0;
    
    background: #fff;
    border: 1px solid #d9d9d9;
    border-top: none;
    
    list-style: none;
}

.filter-select .filter-current {
	background: #fafafa;
	border: 1px solid #e2e2e2;
	border-bottom: 1px solid #dfdfdf;
}

.filter-select .filter-current:hover {
	background: #fafafa url(../images/light-btn.jpg) repeat-x top;
	box-shadow: 0 2px 2px rgba(0,0,0,0.04);
	border-color: #d9d9d9;
	border-bottom: 1px solid #cecece;
}

.filter-select .filter-current:active {
	background: #f5f5f5;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
	border-color: #d9d9d9;
}

.filter-select .filter-current i {


	float: right;
	margin-top: 5px;
	font: 12px 'FontAwesome';
}

.filter-select li, .filter-select .filter-current {
    padding: 10px 15px 10px;
      position:relative;
    line-height: 22px;
    cursor: pointer; margin:0px;
}

.filter-select li:hover {
    margin: 0 -1px;
    
    background: #e43128;
    color: #fff;
}
	.filter-select li:hover a
	{
		 background: #e43128;
		 color: #fff;
	}
	.filter-select li a
	{
	 display:block;
	}
	.filter-select li a:hover
	{
		 color:#fff;
	}

.filter-select li ul{

    display: none;
    position:initial;
    margin: 0;
    padding:0;
        background:none;
    border: none;
     margin-top:5px;
    list-style: none;
}
	.filter-select li ul li a
	{
		font-size:13px;
	}
}

.idea-box
{
	 text-align:center;
}
	.idea-box h3
	{ margin:0px; margin-top:25px;
	}
	.idea-box p
	{
		margin-top:15px;
	}


	.idea-box .ttl
	{
		width: 100%;
		height: 79px;
		 float:left;
		 margin-top:50px;
	 margin-bottom:25px;
		-webkit-transition: top 1s,opacity 1s;
		-moz-transition: top 1s,opacity 1s;
		-ms-transition: top 1s,opacity 1s;
		-o-transition: top 1s,opacity 1s;
		transition: top 1s,opacity 1s;
		background: url(../images/idea-1.png) center top no-repeat;
	}



	.idea-box .pic
	{
		width: 100%;
		height: 715px;
			 float:left;
	
		background: url(../images/idea-2.png) center top no-repeat;
	
		-webkit-transition: top 1s,opacity 1s;
		-moz-transition: top 1s,opacity 1s;
		-ms-transition: top 1s,opacity 1s;
		-o-transition: top 1s,opacity 1s;
		transition: top 1s,opacity 1s;
	}


.contpr
{
	 float:left; width:100%;
}
	.contpr p
	{
		 float:left; width:70%; margin-left:15%; text-align:center;
	}

	.contact-box .addr
	{
	 float:left;
		margin: 46px 0 50px;
	}

	.contact-box dl
	{
		width: 360px;
		float: left;
		margin-right: 125px;
	}

		.contact-box dl dt
		{
			width: 360px;
			font-size: 16px;
			color: #000;
			font-weight: 700;
			margin-bottom: 28px;
		}

		.contact-box dl dd
		{
			margin-left: 40px;
			line-height: 28px;
		}

		.contact-box dl.last
		{
			margin-right: 0;
		}

	.contact-box .tel
	{
		 float:left;
		width: 818px;
		height: 136px;
		text-align: center;
		margin: 0 auto;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		-ms-border-radius: 20px;
		border-radius: 20px;
		border: 5px solid #fff;
		background: #5988c5;
	}

		.contact-box .tel span
		{
			font-size: 24px;
			color: #fff;
			display: inline-block;
			line-height: 136px;
		}

		.contact-box .tel strong
		{
			font-size: 36px;
			color: #fff;
			display: inline-block;
			line-height: 136px;
			margin-left: 15px;
		}

		 .about
{
	padding:1em 0;
}

	#fh5co-contact {margin-top:50px;}
#fh5co-contact p{ font-size:16px; line-height:30px;}
#fh5co-contact .contact-info {
  margin: 0;
  padding: 0;
  margin-top:20px;
  float:left;
}
#fh5co-contact .contact-info li {
  list-style: none;
  margin: 0 0 15px 0;
  position: relative;
  padding-left: 40px;
}
#fh5co-contact .contact-info li i {
  position: absolute;
  top: 0em;
  left: 0;
  font-size: 22px;
  color: rgba(0, 0, 0, 0.3);
}
#fh5co-contact .contact-info li a {
  font-weight: 400 !important;
  color:#000;
}
#fh5co-contact .form-control {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 14px;
  font-weight: 400;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}
#fh5co-contact .form-control:focus, #fh5co-contact .form-control:active {
  border-bottom: 1px solid rgba(235, 63, 63, 0.5);
}
#fh5co-contact input[type="text"] {
  height: 50px;
}
#fh5co-contact .form-group {
  margin-bottom: 30px;
}

.mtCon
{
	padding-top:40px;
}
	.mtCon h2
	{
		 font-size:28px; margin-bottom:25px;
	}
	.msCon {color:#adadad; padding:0px 50px;}
        .msCon img {
         max-width:99%;}
@media (max-width:767px ) {
    .msCon {
        color: #adadad;
        padding: 0px 15px;
    }

    .mtCon h2 {
        font-size: 20px;
        margin-bottom: 25px;
    }
}

   @media (min-width:600px) 
{
		.caseli{ list-style:none; text-align:center; margin:0px; margin-top:30px; padding:0px;}
.caseli li{    display:inline; margin-right:18px; margin-bottom:6px;}
	.caseli li a{line-height:30px; background:#b4d800; color:#fff;padding:10px; padding-left:15px; padding-right:15px;}
.caseli li a:hover{ background:#fa5d35;color:#fff; text-decoration:none}
.caseli li a.hover{ background:#fa5d35;color:#fff}
}
    @media (max-width:599px){

		.caseli{ list-style:none; margin-top:20px;}
.caseli li{ padding:0px; margin:0px; float:left; margin-right:6px; margin-bottom:4px;}

	.caseli li a{line-height:30px; background:#f1f1f1; color:#666;   padding:10px; margin-bottom:2px; display:block;}
.caseli li a:hover{ background:#fa5d35;color:#fff; text-decoration:none}
.caseli li a.hover{ background:#fa5d35;color:#fff}

		 }

	.home_news {
  width: 100%;
  margin-top:30px;
}
.home_news .news_con {
  max-width: 1240px;
  width: 100%;
  margin: auto;
  overflow: hidden;
}
.home_news .news_con ul {
  width: 100%;
  list-style:none;
  padding:0;
  margin:0
}
.home_news .news_con ul li {
  background: #f2f3f1;
  padding: 20px 20px;
  cursor: pointer;
  margin-bottom: 30px;
}
.home_news .news_con ul li .news_left {
  width: 77%;
  float: left;
}
.home_news .news_con ul li .news_left a {
  color: #4c4c4c;
  font-size: 16px;
  font-weight: bold;
  overflow: hidden;
  width: 95%;
  display: block;
  margin-bottom: 15px;
  height: 25px;
  line-height: 25px;
}
.home_news .news_con ul li .news_left p {
  font-size: 14px;
  color: #666666;
  line-height: 24px;
  width: 95%;
  max-height: 72px;
  overflow: hidden;
}
.home_news .news_con ul li .news_right {
  width: 23%;
  float: right;
  border-left: 1px solid #cccccc;
  min-height: 50px;

  font-family: arial;
  text-align: left;
  padding-left: 8%;
  background: url(../images/li_1.png) no-repeat right;
  min-height: 95px;
}
.home_news .news_con ul li .news_right span {
  font-size: 42px;
  display: block;
  line-height: 45px;
}
.home_news .news_con ul li .news_right time {
  font-size: 18px;
}
.home_news .news_con ul li:hover {
  background: #b8b5b5;
}
.home_news .news_con ul li:hover .news_left a {
  color: #fff;
}
.home_news .news_con ul li:hover .news_left p {
  color: #fff;
}
.home_news .news_con ul li:hover .news_right {
  border-left: 1px solid #fff;
  background: url(../images/li_1_h.png) no-repeat right;
  color: #fff;
}
.home_news .news_con ul li:hover .news_right span {
  color: #fff;
}
@media (max-width: 768px) {
  .home_news .news_con ul li .news_right {
    padding-left: 10px;
    padding-top: 15px;
  }
}
@media (max-width: 680px) {
  .home_news .news_con ul li .news_right span {
    font-size: 24px;
  }
  .home_news .news_con ul li .news_right time {
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  .home_news .news_con ul li .news_left {
    width: 68%;
  }
  .home_news .news_con ul li .news_right {
    width: 32%;
  }
}
@media (max-width: 480px) {
  .home_news .news_con ul li {
    padding: 20px 10px;
  }
}

.block-title-news
{
	width: 111px;
	height: 54px;
	margin: 0 auto;
	background: url(../images/ttl-bg-news.png) no-repeat;
}

	.block-title-news span
	{
		padding: 0;
		line-height: 54px;
		color: #fff;
	}
.block-title-news
{
	width: 100%;
	background-position: center center;
}
.block-box
{
	position: relative;
	padding: 20px 0;
}


@media (min-width: 850px)
{
	.block-box .btn-back
	{
		font-size: 15px;
		color: #8e8e8e;
		letter-spacing: 2px;
		text-align: center;
		font-weight: 700;
		position: absolute;
		top: 40px;
		left: 50%;
		margin-left: 333px;
		width: 76px;
		height: 87px;
		line-height: 78px;
		letter-spacing: 4px;
		background: url(../images/icon-dialog.png) no-repeat;
		background-position: 0 -87px;
	}

		.block-box .btn-back:hover
		{
			background-position: 0 -87px;
		}
}
@media (max-width:849px)
{
	.block-box .btn-back
	{
		font-size: 15px;
		color: #8e8e8e;
		letter-spacing: 2px;
		text-align: center;
		font-weight: 700;
		position: absolute;
		top: 40px;
		left: 50%;
		margin-left: 193px;
		width: 76px;
		height: 87px;
		line-height: 78px;
		letter-spacing: 4px;
		background: url(../images/icon-dialog.png) no-repeat;
		background-position: 0 -87px;
	}

		.block-box .btn-back:hover
		{
			background-position: 0 -87px;
		}
}
@media (min-width: 1200px)
{
.newsdetails
{
	float:left; width:80%; margin-left:10%; text-align:center;
}
	.newsmidds
	{
		 float:left; width:80%; margin-left:10%; margin-top:25px; margin-bottom:35px;
	}
		.newsmidds img
		{
			 max-width:100%;
		}
}

@media (min-width:992px) and (max-width:1199px)
{
.newsdetails
{
	float:left; width:80%; margin-left:10%; text-align:center;
}
	.newsmidds
	{
		 float:left; width:80%; margin-left:10%; margin-top:25px; margin-bottom:35px;
	}
		.newsmidds img
		{
			 max-width:100%;
		}
}
@media (min-width:768px) and (max-width:991px)
{
.newsdetails
{
	float:left; width:80%; margin-left:10%; text-align:center;
}
	.newsmidds
	{
		 float:left; width:80%; margin-left:10%; margin-top:25px; margin-bottom:35px;
	}
		.newsmidds img
		{
			 max-width:100%;
		}
}
@media (max-width:767px)
{
.newsdetails
{
	float:left; width:94%; margin-left:3%; text-align:center;
}
	.newsmidds
	{
		 float:left; width:80%; margin-left:10%; margin-top:25px; margin-bottom:35px;
	}
		.newsmidds img
		{
			 max-width:100%;
		}
}


@media (min-width:992px)
{
	.responli
{
	 float:left;  width:100%;
}
.respli
{
	 float:left;width:80%; margin-left:10%; margin-top:30px; margin-bottom:30px;
}
.resptop
{ 
	 float:left; width:75%;
}
		.resptop h3:after{
    content: "";
    display: block;
    height: 13px;
    width: 132px;
    background-color: #98cfec;
    margin: -8px 0 0 -5px;
	
}
.resprig
{
	 float:right; width:22%;
}
	.resprig img
	{
		 max-width:100%;
	}
	.resptop2
{ 
	 float:right; width:75%; margin-top:15px;
}
	
		.resptop2 h3:after{
    content: "";
    display: block;
    height: 13px;
    width: 132px;
    background-color: #98cfec;
    margin: -8px 0 0 -5px;
}
.resprig2
{
	 float:left; width:22%;
}
	.resprig2 img
	{
		 max-width:100%;
	}
}

@media (min-width:768px) and (max-width:991px)
{
	.responli
{
	 float:left;  width:100%;
}
.respli
{
	 float:left;width:90%; margin-left:5%; margin-top:30px; margin-bottom:30px;
}
.resptop
{ 
	 float:left; width:75%;
}
	.resptop h3
	{
		 font-size:18px;
	}
		.resptop h3:after{
    content: "";
    display: block;
    height: 13px;
    width: 132px;
    background-color: #98cfec;
    margin: -8px 0 0 -5px;
	
}
.resprig
{
	 float:right; width:22%;
}
	.resprig img
	{
		 max-width:100%;
	}
	.resptop2
{ 
	 float:right; width:75%; margin-top:15px;
}
	.resptop2 h3
	{
		 font-size:18px;
	}
	
		.resptop2 h3:after{
    content: "";
    display: block;
    height: 13px;
    width: 132px;
    background-color: #98cfec;
    margin: -8px 0 0 -5px;
}
.resprig2
{
	 float:left; width:22%;
}
	.resprig2 img
	{
		 max-width:100%;
	}
}

@media  (max-width:767px)
{
	.responli
{
	 float:left;  width:100%;
}
.respli
{
	 float:left;width:98%; margin-left:1%; margin-top:30px; margin-bottom:30px;
}
.resptop
{ 
	 float:left; width:100%;
}
	.resptop h3
	{
		 font-size:18px;
	}
		.resptop h3:after{
    content: "";
    display: block;
    height: 13px;
    width: 132px;
    background-color: #98cfec;
    margin: -8px 0 0 -5px;
	
}
.resprig
{
	 float:left; width:100%;
}
	.resprig img
	{
		 max-width:100%;
	}
	.resptop2
{ 
	 float:left; width:100%; margin-top:15px;
}
	.resptop2 h3
	{
		 font-size:18px;
	}
	
		.resptop2 h3:after{
    content: "";
    display: block;
    height: 13px;
    width: 132px;
    background-color: #98cfec;
    margin: -8px 0 0 -5px;
}
.resprig2
{
	 float:left; width:100%; 
}
	.resprig2 img
	{
		 max-width:100%;
	}
}

.block-title-member
{
	width: 221px;
	height: 53px;
	margin: 0 auto;
	background: url(../images/ttl-bg-member.png) no-repeat;
}

	.block-title-member span
	{
		padding: 0;
		line-height: 53px; color:#fff;
	}
.menimgs
{
	 float:left; width:100%; text-align:center;
}
	.menimgs img
	{
		 max-width:100%;
	}


.xfxdli
{
	 float:left; width:80%; margin-left:10%;
}
.xfhtop
{
	 float:left; width:100%;
}
	.xfhtop h3
	{
		 float:left;
	}
	.xfhtop p
	{
		 float:right;
	}



@media (min-width:992px)
{	.qa-box
{
	width: 850px;
	margin: 0 auto;
}

	.qa-box ul
	{
		max-width: 1132px;
		width: 80%;
		overflow: hidden;
		margin: 60px auto;
	}

		.qa-box ul li
		{
			width: 50%;
			float: left;
			position: relative;
		}

			.qa-box ul li .txt
			{
				width: 100%;
				height: 80px;
				bottom: 0;
				left: 0;
				cursor: pointer;
				position: absolute;
				text-align: center;
				background: rgba(255,255,255,.3);
			}

				.qa-box ul li .txt strong
				{
					left: 20px;
					top: 0;
					position: absolute;
					font-size: 28px;
					font-style:italic;
				}

				.qa-box ul li .txt h3
				{
					font-size: 15px;
					line-height: 80px;
					font-weight: 700;
					position: relative;
					right: -20px;
				}

			.qa-box ul li img
			{
				width: 100%;
				-webkit-transition: -webkit-transform .5s;
				-moz-transition: -moz-transform .5s;
				-ms-transition: -ms-transform .5s;
				-o-transition: -o-transform .5s;
				transition: transform .5s;
			}

	.qa-box .links
	{
		color: #7a7a7a;
		text-align: center;
		font-weight: 700;
		margin: 0 auto 50px;
	}

		.qa-box .links span
		{
			font-size: 22px;
			text-decoration: none;
		}

			.qa-box .links span.current
			{
				color: #000;
			}

				.qa-box .links span.current a
				{
					color: #000;
				}

			.qa-box .links span a
			{
				font-size: 18px;
				margin-right: 10px;
				border-bottom: 1px solid #999;
			}

	.qa-box dl
	{
		width: 100%;
		margin-bottom: 50px;
	}

		.qa-box dl dt
		{
			color: #000;
			width: 100%;
			cursor: pointer;
			font-size: 16px;
			font-weight: 700;
			line-height: 30px;
			position: relative;
			margin-bottom: 15px;
			border-bottom: 1px solid #c2c2c1;
		}

			.qa-box dl dt .num
			{
				font-size: 23px;
				position: absolute;
				left: -60px;
				width: 50px;
			}

			.qa-box dl dt .tool
			{
				width: 21px;
				height: 21px;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				-ms-border-radius: 50%;
				-o-border-radius: 50%;
				border-radius: 50%;
				background: #fbf818 url(../images/button-plus.png) 50% 50% no-repeat;
				float: right;
				-webkit-transition: -webkit-transform .5s;
				-moz-transition: -moz-transform .5s;
				-ms-transition: -ms-transform .5s;
				-o-transition: -o-transform .5s;
				transition: transform .5s;
			}

				.qa-box dl dt .tool:hover
				{
					-ms-transform: rotate(270deg);
					-moz-transform: rotate(270deg);
					-webkit-transform: rotate(270deg);
					-o-transform: rotate(270deg);
					transform: rotate(270deg);
				}

				.qa-box dl dt .tool.active
				{
					-ms-transform: rotate(225deg);
					-moz-transform: rotate(225deg);
					-webkit-transform: rotate(225deg);
					-o-transform: rotate(225deg);
					transform: rotate(225deg);
				}

		.qa-box dl dd
		{
			display: none;
			position: relative;
			margin: 0 0 15px;
			padding-bottom: 10px;
			border-bottom: 1px solid #c2c2c1;
		}

			.qa-box dl dd .num1
			{
				width: 38px;
				height: 38px;
				line-height: 38px;
				text-align: center;
				font-size: 18px;
				font-weight: 700;
				position: absolute;
				left: 0;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				-ms-border-radius: 50%;
				-o-border-radius: 50%;
				border-radius: 50%;
				background: #fbf818;
			}

			.qa-box dl dd .detail
			{
				width: 88%;
				margin: 0 auto;
				min-height: 50px;
			}

			.qa-box dl dd p
			{
				font-size: 15px;
				line-height: 25px;
			}

			.qa-box dl dd h3
			{
				font-size: 15px;
				font-weight: 700;
				margin: 10px 0;
			}

			.qa-box dl dd img
			{
				margin: 10px auto;
			}

	.qa-box .tab
	{
		margin: 50px auto;
		text-align: center;
	}

		.qa-box .tab .button
		{
			width: 270px;
			color: #000;
			font-size: 16px;
			font-weight: 700;
			display: inline-block;
		}

			.qa-box .tab .button.last
			{
				margin-left: 15px;
			}

}

@media (min-width:768px) and (max-width:991px)
{	.qa-box
{
	width: 720px;
	margin: 0 auto;
}

	.qa-box ul
	{
		max-width: 720px;
		width: 80%;
		overflow: hidden;
		margin: 60px auto;
	}

		.qa-box ul li
		{
			width: 50%;
			float: left;
			position: relative;
		}

			.qa-box ul li .txt
			{
				width: 100%;
				height: 80px;
				bottom: 0;
				left: 0;
				cursor: pointer;
				position: absolute;
				text-align: center;
				background: rgba(255,255,255,.3);
			}

				.qa-box ul li .txt strong
				{
					left: 20px;
					top: 0;
					position: absolute;
					font-size: 28px;
					font-style:italic;
				}

				.qa-box ul li .txt h3
				{
					font-size: 15px;
					line-height: 80px;
					font-weight: 700;
					position: relative;
					right: -20px;
				}

			.qa-box ul li img
			{
				width: 100%;
				-webkit-transition: -webkit-transform .5s;
				-moz-transition: -moz-transform .5s;
				-ms-transition: -ms-transform .5s;
				-o-transition: -o-transform .5s;
				transition: transform .5s;
			}

	.qa-box .links
	{
		color: #7a7a7a;
		text-align: center;
		font-weight: 700;
		margin: 0 auto 50px;
	}

		.qa-box .links span
		{
			font-size: 22px;
			text-decoration: none;
		}

			.qa-box .links span.current
			{
				color: #000;
			}

				.qa-box .links span.current a
				{
					color: #000;
				}

			.qa-box .links span a
			{
				font-size: 18px;
				margin-right: 10px;
				border-bottom: 1px solid #999;
			}

	.qa-box dl
	{
		width: 100%;
		margin-bottom: 50px;
	}

		.qa-box dl dt
		{
			color: #000;
			width: 100%;
			cursor: pointer;
			font-size: 16px;
			font-weight: 700;
			line-height: 30px;
			position: relative;
			margin-bottom: 15px;
			border-bottom: 1px solid #c2c2c1; padding-left:55px;
		}

			.qa-box dl dt .num
			{
				font-size: 23px;
				position: absolute;
				left: 0px;
				width: 50px;
			}

			.qa-box dl dt .tool
			{
				width: 21px;
				height: 21px;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				-ms-border-radius: 50%;
				-o-border-radius: 50%;
				border-radius: 50%;
				background: #fbf818 url(../images/button-plus.png) 50% 50% no-repeat;
				float: right;
				-webkit-transition: -webkit-transform .5s;
				-moz-transition: -moz-transform .5s;
				-ms-transition: -ms-transform .5s;
				-o-transition: -o-transform .5s;
				transition: transform .5s;
			}

				.qa-box dl dt .tool:hover
				{
					-ms-transform: rotate(270deg);
					-moz-transform: rotate(270deg);
					-webkit-transform: rotate(270deg);
					-o-transform: rotate(270deg);
					transform: rotate(270deg);
				}

				.qa-box dl dt .tool.active
				{
					-ms-transform: rotate(225deg);
					-moz-transform: rotate(225deg);
					-webkit-transform: rotate(225deg);
					-o-transform: rotate(225deg);
					transform: rotate(225deg);
				}

		.qa-box dl dd
		{
			display: none;
			position: relative;
			margin: 0 0 15px;
			padding-bottom: 10px;
			border-bottom: 1px solid #c2c2c1;
		}

			.qa-box dl dd .num1
			{
				width: 38px;
				height: 38px;
				line-height: 38px;
				text-align: center;
				font-size: 18px;
				font-weight: 700;
				position: absolute;
				left: 0;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				-ms-border-radius: 50%;
				-o-border-radius: 50%;
				border-radius: 50%;
				background: #fbf818;
			}

			.qa-box dl dd .detail
			{
				width: 88%;
				margin: 0 auto;
				min-height: 50px;
			}

			.qa-box dl dd p
			{
				font-size: 15px;
				line-height: 25px;
			}

			.qa-box dl dd h3
			{
				font-size: 15px;
				font-weight: 700;
				margin: 10px 0;
			}

			.qa-box dl dd img
			{
				margin: 10px auto;
			}

	.qa-box .tab
	{
		margin: 50px auto;
		text-align: center;
	}

		.qa-box .tab .button
		{
			width: 270px;
			color: #000;
			font-size: 16px;
			font-weight: 700;
			display: inline-block;
		}

			.qa-box .tab .button.last
			{
				margin-left: 15px;
			}

}


@media (max-width:767px)
{	.qa-box
{
	width: 100%;
	margin: 0 auto;
}

	.qa-box ul
	{
		max-width: 720px;
		width: 80%;
		overflow: hidden;
		margin: 60px auto;
	}

		.qa-box ul li
		{
			width: 50%;
			float: left;
			position: relative;
		}

			.qa-box ul li .txt
			{
				width: 100%;
				height: 80px;
				bottom: 0;
				left: 0;
				cursor: pointer;
				position: absolute;
				text-align: center;
				background: rgba(255,255,255,.3);
			}

				.qa-box ul li .txt strong
				{
					left: 20px;
					top: 0;
					position: absolute;
					font-size: 20px;
					font-style:italic;
				}

				.qa-box ul li .txt h3
				{
					font-size: 13px;
					line-height: 80px;
					font-weight: 700;
					position: relative;
					right: -20px;
				}

			.qa-box ul li img
			{
				width: 100%;
				-webkit-transition: -webkit-transform .5s;
				-moz-transition: -moz-transform .5s;
				-ms-transition: -ms-transform .5s;
				-o-transition: -o-transform .5s;
				transition: transform .5s;
			}

	.qa-box .links
	{
		color: #7a7a7a;
		text-align: center;
		font-weight: 700;
		margin: 0 auto 50px;
	}

		.qa-box .links span
		{
			font-size: 18px;
			text-decoration: none;
		}

			.qa-box .links span.current
			{
				color: #000;
			}

				.qa-box .links span.current a
				{
					color: #000;
				}

			.qa-box .links span a
			{
				font-size: 16px;
				margin-right: 10px;
				border-bottom: 1px solid #999;
			}

	.qa-box dl
	{
		width: 100%;
		margin-bottom: 50px;
	}

		.qa-box dl dt
		{
			color: #000;
			width: 100%;
			cursor: pointer;
			font-size: 14px;
			font-weight: 700;
			line-height: 30px;
			position: relative;
			margin-bottom: 15px;
			border-bottom: 1px solid #c2c2c1; padding-left:45px; overflow:hidden;
		}

			.qa-box dl dt .num
			{
				font-size: 18px;
				position: absolute;
				left: 0px;
				width: 50px;
			}

			.qa-box dl dt .tool
			{
				width: 21px;
				height: 21px;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				-ms-border-radius: 50%;
				-o-border-radius: 50%;
				border-radius: 50%;
				background: #fbf818 url(../images/button-plus.png) 50% 50% no-repeat;
				float: right;
				-webkit-transition: -webkit-transform .5s;
				-moz-transition: -moz-transform .5s;
				-ms-transition: -ms-transform .5s;
				-o-transition: -o-transform .5s;
				transition: transform .5s;
			}

				.qa-box dl dt .tool:hover
				{
					-ms-transform: rotate(270deg);
					-moz-transform: rotate(270deg);
					-webkit-transform: rotate(270deg);
					-o-transform: rotate(270deg);
					transform: rotate(270deg);
				}

				.qa-box dl dt .tool.active
				{
					-ms-transform: rotate(225deg);
					-moz-transform: rotate(225deg);
					-webkit-transform: rotate(225deg);
					-o-transform: rotate(225deg);
					transform: rotate(225deg);
				}

		.qa-box dl dd
		{
			display: none;
			position: relative;
			margin: 0 0 15px;
			padding-bottom: 10px;
			border-bottom: 1px solid #c2c2c1;
		}

			.qa-box dl dd .num1
			{
				width: 38px;
				height: 38px;
				line-height: 38px;
				text-align: center;
				font-size: 18px;
				font-weight: 700;
				position: absolute;
				left: 0;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				-ms-border-radius: 50%;
				-o-border-radius: 50%;
				border-radius: 50%;
				background: #fbf818;
			}

			.qa-box dl dd .detail
			{
				width: 88%;
				margin: 0 auto;
				min-height: 50px;
			}

			.qa-box dl dd p
			{
				font-size: 15px;
				line-height: 25px;
			}

			.qa-box dl dd h3
			{
				font-size: 15px;
				font-weight: 700;
				margin: 10px 0;
			}

			.qa-box dl dd img
			{
				margin: 10px auto;
			}

	.qa-box .tab
	{
		margin: 50px auto;
		text-align: center;
	}

		.qa-box .tab .button
		{
			width: 270px;
			color: #000;
			font-size: 16px;
			font-weight: 700;
			display: inline-block;
		}

			.qa-box .tab .button.last
			{
				margin-left: 15px;
			}

}
.blotitop
{
	 float:left; width:100%; margin-top:50px;
}

.block-title-baby
{
	width: 165px;
	height: 87px;
	margin: 0 auto;
	background: url(../images/ttl-bg-baby.png) no-repeat; text-align:center;
}

	.block-title-baby span
	{
		padding: 55px 0 0 0;
		color: #fff;
		text-indent: 15px; font-size:16px; float:left; width:165px; text-align:center;
	}


.catoplist
{
	 float:left; width:80%; margin-top:50px; margin-left:10%;
}
	.catoplist ul
	{
		list-style:none; text-align:center; margin:0px;padding:0px;
	}


.catoplist li{    display:inline; margin-right:18px; margin-bottom:6px;}
	.catoplist li a{line-height:30px; background:#f2f3f1; color:#000;padding:12px; font-size:13px; border:3px solid #ccc;border-radius:26px;}
		.catoplist li a:hover
		{
		 background:#3db6ee; color:#fff;}
				.catoplist li a.hover
		{
		 background:#3db6ee; color:#fff;}

@media (min-width:1200px)
{
	        .sliderbox{background:#fff;width:1015px;height:350px;overflow:hidden; margin-top:50px; margin-left:63px; float:left;}
.arrow-btn{display:inline;width:40px;height:40px;overflow:hidden;cursor:pointer;margin-top:125px;}
#btn-left{float:left;background:url(/images/left1.png) no-repeat;background-position: 50% 50%; margin-left:0px;
	background-size: 40px 40px;}
#btn-left.dasabled{background:url(/images/left1.png) no-repeat;background-position: 50% 50%;cursor:pointer;
	background-size: 40px 40px;}
#btn-right{float:right;margin-right:0px;cursor:pointer;background:url(/images/right2.png) no-repeat;background-position: 50% 50%;
	background-size: 40px 40px;}
#btn-right.dasabled{background:url(/images/right2.png) no-repeat;background-position: 50% 50%;
	background-size: 40px 40px;}
.slider{width:85%;overflow:hidden;position:relative;height:350px;float:left; margin-top:8px;}
.slider ul{position:absolute;left:0px;top:0px;width:1800px;height:350px;list-style:none; margin:0px; padding:0px;}
.slider li{float:left;height:350px;width:300px;}
.slider a{display:block;text-decoration:none; }
.slider img{width:250px;display:inline-block!important; height:140px;  margin-right:5px;margin-left:25px;}
	.slider li h3
	{ 
		 font-size:16px; color:#fff; background:#a7a7a7;padding:10px 15px; margin:0px;border-radius:20px; text-align:center; width:220px; margin-left:40px; margin-top:15px;
	}
	.slider li p
	{
		 width:220px; margin-left:40px; margin-top:15px;
	}
}


@media (min-width:992px) and (max-width:1199px)
{
	        .sliderbox{background:#fff;width:915px;height:350px;overflow:hidden; margin-top:50px; float:left;}
.arrow-btn{display:inline;width:40px;height:40px;overflow:hidden;cursor:pointer;margin-top:125px;}
#btn-left{float:left;background:url(/images/left1.png) no-repeat;background-position: 50% 50%; margin-left:0px;
	background-size: 40px 40px;}
#btn-left.dasabled{background:url(/images/left1.png) no-repeat;background-position: 50% 50%;cursor:pointer;
	background-size: 40px 40px;}
#btn-right{float:right;margin-right:0px;cursor:pointer;background:url(/images/right2.png) no-repeat;background-position: 50% 50%;
	background-size: 40px 40px;}
#btn-right.dasabled{background:url(/images/right2.png) no-repeat;background-position: 50% 50%;
	background-size: 40px 40px;}
.slider{width:85%;overflow:hidden;position:relative;height:350px;float:left; margin-top:8px;}
.slider ul{position:absolute;left:0px;top:0px;width:1800px;height:350px;list-style:none; margin:0px; padding:0px;}
.slider li{float:left;height:350px;width:268px;}
.slider a{display:block;text-decoration:none; }
.slider img{width:250px;display:inline-block!important; height:140px;  margin-right:5px;margin-left:9px;}
	.slider li h3
	{ 
		 font-size:16px; color:#fff; background:#a7a7a7;padding:10px 15px; margin:0px;border-radius:20px; text-align:center; width:220px; margin-left:24px; margin-top:15px;
	}
	.slider li p
	{
		 width:220px; margin-left:24px; margin-top:15px;
	}
}
@media (min-width:768px) and (max-width:991px)
{
	        .sliderbox{background:#fff;width:724px;height:300px;overflow:hidden; margin-top:50px; float:left;}
.arrow-btn{display:inline;width:40px;height:40px;overflow:hidden;cursor:pointer;margin-top:125px;}
#btn-left{float:left;background:url(/images/left1.png) no-repeat;background-position: 50% 50%; margin-left:0px;
	background-size: 40px 40px;}
#btn-left.dasabled{background:url(/images/left1.png) no-repeat;background-position: 50% 50%;cursor:pointer;
	background-size: 40px 40px;}
#btn-right{float:right;margin-right:0px;cursor:pointer;background:url(/images/right2.png) no-repeat;background-position: 50% 50%;
	background-size: 40px 40px;}
#btn-right.dasabled{background:url(/images/right2.png) no-repeat;background-position: 50% 50%;
	background-size: 40px 40px;}
.slider{width:85%;overflow:hidden;position:relative;height:300px;float:left; margin-top:8px;}
.slider ul{position:absolute;left:0px;top:0px;width:1800px;height:300px;list-style:none; margin:0px; padding:0px;}
.slider li{float:left;height:320px;width:208px;}
.slider a{display:block;text-decoration:none; }
.slider img{width:190px;display:inline-block!important; height:107px;  margin-right:5px;margin-left:9px; float:left;}
	.slider li h3
	{ 
		 font-size:13px; color:#fff; background:#a7a7a7;padding:10px 15px; margin:0px;border-radius:20px; text-align:center; width:190px; margin-left:9px; margin-top:15px;float:left;
	}
	.slider li p
	{
		 width:190px; margin-left:9px; margin-top:15px;float:left; font-size:12px;
	}
}
@media (max-width:768px)
{
	        .sliderbox{background:#fff;width:100%;margin-top:50px; float:left; margin-bottom:30px;}
.arrow-btn{display:none;width:40px;height:40px;overflow:hidden;cursor:pointer;margin-top:125px;}
#btn-left{float:left;background:url(/images/left1.png) no-repeat;background-position: 50% 50%; margin-left:0px;
	background-size: 40px 40px;}
#btn-left.dasabled{background:url(/images/left1.png) no-repeat;background-position: 50% 50%;cursor:pointer;
	background-size: 40px 40px;}
#btn-right{float:right;margin-right:0px;cursor:pointer;background:url(/images/right2.png) no-repeat;background-position: 50% 50%;
	background-size: 40px 40px;}
#btn-right.dasabled{background:url(/images/right2.png) no-repeat;background-position: 50% 50%;
	background-size: 40px 40px;}
.slider{width:100%;float:left; margin-top:8px;}
.slider ul{list-style:none; margin:0px; padding:0px; float:left; width:100%;}
.slider li{float:left;width:48%; margin-left:1%; margin-right:1%; }
.slider a{display:block;text-decoration:none; text-align:center; }
.slider img{width:100%;display:inline-block!important; height:auto; }
	.slider li h3
	{ 
		 font-size:13px; color:#fff; background:#a7a7a7;padding:10px 15px; margin:0px;border-radius:20px; text-align:center; margin-top:15px;
	}
	.slider li p
	{
		font-size:14px; text-align:left; margin-top:15px; height:40px; overflow:hidden; display:none;
	}
}
.prodetail
{
	 float:left; width:100%;
}
.proheard
{
	 float:left; width:100%; text-align:center; margin-bottom:20px;
}
	.proheard a
	{
		 text-align:center;background:#3db6ee; color:#fff; border:3px solid #ccc;border-radius:26px;font-size:14px;padding:12px; padding-left:30px; padding-right:30px;
	}
.prornr
{
	 float:left; width:100%; text-align:center; margin-top:50px; margin-bottom:50px;
}
	.prornr img
	{
		max-width:100%;
	}


	/* Back to Top */
	
#back-top a {
	background: #727272;
}
#back-top a:hover {
	background: #727272;
}
/* Back to Top
================================================== */
#back-top {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: fixed;
  visibility: hidden;
  margin: 0 20px 20px 0;
  right: 0;
  bottom: -100px;
  overflow: hidden;
  z-index: 99;  width:60px;}

  #back-top a.topweix {
	    border-radius: 10%;
    display: block;
	 float:left;
    width: 60px;
    height: 60px;
    text-align: center;
    text-decoration: none; margin-bottom:8px;
    color: #fff; }
	#back-top a.topweix img
	{
		padding-top:12px; width:46px; height:41px;
	}
  #back-top a.topimg {
float:left;
    border-radius: 10%;
    width: 60px;
    height: 60px;
    text-align: center;
    text-decoration: none;
    color: #fff; }
	#back-top a.topimg img
	{
		padding-top:17px;
	}
  
  #back-top.show-totop {
    visibility: visible;
    bottom: 0px; }
  #back-top.mobile-back-top {
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    margin: 0 2px 1px 0; }