body {margin:0px auto; font-size:12px; line-height:24px; color:#50504f; font-family: "微软雅黑";text-align:center;    min-width: 1200px;}
* {margin:0px; padding:0px;font-size:14px;}

a {margin:0px; border:0px;}
.left {float:left}
.right { float:right;}
.clear { clear:both;}
a:link { text-decoration:none;}/*link*/
a:visited { text-decoration:none;}
a:hover {  text-decoration:none;}
a:active { text-decoration:none;}
img{ border:none}
font{color:#333333;}

.position { height:32px; line-height:32px; float:right; background:url(position.gif) left center no-repeat;}
.position a{ color:#333;}
.ye {width:100%; height:30px; line-height:30px; float:right;margin-top:30px; text-align:right;}
/*bq*/
.bq {width:253px; height:35px; line-height:35px; background:url(lcw.png) center center no-repeat; border:1px solid #dcdcdc;}
.bq1 {width:255px; height:25px; line-height:25px; background:url(s-bq.jpg) left center no-repeat;}
.s1 {font-weight:bold; font-size:13px;  color:#000000; }
.s11 {font-size:14px; color:#000000; float:left }
.s2 {font-size:14px; text-transform:uppercase; color:#fe5912; font-family:Arial, Helvetica, sans-serif;}
.more { width:47px; height:11px; margin-top:8px; margin-right:6px; float:right;}

/*top*/

*{
	padding: 0;
	margin: 0;
	text-decoration: none;
	list-style: none;
	box-sizing: border-box;
}
.containers{
     width: 100%;	
     float: left;
}
.top{
	width: 100%;
	height: 110px;
}
.inner{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	
}
.inner .left{
	height: 90%;
	float: left;
	padding-top: 13px;
}

.inner .right{
	float: right;
	height: 70%;
	line-height: 9.5;
	margin-top: 30px;
	margin-left: 100px;
	position: relative;
}
.inner input.text{
	width: 320px;
	height: 39px;
	border: 1px solid #999999;
	padding-left: 10px;
	float: left;
	line-height: 40px;
	font-size: 14px;
	color: #333333;
}
.inner input.button{
	width: 51px;
	height: 42px;
	color: #074da5;
	background: #074da5;
	margin-left: -6px;
	margin-top:-2px ;
	border: none;
	position: absolute;
	right: 0;
	background: url(../imgs/so.jpg) no-repeat center center;
}
/*menu*/



.nav{
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #064da5;
	position:relative
}
.nav ul{
position:absolute;
left:50%;
margin-left:-600px;
	width: 1200px;
	overflow: hidden;
    height: 100%;
}
.nav ul li{
	float: left;
    text-align: center;
    width: 148px;
    height: 100%;
    margin-left: 1px;
}
.nav ul li a{
	display: inline-block;
    width: 148px;
    height: 20px;
    line-height: 20px;
	margin-top: 17px;
    font-size: 16px;
    color: #fff;
    border-right: 1px solid #fff;
}
.nav ul li a:hover{
    height: 50px;
	line-height: 50px;
	/*background:#072952;*/
	background:#053c7f;
	margin-top:0;
	border-right: none;
}
.main{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
/*floor1*/
#container {
		width: 100%;
		height: 500px;
		overflow: hidden;
}
.sections,.section {
	height:100%;
}
#container,.sections {
	position: relative;
}
.section {
	background-color: #000;
	background-size: cover;
	background-position: 50% 50%;
	text-align: center;
	color: white;
}
#section0 {
	background: url('../imgs/banner1.jpg') no-repeat;
}
#section1 {
	background: url('../imgs/banner2.jpg') no-repeat;
}
#section2 {
	background: url('../imgs/banner3.jpg') no-repeat;
}
#section3 {
	background: url('../imgs/banner4.jpg') no-repeat;
}
/* 大轮播图 */
.pages li{ float:left; list-style-type:none;width:10px;height:10px;border-radius:10px;background-color:white}
.pages li:hover{box-shadow:0 0 5px 2px white}
.pages li.active{background-color:#c00;box-shadow:0 0 5px 2px #064da5}
.pages{position:absolute;z-index:999}
.pages.horizontal{left:50%;transform:translateX(-50%);bottom:25px}
.pages.horizontal li{display:inline-block;margin-right:15px}
.pages.horizontal li:last-child{margin-right:0}
.pages.vertical{right:5px;top:50%;transform:translateY(-50%)}
.pages.vertical li{margin-bottom:10px}
.pages.vertical li:last-child{margin-bottom:0}

/*floor2*/
.floor2{
	width: 1200px;
	height: 370px;
	margin: 60px auto;
	overflow: hidden;
}
.floor2 .one{
	border-top: 10px solid #f29907;
	width: 509px;
	height: 370px;
	float: left;
	background-color: #eeeeee;
}
.floor2 .one .text{
	margin: 28px 25px 0 25px;
	width: 459px;
	height: 40px;
	text-align: left;
	color: #000;
	font-family: "微软雅黑";
	font-weight: bold;
	font-size: 20px;
}
.floor2 .one img{
	display: block;
	margin: 25px;
	width: 459px;
	height: 244px;
}
.floor2 .two{
	border-top: 10px solid #064da5;
	width: 685px;
	height: 370px;
	float: left;
}
.floor2 .two .text{
	margin: 28px 28px 0 28px;
	width: 629px;
	height: 40px;
	text-align: left;
	color: #000;
	font-family: "微软雅黑";
	font-weight: bold;
	font-size: 20px;
}
.floor2 .two .wen{
	margin: 28px 28px 0 28px;
	width: 629px;
	line-height: 20px;
	text-align: left;
	color: #000;
	font-family: "微软雅黑";
	font-size: 14px;
}
.floor2 .two .kuai{
    width:25%;
	height: 150px;
	margin-top:50px;
	float:left;
}
.floor2 .two .kuai img{
    width:75px;
	height: 75px;
	text-align:center;
}
.floor2 .two .kuai p{
	height: 50px;
	line-height:50px;
	text-align:center;
	font-size:16px;
	color:#333333;
	font-family: "微软雅黑";
	cursor: pointer;
}

/*floor2n*/
.floor2n{
	width: 1200px;
	margin: 60px auto;
	overflow: hidden;
}
.floor2n .one{
	border: 5px dashed #064da5;
	width: 48%;
	float: left;
}
.floor2n .one .text{
	margin: 28px 25px 0 25px;
	height: 40px;
	text-align: center;
	color: #000;
	font-family: "微软雅黑";
	font-weight: bold;
	font-size: 20px;
}

.floor2n .one .on1{
	margin: 3% 10%;
}
.floor2n .one .on1 .tiao{
	height: 45px;
	line-height: 45px;
}
.floor2n .one .on1 .tiao span{
	float: left;
	color: #333;
}
.floor2n .one .on1 .tiao p{
	float: right;
	color: #333;
}
.floor2n .one .on1 .tiao span a, .floor2n .one .on1 .tiao p a{
	color: #333;
	font-size: 14px;
	font-family: "微软雅黑";
}

.floor2n .two{
	border: 5px dashed #f29907;
	width: 48%;
	float: right;
}
.floor2n .two .text{
	margin: 28px 25px 0 25px;
	height: 40px;
	text-align: center;
	color: #000;
	font-family: "微软雅黑";
	font-weight: bold;
	font-size: 20px;
}
.floor2n .two .on1{
	margin: 3% 10%;
}
.floor2n .two .on1 .tiao{
	height: 45px;
	line-height: 45px;
}
.floor2n .two .on1 .tiao span{
	float: left;
	color: #333;
}
.floor2n .two .on1 .tiao p{
	float: right;
}
.floor2n .two .on1 .tiao span a, .floor2n .two .on1 .tiao p a{
	color: #333;
	font-size: 14px;
	font-family: "微软雅黑";
}



/*floor3*/
.floor3{
	width: 100%;
	background-color: #f3f3f3;
	height: 510px;
	position: relative;
}
.floor3 .f3{
	width: 1200px;
	height: 510px;
	margin: 0px auto;
	overflow: hidden;
}
.floor3 .f3 .top{
	margin-top: 65px;
	background-color: #f3f3f3;
	height: 70px;
}
.floor3 .f3 .top p{
	font-family: "微软雅黑";
	text-align: center;
	color: #000;
	font-size: 20px;
	line-height: 40px;
	font-weight: bold;
}
.floor3 .f3 .top div{
	font-family: "微软雅黑";
	text-align: center;
	color: #000;
	font-size: 16px;
	line-height: 30px;
}
.floor3 .f3 .down{
	height: 370px;
}
.floor3 .f3 .down .one{
	margin: 60px 45px 60px 0;
	width: 262px;
	height: 245px;
	position: relative;
	float: left;
}
.floor3 .f3 .down .one img{
	width: 262px;
	height: 245px;
}

.floor3 .f3 .down .one p{
	width: 262px;
	height: 30px;
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: center;
	line-height: 30px;
	color: #fff;
	background: rgba(0,0,0,0.5);
    font-size: 14px;
    font-family: "微软雅黑";
}
/*floor4*/
.floor4{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.floor4 .f4{
	width: 1200px;
	height: 650px;
	margin: 0px auto;
	overflow: hidden;
}
.floor4 .f4 .top{
	margin-top: 65px;
	height: 70px;
}
.floor4 .f4 .top p{
	font-family: "微软雅黑";
	text-align: center;
	color: #000;
	font-size: 20px;
	line-height: 40px;
	font-weight: bold;
}
.floor4 .f4 .top div{
	font-family: "微软雅黑";
	text-align: center;
	color: #000;
	font-size: 16px;
	line-height: 30px;
}
.floor4 .f4 .dwon{
	width: 1200px;
	margin: 65px auto;
	overflow: hidden;
}
.floor4 .f4 .dwon .left{
	width: 330px;
	height: 400px;
	background-color: #064da5;
	float: left;
}
.floor4 .f4 .dwon .left .tu{
	margin: 20px;
	width: 290px;
	height: 140px;
}
.floor4 .f4 .dwon .left .tu img{
	width: 290px;
	height: 140px;
}
.floor4 .f4 .dwon .left .wen{
	margin: 40px 20px;
	width: 290px;
	height: 140px;
}
.floor4 .f4 .dwon .left .wen ul li{
	line-height: 25px;
	font-size: 16px;
	color: #fff;
	font-family: "微软雅黑";
	text-align:left;
}

.bannerScroll{float: right;width:870px;height:400px;position:relative;overflow:hidden}
.bannerBtn{display:none}
.bannerImg{width: 100%;height: 100%;position: relative;}
.bannerImg li{float: left;width: 25%;height: 100%;}
.bannerImg li img{width: 100%;height: 400px;}

.bannerBtn a{display: inline-block;width: 40px;height: 40px;position: absolute;top: 47%;z-index:99;}
.bannerBtn .arrow-left{ float:left;left: 0;}
.bannerBtn .arrow-right{ float:right;right: 0;}
.bannerBtn a img{margin: 6.5px 11.5px;width: 17px;height: 27px;border:none;}

/*floor5*/
.floor5{
	width: 100%;
	background-color: #eeeeee;
	height: 530px;
	margin-top: 20px;
}
.floor5 .f5{
	width: 1200px;
	height: 530px;
	margin: 0px auto;
	overflow: hidden;
	background: url(../imgs/f5.jpg) no-repeat center center;
}
.floor5 .f5 .top{
	margin-top: 65px;
	height: 70px;
}
.floor5 .f5 .top p{
	font-family: "微软雅黑";
	text-align: center;
	color: #000;
	font-size: 20px;
	line-height: 40px;
	font-weight: bold;
}
.floor5 .f5 .top div{
	font-family: "微软雅黑";
	text-align: center;
	color: #000;
	font-size: 16px;
	line-height: 30px;
}
.floor5 .f5 .down{
	height: 390px;
}
.floor5 .f5 .down .one{
	margin: 60px 50px 60px 0;
	width: 262px;
	height: 265px;
	position: relative;
	float: left;
}
.floor5 .f5 .down .one p{
	width: 262px;
	font-family: "微软雅黑";
	text-align: left;
	color: #000;
	font-size: 21px;
	line-height: 40px;
	font-weight: bold;
}

.floor5 .f5 .down .one .wen{
	width: 262px;
	text-align: left;
	line-height: 20px;
	color: #000;
    font-size: 14px;
    font-family: "微软雅黑";
}




/*menu*/

/*flash*/

#flash { width:982px;margin:0px auto; margin-top:5px;}

/*main*/

#main {width:1200px; margin:0px auto; margin-top:10px;}
#left { width:264px; float:left;}
#left-main { width:254px; width:255px\9;*width:255px;_width:255px; padding-right:9px;}
#left-bot {width:263px; width:264px\9;*width:264px;_width:264px; height:3px; background:url(left-bot.jpg) no-repeat;}
#right { width:925px; margin-left:10px; float:left;}

/*login*/
#login { width:255px; margin-bottom:10px;}
#login-center {width:243px; line-height:12px; text-align:center; padding-top:12px; padding-right:6px;padding-left:6px; padding-bottom:10px; margin-top:4px; }	
#login-center form { text-align:left; padding-left:20px; line-height:20px; display:block;}
#login-center form p {margin-bottom:8px;}
#login-center form input {width:145px; height:20px; border:1px solid #c1ced9; }
#login-center form input.yanzheng {width:100px; height:20px; border:1px solid #c1ced9; }
#login-center form input.button {width:75px; height:25px; background:url(login.gif) no-repeat; border:0px;}
#login-center form input.button1 {width:75px; height:25px; background:url(regist.gif) no-repeat; border:0px;}

.small-menu {width:230px; margin-left:12px; margin-top:10px; margin-right:13px;}
.small-menu ul li {width:230px; height:30px;  background:url(small-menubg1.jpg) repeat;  line-height:24px; font-weight:400;font-size: 20px;border: 1px solid #dcdcdc; margin-bottom: 3px;}
.small-menu ul li a{color:#333333;font-size: 12px;}
/*survey*/

#survey { width:255px;}
#survey-center {width:245px; height:137px; line-height:12px;  padding-top:10px;padding-left:10px;}
#survey-question {width:245px; height:30px; line-height:30px; background:url(survey.jpg) left center no-repeat;}
#survey-select {width:220px; padding-left:20px;}
#survey-select p {margin-bottom:12px;margin-bottom:10px\9;*margin-bottom:7px;_margin-bottom:7px;}
#survey-select form input.bb {width:44px; height:20px; background:url(b.gif) no-repeat; border:none;}

/*about*/
#right-top {width:706px;}
#about { width:448px; float:left;}
.about-bq {width:448px; height:24px; background:url(about-bq.jpg) repeat-x;}
.bq-left { width:12px; height:23px; background:url(about-left.jpg) left center no-repeat;float:left;}
.bq-last {width:430px; height:29px;line-height:29px;float:left;}
.pro-center {width:684px; height:32px;line-height:32px;float:left;}
#about-con {width:428px; padding-top:10px; padding-left:10px; padding-right:10px; padding-bottom:5px;}

/*news*/
#news {width:242px; margin-left:15px;margin-left:15px\9;*margin-left:15px;_margin-left:15px; float:right;}
#news-bq {width:220px; height:43px; padding-left:15px; background:url(news-bg.jpg) bottom no-repeat; line-height:24px; color:#000; font-size:13px; font-weight:bold;}
#news .pic {width:229px; height:67px; margin:0px auto;margin-bottom:10px; margin-top:8px;  }
#news-li {width:229px; margin:0px auto;text-align:left;}
.dian { color:#ea0021;}
#news-li ul li {width:219px; height:28px; padding-left:10px;line-height:26px; border-bottom:1px dashed #ababab;}
.news-c {font-weight:bold; font-size:13px; display:block; float:left;color:#000; }
.news-e {font-size:14px; text-transform:uppercase; display: block; float:left; color:#fe5912; font-family:Arial, Helvetica, sans-serif;}

#zi-news {width:100%;text-align:left;}
#zi-news ul li {width:100%; height:32px;   border-bottom:1px dashed #d5d5d5; }
.t1 { width:88%; height:32px; line-height:32px; float:left; }
.t1 a{color:#333333; font-size:12px;}
.t2 {width:90px; height:32px; line-height:32px; text-align:center; float:left;}


#newshow-title {width:100%; height:36px; font-size:16px; color:#E20000; font-weight:bold; line-height:36px; text-align:center;}
#newshow-time {width:100%; height:24px; color:#666666; text-align:center; background:#e3e3e3;margin-bottom:15px;}
#newshow-con {width:100%;text-align:left;}
#newshow-con p{FONT-SIZE: 14px;FONT-FAMILY: 微软雅黑;COLOR: #666666;MARGIN: 3.75pt 0cm;LINE-HEIGHT: 25px;TEXT-INDENT: 21pt; text-align: left;}

/*guestbook*/
#gustbook {width:550px; margin-left:60px; margin-top:30px; line-height:35px;}
#gustbook form input {width:290px; height:20px; line-height:20px;border:1px solid #c1ced9}
#gustbook form textarea {width:390px;  border:1px solid #c1ced9}
#gustbook form p {margin-bottom:15px;}
.STYLE1 {color: #E40C0D}
#gustbook form input.bb {width:44px; height:20px; background:url(b.gif) no-repeat; border:none;}


#zi-lyshow {width:672px;text-align:left;}
#see {width:672px; text-align:center;}
.g-name {width:672px; background:#edeeef; height:25px; line-height:25px; margin-bottom:6px;}
.g-name1 {width:300px; height:25px; line-height:25px; float:left; padding-left:6px;}
.g-name-pic {width:40px; height:25px; background:#fc611e; float:left; text-align:center; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold;}
.g-name-time {width:150px; height:25px; color:#666666; float:right; text-align:center;}
.g-danwei {width:626px; height:24px;padding-left:46px;}
.g-tel {width:300px;padding-left:46px; height:24px; float:left}
.g-email {width:314px;padding:6px; height:12px; line-height:12px; float:left}
.g-message {width:626px; height:24px;padding-left:46px;}
.g-reply {width:572px; height:24px; padding-left:100px;}

/*job*/
.job {width:652px; padding:10px;text-align:left;}
.job-title {font-size:14px; font-weight:bold; color:#FF3333; width:650px;  margin-bottom:8px;height:30px; line-height:30px; border:1px solid #d7d7d7; background:#e1e1e1;}

/*products*/
.pro-bq {width:704px; height:24px;margin-top:10px; background:url(about-bq.jpg) repeat-x;}
.bq-text1 { width:170px; height:25px; line-height:25px; border-bottom:1px solid #0984ad; float:left;}
.bq-last1 {width:535px; height:25px; text-align:right; line-height:25px;  border-bottom:1px solid #000000; float:left;}
.pro-ll {width:146px; padding-right:8px; float:left;}
.pro-pic {width:140px; height:105px; border:2px solid #e0e0e0}
.pro-text {width:146px; height:20px;  margin-top:5px;line-height:20px; text-align:center; background:#dad9d9}

#zi-product {width:100%; float:left;}
.pro-ll1 {width:212px; padding-left:10px; height:274px;float:left;}
.pro-pic1 {width:180px; height:240px; border:2px solid #e3e3e3; clear:both;}
.pro-pic1 img {width:180px; height:240px;}
.pro-text1 {width:180px; height:30px; line-height:30px; text-align:center; clear:both;}


#zi-productshow { width:100%; float:left;text-align:left;}
#zi-pro-pic {width:210px; height:160px; border:2px solid #CCCCCC; float:left;}
#zi-pro-ge {width:18px; height:120px; float:left}
#zi-pro-inf {width:439px; height:120px; float:left}
#zi-pro-inf ul li {width:439px; height:24px; line-height:24px;}
#pp-jianjie {width:100%; float:left; margin-top:10px;}
#pp-jianjie ul li {width:672px;}
#pp-jianjie p{FONT-SIZE: 14px;FONT-FAMILY: 微软雅黑;COLOR: #666666;MARGIN: 3.75pt 0cm;LINE-HEIGHT: 25px;TEXT-INDENT: 21pt; text-align: left;}

#demo {
background: #FFF;
overflow:hidden;
margin-left:10px;
margin-right:10px;
width: 686px;
}

#indemo {
float: left;
width: 800%;
}
#demo1 {
margin-top:10px;
float: left;
}
#demo2 {
margin-top:10px;
float: left;
}

/*contact*/
#contact-inf {width:100%; height:415px; line-height:32px; font-size:14px; padding-left:40px; padding-top:20px; background:url(contact-bg.jpg) right bottom no-repeat;}


/*zi*/
#main-con {width:99%; margin-left:10px;}
#con-bq { width:100%; height:39px; }
.main-b {width:38px; height:39px; background:url(main-b.jpg) no-repeat; float:left;}
.main-bq {width:94%; height:39px; background:url(main-bg.jpg) repeat-x; float:left; line-height:36px;}
.main-end {width:9px; height:39px; background:url(main-end.jpg) no-repeat; float:left; line-height:36px;}
#con-con {width:96%; padding:10px 10px 60px 10px;float: left;}
#con-con p{FONT-SIZE: 14px;FONT-FAMILY: 微软雅黑;COLOR: #666666;MARGIN: 3.75pt 0cm;LINE-HEIGHT: 25px;TEXT-INDENT: 21pt;text-align:left;}
#con-con img{text-align:center;}

/*bottom*/

/*foot*/
.foot{
	width: 100%;
	background-color: #064da5;
	height: 280px;
	position: relative;
	padding: 40px 0;
}
.foot .block{
	width: 1200px;
	margin: 0px auto;
	overflow: hidden;
	height: 200px;
}
.foot .block .one{
	width: 30%;
	border-right: 1px solid #fff;
	float: left;
	height: 100%;
}
.foot .block .one p{
	color: #fff;
	font-size: 16px;
	text-align:left;
}
.foot .block .one .wen{
	color: #fff;
	font-size: 14px;
	margin-top: 20px;
	line-height: 24px;
	text-align:left;
}
.foot .block .two{
	width: 40%;
	border-right: 1px solid #fff;
	float: left;
	height: 100%;
	margin: 0px auto;
	overflow: hidden;
}
.foot .block .two .kuai{
	margin: 0px auto;
    width: 70%;
}
.foot .block .two .kuai p{
	color: #fff;
	font-size: 16px;
	text-align:left;
}
.foot .block .two .kuai .wen{
	color: #fff;
	font-size: 14px;
	margin-top: 20px;
	line-height: 24px;
	text-align:left;
}
.foot .block .two .kuai .wen a{
	color: #fff;
	font-size: 14px;
} 
.foot .block .two .kuai .wen a:hover{
	color: #fff;
	font-size: 14px;
	text-decoration:underline;
} 
.foot .block .three{
	width: 28%;
	float: left;
	height: 100%;
	margin: 0px auto;
	overflow: hidden;
}
.foot .block .three img{
	display: block;
	margin: 13px auto;
    width: 150px;
    height: 150px;
}
.foot .block .three p{
	text-align: center;
	color: #fff;
	font-size: 14px;
}