/*首页样式.css*/
html {
font-family:sans-serif;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%
}
body {
	margin:0;
	font-size:14px;
	font-family:Microsoft Yahei;
	color:#666;
}
.mt30{
	margin-top:30px;}
a{
	text-decoration:none;
	}
*{
	margin:0px;
	padding:0px;
	}
*:link, *:visited, *:hover, *:active{
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}
.cl{
	clear:both;
	}
ul,li{
	list-style:none;}
header{
	width:100%;
	margin:0px auto;}
.top{
	width:1200px;
	height:120px;
	margin:0px auto;
	}
.logo-box{
	float: left;
	width:600px;
	height: 100px;
	padding-top:20px;
	vertical-align: middle;
	}
.top-icon{
	width:300px;
	float: right;
	padding: 30px 0px;
	line-height:25px;
	vertical-align: middle;
	}
.tubiao{
	width:60px;
	float:left;
	}
.tel{
	width:150px;
	float:left;
	font-size:20px;
	line-height:26px;
	color:#F00;
	font-family:"Times New Roman", Times, serif;
	}

/*导航开始*/

.daohang{
	width:100%;
	background:#36404b;
	height:60px;
}
.nav{
	width:1200px;
	margin:0px auto;
	}
.nav ul li{
	float:left;
	}
.nav li{
	width:130px;
	height:60px;
	line-height:60px;
	text-align:center;
	margin-right:1px;
	}
.nav li a{
	display:block;
	color:#fff;
	font-size:16px;
	}
.nav li:hover{
	background-color:#fb4848;
	}
.nav li.on{
	background-color:#fb4848;
	}
	
.index_about{
	width:1200px;
	height:auto;
	overflow:hidden;
	margin:0px auto;
	line-height:28px;
	padding-top:30px;
	}
.index_about_txt{
	width:750px;
	float:left;
	}
.index_about_txt a{
	color:#F00;
	}
.index_about_txt p{
	font-size:35px;
	line-height:65px;
	height:65px;
	color:#000;
	}
.index_about_txt span{
	font-size:16px;
	color:#999;
	}

.index_about_img{
	width:420px;
	float:left;
	margin-left:30px;
	}
.index_about_img img{
	width:420px;}
	
	
	
.index_youshi{
	width:100%;
	height:auto;
	margin:30px auto;
	padding:30px 0px;
	overflow:hidden;
	background: #FAFAFA;
	}
.index_biao{
	width:358px;
	height:54px;
	margin:0px auto;
	margin-bottom:30px;
	line-height:54px;
	background:url(../images/index_title_bj.jpg);
	text-align:center;
	color:#fff;
	font-size:24px;
	}
.index_youshi_neirong{
	width:1200px;
	margin:0px auto;
	height:auto;
	line-height:28px;
	overflow:hidden;
	}
.index_youshi_neirong_1{
	width:280px;
	height:auto;
	line-height:30px;
	overflow:hidden;
	float:left;
	margin-right:25px;
	}
.index_youshi_neirong_1:nth-child(4){margin-right:0px;}
.index_youshi_neirong_1 img{
	border:#bababa 1px dashed;
	width:270px;
	height:100px;
	padding:3px;
	}
.index_youshi_neirong_1 span{
	font-size:18px;
	font-weight:bold;
	}
	
.guanggao{
	width:100%;
	height:150px;
	margin:0px auto;
	text-align:center;
	background:url(../images/guanggao.jpg) no-repeat;
	background-size:100%;
	color:#fff;
	font-size:28px;
	line-height:150px;
	word-spacing:15px; 
	letter-spacing: 1px;
	}
	


/*----------- 从底部上升的遮罩效果 开始---------------------------*/
.content-title{
	margin-top: 50px;
	text-align: center;
}
.content{
	width:1200px;
	margin:20px auto;
	padding:5px;
}
.con:nth-child(4n+4){margin-left:0px;}/*实现4.8.12。。去除右边距离*/
.con{
	width: 285px;
	height: 238px;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	position: relative;
	cursor: pointer;
}
.con:hover{}
.con img{
	width:283px;
	height: 198px;
	border:#efefef 1px solid;
}
.txt{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 40px;
	line-height:40px;
	text-align:center;
	color: #636363;
	/*background: rgba(25,142,222,0.9);*/
	/*background: rgba(50,50,50,0.5);*/
	/*background: rgba(0,0,0,0.5);*/ /*灰色透明*/
}
.txt h3{
	font-weight:normal;
	text-align:center;
	font-size:14px;
}

.txt p{
	font-size: 14px;
	display: block;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-moz-margin-before: 1em;
	-moz-margin-after: 1em;
	-moz-margin-start: 0px;
	-moz-margin-end: 0px;
	text-align:center;
	width:150px;
	margin:0px auto;
	line-height: 40px;
	border:#fff 2px solid;
}
/*------------- 从底部上升的遮罩效果 结束 ------------------------------*/



.index_news_center{
	width:1200px;
	margin:10px auto;
	height:auto;
	overflow:hidden;
	}
.index_news_xinwen{
	width:580px;
	float:left;
	height:auto;
	line-height:28px;
	}
.index_news_xinwen_title{
	width:100%;
	font-size: 23px;
	height:50px;
	line-height:50px;
	font-family: 微软雅黑;
	color: #636363;
	}
.index_news_xinwen_title span{
	text-align:center;
	font-size:13px;
	float:right;
	width:60px;
	height:25px;
	line-height:25px;
	border:#636363 1px solid;
	margin-top:10px;
	}
.index_news_xinwen_title span a{
	color: #636363;
	display:block;
	}
.index_news_xinwen_title_img img{
	width:580px;
	margin:10px auto;
	border-radius:10px;}
.inewslist{
	line-height:30px;
	}
.inewslist ul li{
	float:left;
	}

.inewslist li:before{
    content: counter(listxh);/*listxh这个名字可以自己定义，下面的li需要调用*/
    background-color: #36404b;/*#3497DC*/
    padding: 2px 6px;
    color: #fff;
    margin-right: 5px;
    font-size: 13px;
	margin-left:5px;
}
.inewslist li{
	counter-increment:listxh;
	height:40px;
	line-height:40px;
	font-size:13px;
	color:#636363;
	border-bottom:#efefef 1px dashed;
	width:575px;
    overflow: hidden;/*超出裁剪*/
    text-overflow: ellipsis;/*点点代替超出部分*/
	}
.inewslist li a{
	font-size:13px;
	color:#424242;
    cursor:pointer;
	}
.inewslist li span{
	float:right;
	color:#636363;
	}
	
	
.index_contact{
	width:580px;
	float:left;
	height:auto;
	line-height:28px;
	margin-left:30px;
	}

.contact{
	background:url(../images/contactbj.jpg) no-repeat right top;
	
	}
/*底部开始*/

.footer{
	width:100%;
	margin:0px auto;
	background-color:#313131;
	height:auto;
	margin-top:20px;}
.footer_main{
	width:1200px;
	height:auto;
	overflow:auto;
	margin:10px auto;}
.footer_main_one{
	width:630px;
	height:auto;
	float:left;
	}
.footer_main_one li{
	float:left;
	width:630px;
	font-size:15px;
	color:#fff;
	text-align:left;
	margin-top:40px;
	border-right:#999 1px dashed;
	}
.footer_main_one li:last-child{
	border-right:none;
	}
.footer_main_one li a{
	font-size:16px;
	font-weight:bold;
	color:#fff;
	}
/*.footer_main_one ul li ul{
	border-right:#999 1px dashed;
	width:200px;
	}*/
.footer_main_one ul li ul li{
	float:left;
	width:190px;
	margin-top:20px;
	border-right:none;
	}
.footer_main_one li ul li a{
	font-size:13px;
	color:#999;
	font-weight:400;
	}
	
.footer_main_two{
	width:150px;
	height:auto;
	float:left;
	margin-top:40px;
	padding:0px 10px;
	border-right:#999 1px dashed;
	border-left:#999 1px dashed;
	}
.footer_main_three{
	text-align:right;
	width:370px;
	height:auto;
	float:left;
	margin-top:20px;
	padding:20px 10px;
	line-height:30px;
	color:#999;
	font-size:12px;
	}
.footer_main_three span{
	color: #fb4848;
	font-size: 28px;
	font-weight:550;
	}
.footer_banquan{
	background-color:#222;
	line-height:50px;
	color: #999;
	font-size: 14px;
	width:100%;
	margin:0px auto;
	text-align:center;	
	}
	
.Nmain{
	width:1200px;
	margin:0px auto;
	line-height:30px;
	height:auto;
	overflow:auto;
	margin-top:30px;
	}
.Nmain_left{
	width:300px;
	float:left;
	height:auto;
	overflow:hidden;
	}
	

#inner { margin: 0 auto; }
.hot-event { padding:190px 0 0; position: relative; }
    .hot-event .switch-tab { text-align: center; padding:5px 0; z-index:999}
        .hot-event .switch-tab a, .hot-event .switch-tab .current { margin: 0 2px; display: inline-block; width: 15px; height: 15px; background-image: url(../images/bg.png); background-position: -161px 0; font: 0/0 arial; color: transparent; overflow: hidden; vertical-align: top; }
        .hot-event .switch-tab .current { background-image: url(../images/bg.png); background-position: -195px 0; }
    .hot-event .switch-nav { position: absolute; right: 12px; top: 254px; z-index: 2; }
        .hot-event .switch-nav .i-prev { background-image: url(../images/bg.png); background-position: -127px 0; }
        .hot-event .switch-nav .prev { border-radius: 3px 0 0 3px; border-width: 1px; }
        .hot-event .switch-nav .next { border-radius: 0 3px 3px 0; border-width: 1px 1px 1px 0; }
        .hot-event .switch-nav .i-next { background-image: url(../images/bg.png); background-position: -144px 0; }
        .hot-event .switch-nav a { display: inline-block; padding: 7px 16px; background: rgba(0,0,0,.3); border-style: solid; border-color: rgba(255,255,255,.6); }
            .hot-event .switch-nav a:hover { background: rgba(0,0,0,.2); }
    .hot-event .event-item { height: 240px; width:300px; position: absolute; z-index:-1; left: 0; top: 0; }
        .hot-event .event-item .banner { display: block; }
        .hot-event .event-item img { -webkit-box-reflect: below 0 -webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(85%,transparent),to(rgba(255,255,255,.2))); border: 0; }
.hide-clip { position: absolute!important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); padding: 0!important; border: 0!important; height: 1px!important; line-height: 0!important; width: 1px!important; overflow: hidden; }
a { color: #4385a7; }
a { text-decoration: none; }
    a .ico { cursor: pointer; }
.ico { display: inline-block; width: 16px; height: 16px; vertical-align: middle; overflow: hidden; }


.Nlxwm{
	border:#efefef 1px solid;
	padding:10px;
	}
.Nlxwm p{
	border-bottom:#ccc 1px dashed;
	height:auto;
	line-height:30px;
	}
.Nmain_right{
	width:880px;
	float:left;
	margin-left:20px;
	height:auto;
	overflow:hidden;
	}
.weizhi{
	width:100%;
	height:45px;
	line-height:45px;
	background-color:#f5f5f5;
	border-radius:5px 5px 0px 0px;
	color:#636363;
	padding-left:20px;
	}
.weizhi a{color:#636363;}
.neirong{
	border:#efefef 1px solid;
	border-top:none;
	padding:10px;
	line-height:35px;
	font-size:14px;
	color:#333333;
	height:auto;
	overflow:hidden;
	}
	


.Nnews_list{
	padding-top:5px;
	border-top:none;
	}

.Nnews_list li:before{
    background-color: #03559e;/*#3497DC*/
    padding: 2px 6px;
    color: #fff;
    margin-right: 5px;
    font-size: 16px;
}
.Nnews_list li{
	background:url(../images/jiantou.gif) no-repeat left 2px top 23px;
	height:45px;
	line-height:45px;
	font-size:14px;
	color:#636363;
	border-bottom:#efefef 1px dashed;
	width:820px;
	margin-left:10px;
	padding-left:13px;
    overflow: hidden;/*超出裁剪*/
    text-overflow: ellipsis;/*点点代替超出部分*/
	}
.Nnews_list li a{
	font-size:14px;
	color:#424242;
	display:block;
	}
.Nnews_list li span{
	float:right;
	color:#636363;
	}




/*产品列表*/

.Nlist_Pro{
	
	}
.Nlist_Pro ul li{
	float:left;	
	}
.Nlist_Pro ul li{
	margin-right:13px;
	width:275px;
	height:240px;
	margin-bottom:10px;
	text-align:center;
	border:#efefef solid 1px;
	display:inline;
	overflow:hidden;
	position:relative;
	background:url(../images/bj.jpg) center no-repeat;
	}
.Nlist_Pro ul li .photo{width:275px;height:200px;overflow:hidden;}
.Nlist_Pro ul li .photo img{width:275px;height:200px;}
.Nlist_Pro .text{position:absolute; bottom:0px;overflow:hidden; background-color:#efefef; height:40px;}
.Nlist_Pro .text h3{width:310px;height:40px;line-height:40px;text-align:center; color:#666;font-size:14px;}
	
/*实现4 8.12。。去除右边距离*/
.Nlist_Pro li:nth-child(3n+3){
    margin-right: 0px;
}



/*实现放大功能*/
@-moz-keyframes piclist{
    0%{
        -moz-transform:rotate(0deg) scale(1.2);
        transform:rotate(0deg) scale(1.2);
        opacity:0.5;
    }
}
.piclist li:hover img{
    -webkit-animation-name:piclist;
    -webkit-animation-duration:1s;
    -webkit-animation-timing-function:linear;

    -moz-animation-name:piclist;
    -moz-animation-duration:1s;
    -moz-animation-timing-function:linear;

    -ms-animation-name:piclist;
    -ms-animation-duration:1s;
    -ms-animation-timing-function:linear;

    -o-animation-name:piclist;
    -o-animation-duration:1s;
    -o-animation-timing-function:linear;

    animation-name:piclist;
    animation-duration:1s;
    animation-timing-function:linear;
}




.Page{width:100%; text-align:center; padding:20px 10px;}
.Page a{display:inline-block;width:45px;background:#ffffff;height:38px; vertical-align:middle; line-height:38px; font-size:12px; border:1px solid #e5e5e5; margin-left:-1px; float:left;text-decoration:none; color:#333; outline:none;text-align:center;}
.Page a:hover{ background:#fb4848; color:#FFF;background-repeat:no-repeat; }
.Page span{display:inline-block;min-width:30px; padding:0 10px;background:#ffffff;height:38px; vertical-align:middle; line-height:38px; font-size:12px; border:1px solid #e5e5e5; margin-left:-1px;float:left;text-align:center;}
.Page span.current{ background:#0093dd; color:#FFF}

/*上下页*/
.nyrbc7{ padding:5px 0 0px 5px; text-align:left;}
.nyrbc7 ul{ line-height:25px;}
.nyrbc7 ul li{ margin-bottom:5px; color:#999999;}
.nyrbc7 ul li a:link{font-size:15px;color: #636363;text-decoration: none;}
.nyrbc7 ul li a:visited{font-size:15px;color:#636363;text-decoration: none;}
.nyrbc7 ul li a:hover{font-size:15px;color: #03559e;text-decoration:none;}
.nyrbc7 ul li span{ background-color:#7F7F7F; padding-left:5px; padding-right:5px;text-align:center;color:#FFFFFF; margin-right:5px;}
