﻿html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	font-family:"微软雅黑";
	color:#333;
	font-size:14px;
	line-height:28px;
}
ol, ul {
	list-style: none;
}
p{
	font-family:"微软雅黑";
	color: #666666;
	font-size:14px;
	line-height:28px;
}
li{
	font-family:"微软雅黑";
}
a{	
	color:#a2a2a2;
	text-decoration:none;
}
a:hover{
	color: #0463CD;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*------start------*/
.mainbox{
	width: 100%;
	height: auto;
	/*-background:url(../images/bans.jpg) center no-repeat;*/
	background:#CCC;
}
/* header  start */

.header_top{
	width: 100%;
	height: 5px;
	background: #0463CD;
}
.header_box{
	width: 80%px;
	height: auto;
	margin: auto;
	padding-top: 10px;
}

.header_top{
	width:100%;
	height:38px;
	margin:0 auto;
	background:#333;
}


.header_top_c{
	width:80%px;
	height:auto;
	padding-top:6px;
	margin:0 auto;
}
.header_top_l{
	width:30%;
	height:auto;
	color:#FFF;
	float:left;
}

.header_top_r{
	width:30%;
	height:auto;
	float:right;
	color:#23b15b;
}

.logo{
	width:20%;
	height: auto;
	float: left;
}
/* nav  start */



.fullSlide {width:1920px;position:relative; margin:0 auto;height:auto; background:#FFF;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden; }
.fullSlide .bd ul {	width:100% !important;}
.fullSlide .bd li {width:100% !important;height:681;overflow:hidden;text-align:center;background-position:center top ;}
.fullSlide .bd li a {display:block;height:681; }
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {border-radius:10px;cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#fff;filter:alpha(opacity=80);opacity:0.8;line-height:999px;}
.fullSlide .hd ul .on {background:#e0121c;filter:alpha(opacity=100);opacity:1;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;width:73px; height:73px;}
.fullSlide .prev{background:url(../images/left1s.png) no-repeat;}
.fullSlide .next {left:auto;right:5%;background:url(../images/right1s.png) no-repeat;}


.cur{

	height: 41px;
	display: block;
	color: #0463CD;
	border-bottom: 4px solid#0463CD;
}
/* nav  end */
/* banner  end */



/* main  start*/
.box{
	width: 100%;
	height: auto;
	float: left;
}
/* 欢迎访问部分   start */
.box_top{
	width: 100%;
	height:35px;
	background: url(../images/hy_bg.png) no-repeat;
	border-bottom: 1px solid#f1f1f1;
}
.tt{
	width:650px;
	margin: auto;
	font-size: 15px;
	color: #333;
	-webkit-animation: dong 15s infinite linear;/*谷歌，safari*/
	-moz-animation: dong 15s infinite linear;/*火狐*/
	-ms-animation: dong 15s infinite linear;/*IE*/
	text-align:right;
}
@-webkit-keyframes  dong{
	from{ margin-right:230px;}
	to{ margin-right:1000px;}
	}
@-moz-keyframes dong{
	from{ margin-right:230px;}
	to{ margin-right:1000px;}
	}
@-ms-keyframes dong{
	from{ margin-right:230px;}
	to{ margin-right:1000px;}
	}
	
/* 欢迎访问部分   end */

/* box1  start */
.box1{
	width: 80%px;
	margin: auto;
}
/* about  start*/
.about{
	width: 35%;
	height: auto;
	float: left;
}
.about_title{
	width: 100%;
	height: auto;
}
.about_t{
	width: 100%;
	height: auto;
}
.about_t_left{
	width: 25%;
	float: left;
}
.about_t_right{
	width: 65%;
	float: right;
	max-height: 148px;
	overflow: hidden;
}
/* product  start */
.product{
	width: 65%;
	height: auto;
	float: right;
}
.product_title{
	width: 100%;
	height: auto;
}
.show{
	width: 95%;
	float: left;
	padding: 10px 0 0 22px;
}
.show-pic{
	width: 152px;
	height: 108px;
	float: right;
	text-align: center;
	padding:0px 5px 40px 10px;
}
/* box1  end */


/* box2  start */
.box2{
	width: 100%;
	height: auto;
	float: left;
	background: #f6f6f6;
	padding-bottom: 15px;
}
.content{
	width: 80%px;
	height: auto;
	margin: auto;
	padding-top: 15px;
}
/* video  start*/
.video{
	width: 32%;
	height: auto;
	float: left;
}
.video_title{
	width: 100%;
	height: auto;
}
.video_t{
	width: 94%;
	height: auto;
	margin-top: 5px;
	float: right;
}
/* contact  start */
.contact{
	width: 32%;
	height: auto;
	float: right;
}
.contact_title{
	width: 100%;
	height: auto;
}
.contact_t{
	width: 83%;
	height:112px;
	overflow: hidden;
	float: right;
}
.contact_icon{
	width: 83%;
	height: auto;
	float: right;
	padding-top: 25px;
}
.contact_icon a{
	color: #0463CD;
}
.contact_icon a:hover{
	color: #D8952A;
}
/* news  start */
.news{
	width: 32%;
	float:left;
}
.news_title{
	width: 100%;
	height: auto;
}
.news_t{
	width: 85%;
	margin: auto;
	max-height: 125px;
	overflow: hidden;
	float: right;
}
.news_t li{
	width: 95%;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	border-bottom: 1px dotted#d6d6d6;
}
.news_t li span{
	float: right;
	color: #0463CD;			
}
.news_icon{
	width: 83%;
	height: auto;
	float: right;
	padding-top: 15px;
}
.news_icon a{
	color: #0463CD;
}
.news_icon a:hover{
	color: #D8952A;
}
/* main  end */


/* bottom  start  */
.bottom{
	width: 100%;
	height: auto;
	padding-top:25px;
	float: left;
	margin-top:25px;
}
.bottom_top{
	width: 100%;
	height:5px;
}
.bottom_down{
	width: 100%;
	float: left;
	background:#ccc;
}
.bottom_t{
	width: 80%px;
	margin:auto;
	text-align: center;
	padding: 20px 0 20px 0;
}
.bottom_t p{
	color: #5f5f5f;
	font-size:13px;
	line-height:20px;
}
.bottom_t a{
	color: #585757;
}
.bottom_t a:hover{
	color: #007af3;
}




/*内容页详情 */
/*内容页详情*/
/*内容页详情*/
/*内容页详情*/
/*内容页详情*/
.box_content{
	width: 85%;
	height: auto;
	margin: auto;
	margin-top: 25px;

}
/* 左侧      start */
.content_left{
	width: 20%;
	height: auto;
	float: left;
	border: 1px solid #F1F1F1;
}
.title{
	width: 100%;
	height:auto;
	text-align:center;
	font-size:18px;
	color:#FFF;
}





.content_tt{
	width: 100%;
	height: auto;
	text-align: center;
	padding-top:15px;
	padding-bottom: 2px;
}


.content_tt ul{
	width: 100%;
	height: auto;
	margin:0 auto;
}

.content_tt li{
	width:98%;
	height: 35px;
	text-align:center;
	line-height: 30px;
	margin:0 auto;
	border-bottom: 1px dotted#D6D6D6;
}

.content_tt li a{
	width:100%;
	height: 35px;
	font-size:15px;
	display:block;
	line-height:35px;
	color:#666;
	background:url(../images/d2.png) left no-repeat;
}


.content_tt li a:hover{
	width: 100%;
	height: 35px;
	color:#FFF;
	background:#227bbf;
	text-decoration:none;
}
.content_tel{
	width: 100%;
	float: left;
	margin-top: 30px;
}

/* 右侧     start */
.content_right{
	width: 77%;
	float: right;
	border: 1px solid#F1F1F1;
	margin-bottom:20px;
}
.right_title{
	width: 100%;
	height: 67px;
	border-bottom: 1px solid#F1F1F1;
}
.right_title p{
	color: #000;
	font-size:20px;
	float:left;
	padding: 18px 0 15px 55px;
	background:url(../images/dd.png) no-repeat left;
}


.right_title span{
	color:#999;
	font-size:13px;
	float:right;
	padding: 18px 15px 15px 18px;
}
.right_tt{
	width: 98%;
	height: auto;
	float: left;
	padding-left: 10px;
	padding-top:25px;
}

.right_tts{
	width: 98%;
	height: auto;
	float: left;
	overflow: hidden;
	padding-left: 10px;
}


.pro_ccs{
	width:100%;
	height:auto;
}


.pro_ccs ul{
	width:90%;
	height:auto;
	margin:0 auto;
}

.pro_ccs ul li{
	width:100%;
	height:190px;
}


.pro_ccs ul li img{
	width:213px;
	height:181px;
	float:left;
	background:#063;
}

.pro_ccs ul li p{
	width:500px;
	height:181px;
	float:right;
	background:#CCC;
}


.pro_ccs ul li p span{
	width:500px;
	height:40px;
	display:block;
	font-size:25px;
	color:#000;
	text-align:left;
}


.pro_ccs ul li p span .more{
	width:115px;
	height:30px;
	font-size:15px;
	color:#FFF
	background:#00C;
	float:right;
}




.consbox{
	width:80%px;
	height:auto;
	padding-top:25px;
	margin:0 auto;
}

.cons_a{
	width:30%;
	height:auto;
	float:left;

}


.cons_b{
	width:31%;
	height:auto;
	margin-left:4%;
	float:left;
}


.cons_c{
	width:32%;
	height:auto;
	float:right;
}


.lmbt{
	width:100%;
	height:35px;
	font-size:15px;
	font-weight:600;
	color:#080808;
}


.lmbt span{
	width:18%;
	padding-left:10px;

}


.lmbt span a{
	font-size:16px;
	color:#999999;
	font-weight:600;
	font-family: Arial, Helvetica, sans-serif;
}


.lmbt span a:hover{
	font-size:16px;
	color:#007bc4;
}


.news_in{
	width:100%;
	height:auto;
}

.news_in ul{
	width:100%;
	height:auto;
	padding-top:10px;
}

.news_in ul li{
	width:100%;
	height:35px;
	border-bottom:1px dotted #eeeeee;
	
}


.news_in ul li a{
	color:#6a6a6a;
	
}

.news_in ul li a:hover{
	color:#0076c0;
	
}

.news_in ul li span{
	float:right;
	color:#CCC;
}

.cont_lx{
	width:100%;
	padding-top:10px;
}

.cont_lx p{
	width:100%;
	text-align:left;
}

.cont_lx img{
	width:171px;
	height:128px;
	padding-top:10px;
	float: right;
}


.hz{
   width:100%;
   height:28px;
   margin-top:25px;
   text-align:center;
   font-size:16px;
   color:#666666;
   background:url(../images/tt_03.png) no-repeat center;
   }


.bannr_ly1{
	width:100%;
	height:245px;
	margin:0 auto;
	background:url(../images/ly1.png) no-repeat center;
}


.bannr_ly2{
	width:100%;
	height:245px;
	margin:0 auto;
	background:url(../images/ly2.png) no-repeat center;
}


.bannr_ly3{
	width:100%;
	height:245px;
	margin:0 auto;
	background:url(../images/ly3.png) no-repeat center;
}


.bannr_ly4{
	width:100%;
	height:245px;
	margin:0 auto;
	background:url(../images/ly4.png) no-repeat center;
}


.bannr_ly5{
	width:100%;
	height:245px;
	margin:0 auto;
	background:url(../images/ly5.png) no-repeat center;
}

.bannr_ly6{
	width:100%;
	height:245px;
	margin:0 auto;
	background:url(../images/ly6.png) no-repeat center;
}

.bottom_c{
	width:85%;
	height:auto;
	margin:0 auto;

}

.bottom_bq{
	width:100%;
	height:44px;
	margin-top:28px;
	color:#CCC;
	text-align:center;
}


.bottom_aa{
	width:20%;
	height:auto;
	float:left;
}

.bottom_aa ul{
	width:100%;
	height:auto;
}


.bottom_aa ul li{
	width:100%;
	height:23px;
	font-size:13px;
}

.bottom_aa ul li a{
	color:#9e9e9e;
}

.bottom_aa ul li a:hover{
	color:#0075bf;
}


.bottom_aa ul p{
	height:45px;
	color:#9e9e9e;
	font-size:15px;
	font-weight:700;
}




.bottom_bb p{
	height:45px;
	color:#9e9e9e;
	font-size:14px;
	font-weight:700;
}

.bottom_bb{
	width:50%;
	height:auto;
	font-size:13px;
	color:#9e9e9e;
	line-height:20px;
	float:right;
}

.bottom_bb{
	width:31%;
	height:auto;
	font-size:13px;
	color:#9e9e9e;
	line-height:20px;
	float:left;
}

.bottom_cc{
	width:15%;
	height:auto;
	float:right;
}


.con_1{
	width:97%;
	height:135px;
	padding:3%;
	background:#707070;
}

.con_2{
	width:97%;
	height:135px;
	padding:3%;
	background:#eeeeee;
}


.con_1 p{
	width:53%;
	float:right;
	color:#FFF;
}


.con_1 span{
	width:50px;
	text-align:right;
	font-size:12px;
	
}

.con_1 span a{
	color:#FFF;
}

.con_1 span a:hover{
	color:#0075bf;
}


.con_2 p{
	width:53%;
	float:right;
	color:#383838;
}


.con_2 span a{
	color:#0075bf;
	font-size:12px;
}

.con_2 span a:hover{
	color:#C00;
}





