.w1400 {width: 1400px; margin: 0 auto;}
.topnav {width: 100%; height: 30px; height: 30px; line-height: 30px; background: #666; color: #fff; text-align: right; position: relative; }
.topnav li{float: right; margin-right: 10px;}
.top {width: 100%; padding: 30px 0; height: 100px; color:#8b8b8b;}
.top dt {width: 33.33%; float: left;}
.top dt li{margin-bottom: 5px;}
.top dt span {border-bottom: 1px #e1e1e1 solid; width: 240px; float: right;}
.logo img{height: 80px;}
.search {height: 40px; line-height: 40px; width: 195px;}
.search-btn {width:40px; height: 40px; line-height: 40px; background: url(../images/search.png) top right no-repeat; background-position: 10px 15px; background-size: 35%;}
.nav {width: 100%; height: 50px; line-height: 50px; background: #fff; box-shadow:  0px 2px 2px rgb(178 178 178 / 12%);}
.nav>ul>li{
				list-style: none;
				width: 150px;
				height: 50px;
				float: left;
			}
			.nav>ul>li>a{
				text-decoration: none;
				display: block;
				width: 150px;
				height: 50px;
				line-height: 50px;
				text-align: center;
				color:#333;
				font-size: 16px;
			}
			.nav>ul>li>a:hover{
				color: #c3949f;
			}
			/*二级菜单样式*/
			.nav>ul>li>ul{
				position: relative;
				background: #fff;
				display: none;
				width: 500px;
				height: 200px;
				padding: 20px;
				box-shadow:  0px 2px 3px rgb(178 178 178 / 12%);
				border:1px #e1e1e1 solid;
				border-top: none;
				left:40px;
				z-index: 99999;
			}
			.nav>ul>li:hover>ul{
				display: block;
			}
			.nav>ul>li>ul>li{
				width: 250px;
				height: 40px;
				float: left;
				list-style: none;
			}
			.nav>ul>li>ul>li.sj{
				background:url(../images/sj.png) top right no-repeat;
				background-size: 5%;
				background-position: 200px 12px;
			}
			.nav>ul>li>ul>li>a{
				display: block;
				text-decoration: none;
				text-align: left;
				width: 100%;
				height: 40px;
				line-height: 40px;
				color: #333;
			}
			/*三级菜单样式*/
			.nav>ul>li>ul>li>ul{
				position: relative;
				background-color: #fff;
				display: none;
				width: 500px;
				height: 120px;
				padding: 20px;
				box-shadow:  0px 2px 3px rgb(178 178 178 / 12%);
				border:1px #e1e1e1 solid;
				border-top: none;
				top:-35px;
				left:110px;
				z-index: 999999;
			}
			.nav>ul>li>ul>li>a:hover{
				color: #c3949f;
			}
			.nav>ul>li>ul>li:hover>ul{
				display: block;
			}
			.nav>ul>li>ul>li>ul>li{
				position: relative;
				width: 250px;
				height: 40px;
				float: left;
				list-style: none;
			}
			.nav>ul>li>ul>li>ul>li>a{
				display: block;
				text-decoration: none;
				text-align: left;
				width: 100%;
				height: 40px;
				line-height: 40px;
				color: #333;
			}
			.nav>ul>li>ul>li>ul>li>a:hover{
				color: #c3949f;
			}	
.banner {width: 100%; float: left; height:550px; margin-top: 20px;}
/* 本例子css */
.slideBox{ width:100%; height:550px; overflow:hidden; position:relative; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.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:#333; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:550px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.about {width: 100%; height: 270px; float: left; margin-top: 20px;}
.about img {max-width: 100%; }
.about div.a {width: 390px; float: left; text-align: center;}
.about div.b {width: 600px; float: left; margin: 0 10px;}
.about div.c {width: 390px; float: left; text-align: center;}

.product {width: 100%; float: left; margin-top: 20px;}
/* 本例子css */
.picScroll-left{ overflow:hidden; position:relative;}
.picScroll-left .hd{ overflow:hidden;  height:70px; padding-bottom: 5px; box-shadow: 0 10px 8px -10px rgb(0 0 0 / 12%)}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
	 cursor:pointer; background:url("../images/arrow.png") 0 0 no-repeat;}
.picScroll-left .hd span{ margin: 40px 10px 0 0; float: right;}
.picScroll-left .hd .next{ background-position:0 -50px;  }
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{ padding-top:20px;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:330px; height:330px; display:block; border-bottom: 1px #e1e1e1 solid;}
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px; text-align: left;  }
#YIQI-UI .picScroll-left .bd ul li .title a{ color: #333;  }
.picScroll-left .hd .pageState2 {float: left; margin-top: 0px;}

.ad {width: 100%; float: left; margin: 5px 0;}
.ad li {width: 50%; float: left; text-align: center;}
.ad li img {max-width: 100%; }

.product2 {width: 100%; float: left; margin-top: 20px; height: 350px; float: left;}
/* 本例子css */
.picScroll-left2{ position:relative; width: 100%; }
.picScroll-left2 .hd{}

.picScroll-left2 .prev{ display:block;  width:50px; height:50px; float:right; overflow:hidden;
	 cursor:pointer; position: absolute; left:0px; top:50%; z-index: 99999;}
.picScroll-left2 .next{ display:block;  width:50px; height:50px; float:right; overflow:hidden;
	 cursor:pointer; position: absolute; right: 0px; top:50%; z-index: 99999; text-align: right;}

.picScroll-left2 .prev img,.picScroll-left2 .next img {width: 70%;}


.picScroll-left2 .hd .next{ background-position:0 -50px;  }
.picScroll-left2 .hd .prevStop{ background-position:-60px 0; }
.picScroll-left2 .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left2 .hd ul{ float:left; overflow:hidden; zoom:1;  position: absolute; z-index: 99999; top:350px; left:48%; }
.picScroll-left2 .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left2 .hd ul li.on{ background-position:0 0; }


.picScroll-left2 .bd{ padding-top:20px;   }
.picScroll-left2 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left2 .bd ul li{ width:25%; height: 260px; float:left; _display:inline; overflow:hidden; text-align:center;  vertical-align:middle;}
.picScroll-left2 .bd ul li .pic{ text-align:center; }
.picScroll-left2 .bd ul li .pic img{ max-width:78%; }
.picScroll-left2 .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left2 .bd ul li .title{ line-height:24px; text-align: left;  }
#YIQI-UI .picScroll-left2 .bd ul li .title a{ color: #333;  }
.picScroll-left2 .hd .pageState2 {float: left; margin-top: 0px;}



.dy {width: 800px; margin: 0 auto;}
.email {width: 100%; padding: 15px 0; background:#f6f6f6; float: left; margin: 15px 0;}
.dingyue {width:300px; border-bottom: 1px #ddd solid;}
.dingyue input {height: 40px; background: none; width: 230px;}
.footer {width: 100%; height: 360px; float: left; padding: 20px 0;}
.footer dl {width: 18.9%; float: left; border-right: 1px #ddd solid; height: 320px; padding: 20px 3%;}
.footer dl.on {border-right:none;}
.footer dl dt {font-size: 16px;  font-weight: 600; color:#333; padding-bottom: 10px;}
.footer dl li {width: 50%; float: left; line-height: 30px;}
#YIQI-UI .footer dl li a {color: #666;}

.footer2 {width: 100%; height: 40px; line-height: 40px; background: #666; color: #fff;}



.downnav {position: relative; width: 100px; padding: 0 10px; text-align: left; position: relative;}
#YIQI-UI .downnav a {color: #dcdcdc;}
.downnav2 { height: 30px; background: #fff; border-radius: 10px 10px 0 0; }
#YIQI-UI .downnav2 a {color: #333;}
.downnav img {width: 25px;}
.downnavlist {display: none; position: absolute; z-index: 99999; right: 0px; top: 30px; background: #fff; border-radius: 0 0 10px 10px; color: #333; text-align: left; height:170px; width: 100px; padding: 0 10px; box-shadow:  0px 2px 3px rgb(0 0 0 / 12%);}

.newslist {width: 100%;}
.newslist li {width: 46%; float: left; height: 100px; box-shadow:  0px 2px 3px rgb(0 0 0 / 12%); padding:20px 2%; margin-bottom: 10px;}
#YIQI-UI .newslist li a {color: #333;}


.productlist {width: 100%;}
.productlist li {width: 23%; float: left; text-align: center; margin: 10px 1%;}
.productlist li img {width: 300px; height: 300px; border-bottom: 1px #ddd solid;}
#YIQI-UI .productlist li a {color: #333;}

.prleft {width: 500px; float: left;}
.prright {width: 650px; float: right;}
.prview {width: 100%; height: 40px; border-bottom: 1px #e1e1e1 solid;}
.prview span {padding: 10px 30px; border:1px #e1e1e1 solid; border-bottom: none; float: left; margin-left: 50px; margin-top: 0px; background: #fff;}