body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#bg{filter:alpha(opacity=70);  
      -moz-opacity:0.9;  
      -khtml-opacity: 0.8;  
      opacity: 0.8;  }
#b1 li{ float:left; list-style:none; padding:30px; }
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
ul{ margin:0px; padding:0px;}
#b1 ul li{ width:25%;margin:0px; padding:0px;}

.fangda{ width: auto; height:auto; overflow:hidden;}
.fangda li{ list-style:none;overflow:hidden; float:left; cursor:pointer}
.fangda li:hover{}
.fangda li img{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
.fangda li:hover img{-webkit-transform:scale(1.50);-moz-transform:scale(1.50);-o-transform:scale(1.50);transform:scale(1.50);-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
/*pic1-start*/
.grid {
	position: relative;
	margin: 0 auto;
	padding: 0;
	max-width: 320px;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin:0;
	min-width: 320px;
	max-width: 320px;
	max-height: 288px;
	width: 48%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1100;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 { font-family:Arial, Helvetica, sans-serif;
font-size:46px;
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/* Individual effects */

/*---------------*/
/***** Bubba *****/
/*---------------*/

figure.effect-bubba {
	background: #000;
}

figure.effect-bubba img {
	opacity: 0.7;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-bubba:hover img {
	opacity: 0.4;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-bubba h2 {
	padding-top: 10%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
}

figure.effect-bubba p {
	padding: 20px 2.5em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*---------------*/

/*------end---------*/



*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { display: table; content: ''; }
.clearfix:after { clear: both; }


a {
	outline: none;
	color: #3498db;
	text-decoration: none;
}

a:hover, a:focus {
	color: #528cb3;
}
/*pic1-end*/
/*order botton1*/
.getstart1 a{ 
		text-align: center;
		font-size: 14px;
		text-decoration: none;
		padding: 8px 26px;

		color: #cccccc;
		border:1px solid #eeeeee;

	}
.getstart1 a:hover{
	color:#ffffff;
	border:1px #43240a solid;
	background:#007ABB;
	text-decoration: none;
	transition: .5s all;
	-webkit-transition: .5s all;
	-o-transition: .5s all;
	-ms-transition: .5s all;
	-moz-transition: .5s all;
	}
	/*order botton*/
.getstart a{ 
		text-align: center;
		font-size: 12px;
		text-decoration: none;
		padding: 8px 10px;

		color: #fff;
		border:1px solid #fff;

	}
.getstart a:hover{
	color:#ffffff;
	border:1px #43240a solid;
	background:#007ABB;
	text-decoration: none;
	transition: .5s all;
	-webkit-transition: .5s all;
	-o-transition: .5s all;
	-ms-transition: .5s all;
	-moz-transition: .5s all;
	}
	
	
	dl, dt, dd, ol, ul, li {margin: 0;padding: 0;border: 0;font-size: 100%;font-weight: normal;vertical-align: baseline;background: transparent;}

a{ text-decoration: none;transition: .5s all;
	-webkit-transition: .5s all;
	-o-transition: .5s all;
	-ms-transition: .5s all;
	-moz-transition: .5s all;}
ul, ol {list-style: none;}
/*header begin*/
.header{ position:relative; z-index:12; width:700px; height:100px; }
.header .boxr{ float:right; margin-top:0px;}
.header .boxr .menu_ul{}
.header .boxr .menu_ul>li{ padding:0 25px; font-size:16px;float:left; font-weight: bolder;line-height:43px; padding-bottom:23px; position:relative;}
.header .boxr .menu_ul>li>a{ font-size:14px; line-height:115PX; color:#333; display:block;}
.header .boxr .menu_ul>li>a:hover{color:#04438B;}
.header .boxr .menu_ul>li.last{ padding:0;}
.header .boxr .menu_ul>li:hover>a{color:#04438B;}

.header .boxr .menu_ul>li dl{ min-width:100%; display:none;  position:absolute; top:100px; left:0;}
.header .boxr .menu_ul>li dl dd{height:40px; width:100%;}
.header .boxr .menu_ul>li dl dd a{ color: #fff;background:url("../images/black70.png"); font-size: 13px; height:40px; line-height:40px; display: block; text-align:center;white-space:nowrap; padding:0 4%; width:92%; border-bottom: solid 1px #9a8789;}
.header .boxr .menu_ul>li dl dd a:hover{ background:#04438B;transition: 0s;-moz-transition:  0s;	-webkit-transition:  0s;-o-transition:  0s; }

.header .boxr .menu_ul>li.on>a{ color:#fea068;}
/*header end*/
/* demo style */
.box-163css{ width:160px; margin:0px 0; position:relative;}
.searchbg{ WIDTH: 80px;  HEIGHT: 30px}
.searchContainer {WIDTH: 20px; margin-top:-33px; margin-left:15px; HEIGHT: 30px}
.searchbg {background:url("search.jpg") no-repeat;}
.searchContainer INPUT { WIDTH: 140px;LINE-HEIGHT: 16px; HEIGHT: 18px; margin-left:0px;  border:1px solid #4a4a4a;}
.searchbtn {FLOAT: left; WIDTH: 29px; HEIGHT: 30px}
body, dl, dt, dd, ol, ul, li{
	border: 0;font-weight: normal;vertical-align: baseline;background: transparent;}
/*Ê×Ò³-banner*/
.sy_banner{ width: 100%; height: 450px; position: relative; z-index: 2;}
.sy_banner ul{ width: 100%; height: 450px;}
.sy_banner ul li{margin: 0;padding: 0; width: 100%; height:450px; position: absolute; left: 0; top: 0; display: none; background-size:1444px 450px; background-position: center top;}
.sy_banner ul li a{ width: 100%; height: 450px; display: block;}
.sy_banner dl{ text-align: center; position: absolute; left: 0; bottom: 30px; width: 100%; height: 12px;}
.sy_banner dl dd{transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s; width: 10px; height:12px; background:url("../images/bannerli_03.png");  display: inline-block; *display: inline; *zoom: 1; margin: 0 8px; cursor:pointer;}
.sy_banner dl dd.current{ background:url("../images/bannerli_05.png");}
.sy_banner .prev{ position: absolute; width: 72px; height: 71px; background: url("../images/ico_sliding.png") no-repeat left center; background-position: 0 0; left: 50px; top: 50%; margin-top:-36px; cursor: pointer; z-index:3; display:none;}
.sy_banner .next{ position: absolute; width: 72px; height: 71px; background: url("../images/ico_sliding.png") no-repeat right center;background-position: 0 -72px; right: 50px; top: 50%;margin-top:-36px; cursor: pointer; z-index:3; display:none;}
.sy_banner .prev:hover{background-position:0 -144px;}
.sy_banner .next:hover{background-position:0 -216px;}
.sy_banner:hover .prev{ display:block;}
.sy_banner:hover .next{ display:block;}