@charset "utf-8";
/* CSS Document */

body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,textarea,p{
	margin:0px;
	padding:0px;
    font-family:Microsoft YaHei;
	font-weight:normal;
	color:#000;
}
body{ background:#fff;}


ul{
	list-style:none;
}
img,a img{
	border:0px;
	border:none;
}
a{
	text-decoration:none;
	outline:none;blr:expression(this.onFocus=this.blur());
}
a.hidefocus{
	outline:none
}
a:hover{
	text-decoration:underline;
	text-decoration:none;
}
label{ margin-bottom:0; font-weight:normal;}
input{border:0;outline:none;/*去除蓝色边框*/}

.content{width:1160px; margin:0 auto;}


.header{ height:75px;}
.header h1{ float:left; padding-top:13px;}
.nav{ float:right;}
.nav ul li{ float:left; margin-left:20px;}
.nav ul li a{ height:75px; line-height:75px; color:#333333; font-size:16px; padding:0 20px; display:block;}
.nav ul li a.active{ background:#1981e2; color:#fff;}
.nav ul li a:hover{ background:#1981e2; color:#fff;}
.wrap{ background:#edf5fd; padding:50px 0;}
.wrap .Literals{width:480px; margin-top:100px;}
.wrap .Literals h2{ color:#000000; line-height:1.2;}
.wrap .Literals p{ color:#8d8b8b; font-size:16px; line-height:1.5; margin-top:10px;}
.wrap2{ background:#fff;}
.wrap4{ padding:40px 0; background:#fff;}
.title{ text-align:center; background:url(../images/title.png) no-repeat center bottom; padding-bottom:25px;}
.title h2{ color:#000000; line-height:1.2; margin-bottom:15px;}
.title h4{ color:#626262; font-size:16px; line-height:1.2; margin-bottom:5px;}
.title h6{ color:#626262; line-height:1.2;}
.wrap4-list{ margin-top:40px;}
.wrap4-list-item{ width:278px;}
.wrap4-list-item-Edge{ margin-left:16px;}
.wrap4-list-item .Picture{ width:278px; overflow:hidden; position:relative;}
.wrap4-list-item .Picture span{ background:url(../images/span.png) no-repeat center bottom; height:36px; position:absolute; left:0; bottom:-1px; display:block; width:100%;}
.wrap4-list-item .Literals{ padding:5px 10px 20px 10px; background:#f3f3f3;border-bottom:2px solid #1981e2;}
.wrap4-list-item .Literals h4{ color:#333333; line-height:1.5; text-align:center; }
.wrap4-list-item .Literals p{ color:#868686; font-size:12px; line-height:1.5; height:35px; overflow:hidden;}
.wrap4-list-item:hover .Literals h4{ color:#1981e2;}
.wrap5 h1{ text-align:center;}
.wrap5-form{background:url(../images/wrap5.png) no-repeat; background-size:100% 100%; padding:25px 0; margin-top:-5px;}
.wrap5-form-list{ width:310px; margin-right:20px; position:relative; float:left;}
.wrap5-form-list .text{ width:240px; height:35px; line-height:35px; border:1px solid #63a7db; background:transparent; border-radius:5px; padding-left:70px;color:#ffffff; font-size:14px;}
.wrap5-form-list label{ position:absolute; left:0; top:0; line-height:35px; width:80px; text-align:center; color:#ffffff; font-size:14px;}
.wrap5-form-tj{ float:left;}
.wrap5-form-tj .but{ width:150px; height:35px; border:1px solid #fff; font-size:14px;background:transparent; color:#fff;border-radius:5px;}
.wrap5-form-tj .but:hover{ color:#197dca; background:#fff;}
.footer{ background:#282c35; padding:15px 0;}
.foot-left{ padding:20px 0;}
.foot-left-Tel{ background:url(../images/lx.png) no-repeat center left; padding-left:55px; border-right:1px dashed #8b8f98; padding-right:30px;}
.foot-left-Tel h3{ color:#838991; font-size:20px; margin-top:10px;}
.foot-left-Tel i{ color:#fe7b02; font-size:24px; line-height:1.5;}
.foot-left-Site{ margin-left:20px;}
.foot-left-Site p{ color:#838991; font-size:14px; line-height:1.5;}
.foot-right{ width:90px; margin-top:10px;}
.foot-right h4{ text-align:center; font-size:14px; line-height:1.5; color:#838991;}
/* 特效 */
.slideBox{ width:100%; overflow:hidden; position:relative;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; position:relative; text-align:center;}
.slideBox .bd li .img-animation{ animation: invetmove 6s infinite;}
.slideBox .bd li h2{ position:absolute; top:35%; left:0; width:100%; text-align:center;}
.slideBox .bd li p{ position:absolute; top:65%; left:0; width:100%; text-align:center; color:#ffffff; font-size:20px; line-height:1.8;}
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
#head-pc{ display:block;}
#head-sj{ display:none;}

.slideBox .banner2{ position:absolute; top:0; width:100%; left:0;}
.slideBox .banner2 .ban-left{ width:50%;}
.slideBox .banner2 .ban-left .img{ margin-top:30%; width:100%; text-align:left;}
.slideBox .banner2 .ban-left h4{ font-size:40px; color:#fff; font-weight:bold; text-align:left;}
.slideBox .banner2 .ban-right{ width:50%;}
.slideBox .banner2 .ban-right .ban-img{ margin-top:5%;}

.slideBox .banner3{ position:absolute; top:0; width:100%; left:0;}
.slideBox .banner3 .ban-left{ width:50%; padding-top:5%;}
.slideBox .banner3 .ban-right{ width:50%; padding-top:0.5%;}





@media screen and (max-width:1440px){
	.slideBox .bd li h2{top:30%;}
	.slideBox .bd li p{ top:60%;}
	.slideBox .banner2 .ban-left .img{ margin-top:20%; padding-left:15px;}
	.slideBox .banner2 .ban-left .img img{ width:80%;}
	.slideBox .banner2 .ban-left h4{ padding-left:15px; font-size:36px;}
	.slideBox .banner2 .ban-right .ban-img{ margin-top:2%;}
	.slideBox .banner2 .ban-right .ban-img img{ width:78%;}

	.slideBox .banner3 .ban-right .ban3-img img{ width:38%;}
	.slideBox .banner3 .ban-left img{ width:80%}
}

@media screen and (max-width:1024px){
	.content{ width:1000px;}
	.slideBox .bd li h2{top:20%;}
	.slideBox .bd li h2 img{ width:30%;}
	.slideBox .bd li p{ top:50%;}
	.wrap4-list-item{ width:235px;}
	.wrap4-list-item .Picture{width:235px;}
	.wrap5-form-list{ width:262px;}
	.wrap5-form-list .text {width: 191px;}
	.slideBox .banner2 .ban-right .ban-img img{ width:62%;}
	.slideBox .banner3 .ban-right .ban3-img img{ width:31.5%;}
	.slideBox .banner3 .ban-left img{ width:60%}
}

@media screen and (max-width:768px){
	.content{ width:760px;}
	.slideBox .bd li h2{top:20%;}
	.slideBox .bd li h2 img{ width:30%;}
	.slideBox .bd li p{ top:50%; font-size:12px; line-height:1.3;}
	.wrap .Literals{ width:90%; padding:0 5%; text-align:center; margin:15px 0;}
	.wrap .Picture{ width:100%; text-align:center;}
	.wrap4-list-item{ width:175px;}
	.wrap4-list-item .Picture{width:175px;}
	.wrap5-form-list{ width:180px;}
	.wrap5-form-list .text {width:108px;}
	.foot-left-Tel{ display:none;}
	.foot-right{ margin-right:15px;}
	
	#head-pc{ display:none;}
	#head-sj{ display:block;}
	.header{ height:80px; background:#fff; width:100%; position:relative;}
	.header h1{ float:left; margin-left:15px; padding-top:15px;}
	.header-wrap{ position:absolute; top:0; right:15px;}
	.menubtn{width:44px;float: right;margin-top:22px;}
	.menubtn.o{}
	.menu{ overflow-y: auto;  box-sizing: border-box;  position: absolute;display: none; z-index: 100;right: 0;top:80px; width:710px; margin: 0 auto; height: 540px; z-index:1003;}
	.down-background{position: fixed;background:#fff; top:80px;display: none; z-index: 100; height: 100%;left: 0; right: 0;max-width: 768px; width: 100%; margin: 0 auto; z-index:1002;}
	.menu ul{ padding: 0 10px;}
	.menu ul li{ height: 58px}
	.menu ul li a{display: block;line-height: 58px; text-align:center; color: #000; font-size: 20px; border-bottom: 1px solid #cccccc;}
	.menu ul li.on a{ opacity: 1; color:#fff; background:#3398fd;}
	.menu ul li a:hover{ opacity: 1; color:#fff; background:#3398fd;}


	
}