/*pages分页*/
.pagination-wrapper{
margin: 20px 0;
}
.pagination{
height: 34px;
text-align: center;
}
.pagination li {
display: inline-block;
height: 34px;
margin-right: 5px;
}
.pagination li a{
float: left;
display: block;
height: 32px;
line-height: 32px;
padding: 0 12px;
font-size: 16px;
border: 1px solid #dddddd;
color: #555555;
text-decoration: none;
}
.pagination li a:hover{
background:#f5f5f5;
color:#0099ff;
}
.pagination li.thisclass {
background: #09f;
color: #fff;
}
.pagination li.thisclass a,.pagination li.thisclass a:hover{
background: transparent;
border-color: #09f;
color: #fff;
cursor: default;
}


/*通用*/
*{
	font-family: "微软雅黑";
}
ul,li,p,h1,h2,h3,h4,h5,h6{
	padding: 0;
	margin: 0;
}
.row div{
	text-align: center;
}
@media screen and (min-width: 768px){
	.size{
		width: 1200px;
		margin: auto;
	} 
}

section{
	margin-top: 80px;
}
.active{
	/*background: rgba(0,0,0,0.1) !important;*/
	/*box-shadow: 0px 0px 16px 3px rgb(220,220,220);*/
}
.active1{/*//导航*/
	box-shadow: 0px 0px 16px 1px rgb(220,220,220);
}
/*head*/
/*新nav*/
.load{
	float: right;
}
.load button{
	width: 80px; 
	height: 40px;
	text-align: center;
	letter-spacing: 3px;
	border-radius: 5px; 
	border: none;
	line-height: 40px;
}
.load button:active{
	border: none;
}
.load button:nth-child(1){
    background: #09BB07;
}
.load button:nth-child(2){
    background: #E64340; 
}
.load a{
	display: block;
	width: 100%;
	height: 100%;
	color: #fff !important;
	text-decoration: none;
}
.nav-box{
	width: 100%;
	height: 80px;
	line-height: 80px;
	position: fixed;
	top: 0px;left: 0px;right: 0px;
	z-index: 1000;
	background: rgba(255,255,255,1);
	border-bottom: 1px solid rgb(240,240,240);
}
.nav-box .size{
	height: 100%; 
	width: 1200px;
	margin: auto;
}
.logol{ 
	margin-top: 5px;
	width: 216px;
	height: 50px;
}
.nav-s button{
	display: none;
	float: right;
	width: 3.2rem;
	height: 3.2rem;
	margin-top: 1.6rem;
	margin-right: 1rem;
	border-radius: 0.6rem;
	border: none;
	background: white;
	background-image: url(../images/indeximg/open.png) ;
	background-position: center center;
	background-size: contain;
}  
.nav-s{
	width: 240px;
	float: left;
}
.nav-l{
	height: 80px;
	float: right;
	display: block;
}
.nav-uli a{
	display: block;
}
.products{
	transition:height 0.2s linear; 
}
/*.products>span:before{
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    border-width: 4px;
    border-style: solid;
    border-color: transparent;
    border-top-color: #333;
    right: 0px;
    top: 50%;
    margin-top: -2px;
    margin-right: -12px;
}*/
.nav-l ul{
}
.nav-l ul li{
	list-style: none;
	float: right; 
	width: 100px;
	font-size: 16px;
	text-align: center;
	color: black;
	cursor: pointer;
}
.nav-l ul li:hover{ 
	/*box-shadow: 1px 1px 10px 1px rgb(200,200,200) inset;*/
    background: #f5f5f5;
	cursor: pointer;
}
.load:hover{
	box-shadow: none !important;
}
.menu{
	transition: all 0.1s linear;
	overflow: hidden;
	width: 100%;          
	height: 0px;  
	position: absolute;  
	left: 0px;
	right: 0px;
	background: white; 
} 
.menu li{  
	/*line-height: 70px !important;*/
	text-align: center;      
	width: 16% !important;
	float: left !important;
}
.menu li a,.nav-l ul li a{
	text-decoration: none;
	color: black;  
} 
.products:hover >.menu{
	height: 100px;      
	line-height: 100px;
	border: 1px solid rgb(235,235,235);	
}


@media screen and ( max-width: 768px) {
	.logol{ 
		margin-top: 0px;
		margin-left: 10px;
		width: 16rem !important; 
		height: 5rem !important; 
		position: relative;
		top: -5px;
	}
	.nav-box{ 
		height: 6rem;
	}
	.size{
		width: 100% !important;
	}
	.nav-l{
		display: none;
	}
	.nav-s{
		width: 100%;
		height: 100%;
	}
	.nav-s button{
		display: block;
	}
	.nav-l ul>li{
		height: 5rem;
		line-height: 5rem;
		border: 1px solid rgb(230,230,230);
		background: rgba(255,255,255,0.9);
	}
	.menu{
		position: relative;top: -4px;
	}
	.menu li{
		height: 4rem !important;
		line-height: 4rem !important;
		text-align: center;
		width: 100% !important;
		float: none !important
	}
	.menu li a,.nav-l ul li a{
		text-decoration: none;
	}
	.products:hover >.menu{
		height: 24rem;      
	}
	.menu li a,.nav-l ul li a{
		text-decoration: none;
		color: black;  
	}
}

/*原nav*/
/*nav{
	height: 80px;
	line-height: 80px;
	width: 100%;
	position: fixed;
	top: 0px;left: 0px;right: 0px;
	z-index: 1000;
	background: rgba(255,255,255,1);
	transition: all 0.2s linear;
	border-bottom: 1px solid rgb(240,240,240);
}
.nav{
	width: 100%;
	width: 1200px;
	margin: auto;
}
.left-logo{
	float: left;
}
#logo{
	width: 240px;
	height: 70px;
}

.right-nav{
	float: right;
}
.right-nav li{
	list-style: none;
	float: right;
	width: 100px;
	font-size: 16px;
	text-align: center;
	color: black;
}
.border{
	width: 0px;
	height: 5px;
	background: orange;
	position: relative;
	top: -10px;
	margin: auto;
	transition: width 0.3s linear;
}
.menu{
	background: white;
	height: 0px;
	overflow: hidden;
	transition: height 0.1s linear;
}
.menu li{
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-bottom: 1px solid rgb(235,235,235);
}
nav a{
	color: black !important;
	text-decoration: none !important;
}  
.products:hover .menu{ 
	height: 250px;
	border: 1px solid rgb(220,220,220);
}
.right-nav li:hover{
	box-shadow: 1px 1px 10px 1px rgb(200,200,200) inset;
	cursor: pointer;
}
.right-nav li:hover >.border{
	width: 100%;
}
.nav li a{
	display: block;
	width: 100%;
	height: 100%;
}
.load{
	margin-left: 20px;
	float: right;
}
.load button{
	width: 80px;
	height: 40px;
	text-align: center;
	letter-spacing: 3px;
	border-radius: 5px;
	border: none;
	line-height: 40px;
}
.load button:active{
	border: none;
}
.load button:nth-child(1){
    background: #09BB07;
}
.load button:nth-child(2){
    background: #E64340;
}
.load a{
	display: block;
	width: 100%;
	height: 100%;
	color: #fff !important;
}*/
/*foot*/
.footer-content{
	padding-top: 40px;
	/*height: 280px;*/
	background: rgb(83,83,83);
}
.footer-foot{
	height: 52px;
	background: rgb(69,69,69);
	color: rgb(200,200,200);
	line-height: 52px;
	font-size: 12px;
	text-align: center;
}
.footer-foot span a{
	color: rgb(200,200,200);
}
.foot-col-title{
	font-size: 16px;
	color: white;
	text-align: left;
	margin-bottom: 30px;
}
.foot-ul{ 
	list-style: none;
	padding: 0px;
}
.foot-ul li{
	text-align: left;
	height: 40px;
	/*line-height: 50px;*/
	color: rgb(200,200,200); 
	width: 50%;
	float: left;
	font-size: 14px;
	position: relative;
	top: -5px;
}
.footer-phone{
	color: dodgerblue ;
	font-size: 14px;
	height: 40px;
	text-align:left;
}
.footer-text{
	font-size: 14px;
	color: rgb(200,200,200);
	margin-top: 30px;
	text-align: left !important;
}
.contact{
	color: rgb(200,200,200);
	font-size: 14px;
	text-align: left;
	height: 40px;
}
.contact a{
	color: rgb(200,200,200);
}
.footer-ul{
	list-style: none;padding: 0;
	color: white;
	font-size: 14px;
}    
.footer-ul li{
	float: left;
	text-align: center;
	margin-right: 20px;
	height: 50px;
	line-height: 50px;
	color: rgb(200,200,200);
}
.footer-ul li a{
	color: rgb(200,200,200) !important;
}

/*侧边导航*/
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;text-decoration:none;}
body{font:12px/180% Arial, Helvetica, sans-serif ,"������";}
p{margin:0px;padding:0px;line-height:20px;}
i{margin:0px;padding:0px;font-style:normal;}
ul{margin:0px;padding:0px;list-style:none;}
ul li{margin:0px;padding:0px;list-style:none;}
a{color:#333333;text-decoration:none;}
a:hover{color:#ff5a00;text-decoration:none;}
.clear{clear:both;font-size:0px;line-height:0;height:0;}

@font-face {
	font-family: 'icomoon';
    src:url('../fonts/icomoon.eot?qradjf');
    src:url('../fonts/icomoon.eot?qradjf#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?qradjf') format('truetype'),
        url('../fonts/icomoon.woff?qradjf') format('woff'),
        url('../fonts/icomoon.svg?qradjf#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
.demo-icon{
  font-family:"icomoon";
  font-style:normal;
  font-weight:normal;
  speak:none;
  display:inline-block;
  text-decoration:inherit;
  text-align:center;
  font-variant:normal;
  text-transform:none;
  font-size:24px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:24px;
  color:#999; 
}

/*new right*/  
.cndns-right{position:fixed;right:1px;top:80%;margin-top:-100px;z-index:100}
.cndns-right-meau{position:relative;}
.cndns-right-btn{width:48px;height:48px;border:1px solid #ddd;text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#fff}
.cndns-right-btn span{color:#848484;font-size:26px;line-height:48px;}
.cndns-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#ff6800;position:absolute;left:-12px;top:-12px;}
.cndns-right-btn p{color:#ff6800;font-size:14px;line-height:18px;padding-top:5px;display:none;}
.cndns-right-meau:hover .cndns-right-btn span{display:none}
.cndns-right-meau:hover .cndns-right-btn p{display:block;}
.meau-car .cndns-right-btn {border-color:#ff6800;margin-bottom:20px;}
.meau-car.cndns-right-meau:hover .cndns-right-btn{background-color:#ff6800}
.meau-car.cndns-right-meau:hover .cndns-right-btn span{color:#fff;display:block;}
.meau-car .cndns-right-btn span{color:#ff6800;}
.meau-sev .cndns-right-btn{border-color:#ff6800;background:url(../images/zxkf.gif) no-repeat #ff6800 center;} 
.meau-sev .cndns-right-btn p{color:#fff}
.meau-sev .cndns-right-btn span{color:#fff}
.meau-top .cndns-right-btn span{font-size:12px;line-height:12px;padding-top:10px;display:block}
.meau-top .cndns-right-btn i{display:block;color:#999}
.meau-top.cndns-right-meau:hover .cndns-right-btn{background-color:#ff6800}
.meau-top.cndns-right-meau:hover .cndns-right-btn span{display:block;color:#fff} 
.meau-top.cndns-right-meau:hover .cndns-right-btn i{color:#fff;}
.cndns-right-box{position:absolute;top:-15px;right:48px;padding-right:25px;display:none;}
.cndns-right-box .box-border{border:1px solid #ccc;border-top:4px solid #ff6800;padding:20px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(../images/arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}
.cndns-right-box .box-border .sev-t span{font-size:42px;float:left;display:block;line-height:56px;margin-right:20px;color:#d3d3d3}
.cndns-right-box .box-border .sev-t p{float:left;color:#ff6800;font-size:24px;line-height:28px;}
.cndns-right-box .box-border .sev-t p i{display:block;font-size:14px;color:#aaa;}
.cndns-right-box .box-border .sev-b{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4}
.cndns-right-box .box-border .sev-b h4{color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;}
.cndns-right-box .box-border .sev-b li{float:left;width:33.33333%}
.cndns-right-box .box-border .sev-b li a{display:inline-block;color:#999;font-size:13px;padding-left:43px;background:url(../images/qq.gif) no-repeat left 3px;line-height:36px;}
.cndns-right-box .box-border .sev-b li a:hover{color:#ff6800}
.meau-sev .cndns-right-box .box-border{width:430px;}
.meau-contact .cndns-right-box .box-border{width:280px;}
.cndns-right-meau:hover .cndns-right-box{display:block}
.meau-code .cndns-right-box{top:inherit;bottom:-35px;}  
.meau-code .cndns-right-box .box-border{width:200px;text-align:center;border-top:1px solid #ccc;}
.meau-code .cndns-right-box .box-border i{display:block;color:#f66e06;font-size:16px;line-height:16px;}
.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}
.meau-sev .cndns-right-btn .demo-icon{display:none;}
.meau-sev:hover .cndns-right-btn{background:#ff6800}
.meau-zs .cndns-right-btn{background-color:#ff6800;color:#fff;margin-top:80px;border-color:#ff6800}
.meau-zs .cndns-right-btn span{color:#fff}
.meau-zs .cndns-right-btn p{color:#fff}

@media only screen and (max-width: 768px) {
	.foot-ul{
		width:100%;margin: auto;
	} 
	.foot-ul li{ 
		text-align: center;
	}  
	.footer-phone,.contact{
		text-align: center;
	}
	.footer-ul li{
		height: 3rem;
		line-height: 3rem;
	}
	.footer-foot{   
		height: auto;
		line-height: 30px;
	}
	.footer-foot span{
		display: block;
	}
}