BODY {margin:0px;background:URL(bg.jpg) #0075c2; background-attachment:fixed; background-position:center 0px;background-repeat:repeat-y;FONT-SIZE: 12px;LINE-HEIGHT: 24px;color:#444;FONT-FAMILY: "΢ÈíÑźÚ","ËÎÌå","Arial Narrow";
scrollbar-face-color:#70807d; scrollbar-arrow-color:#ffffff; scrollbar-highlight-color:#70807d; scrollbar-3dlight-color:#70807d; scrollbar-shadow-color:#ccc; scrollbar-darkshadow-color:#70807d; scrollbar-track-color:#fff}
FORM {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
UL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
LI {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;list-style-type:none;}
P {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
H1 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; font-size:26px; line-height:40px; color:#000; text-align:center; color:#0F0}
H2 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; font-size:18px; line-height:30px; color:#000; text-align:center; color:#FF0}

div{margin:0;padding:0;}
td{font-size:16px; line-height:30px;font-family:'Microsoft YaHei';}
hr{height:1px;border:none;margin:10px auto;}
a:link{color:#444;text-decoration:none;}
a:visited{color:#444;text-decoration:none;}
a:hover{color:#c00;text-decoration:none;}
a:active{color:#444;text-decoration:none;}
a.N1a:link{padding:0 8px;}
a.N1a:visited{padding:0 8px;}
a.N1a:hover{padding:0 8px;}
a.N1a:active{padding:0 8px;}

#bgcenter{ width:1230px; clear:both; margin:0 auto; background-color:#fff;}

.bb{background-color:#E20816; text-align:center; padding-top:20px;}

.menu{color:#fff; text-align:center; background-color:#005186;}
.menu a:link{color:#fff; padding:0 22px;}
.menu a:visited{color:#fff; padding:0 22px;}
.menu a:hover{color:#fff; padding:0 22px;}
.menu a:active{color:#fff; padding:0 22px;}

.z{font-size:15px; line-height:28px; font-weight:bold; color:#fff; background-color:#0098D1; padding:15px;}
.zc{font-size:16px; line-height:28px; padding-right:20px; padding-left:20px;}
.zs{font-size:16px; line-height:28px; font-weight:bold; color:#fff; background-color:#0098D1; padding:15px;}
.fa{border-right:#eee 1px solid;}
.fa img{padding-left:10px;}
.bt{ font-size:16px;font-weight:bold; color:#0B80B1; line-height:40px; text-align:left;padding-left:10px;}
.lr{ font-size:16px;line-height:32px; text-align:left;padding:15px;color:#553494;}
.lr b{color:#f00;}
.cs{font-family:'Microsoft YaHei UI';font-size:18px; line-height:32px; padding:20px 0px 0px 0px;}
.cs td{font-family:'Microsoft YaHei UI';font-size:16px; line-height:40px;}
#bt{width:1200px; clear:both; margin:0 auto; font-weight:bold; background:url(dbt.jpg); background-position:bottom right; line-height:64px; font-size:24px; font-weight:bold; color:#FFF; }
#bt strong{padding-left:65px; color:#FFF; font-weight:800;}

#center{MARGIN: 0px auto;clear:both;z-index:1; WIDTH: 1200px;overflow:hidden;}
#center3{MARGIN: 0px auto;clear:both;z-index:1; WIDTH:100%;overflow:hidden; background-color:#1B191A; padding-top:35px;padding-bottom:20px;}
#cl{MARGIN: 0px auto;WIDTH: 100%;CLEAR: both; FONT-SIZE: 1px; LINE-HEIGHT: 1px;HEIGHT: 1px;}
#cl1{MARGIN: 0px auto;WIDTH: 100%;CLEAR: both; FONT-SIZE: 1px; LINE-HEIGHT: 1px;HEIGHT: 10px;}
#tel400{text-align:center; color:#ccc; background-color:#333;border-bottom:#444 4px solid; line-height:44px; height:50px;}
#tel400 a:link,#tel400 a:visited,#tel400 a:hover,#tel400 a:active{ color:#999; padding:0 8px; height:50px;line-height:50px;}


.tb{width:1200px;  margin:0 auto 20px auto; border:#0075c2 1px solid;}

#bann{ width:100%; clear:both; margin:0 auto;height:296px; text-align:center; background:url(bann.jpg); background-repeat:no-repeat; background-position:center;}
.qy{background-color:#0075c2;color:#FFF; padding:20px; font-size:16px; line-height:30px;}

.lr{color:#333; padding:20px; font-size:16px; line-height:30px;}
.lr strong{ font-size:18px; color:#F00}


.tx1{ width:199px;background:url(t1.jpg); background-repeat:no-repeat; background-position:center 20px; color:#FFF; font-size:16px; line-height:28px; padding:100px 20px 15px 25px; height:193px;}
.tx2{ width:199px;background:url(t2.jpg); background-repeat:no-repeat; background-position:center 20px; color:#FFF; font-size:16px; line-height:28px; padding:100px 20px 15px 25px; height:193px;}
.tx3{ width:199px;background:url(t3.jpg); background-repeat:no-repeat; background-position:center 20px; color:#FFF; font-size:16px; line-height:28px; padding:100px 20px 15px 25px; height:193px;}
.tx4{ width:199px;background:url(t4.jpg); background-repeat:no-repeat; background-position:center 20px; color:#FFF; font-size:16px; line-height:28px; padding:100px 20px 15px 25px; height:193px;}
.tx5{ width:199px;background:url(t5.jpg); background-repeat:no-repeat; background-position:center 20px; color:#FFF; font-size:16px; line-height:28px; padding:100px 20px 15px 25px; height:193px;}
.tx6{ width:199px;background:url(t6.jpg); background-repeat:no-repeat; background-position:center 20px; color:#FFF; font-size:16px; line-height:28px; padding:100px 20px 15px 25px; height:193px;}

.csb td{ font-size:12px; line-height:18px;}
.d{background:url(d.png); background-repeat:no-repeat; background-position:bottom right; height:50px; padding:0;}
.h{background:url(h.png); background-repeat:no-repeat; background-position:top left; height:50px; padding:0;}
.lrt{ color:#fff; font-size:30px; font-weight:500; line-height:70px; text-align:center;}
.lrb{ color:#fff; font-size:18px; padding:20px; text-align:center; line-height:30px; height:280px;}




		.box{
		    position: relative;
		    overflow: hidden;
			border-top:#fff 30px solid;
		}
		.box:before,
		.box:after{
		    content: '';
		    background: linear-gradient( #000dff 0%,#6b73ff 100%);
		    height: 150%;
		    width: 100%;
		    border-radius: 0 100% 0 0;
		    opacity: 0;
		    position: absolute;
		    left: -50%;
		    top: 100%;
		    z-index: 1;
		    transition: border-radius .5s ease-out,top .5s ease-out,opacity .3s ease-out;
		}
		.box:after{
		    border-radius: 100% 0 0 0;
		    left: 50%;
		}
		.box:hover:before,
		.box:hover:after{
		    top: -50%;
		    opacity: 0.9;
		    border-radius: 0 35% 0 0;
		}
		.box:hover:after{ border-radius: 35% 0 0 0; }
		.box img{
		    width: 100%;
		    height: auto;
		}
		.box .box-content{
		    color: #fff;
		    text-align: center;
		    width: 80%;
		    opacity: 0;
		    transform: translateX(-50%) translateY(-50%);
		    position: absolute;
		    top: 50%;
		    left: 50%;
		    z-index: 2;
		    transition: all 0.3s ease 0.2s;
		}
		.box:hover .box-content{ opacity: 1; }
		.box .title{
		    font-size: 25px;
		    font-weight: 700;
		    text-transform: uppercase;
		    letter-spacing: 1px;
		    margin: 0 0 7px;
		}
		.box .post{
		    font-size: 16px;
		    font-weight: 300;
		    letter-spacing: 1px;
		    text-transform: capitalize;
		    margin: 0 0 10px;
		    display: block;
		}
		.box .icon{
		    padding: 0;
		    margin: 0;
		    list-style: none;
		}
		.box .icon li{
		    margin: 0 5px;
		    display: inline-block;
		}
		.box .icon li a{
		    color: #fff;
		    background: transparent;
		    font-size: 14px;
		    line-height: 31px;
		    height: 35px;
		    width: 35px;
		    border: 1px solid #fff;
		    border-bottom: none;
		    border-right: none;
		    border-radius: 50%;
		    display: block;
		    transition: all 0.3s ease;
		}
		.box .icon li  a:hover{
		    color: #fff;
		    box-shadow: 0 0 10px #000;
		}
		@media only screen and (max-width:990px){
		    .box { margin: 0 0 30px; }
		}





#main{width:1158px;height:513px;margin:10px auto;}
#main ul{list-style:none;}
#main ul li{width:289.5px;height:470px;float:left;position:relative;}
#main ul li img{border:10px solid #F5F5F5;-webkit-transition:1s ease;-moz-transition:1s ease;}
#main .info{width:240px;height:250px;border:10px solid #F5F5F5;background:#a0c2e8;position:absolute;bottom:-50px;right:0;-webkit-transition:1s ease;-moz-transition:1s ease;-moz-transform:rotatey(30deg);-webkit-transform:rotatey(30deg);}
#main .info h2{text-align:center;line-height:70px;color:#0061a1;font-weight:normal;font-size:20px;}
#main .info p{padding:0 20px;font-size:14px; line-height:25px;}
#main .info a{display:block;width:100px;height:30px;background:#7a3f3a;color:#FFF;border-radius:5px;text-decoration:none;text-align:center;line-height:30px;margin:10px auto;}

#main ul li:hover .info{-webkit-transform:rotatey(0deg);-moz-transform:rotatey(0deg);right:30px;bottom:-70px;}
#main ul li:hover img{-webkit-transform:rotatey(360deg);-moz-transform:rotatey(360deg);}