@charset "utf-8";
*{
		padding: 0;
		margin: 0;
	}
html,body{
		height: 100%;
	}
ul,li{margin: 0; padding: 0;}

.fl{float:left;}
.fr{float: right;}
.wrap{width: 1200px;margin: 0 auto;}	
#header{width: 100%;height: 180px;margin: 0 auto;}
.header-top{width:100%;background: url(../images/top_01.png) top center no-repeat; height: 46px; margin: 0 auto;}
.header-top .ico{padding-left: 750px;padding-top: 10px;}
.ico li{float: left; margin-right:34px;}
.header-bot{margin-left: 670px; margin-top:850px;}
.header-top .icos{margin-left: 8px;}
.icos span{margin-left: 10px; font-size: 17px;color: #fff;}
.header-bot{width:100%;height: 134px;margin: 0 auto;background:url(../images/01_27.png)  bottom center no-repeat;}
.header-bot .logo{width: 300px;height: 134px;}
.logo img{margin-top:25px;}
.header-bot .bot-r{ width: 900px;height: 134px;}
.tells{ width: 280px; height: 30px;margin-right: 50px;margin-top: 33px;}
.tells span{ font-size: 18px; color: #000; margin-left: 37px;  font-weight:bold; letter-spacing:2px;}
.bot-r .nav{ width: 890px; height: 50px; margin-top: 84px;}
.nav ul{padding-left:80px;}
.nav li{ float: left; border-right:1px solid #33bdf2;  }
.nav li:last-child{border:0;}
.nav a{font-size:18px; color:#ffffff; padding:0px 30px; height:50px; line-height:50px; display:table;  }
.nav a:hover{background:#fff; color:#00adef;}

.search{width: 273px;height:30px;float:right;overflow:hidden;z-index: 8;}
.search .txt{float:left;padding-left: 10px;color: #999;border-style: none;border-width: 0px;height: 30px;line-height: 30px;width: 218px;font-size: 12px;background: none;}
.search .btn{float: right;width:25px;height:30px;border-style:none;border-width: 0px;background: url(../images/search_icon.png) 0px 7px no-repeat;cursor: pointer;}

#container {
			width: 100%;
			height: 600px;
			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-image: url(../images/banner.jpg);
	}
	#section1 {
		background-image: url(../images/banner1.jpg);
	}
	#section2 {
		background-image: url('images/3.jpg');
	}
.pages li{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:orange;box-shadow:0 0 5px 2px orange}
.pages{position:absolute;z-index:999}
.pages.horizontal{left:50%;transform:translateX(-50%);bottom:5px}
.pages.horizontal li{display:inline-block;margin-right:10px}
.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}


#about{width: 100%; height: 735px; margin: 0 auto;}
.about-title{margin-top:50px;margin-bottom:35px;text-align: center;}
.image-text{height: 542px; margin: 1200px;margin: 0; position: relative;}
.image-text-b{ position:absolute; left:69px; top:289px;width: 1060px;height: 250px; background: #e9e9e9; display:inline }
.image-text-b ul{ width: 999px; height: 196px; margin-left: 27px; margin-top: 33px;}
.image-text-b li{ float: left; margin-right: 26px; margin-right:26px !important; width: 230px; height: 196px;}
.image-text-b li:last-child{margin-right:0px; margin-right:0px !important; }
.image-text-b span{ float: left; width:230px; height:16px;font-size: 14px; color: #000000; margin-top: 16px; text-align: center;}
.image-text-b span:hover{color: #00adef;}

.text-l{ width: 600px;height: 400px; background: #00adef; }
.text-l p{ margin: 50px 70px; font-size: 14px; color: #ffffff;word-wrap: break-word; line-height: 30px;}
.image-r{width: 600px;height: 400px;}
/*.arrow-l{width: 54px; height: 77px; background: #dedede; margin-right: 16; margin-top: 24px;}
.arrow-r{width: 54px; height: 77px; background: #dedede; margin-left: 16; margin-top: 24px;}
.arrow-r img{padding-right: 16; padding-top: 22px; }
.arrow-l img{padding-left: 16; padding-top: 22px;}*/

#product{height: 770px; width:100%;}
.rot{width: 100%; height: 200px;background: url(../images/product.png);}
.exhibition{width: 230px;height: 50px;border: 1px solid #ffffff; text-align: center;margin: 76px 10px; }
.exhibition span{font-size:18px; color: #ffffff; margin: 16px 50px; line-height:50px;letter-spacing:2px;}
.exhibition:hover{background:#fff; color:#00adef;}
.exhibition:hover span{color:#00adef;}
.pro{ width: 100%;height: 340px;margin-top: 110px; margin-bottom: 110px;}
.pros{width: 1200px;height: 340px;margin: 0 auto;}
.pros li{ width: 278px; height: 328px; float: left; margin-right: 26px; border: 1px solid #d4d4d4;}
.pros li:nth-child(4){margin-right:0px;}
.pros li:hover{box-shadow:2px 2px 15px #ccc;}
.pros img{width:100%;}
.pros span{ width: 278px; height: 48px;border-top: 1px solid #d4d4d4; text-align: center; display: table; font-size: 22px; color: #333333;line-height: 48px;    background: #f7f7f7;}
.pros span:hover {color: #00adef;}
#new{width: 100%; height: 640px; margin: 0 auto;background: #e9e9e9;}
.news{width: 1200px; height:435px;padding-top: 95px; padding-bottom: 110px;}
.news-l{ width: 600px; height: 435px; margin-right: 70px;}
.news-r{ width: 510px; height: 435px; }
.new-a p{ font-size: 26px; color: #3c3d3b;}
.new-a a{float: right; font-size: 14px; color: #6d6d6d;}
.new-a a:hover{ color: #00adef;}

.new-b-l{margin-top: 30px; margin-right: 20px; width:228px; height:171px;}
.new-b-l img{width:100%; height:100%;}
.new-b-r{ margin-top: 35px;width:290px;height: 150px;}
.new-b-r h1{font-size: 16px; color: #3c3d3b;margin-bottom: 20px;line-height: 16px;font-weight:bold;}
.new-b-r p{font-size: 12px;color: #6d6d6d; margin-bottom: 45px; line-height: 15px;}


.new-b-r .more{width: 120px; height: 35px; background: #d22020; }
.new-b-r .more span{font-size: 12px;color: #ffffff;line-height: 35PX; margin-left: 35px;}
.news-r .book{margin-top: 60px;}
.news-r .book-a{width:243px; height:350px; margin-right:20px; border:1px solid #838383;}
.news-r .book-a:last-child{margin:0;}
.news-r .book-a img{width:100%; height:100%;}
.new-c{margin-top: 215px;width: 600px;height: 191px;}
.new-c .new-c-1{ width: 600px;height: 65px;border-bottom: 1px solid #c9c9c9;}
.new-c-1 .xw{ height:14px; padding-top: 35px; padding-bottom: 16px;}
.new-c-1 p{background:url(../images/ico-7.png) left center no-repeat;text-indent:30px; float: left; font-size: 14px;color:#6d6d6d;line-height: 30px; height:30px; width:98%;}
.new-c-1 span{float:right; font-size: 12px;}
.new-c-1 p:hover{background: url(../images/ico-6.png) left center no-repeat;text-indent:30px;; color: #00ADEF;}

#footer{width: 100%; height: 193px;background: #2e2e2e;margin: 0;}
.foot-logo{width: 370px;height: 100px; margin-left: 25px;padding-top: 36px; margin-top:12px;background: #C9C9C9;background: url(../images/logo2.png) left center no-repeat;}
.foot-logo p{ font-size:13px;color: #919191;margin-top: 70px;line-height: 18px;}
.foot-texe{ width:455px; height:84px;margin-left: 50px; padding-top: 50px;}
.address{ width:250px;height:84px;background: url(../images/ico-9.png)  left top no-repeat; }
.telephone{width: 162px;height:84px;margin-left: 43px; background: url(../images/ico-8.png) left top  no-repeat; }
.address h1{margin:0 0 0 35px; font-size: 16px; line-height: 28px; color: #ffffff; }
.address p{ margin-top: 40px; font-size: 15px; color: #ffffff;}
.telephone h1{margin: 0 0 0 50px; font-size: 16px; line-height: 28px; color: #ffffff; }
.telephone p{ margin-top: 40px; font-size: 14px; color: #ffffff; font-weight:bold;}
.foot-ewm{margin-top: 35px; margin-right: 65px;}

.new{
	width: 100%;
	margin: 0 auto -20px;
	background-color: #eeeeee;
}
.new .new1{
	width: 100%;
	height: 750px;
	margin: 0 auto;
}
 .new2{
	width: 100%;
	height: 165px;
	margin: 0 auto;
	background-color: #313131;
}
 .new3{
	width: 100%;
	height: 30px;
	margin: 0 auto;
}
.new1 .n1{
	width: 1200px;
	margin: 0 auto 50px;
}
.n1 .n1-a{
	width: 100%;
	height:130px;
	padding:61px 0;
}
.n1-a .a-1{
	text-align: center;
}
.n1-a .a-2{
	width: 450px;
    height: 40px;
    margin: 19px auto 0;	
}
.a-2 .a1{
	float: left;
	width: 138px;
	height: 38px;
	font-size: 14px;
	color: #000000;
	border: 1px solid #cccccc;
	text-align: center;
	line-height: 38px;
	text-decoration: none;	
	margin-right: 16px;
}
.a-2 .a1:last-child{margin-right:0;
}
.a-2 .a1:hover {
	color: #ffffff;
    background-color: #00adef;
}
.new1 .n2{
	width: 1200px;
	height: 392px;
    margin: 0 auto;
}
.n2 .ab1,.ab2,.ab3,.ab4,.ab5,.ab6{
	float: left;
	width: 588px;
	height: 118px;
	background-color: #ffffff;
}
.n2 .ab2,.ab4,.ab6{
	float: right;
}
.n2 .ab3,.ab4{
	margin-top: 19px;
	margin-bottom: 19px;
}
.ab1 .w{
	width: 64px;
	height: 53px;
	padding-top: 30px;
	padding-bottom: 35px;
	padding-left: 20px;
}


.new2 .nn{
	width: 1200px;
	height: 165px;
	margin: 0 auto;
}
.nn .nn-1{
	float: left;
	width: 1148px;
	height: 84px;
	padding-top: 44px;
	margin: 0px 15px 36px 38px;
}
.nn-1 .nn-2{
	width: 535px;
	height: 51px;
	float: right;
}
.nn-2 ul{
	text-align: center;
	
	width: 100%;
    float: left;
    margin: 20px 0;
}
.nn-2 li{float:left; border-right:1px solid #fff;}
.nn-2 li:last-child{border:0;}
.nn-2 li a{
    font-size: 14px;
    padding: 16px 16px;
    text-decoration: none;
	color: #ffffff;
}
.nn-2 li a:hover {
   color: #00adef;
}
.nn-2 .pq{
	font-size: 11px;
	color: #FFFFFF;
}

.new3 .n3{
	width: 1200px;
	height: 30px;
	margin:0 auto;
	text-align: center;
	font-size: 12px;
	line-height: 30px;
}

.new3 .n3 p{
	margin: 0;
}
.dq_bod_r{ float:right; width:100%; height:auto; overflow:hidden; }
.dq_bod_r li{width:49%;margin-right:2%; float:left; background:#fff; padding:16px 20px; margin-bottom:20px; overflow:hidden; cursor:pointer;}
.dq_bod_r li:nth-child(2n+2){margin-right:0px;}
.dq_bod_r li span{ float:left; display:block; width:64px; height:auto; text-align:center; line-height:36px; color:#999999; font-family:Arial, Helvetica, sans-serif;}
.dq_bod_r li span i{ display:block; height:48px; line-height:48px; border-bottom:1px solid #dadada; color:#222222; font-size:28px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.dq_bod_r li font{ display:block; float:right; width:84%; height:auto;}
.dq_bod_r li h6{ line-height:24px; color:#333333; margin-bottom:15px;}
.dq_bod_r li h6 a{ display:block; width:100%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#333; font-size:18px; font-weight:bold;}
.dq_bod_r li p{height: 48px;line-height: 24px;color: #666666;overflow: hidden;}
.dq_bod_r li:hover h6 a{ color:#00adef;}