* {
	margin: 0px auto;
	border: 0px;
	padding: 0px;
}
a {
	color: inherit;
	text-decoration: none;
}
li {
	list-style-type: none;
}
.clear {
	clear: both;
}
.blank5 {
	clear: both;
	height: 5px;
}
.blank10 {
	clear: both;
	height: 10px;
}
.blank20 {
	clear: both;
	height: 20px;
}
.blank30 {
	clear: both;
	height: 30px;
}
.blank50 {
	clear: both;
	height: 50px;
}
.blank70 {
	clear: both;
	height: 70px;
}
body {
	color: #333333;
	width:100%;
	font-family: "Microsoft Yahei", "SimSun", "Comic Sans MS", "MS PGothic", Helvetica, Arial, sans-serif;
	min-width:1200px;
	margin:0 auto;
	background-color:#FFFFFF;
}


.ban{background:url(../image/ban.jpg) no-repeat; height:600px; background-position:center; margin-top:80px;}
.ban .tel{ width:515px; height:50px; position:relative; top:255px; }
.ban .tel .tell{ width:145px; height:25px; border-bottom:1px solid #000000; float:left;}
.ban .tel .telw{ width:225px; height:50px; text-align:center; font-size:30px; color:#333333; line-height:50px; float:left; font-weight:bold;}
.ban .des{ width:800px; height:50px; position:relative; top:284px; font-size:15px; color:#FFFFFF; line-height:28px; text-align:center;}


.head {
    width:100%;
    height: 50px;
    background-color: #212121;
	position:fixed;
	top:30px;
	z-index:9999;
}
.head .navigation {
	position:relative;
    width:1200px;
	height:50px;
	margin:0 auto;
    color: white;
    font-size: 16px;
}
.head .navigation ul{ width:1200px; height:50px;}
.head .navigation ul li{
    float: left;
    height:50px; line-height:50px;
    padding:0 25px;
    cursor:pointer;
}

.head .navigation ul li{color: #ffffff}
.triangle .triangle-up {
    float: left;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 7.5px solid white;
	
}
#triangle1 {
    position: absolute;
    bottom: 0px;
    left: 33px;

	
}
#triangle2 {
    position: absolute;
    bottom: 0px;
    left: 560px;
	display:none;
   
}
#triangle3 {
    position: absolute;
    bottom: 0px;
    left: 674px;
	display:none;
    
}
#triangle4 {
    position: absolute;
    bottom: 0px;
    left: 787px;
	display:none;
    
}
#triangle5 {
    position: absolute;
    bottom: 0px;
    left: 903px;
	display:none;
    
}
#triangle6 {
    position: absolute;
    bottom: 0px;
    left: 1006px;
	display:none;
    
}
#triangle7 {
    position: absolute;
    bottom: 0px;
    left: 1119px;
	display:none;
    
}


.meau{ width:360px; margin:0 auto; height:74px;}
.meau .ml{ width:100px; height:37px; border-bottom:1px solid #626262; float:left; }
.meau .mz{ width:160px; text-align:center; height:74px; line-height:74px; font-size:36px; color:#33333; float:left; }

.meaul{ width:615px; margin:0 auto; height:74px;}
.meaul .ml{ width:100px; height:37px; border-bottom:1px solid #ffffff; float:left; }
.meaul .mz{ width:415px; text-align:center; height:74px; line-height:74px; font-size:36px; color:#ffffff; float:left; }



.fw{ width:1200px; margin:0 auto; height:auto;}
.fw li{ width:230px; margin-left:12.5px; float:left; height:320px; cursor:pointer; }
.fw li .fpic{ width:230px; height:100px; overflow:hidden;}
.fw li .fcon{ width:230px; height:220px; background-color:#0071bd; border-bottom-left-radius:7px; border-bottom-right-radius:7px;}
.fw li .fcon .ft{ width:210px; margin:0 auto; height:54px; border-bottom:1px solid #338dca; text-align:center; font-size:20px; font-weight:bold; color:#FFFFFF; line-height:54px;}
.fw li .fcon p{ font-size:16px; line-height:24px; text-align:left; margin-left:65px; color:#FFFFFF;}
.fw li img{ transition:0.5s;}
.fw li:hover img{transform: scale(1.1);}


.lc{ width:100%; height:590px; background-color:#0071bd;}
.lc .lbox{ width:1200px; margin:0 auto;}
.lc .lbox .ldes{ width:1200px; text-align:center; font-size:16px; color:#FFFFFF;}
.lc .lbox .lpic{ width:1200px; margin:0 auto;}


.xz{ width:1200px; margin:0 auto; text-align:center; font-size:20px; font-weight:bold; color:#333333;}
.xzbox{ width:1200px; height:75px; border:1px dashed #cdcdcd; border-radius:5px; padding-top:15px; margin:15px auto;}
.xzbox p{ text-align:center; font-size:16px; color:#333333; line-height:32px;}
.al{ width:1200px; margin:0 auto; height:auto; margin-top:25px;}
.al .alt{ width:600px; float:left; height:50px; line-height:50px; text-align:center; font-size:20px; font-weight:bold; color:#333333;}
.al .alb{ width:1200px; margin:0 auto; }
.al .alb .albox{ float:left; width:560px; color:#FFFFFF; border-radius:8px;}
.al .alb .albox .albl{ font-size:48px; float:left; width:60px; text-align:center; margin-left:10px; font-family:"Arial";}
.al .alb .albox .albr{ font-size:16px; float:left; width:475px; margin-left:10px; padding-right:5px;}
.al .alb .alj{  width:80px; float:left;}
.al2{ height:90px; background-color:#00a5bd; line-height:90px;}
.al5{ height:170px; background-color:#00a5bd; line-height:170px;}
.fa{background-color:#0071bd}


.qy{background:url(../image/qy2.jpg) no-repeat; height:690px; background-position:center;}


.yw{ width:1200px; margin:0 auto; margin-top:30px; height:450px;}
.yw li{ width:285px; height:400px; float:left; margin-left:20px; overflow:hidden; cursor:pointer;}
.yw li .ypic{width:285px; height:400px;}
.yw li .ytit{ width:285px; color:#FFFFFF; font-size:24px; height:200px;  position:relative; top:-200px;}
.yw li .ytit .t1{ text-align:center; font-size:24px; width:285px; height:60px; line-height:60px;}
.yw li .ytit .t2{ width:245px; padding:0 20px; font-size:16px; text-align:left; line-height:30px;}
.yw li:hover img{animation: mymove 0.4s 0s forwards;
    -moz-animation: mymove 0.4s 0s forwards;
    -webkit-animation: mymove 0.4s 0s forwards;
    -o-animation: mymove 0.4s 0s forwards;
	}
@keyframes mymove
{
0% {transform: scale(1);}
50% {transform:scale(1.05)}
100% {transform:scale(1)}
}





.bot{ width:100%; height:90px; background-color:#212121;}
.bot .bbox{ width:1200px; height:90px; line-height:90px; color:#FFFFFF;}
.bot .bbox .bbl{ float:left; margin-left:20px; font-size:24px;}
.bot .bbox .bbl span{ font-size:30px; margin-right:5px;}
.bot .bbox .bbr{ float:right; margin-right:20px; font-size:24px;}
.bot .bbox .bbr span{ font-size:32px; margin-left:5px;}


.r50{position:relative; top:-50px;}
.rf135{position:relative; top:-135px;}
.rf30{position:relative; top:-30px;}
.rf15{position:relative; top:-15px;}
.l0{ margin-left:0 !important;}
.mt5{margin-top:5px;}
.mt45{margin-top:45px;}
.ml510{margin-left:430px;}
.anliw1{line-height:28px; padding-top:19px;}


.wbg{ background:url(../image/xbg.jpg) no-repeat; height:670px; background-position:center }
.wbg .nrbox{ width:1200px; height:375px; position:relative; top:190px;}
.wbg .nrbox a li{ width:300px; height:375px; float:left; background-color:#FFFFFF; position:relative; cursor:pointer;}
.wbg .nrbox a li .dat{ width:80px; height:30px; padding-top:20px; margin-left:15px; font-size:18px; color:#666666; line-height:30px; border-bottom:2px solid #b5b5b5 }
.wbg .nrbox a li .yea{ font-size:14px; height:30px; margin-left:15px;color:#999999; line-height:30px;}
.wbg .nrbox a li .ntit{ width:270px; margin:15px; font-size:16px; line-height:26px; color:#333333;}
.wbg .nrbox a li .ncon{ width:270px; margin:0 15px; font-size:14px; line-height:24px; color:#666666;}
.wbg .nrbox a li .an{ width:41px; height:41px; background:url(../image/na.jpg) no-repeat; position:absolute; bottom:10px; right:10px;}

.wbg .nrbox a li:hover{ background-color:#f6f6f6;}
.wbg .nrbox a li:hover .an{background:url(../image/nah.jpg) no-repeat;}
.wbg .nrbox a{ width:300px; height:375px; display:block; float:left; background-color:#FFFFFF;}
.wbg .nrbox a.act li{ background-color:#f6f6f6;}
.wbg .nrbox a.act li .an{background:url(../image/nah.jpg) no-repeat;}