﻿*{ margin:0; padding:0; list-style:none; outline:none; font-family:"微软雅黑";}
body{ min-width:1200px;}
img{ display:block; border:none; margin:0 auto;}
a{ 
	text-decoration:none;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-moz-transition:all 0.5s;
}
.center{
	margin:0 auto;
	width:1200px;
}
.clear::after{
	content:""; 
	width:100%; 
	height:0; 
	clear:both; 
	display:block;
}

/*fullpage*/
.bg01 { background:#000;}
.bg02 { background:#fafafa;}
.bg03 { background:url(../image/bg01.jpg) 50%; background-size:cover;}
.bg04 { background:url(../image/bg02.jpg) 50%; background-size:cover;}
.bg05 { background:url(../image/bg03.jpg) 50%; background-size:cover;}
.bg06 { background:url(../image/bg04.jpg) 50%; background-size:cover;}
.bg07 { background:url(../image/bg05.jpg) 50%; background-size:cover;}

#fp-nav ul li a span, .fp-slidesNav ul li a span{ opacity:0.5;}

.ty{ overflow:hidden; width:100%;}

/*banner*/
.banner{ overflow:hidden; width:100%; height:100%; position:relative;}
.banner .swiper-container{ height:100%;}
.banner .tu{ width:100%; height:100%; background-size:cover; background-position:center;}

.banner .swiper-pagination{ bottom:50px; text-align:center; left:10%; right:10%; width:auto;}
.banner .swiper-pagination-bullet{ border-radius:0; width:40px; height:4px; position:relative; background:#fff;}
.banner .swiper-pagination-bullet::after{ content:""; display:block; top:0; position:absolute; left:0; height:100%; width:0;  background:#fff; }
.banner .swiper-pagination-bullet-active{ background:none;}
.banner .swiper-pagination-bullet-active::after{ width:100%;transition:all 4s; -webkit-transition:all 4s;}

.cs3{transition:all 1.5s; -webkit-transition:all 1.5s; position:relative;}
.up{ opacity:0; transform:translateY(-200px); -webkit-transform:translateY(-200px);}
.down{ opacity:0; transform:translateY(200px); -webkit-transform:translateY(200px);}
.left{opacity:0; transform:translateX(-200px); -webkit-transform:translateX(-200px);}
.right{opacity:0; transform:translateX(200px); -webkit-transform:translateX(200px);}
.dey01{ transition-delay:0.5s;}

.section{ overflow:hidden; position:relative;}

.bgtu{ position:absolute; width:50%;left:0; top:0; bottom:0; background-size:cover; background-position:center; z-index:9;}
.ab{ margin-left:45%; margin-right:5%; max-width:650px; padding:5%; background:#FFF; box-shadow:0 0 10px 5px rgba(0,0,0,.1); position:relative; z-index:10;}
.ab h1{ line-height:50px; font-size:30px; color:#0f4688; font-weight:normal;}
.ab i{ display:block; width:100px; height:2px; background:#0f4688; margin:10px 0 18px 0;}
.ab h2{ font-size:18px; color:#333; line-height:30px;}
.ab .wb{ font-size:14px; line-height:25px; color:#666; max-height:100px; overflow:hidden; margin:15px 0 25px 0}
.ab a{ display:block; width:160px; text-align:center; line-height:40px; font-size:14px; color:#FFF; background:#0f4688;} 
.ab a:hover{ background:#fc8800}

.header{ position:fixed; overflow:hidden; z-index:999; left:0; top:0; right:0; background:url(../image/topnav.png);}
.header.bg{ background:#FFF; position:relative;}

.header.bg .topnav ul li a{ color:#333;}
.header.bg .topnav ul li a:after{background:#333;}
.header.bg .topnav ul li a:hover:after{ left:0; right:0;}
.header.bg .topnav ul li.hover a:after{ left:0; right:0;}

.logo{ float:left;height:70px; margin:15px 0 15px 30px;}
.logo img{ height:100%;}

.topnav{ float:right; padding:30px 30px 30px 0;}
.topnav ul{ float:left;}
.topnav dd{ float:right; overflow:hidden; padding:10px 0;}
.topnav dd img{ float:left; width:20px; height:20px; margin-left:20px;}

.topnav ul{ float:left;}
.topnav ul li{ float:left; margin:0 15px;}
.topnav ul li a{ display:block; line-height:40px; font-size:16px; color:#fff; position:relative;}
.topnav ul li a:after{ position:absolute; content:""; display:block; left:50%; right:50%; height:3px; background:#FFF; transition:all 0.5s; -webkit-transition:all 0.5s;}
.topnav ul li a:hover:after{ left:0; right:0;}
.topnav ul li.hover a:after{ left:0; right:0;}
.ztu{ margin:0 5%; overflow:hidden;}
.ztu img{ max-height:600px; float:right; max-width:100%;}

.ab01{ max-width:650px; margin-right:10%;}
.ab01 h1{ line-height:60px; font-size:36px; color:#0f4688;}
.ab01 .wb{ font-size:16px; line-height:30px; color:#333; max-height:150px; overflow:hidden; margin:40px 0 50px 0}
.ab01 a{ display:block; width:160px; text-align:center; line-height:40px; font-size:14px; color:#FFF; background:#0f4688;} 
.ab01 a:hover{ background:#fc8800}

.box01{ margin-left:5%; overflow:hidden; margin-right:50%;}
.box01 .ab01{ float:right; margin-right:0;}
.box01 .ab01 h1{ color:#FFF;}
.box01 .ab01 .wb{ color:#FFF;}
.box01 .ab01 a{ background:#fc8800}
.box01 .ab01 a:hover{ background:#0f4688;}

.bt{ overflow:hidden; display:block; margin-bottom:30px; text-align:center;}
.bt img{ max-height:100px;}

.new{ overflow:hidden;}
.new li{ width:31.333%; margin:1%; float:left;}
.min .a22{ background:#FFF;}
.min .newbox h1{ color:#333;}
.min .newbox .wb{ color:#666;}
.min .newbox span{ color:#999;}
.a22{ display:block; overflow:hidden; position:relative; border:1px solid #ddd; background:rgba(0,0,0,.7);}
.a22 .pic{ padding-bottom:65%; background-color:#fff}

.newbox{ padding:15px;}
.newbox h1{ font-size:16px; line-height:30px; height:30px; overflow:hidden; font-weight:normal; color:#fff; text-transform:capitalize;}
.newbox .wb{ font-size:14px; margin:10px 0; line-height:25px; height:50px; overflow:hidden; color:#fff; text-transform:capitalize;}
.newbox span{ display:block; line-height:30px; font-size:12px; text-transform:uppercase; color:#fff;}
.new li:hover h1{ color:#fc8800;}

.pic{ padding-bottom:100%; position:relative; background-size:cover; background-position:center; overflow:hidden; transition: all 1.5s; -webkit-transition: all 1.5s;}
.pic img{ position:absolute; left:0; top:0; bottom:0; right:0; margin:auto; max-width:100%; max-height:100%; display:block; transition: all 1.5s; -webkit-transition: all 1.5s;}

.xbt{ text-align:center; line-height:50px; font-size:30px; color:#FFF; font-weight:bold; margin-bottom:30px;}

.ftnav{ padding:50px 0; overflow:hidden;}
.ftnav li{ float:left; width:23%; margin:0 1%; text-align:center;}
.ftnav li img{ height:50px;}
.ftnav li h1{ font-size:18px; color:#fff; line-height:40px;}
.ftnav li .wb{ line-height:30px; font-size:14px; height:60px; overflow:hidden; color:#FFF;}

.foot{ padding:25px 0; line-height:25px; text-align:center; font-size:12px; color:#fff;}
.foot a{ display:block; color:#999;}
.foot a:hover{ color:#fc8800;}

.footer{ background:#222;}
.footer .ftnav{ padding:60px 0 40px 0}
.footer .foot{ border-top:1px solid #666}

.nybanner{overflow:hidden; position:relative; width:1920px; left:50%; margin-left:-960px; min-height:100px; background:#f0f0f0}
.nybanner img{ width:100%;}

.dqwz{ line-height:20px; font-size:12px; text-transform:capitalize; margin-bottom:25px; padding:12px 0; color:#999; border-bottom:1px solid #e5e5e5; box-shadow:0 0 10px 1px rgba(0,0,0,.1);}
.dqwz a{ color:#999; padding:0 5px;}
.dqwz a:hover{ color:#0095de}


.min{ padding-bottom:40px; min-height:360px;}

.pager{ 
	padding:20px 0 00px 0 ;
	text-align:center; 
	color:#999;
	height:30px;
}
.pager span{
	color:#999; 
	display:inline-block; 
	margin:0 1px; 
	padding:0 8px; 
	border:1px solid #ddd; 
	font-size:12px; 
	line-height:28px; 
	height:28px; 
	border-radius:3px; 
	overflow:hidden;
	background:#FFF;
}
.pager a{
	color:#999;
}
.pager span:hover a{
	color:#e62129;
}
.pager select{
	border:none; 
	height:28px; 
	line-height:28px; 
	outline:none;
	background:none; 
	color:#999;
}

.fy{
	overflow:hidden; 
	padding-top:9px; 
	margin:20px 0 0 0; 
	border-top:1px dashed #ddd; 
	clear:both;
}                       
.fy a{
	font-size:14px; 
	color:#666; 
	line-height:30px; 
	height:30px; 
	overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
	display:block;
}
.fy a:hover{
	color:#0095de
}

.tyxwbt{ overflow:hidden; border-bottom:1px dashed #ddd; padding-bottom:9px; margin-bottom:15px; text-align:center;}
.tyxwbt dt{ font-size:18px; line-height:30px; color:#333; font-weight:bold;}
.tyxwbt dd{ font-size:12px; line-height:20px; padding-top:5px; color:#666;}
.tyxwbt dd span{ display:inline-block; padding:0 5px;}

.tywb{ overflow:hidden; line-height:30px; font-size:14px; color:#666;}
.tywb img{ max-width:100%;}

.znav{ overflow:hidden; text-align:center; padding-bottom:20px;}
.znav li{ display:inline-block; margin:5px;}
.znav li a{ display:block; border:1px solid #ddd; padding:0 25px; color:#333; font-size:14px; height:34px; overflow:hidden; line-height:34px; margin:0 5px;}
.znav li:hover a{ color:#fff; border:1px solid #0095de; background:#0095de;}
.znav li.hover a{ color:#fff; border:1px solid #0095de; background:#0095de;}

.pro{ overflow:hidden;}
.pro li{ float:left; margin:0 1% 2% 1%; width:31.333%;}
.tyaa .pic{ padding-bottom:75%; background-color:#fafafa}
.tyaa{ display:block; background:#FFF; border:1px solid #ddd;}
.tyaa:hover{ border:1px solid #0095de;}
.tyaa:hover dl dd{ color:#0095de;}
.tyaa dl{ text-align:center; border-top:1px solid #ddd; padding:9px;}
.tyaa dl dd{ font-size:13px; line-height:25px; color:#666; height:25px; overflow:hidden;}

.min .ftnav{ overflow:hidden; padding:0;}
.min .ftnav li{ width:21%; padding:2% 1%; margin:0 1%; background:#222}

.lxwm{ padding:50px 0;}
.lxwm dt{ font-weight:bold; line-height:50px; font-size:24px; color:#333; text-align:center; margin-bottom:20px;}
.lxwm dd{ font-size:16px; color:#666; text-align:center;}
.lxwm dd img{ max-height:200px;}

.ditu{ height:360px; line-height:25px; font-size:14px; color:#333; margin-top:30px; overflow:hidden;}
#map{ height:100%;}

.message{ overflow:hidden; padding-top:20px;}
.message dt{ float:left; width:95%; margin-left:2.5%;}
.message dd{ float:left; width:30%; margin-left:2.5%;}
.message h1{ font-size:16px; line-height:30px; font-weight:normal; color:#333; text-transform:uppercase;}
.message h1 span{ color:#c20800; padding-left:3px;}
.message input{ box-sizing:border-box; width:100%; border:1px solid #ddd; height:50px; color:#333; padding:0 5px; font-size:14px; line-height:48px; margin-bottom:20px; border-radius:3px;}
.message textarea{ box-sizing:border-box; width:100%; border:1px solid #ddd; height:240px; color:#333; padding:0 5px; font-size:14px; line-height:30px; margin-bottom:10px; border-radius:3px;}
.message button{ text-transform:uppercase;display:block; height:50px; border-radius:5px; border:none; line-height:50px; cursor:pointer; font-size:16px; color:#FFF; background:#282e3f; width:200px; margin-top:15px; float:right; transition:all 0.5s; -webkit-transition:all 0.5s}
.message button:hover{ background:#e68020}