/* PC必备 */
html,body{
    padding:0;
    margin:0;
    min-width: 1300px;
    background-color: #FFF;
}
ul li{
    list-style: none;
}
/*包含以下五种的链接*/
a {
	text-decoration: none;color:black;
}
/*正常的未被访问过的链接*/
a:link {
	text-decoration: none;
}
/*已经访问过的链接*/
a:visited {
	text-decoration: none;
}
/*鼠标划过(停留)的链接*/
a:hover {
	text-decoration: none;
}
/* 正在点击的链接，鼠标在元素上按下还没有松开*/
a:active {
	text-decoration: none;
}
/* 获得焦点的时候 鼠标松开时显示的颜色*/
a:focus {
	text-decoration: none;
}
.clear{
    width: 100%;
    height:30px;
    clear: both;
}
/* 正题开始 */
.index_top{
    width:100%;
	max-width: 1200px;
	margin:0 auto;
}
.index_top img{
    width: 100%;
}
.index_nav_top{
    width: 100%;
    height:45px;
    line-height: 45px;
    color: white;
    background-color: #555555;
}
.index_nav_top .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.index_nav_top .nav{  position:relative; z-index:1;width: 905px;margin: 0 auto;  }
.index_nav_top .nav a{ color:#fff;  }
.index_nav_top .nav .nLi{ float:left;  position:relative; display:inline;width:150px;text-align: center;  }
.index_nav_top .nav .fg{ float:left;  position:relative; display:inline;width:1px;text-align: center;line-height: 45px;  }
.index_nav_top .nav .sub{ display:none; width:150px; left:1px; /*top:34px;*/  position:absolute; background:#303030;  line-height:26px; padding:5px 0;  }
.index_nav_top .nav .sub li{ zoom:1; line-height:45px;}
.index_nav_top .nav .sub a{ display:block; padding:0 10px; }
.index_nav_top .nav .sub a:hover{ background:#6d6d6d; color:#fff;  }
.index_nav_top .nav .nLi:hover {background-color:#303030}


.banner{
	width: 100%;/*height: 500px;*/
}
.banner img{
	width:100%;/*height:100%;*/
}
/* 本例子css */
.slideBox{ /*width:450px; height:230px; */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; 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; /*height:100%;*/ z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle;list-style: none; }
/* .slideBox .bd li a{height:0} */
/* .slideBox .bd img{ width:450px; height:230px; display:block;  } */
.slideBox .bd img{vertical-align: bottom }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.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;  }
.content{
    width:80%;
    margin:0 auto;
}
.aboutus{
    /* width:80%; */
    width:1200px;
    margin:0 auto;
}
.aboutus .lb{
    width:50%;
    float:left;
}
.aboutus .desc{
    position: relative;
    padding:20px;
    width:1000px;
	margin:0 auto;
    letter-spacing: 2px;
    line-height: 35px;
}
.aboutus .desc .ckxq{
    width:150px;background-color:red;color:white;height:30px;line-height: 30px;text-align: center;margin: 20px;margin-left:60%;
}
.gssl{
    width:80%;margin:0 auto;height:600px;
}
.gssl .kk{
    width:24%;
    max-width: 300px;
    height:100%;
    margin-left:0.5%;
    margin-right:0.5%;
    float:left;
}
.gssl .kk .texttitle{
    letter-spacing: 5px;width:100%;border-bottom: 1px solid black;line-height: 20px;height:35px;font-size: 20px;text-align: left;font-weight: 600;
}
.gssl .kk .zhanshi{
    width:100%;margin-top:20px;
}

.engText{
    width:100%;
    margin:0 auto;
    letter-spacing:20px;
    text-align: center;
    color: grey;
}
.redTitle{
    width: 100%;
    margin:0 auto;
    text-align: center;
    color:red;
    font-weight: 500;
    letter-spacing:5px;
}
.pubTitle{
	width: 100%;
	margin:0 auto;
	text-align: center;
	color:black;
	font-weight: 500;
	letter-spacing:10px;
}
.productDesc{
    width: 100%;
    margin:0 auto;
    text-align: center;
    letter-spacing:10px;
    font-weight: 400;
    font-size: 13px;
}
.banyuan_w{
    width:800px;
    margin:0 auto;
    height:400px;
    border-top:2.5px dashed black;
    border-radius: 800px 800px 0px 0px;
}
.banyuan_n{
    width:780px;
    margin:5px auto;
    height:390px;
    border-radius: 780px 780px 0px 0px;
    background:url(../images/index-1.jpg);
    background-size: 100% 100%;
}
.cpys{
    width: 800px;
    margin: 0 auto;
    height:150px;
}
.cpsl{
    width:800px;
    height:400px;
    margin: 0 auto;
}
.cpsl .block{
    width:50%;
    float:left;
    height:100%;
    margin-top:15px;
}
.products{
    width:1400px;margin:0 auto;  
}
.product_nav{
    width:100%;
    height: auto;
    padding:0;
}
.product_nav .type{
    width:120px;
    height:40px;
    margin:50px 15px;
    background-color: grey;
    color:white;
    float:left;
    border-radius: 25px;
    line-height: 40px;  
    font-size: 15px;
    text-align: center;
}
.product_nav .type:hover{
    background-color: red;
}
.product_nav .on{
    background-color: red!important;
}
.footer{
    width:100%;
    /* height:200px; */
    background-color: #313131;
    color:white;
}
.bottom_nav{
    width:142px;float: left;text-align: center;color: white;
    height:30px;line-height: 30px;
}
.fg{
    width:1px;float: left;text-align: center;color: white;
    height:30px;line-height: 30px;
}
/*page*/
.pagination-wrapper {
	margin: 40px 0;
}
.pagination {
	height: 34px;
	text-align: center;
}
.pagination li {
	/* display: inline-block; */
	float:left;
	height: 34px; padding: 0 12px;
	line-height: 32px;font-size: 12px;border: 1px solid #dddddd;
	margin-right: 5px;
}
.pagination li a {
	/* float: left; */
	display: block;
	height: 32px;
	color: #555555;
	text-decoration: none;
}
.pagination li a:hover {
	background: #f5f5f5;
	color: #0099ff;
}
.pagination li.thisclass {
	background: #f76f0c;
	color: #fff;
}
.pagination li.thisclass a, .pagination li.thisclass a:hover {
	background: transparent;
	border-color: #f76f0c;
	color: #fff;
	cursor: default;
}