@charset "utf-8";
@import url(/images/lib.css);
@import url(/images/euico.css);
* {
    margin:0 auto;
	padding:0;
}
html {
	overflow-x: hidden; background-color:#fff;
}
body {
    font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;
	color:#363636;
	line-height:21px;
	font-size:12px;
}
ul li {
    list-style:none;
}
.tbold { font-weight:bold;}
.tred {color:#F00;}
.tblue {color:#0066FF}
.tem {font-style:italic}
input {
	border:1px solid #ddd;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:0 2px;
}
.coder {width:180px;height:30px;position:relative; float:left;}
.coder input {height:30px;width:100%; position:absolute; right:0; padding-right:0;}
.coder img {position:absolute; right:1px; top:1px;bottom:1px;height:30px;-webkit-border-radius:0 6px 6px 0; 
	-moz-border-radius:0 6px 6px 0;
	border-radius:0 6px 6px 0;}
.inp {
    height:25px;
	line-height:25px;
	padding:0 2px;
	border:1px solid #ccc;
}
.dat {
	border:1px solid #ccc;
	background:url(../images/date.gif) no-repeat right bottom #FFF;
}
textarea {
	border:1px solid #ccc;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:2px;
}
.lan {
	width:480px;
	margin-top:5px;
	float:right;
	height:18px;
	line-height:18px;
	text-align:right;
}
.lan a, .iuser a {
	display:block;
	float:right;
	margin:0 3px;
	padding:0 15px;
	border:1px solid #ddd;
	background:#eee;
	cursor:pointer;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	color:#777;
}
.lan a:hover,.iuser a:hover {
	color:#fff;
	background:#24384b;
	border:1px solid #24384b;
	cursor:pointer;
	transition:0.3s; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease;
}

.lan .cur {
	color:#fff;
	background:#24384b;
	border:1px solid #24384b;
	cursor:pointer;
}
td {
	padding:2px;
}
.subit {
    cursor:pointer;
	border:1px solid #ddd;
	height:25px;
	line-height:25px;
	padding:0 5px;
	background:#eee;
}

.area {
	border:1px solid #ddd;
}
.code {
	width:60px;
    height:20px;
	line-height:20px;
	padding:0 2px;
	border:1px solid #ccc;
}


a:link, a:visited {
    color:#363636;
	text-decoration:none;
	outline:none; blur:expression(this.onFocus=this.blur());
}
a:hover, a:Active {
    color:#F00;
	text-decoration:none;
}
.container {
    width:1000px;
}
a img {
    border:0;
}

.top {
	width:100%;
	height:80px;
	background:#f6f6f6;
	position:absolute;
	top:0;
	z-index:777;
	filter:alpha(opacity=85);
	opacity:0.85;
}
.topcon {
	width:98%;
	height:80px;
	margin:0 auto;
	position:relative;
}
.logo {
    width:auto;
	max-width:500px;
	height:70px;
	float:left;
	line-height:80px;
	letter-spacing:2px;
	font-style:oblique
}
.logo a {
	height:80px;
	display:block;
	position:absolute;
	color:#f80;
	font-size:30px;
	font-weight:blod;
	z-index:999
}
.logo img {width:197px; height:60px;margin-top:8px;}
.logo a:hover img {
	display:block;
	animation: flipInX 1.2s ease-out forwards;
	-webkit-animation: flipInX 1.2s ease-out forwards;
	-moz-animation: flipInX 1.2s ease-out forwards;
}

.fixedmenu{position:fixed;top:0px;left:0px;width:100%;	
    FILTER: alpha(opacity=90); 
	opacity: 0.9;
	background:#333;
	animation: flipInX 1.2s ease-out forwards;
	-webkit-animation: flipInX 1.2s ease-out forwards;
	-moz-animation: flipInX 1.2s ease-out forwards;
}
.fixedmenu a {color:#fff}
.fixedmenu .menu ul>li>ul {
	background:#333}
.fixedmenu .menu>ul>li>ul>li{
	border-top:1px solid #666;
} 
.fixedmenu .menu>ul>li>ul>li>ul {
	background:#ff9001;
}
.fixedmenu .menu>ul>li>ul>li>ul>li {
	border-top:1px solid #fbac47;
}
.fixedmenu .menu>ul>li>ul>li>ul>li a:hover,.fixedmenu .menu>ul>li>ul>li>ul>li.ncur a {
	background:#fff;
	color:#333;
}
.fixedmenu .menu{
	animation: flipInX 1.2s ease-out forwards;
	-webkit-animation: flipInX 1.2s ease-out forwards;
	-moz-animation: flipInX 1.2s ease-out forwards;
} 
.fixedmenu .menu>ul>li b {
	border-bottom:5px solid #fff;
}
.fixedmenu .menu>ul>li.sear {
	top:35px;
	background:url(sou.png) no-repeat center -17px;
}
.fixedmenu .menu>ul>li.scur {
	top:35px;
	background:url(sou.png) no-repeat center bottom;
}
.menu {
    width:660px;
	height:80px;
	z-index:9999;
	float:right;
	padding-right:30px;
}

.menu ul{ 
	float:right;
	font-family:"Microsoft YaHei";
} 
.menu>ul>li{ 
    width:auto;
	height:80px;
	line-height:80px;
	display:block;
	letter-spacing:10px;
	text-align:center;
	float:right;
	font-size:16px;
	position:relative;
	z-index:8888;
	margin-right:1px;
	transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
} 
.menu>ul>li>a:link, .menu>ul>li>a:visited {
	text-decoration:none;
	display:block;
}
.menu ul li a:after{content: '';width:2px;height:12px;background-color: #696969;left: 0px;position: absolute;margin-top: -15px;transition: all 0.3s ease 0s; display: block; opacity: 0;}

.menu>ul>li span {
    padding:0 20px;
}
.menu>ul>li.sear,.menu>ul>li.scur {
    width:14px;
    height:14px;
	float:right;
	z-index:1000;
	position:absolute;
	right:5px;
	top:33px;
	background:url(sou.png) no-repeat center top;
}
.menu>ul>li.scur {
    width:14px;
    height:14px;
	float:right;
	z-index:1000;
	position:absolute;
	right:5px;
	top:33px;
	background:url(sou.png) no-repeat center top;
}
.menu>ul>li.sear a,.menu>ul>li.scur a {
    width:14px;
	height:14px;
	display:block;
	cursor:pointer;
}
.menu>ul>li:hover.sear,.menu>ul>li.scur {
	background:url(sou.png) no-repeat center bottom;
}
.menu>ul>li b {
	position:absolute;
	left:43%;
	z-index:9999;
	display:block; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #ccc; position:absolute; bottom:0px;
}
.menu>ul>li:hover b, .menu>ul>li.navthis> b{
	display:block; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #ff9001; position:absolute; bottom:0px;
}


.menu>ul>li:hover,.menu>ul>li:hover>a,.menu>ul>li>a:hover, .menu>ul>li>a:active, .menu>ul>li.navthis>a{
	color:#ff7908;
	-webkit-border-radius:5px; 
	-moz-border-radius:5px;
	border-radius:5px;
	transition:0.3s; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease;
} 

/* 下拉的菜单栏 */ 
.menu>ul>li ul{ 
    display:none;
    width:120px;
	
    position:absolute;
    background:#f6f6f6;
    color:#333;
	margin-left:-9px;
    -webkit-box-shadow:2px 6px 10px #777; 
    -moz-box-shadow:2px 6px 10px #777;
    box-shadow:2px 6px 10px #777; 
    z-index:9999;
	-webkit-border-radius:0 0 5px 5px; 
	-moz-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
} 
/* 下拉菜单的菜单项 */ 
.menu .arrow{
	position:absolute;
	right:-10px;
    color:#ddd;
}
.menu>ul>li>ul>li{
	position:relative;
	text-align:left;
	line-height:35px;
	letter-spacing:2px;
	font-size:14px;
	border-top:1px solid #ddd;
} 
.menu>ul>li>ul li>a{
	padding-left:22px;
	display:block;
} 
.menu>ul>li>ul li ul li {
	line-height:35px;
}
.menu>ul>li>ul>li:hover,.menu>ul>li>ul>li.mcur,.menu>ul>li>ul>li.mcur a {
	color:#fff;
	background:#ff9001;
} 
.menu>ul>li>ul li a:hover{
	color:#fff;
}
.menu>ul>li ul li em  {
	position:absolute;
	top:15px;
	z-index:9999;
	display:block; width:0; height:0; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:6px solid #ff9001; position:absolute; top:35%; right:5px;
}
.menu>ul>li ul li:hover em,.menu>ul>li>ul>li.mcur em {
	display:block; width:0; height:0; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:6px solid #fff; position:absolute; top:35%; right:5px;
}

.menu>ul>li>ul>li:hover>a {color:#fff}
/* 三级及以下的菜单项的定位 */ 
.menu>ul>li>ul>li ul{
	left:108px;
	top:0px;
	margin-left:0;
	padding-bottom:0;
	overflow:hidden;
	background:#ff9001;
	-webkit-border-radius:0 5px 5px 5px; 
	-moz-border-radius:0 5px 5px 5px;
	border-radius:0 5px 5px 5px;
} 
.menu>ul>li>ul li ul li {
	border-top:1px solid #fbac47;
}
.bli {
-webkit-border-radius:0 0 5px 5px; 
	-moz-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
}
.menu>ul>li>ul>li ul li a:link,.menu>ul>li>ul>li ul li a:visited {
	color:#fff;
}
.menu>ul>li>ul>li ul li a:hover,.menu>ul>li>ul>li ul li.ncur a {
	color:#fff;
	background:#333;
}
.texts {
	width:50%;
	float:left;
	margin-top:120px;
	position:absolute;
	z-index:80;
	left:20%;
	color:#fff;
	letter-spacing:1px;
	text-align:center;
	-webkittext-shadow:1px 1px 1px #111;; 
    -moz-text-shadow:1px 1px 1px #111;;
    text-shadow:1px 1px 1px #111; 
    font-family:"Microsoft YaHei";}
.texts span {
	font-size:24px;
	display:block;
	line-height:45px;
	color:#ff0;
	letter-spacing:3px;
	animation: bounceInLeft 2.2s ease-out forwards;
	-webkit-animation: bounceInLeft 2.2s ease-out forwards;
	-moz-animation: bounceInLeft 2.2s ease-out forwards;
}
.texts a:link,.texts a:visited {color:#fff}
.texts a:hover {color:#ff9001}
.texts dd {
	font-size:14px;
	display:block;
	line-height:50px;
	color:#f3f3f3;
	animation: bounceInRight 2.2s ease-out forwards;
	-webkit-animation: bounceInRight 2.2s ease-out forwards;
	-moz-animation: bounceInRight 2.2s ease-out forwards;
}
.texts dt a {
	width:100px;
	height:30px;
	display:block;
	text-align:center;
	line-height:30px;
	margin-top:5px;
	font-size:14px;
	padding:0 15px;
	display:block;
	letter-spacing:5px;
	border:1px solid #fff;
	animation: bounceInUp 2.2s ease-out forwards;
	-webkit-animation: bounceInUp 2.2s ease-out forwards;
	-moz-animation: bounceInUp 2.2s ease-out forwards;
	transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s;
	-webkit-text-shadow:0px 0px 10px #111; 
    -moz-text-shadow:0px 0px 10px #111;;
    box-shadow:0px 0px 10px #111;
}
.texts dt a:hover {
	border:1px solid #aaa;
	cursor:pointer;
	margin-top:-5px; color:#fff;
	-webkit-text-shadow:0px 0px 15px #111; 
    -moz-text-shadow:0px 0px 15px #111;;
    box-shadow:0px 0px 15px #111;
	 }
.intro {
	width:100%;
	height:35px;
	line-height:35px;
	background:#000;
	position:absolute;
	text-align:center;
	color:#fff;
	font-family:"Microsoft YaHei";
	bottom:0;
	z-index:100;
	filter:alpha(opacity=80);
	opacity:0.8;
	overflow:hidden;
	animation: bounceInUp 3.2s ease-out forwards;
	-webkit-animation: bounceInUp 3.2s ease-out forwards;
	-moz-animation: bounceInUp 3.2s ease-out forwards;
}
.intro span {
	padding-left:30px;
	height:35px;
	background:url("/images/m/tel.png") no-repeat left;
	background-size:15%;
	color:#f00;
	font-size:18px;
	font-weight:bold;
	letter-spacing:1px;
}
.fullSlide {
	width:100%;
	position:relative;
	height:280px;
}
.fullSlide .bd {
	margin:0 auto;

}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	overflow:hidden;
	text-align:center;
	display:block;
	background:center;
	background-size:100%;
	display:block;
	height:280px;
}
.fullSlide .bd li dl {display:block; background:loading.gif no-repeat center; width:100%; height:100%;}
.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:200;
	bottom:33px;
	left:0;
	height:20px;
	line-height:20px;
}
.fullSlide .hd ul {
	text-align:center;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:25px;
	height:5px;
	border-bottom:1px solid #ff9001;
	margin-right:2px;
	overflow:hidden;
	filter:alpha(opacity=80);
	opacity:0.8;
	line-height:999px;
}
.fullSlide .hd ul .on {
	width:25px;
	height:5px;
	background:#ff9001;
	animation: bounce 0.8s ease-out forwards;
	-webkit-animation: bounce 0.8s ease-out forwards;
	-moz-animation: bounce 0.8s ease-out forwards;
}
.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:0;
	z-index:1;
	width:40px;
	height:60px;
	background:url(slider-arrow.png) -126px -137px #888 no-repeat;
	cursor:pointer;
	display:none;
}
.fullSlide .next {
	left:auto;
	right:0;
	background-position:-6px -137px;
}
.fullSlide .prev:hover {
	left:0;
	z-index:1;
	background-position:-126px -137px;
	background-color:#000;
}

.fullSlide .next:hover {
	left:auto;
	right:0;
	background-position:-6px -137px;
	background-color:#000;
}
.youshi {
	width:100%;
	padding:30px 0;
	overflow:hidden;
	position:relative;
	z-index:8;
	animation: fadeInUp 2.0s;
	-webkit-animation: fadeInUp 2.0s ease-out forwards;
	-moz-animation: fadeInUp 2.0s ease-out forwards;
	font-family:"Microsoft YaHei";
}
.youshi ul li {
	width:24%;
	display:block;
	float:left;
	border-left:1px solid #ddd;
	transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s;
	cursor:pointer
}
.youshi ul li dd {
	font-size:23px;
	display:block;
	color:#333
}
.youshi ul li dt {
	display:block;
	margin-top:15px;
	overflow:hidden;
	width:140px;
}
.youshi ul li span {
	display:block;
	width:200px;
	margin:0 auto;
	text-align:left;
	color:#888
}
.youshi ul li img {
	transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s;
}
.youshi ul li:hover img {
	cursor:pointer;
	transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
	transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s;
}
.youshi ul li:hover {
	margin-top:-10px;
	transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s;
}
.conl {
	float:left;
	margin:15px 30px 0 0;
}
.conr {
	float:left;
	font-size:14px;
}
.line {
	width:100%;
	background:#f2f2f2;
}
.linecon {
	width:1000px;
	overflow:hidden;
	padding:20px 0;
}
.title0 {
	width:100%;
	margin:0 auto;
    height:50px;
	line-height:50px;
	position:relative;
	font-family:"Microsoft YaHei";
	border-bottom:1px solid #ddd
}
.title0a {
	width:70%;
	height:70px;
	line-height:30px;
    padding:0 15px;
	letter-spacing:1px;
	text-align:center;
	color:#ff9001;
	font-size:20px;
	animation: tada 2.2s ease-out forwards;
	-webkit-animation: tada 2.2s ease-out forwards;
	-moz-animation: tada 2.2s ease-out forwards;
}
.title0a span {
	width:60%;
	display:block;
	font-weight:normal;
	line-height:20px;
	margin-top:10px;
	font-size:13px;
	color:#999;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}
.more2 {
	width:150px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:#ddd;
	background:#eee;
	margin-top:30px;
	font-size:16px;
	letter-spacing:2px;
	-webkit-border-radius:5px; 
	-moz-border-radius:5px;
	border-radius:5px;
	font-family:"微软雅黑"
}
.more2 a:link, .more2 a:visited {
	display:block;
	background:#ddd;
	color:#666;
	transition:all 0.5s ease;-moz-transition: all 0.5s ease;	-webkit-transition: all 0.5s ease;	-o-transition: all 0.5s ease;
	-webkit-border-radius:5px; 
	-moz-border-radius:5px;
	border-radius:5px;
}
.more2 a:hover {
	text-align:center;
	display:block;
	background:#ff9001;
	color:#fff;
	animation: flipInY 1.2s forwards;
	-webkit-animation: flipInY 1.2s ease-out forwards;
	-moz-animation: flipInY 1.2s ease-out forwards;
	transition:all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;	-webkit-transition: all 0.5s ease-in-out;	-o-transition: all 0.5s ease-in-out;
}
.more2:hover a {
	animation: flipInY 1.2s forwards;
	-webkit-animation: flipInY 1.2s ease-out forwards;
	-moz-animation: flipInY 1.2s ease-out forwards;
	transition:all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;	-webkit-transition: all 0.5s ease-in-out;	-o-transition: all 0.5s ease-in-out;
}

.nav {
	width:60%;
	height:30px;
	margin:0 auto;
	line-height:30px;
}
.nav ul li {
	display:block;
	float:left;
}
.nav ul li a {
	padding:0 10px;
}
.contact {
	width:100%;
	height:200px;
	background:url(contact.jpg) center top fixed #000;
	bckground-size:cover;
	text-align:center;
	margin:10px auto;
}
.contactcon {
	width:900px;
	margin:0 auto;
	height:120px;
	line-height:60px;
	margin:0 auto;
	display:block;
	color:#ddd;
	font-size:20px;
	letter-spacing:1px;
	font-family:"Microsoft YaHei";
}
.contactcon span {font-size:30px; color:#c00;font-weight:bold; display:block;line-height:35px;}
.contactcon span p {font-size:16px;font-weight:normal;}
.contactcon dd {font-size:20px; color:#f60; display:block;}
.contactcon dd a {color:#c00}
.choose {
	width:100%;
	height:457px;
	background:url(choose.png) no-repeat center;
	color:#fff;
	font-family:"Microsoft YaHei";
}
.choosecon {
	width:1000px;
	overflow:hidden;
	margin:0 auto;
}
.chleft {
	width:65%;
	float:left;
	padding-top:170px;
}
.chright {
	width:35%;
	float:right;
}
.chleft span {
	font-size:20px;
	display:block;
	padding-right:60px;
	text-align:right;
	line-height:45px;
}
.chleft dd {
	font-size:14px;
	display:block;
	text-align:right;
	padding-right:60px;
	line-height:40px;
}
.chlist {
	margin-top:80px;
	padding-left:40px;
}
.chlist ul li {
	height:55px;
	line-height:55px;
	display:block;
	margin-bottom:25px;
	cursor:pointer;
}
.chlist ul li dd {
	width:12%;
	float:left;
	display:block;
}
.chlist ul li dd img {
	width:100%;
}
.chlist ul li dt {
	width:80%;
	float:left;
	font-size:1.3em;
	display:block;
	margin-left:20px;
	line-height:18px;
}
.chlist ul li dt span {
	font-size:12px;
	line-height:28px;
	color:#ddd;
	display:block;
}
.chlist ul li:hover dl {
	animation: flipInX 1.2s ease-out forwards;
	-webkit-animation: flipInX 1.2s ease-out forwards;
	-moz-animation: flipInX 1.2s ease-out forwards;
}

.main {
	width:1000px;
	overflow:auto;
	margin-top:5px;
	background:#FFF;
	border-bottom:5px solid #FFF;
	overflow-x: hidden; 
	overflow-y: hidden;
	animation: fadeInUp 1.2s ease-out forwards;
	-webkit-animation: fadeInUp 1.2s ease-out forwards;
	-moz-animation: fadeInUp 1.2s ease-out forwards;
}
.main-left {
    width:1070px;
	float:left;
}
.title {
    height:45px;
	line-height:44px;
	overflow:hidden;
	border-bottom:1px solid #ddd;
}
.titlea {
    padding:0 15px;
	letter-spacing:1px;
	float:left;
	color:#fff;
	font-size:22px;
	font-family:"Microsoft YaHei";
	background:#ff9001;
}
.titlea span {
    font-size:10px;
	padding-left:5px;
	color:#eee;
	font-weight:normal;
}

.title3 {
    height:35px;
	line-height:33px;
	background:#efefef;
}
.title3a{ float:left; font-size:14px;font-family:"Microsoft YaHei"; display:inline-block; background:#ff9001; color:#fff; padding:0 10px; position:relative; -webkittext-box-shadow:1px 3px 4px #bbc9c4;-moz-text-box-shadow:1px 3px 4px 

#bbc9c4;box-shadow:1px 3px 4px #bbc9c4;-webkit-border-radius:3px; 
	-moz-border-radius:3px;	border-radius:3px;}
.title3a em{ display:block; width:0; height:0; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:6px solid #ff9001; position:absolute; top:35%; right:-5px;}

.titlea span {
    font-size:10px;
	padding-left:5px;
	color:#eee;
	font-weight:normal;
}
.title2 {
    height:30px;
	background:#222;
	line-height:30px;
}
.title2a {
    padding:0 10px;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
}
.titlecon {
    padding:5px;
	text-align:left;
}
.titlecon ul li {
	border-bottom:1px dotted #ddd;
	padding-left:10px;
	height:30px;
	line-height:30px;
	display:block;
	position:relative;
	overflow:hidden;
	background:url(/images/list2.gif) no-repeat left center;
}
li:hover .over {
	bottom:0;
	padding-left:10px;
}
.over {
		background: #ff9001; transition:0.3s; left: 0px; bottom: -100%; width: 100%; height: 100%;color:#fff; position: absolute; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; display:block;

}
.zs {
    width:760px;
	padding:5px;
	height:160px;
}

.main-right {
    width:220px;
	float:right;
	background:#f0f0f0;
}
.classcon {
    padding:5px;
	text-align:left;
}
.classcon>ul>li {
    height:29px;
	line-height:29px;
	display:block;
	margin-top:7px;
	text-align:left;
	position:relative;
	font-family:"Microsoft YaHei";
	font-size:14px
}
.classcon>ul>li>a:link, .classcon>ul>li>a:visited {
    border:#ddd solid 1px;
	display:block;
	background:url(n1.gif);
	-webkit-border-radius:5px; 
	-moz-border-radius:5px;
	border-radius:5px;
	padding-left:30px;
}

.classcon>ul>li:hover>a,.classcon>ul>li>a:hover, .classcon>ul>li>a:Active, .classcon>ul>li.navs>a {
    border:#ff9001 solid 1px;
	display:block;
	background:#ff9001;
	transition:0.3s; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease;
	color:#FFF;
}
.classcon>ul>li ul{ 
    display:none; 
    width:120px; 
    position:absolute; 
    background:#ff9001;
    color:#fff; 
    z-index:4444;
	top:0px;
	left:-120px;
	-webkit-border-radius:5px; 
	-moz-border-radius:5px;
	border-radius:5px;
} 

/* 下拉菜单的菜单项 */ 
.classcon>ul>li>ul li{
	position:relative;
	text-align:right;
	line-height:30px;
	-webkit-border-radius:5px; 
	-moz-border-radius:5px;
	border-radius:5px;
} 
.classcon>ul>li>ul li>a{
	color:#fff;
	display:block;
	padding-right:25px;
} 
.classcon>ul>li>ul li:hover{
	background:#333;
} 
.classcon>ul>li>ul li a:hover {
	color:#ff0;
}

.classcon .arrow{
    float:left; 
    color:#ddd;
	position:absolute;
	left:10px;
	font-family:"宋体"
} 
.classcon>ul>li b {
	background:url(nico.png) no-repeat left;
	width:26px;
	height:30px;
	display:block;
	position:absolute;
	left:10px;
	z-index:5555;
}
/* 三级及以下的菜单项的定位 */ 
.classcon>ul>li>ul>li ul{
	right:120px;
	top:0px;
} 
.news {
    width:770px;
	margin-top:5px;
}
.news1 {
    width:380px;
	float:left;
	border:1px solid #DDD;
	-webkit-border-radius:5px 5px 0 0; 
	-moz-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
}
.news2 {
    width:380px;
	float:right;
	border:1px solid #DDD;
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
}

.lxwm {
    padding:5px;
	text-align:left;
	height:220px;
	overflow:hidden;
}
.lxwm img {
    display:none;
}
.case {
	width:99%;
	text-align:left;
	display:block;
	margin-top:10px;
}
.case strong {
	background:#eee;
	position:relative;
	display:block;
	float:left;
	padding:1px 5px;
	margin-right:5px;
}

.case ul li {
    height:23px;
	line-height:23px;
	display:block;
	margin-bottom:7px;
}
.case ul li a:link, .case ul li a:visited {
    background:#eee;
	border:1px solid #ddd;
	color:#777;
	padding:0 5px;
	display:block;
	float:left;
	margin-right:5px;
}
.case ul li a:hover,.case ul li a.cur {
	border:1px solid #ff9001;
	color:#f0f0f0;
	background:#ff9001;
	transition:0.3s; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease;
}
.linkcon {
	background:#e4ecf7;
	padding:10px 0;
	line-height:28px;
	color:#888;
	font-size:14px;
	position:relative;
	font-family:"Microsoft YaHei";
}
.linkurl {
	width:98%;
	background:#e4ecf7;
}
.linkurl span,.fa-th {
	font-size:15px;
	text-align:left;
	float:left;
	margin-right:5px;
}
.linkurl a:link,.linkurl a:visited {
	display:block;
	margin-right:10px;
	float:left;
	color:#666;
}
.linkurl a:hover,.linkurl a:active {
	color:#f00;
}
.fa-th {margin-top:10px}
.areatj {
	width:100%;
	overflow:auto;
	min-height:50px;
	z-index:9999;
	background:#e4ecf7;
}
#areacon {
	position:absolute;
	width:100%;
	height:auto;
	overflow:hidden;
	top:35px;
	left:0;
	z-index:99999;
	background:#e4ecf7;
}
#areacon .x{display:block; text-align:center}
#areacon .x a,.fa-th {cursor:pointer}
#areacon span {display:block;overflow:hidden;width:99%;text-align:left;}
.footcon {
    width:1000px;
	overflow:auto;
	overflow-x: hidden; 
	overflow-y: hidden;
	padding:5px;
	color:#999;
	padding:20px 5px;
	text-align:center;
	line-height:25px;
	font-family:"Microsoft YaHei";
}
.footbottom a,.footcon a {
	color:#999;
}
.footbottom a:hover,.footcon a:hover {
	color:#ff9001;
}

.footconl {
	width:250px;
	float:left;
	text-align:center
}
.footconl span {
	display:block;
	float:left;
	margin-right:20px;
	cursor:pointer
}
.footconl img {
	width:100px;
	display:block;
}
.footconl span:hover img {
	animation: flipInY 1.2s ease-out forwards;
	-webkit-animation: flipInY 1.2s ease-out forwards;
	-moz-animation: flipInY 1.2s ease-out forwards;
}
.footconm {
	width:450px;
	float:left;
	animation: bounceInDown 2.2s ease-out forwards;
	-webkit-animation: bounceInDown 2.2s ease-out forwards;
	-moz-animation: bounceInDown 2.2s ease-out forwards;
}
.footconm>ul>li {
	float:left;
	display:block;
	margin:0 15px;
	font-weight:bold;
	font-size:14px;
	line-height:30px;
}
.footconm>ul>li>ul>li {
	display:block;
	font-size:12px;
	font-weight:normal;
}
.footconr {
	width:300px;
	float:right;
	text-align:left;
	font-size:14px;
	background-repeat: no-repeat;
	background-position: 0px top;
}
.footconr ul li {
	height:26px;
	line-height:26px;
}
.foot {
	width:100%;
	background:#333;
	overflow:hidden;
}
.footbottom {
	width:100%;
	height:30px;
	line-height:30px;
	background:#222;
	overflow:hidden;
	color:#999;
	letter-spacing:1px;
	text-align:center;
	font-family:"Microsoft YaHei";
	animation: bounceInUp 2.2s ease-out forwards;
	-webkit-animation: bounceInUp 2.2s ease-out forwards;
	-moz-animation: bounceInUp 2.2s ease-out forwards;
}
.footbottomcon {
	width:99%;
	font-size:12px;
}
.footbottomcon a {margin:0 5px}
.footbottomcon dd {
	float:left;
}
.footbottomcon dt {
	float:right;
}
























/*二级页面*/
.second {
	width:1000px;
	overflow:auto;
	overflow-x: hidden; 
	overflow-y: hidden;
	margin-top:5px;
	border-bottom:5px solid #FFF;
	background:url(second.gif) repeat-y right #fff;
}
.classpic {
	position:relative;
    height:300px;
	background:center;
	background-size:100%;
	text-align:center;
	color:#fff;
	animation: fadeInDown 0.8s ease-out forwards;
	-webkit-animation: fadeInDown 0.8s ease-out forwards;
	-moz-animation: fadeInDown 0.8s ease-out forwards;
	font-family:"Microsoft YaHei";
}
.classpic a {
	display:block;
	height:300px;
}
.classpic dl {
	width:100%;
	height:100%;
	display:block;
}
.classpic span {
	width:236px;
	margin:0 auto;
	text-align:center;
	display:block;
	font-size:30px;
	position:absolute;
	z-index:88;
	top:120px;
	left:38%;
	letter-spacing:5px;
	cursor:pointer;
	animation: bounceInDown 2.2s ease-out forwards;
	-webkit-animation: bounceInDown 2.2s ease-out forwards;
	-moz-animation: bounceInDown 2.2s ease-out forwards;
	-webkittext-shadow:1px 1px 1px #111;; 
    -moz-text-shadow:1px 1px 1px #111;;
    text-shadow:1px 1px 1px #111; 
transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s;
}
.classpic dd {
	width:236px;
	margin:0 auto;
	text-align:center;
	display:block;
	font-size:14px;
	position:absolute;
	z-index:88;
	top:160px;
	left:38%;
	cursor:pointer;
	text-transform:capitalize;
	animation: bounceInUp 2.2s ease-out forwards;
	-webkit-animation: bounceInUp 2.2s ease-out forwards;
	-moz-animation: bounceInUp 2.2s ease-out forwards;
	-webkittext-shadow:1px 1px 1px #111;; 
    -moz-text-shadow:1px 1px 1px #111;;
    text-shadow:1px 1px 1px #111; 
transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s;
}
.classpic span:hover  {
	margin-top:-10px;
	-webkittext-shadow:1px 1px 1px #111;; 
    -moz-text-shadow:1px 1px 1px #111;;
    text-shadow:1px 1px 1px #111; 
	transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s;
}
.classpic dd:hover {
	margin-top:-10px;
	transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s;
}


.procon {
    padding:5px 0;
	overflow:auto;
	overflow-x: hidden; 
	overflow-y: hidden;
	animation: fadeInUp 2.0s ease-out forwards;
	-webkit-animation: fadeInUp 2.0s ease-out forwards;
	-moz-animation: fadeInUp 2.0s ease-out forwards;
	font-family:"Microsoft YaHei";
}
a:hover .hover {
	bottom:0;
}
.hover {
	background: #000; font-size:14px; transition:0.3s; left: 0px; bottom: -85%; width: 100%; height: 100%; text-align: center; color:#fff; position: absolute; transition: .3s;-o-transition: .3s; -moz-transition: .3s; -webkit-

transition: .3s; FILTER: alpha(opacity=70); opacity: 0.7; line-height:35px;}
.hover p {
	text-align:left;
	padding:5px;
	 font-size:12px; 
	 line-height:25px;
}
.stb{position:absolute;bottom:0px;left:0px;z-index:1;width:100%;height:100%;background:#000;opacity:0;filter:alpha(opacity=0);transition:all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;	-webkit-transition: all 0.5s ease-

in-out;	-o-transition: all 0.5s ease-in-out;transform:scale(0,0);-moz-transform:scale(0,0);	-webkit-transform:scale(0,0);	-o-transform:scale(0,0);
}
.procon li:hover .stb{opacity:0.8;filter:alpha(opacity=80);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);transform:scale(1,1);}

.procon ul li {
	position: relative;
	overflow: hidden;
	float:left;
	text-align:center;
	margin:10px;
	display:block;
	margin-bottom:5px;
	border:1px solid #ddd;
	line-height:25px;
}
.procon ul li:hover {
	border:1px solid #ff9001;
    -webkit-box-shadow:2px 2px 10px #888; 
    -moz-box-shadow:2px 2px 10px #888;
    box-shadow:2px 2px 10px #888;
	overflow:hidden;
}
.procon ul li a img {
		width:228px;
		height:200px;
display:block;
}
.procon ul li a:hover {
    color:#eee;
}

/*
.procon ul li:hover img {
	transform:rotate(360deg) scale(1);
}
*/
.procon ul li:hover {
    background:#ff9001;
	cursor:pointer;
	color:#eee;
	display:block;
}
.page {
	margin-top:15px;
	width:90%;
	height:34px;
	float:right;
	text-align:center;
	_overflow:hidden;
	float:right;
}
.page ul {
    float:right;
}
.page ul li {
    list-style:none;
	display:block;
	height:28px;
	margin:0 3px;
	line-height:28px;
	float:left;
	text-align:center;
}
.page ul li span {
	display:block;
	padding:0 6px;
	border:1px solid #ddd;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.page ul li.curpage {
	background:#ff9001;
	display:block;
	color:#FFF;
	border:1px solid #ff9001;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.page ul li.curpage span {
    border:0;
	padding:0 10px;
}
.page ul li a:link, .page ul li a:visited {
    display:block;
	padding:0 10px;
	border:1px solid #ddd;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.page ul li a:hover {
    display:block;
	background:#ff9001;
	border:1px solid #ff9001;
	color:#FFF;
}
.pagelist{padding-top:10px;padding-bottom:10px;text-align:center; font-size:0px; clear:both;}
.pagelist span,.pagelist a,.pagelist strong{text-align:center; vertical-align:middle; font-family:Arial; font-size:12px;
display:inline-block; padding:4px 12px;margin:0px 2px;border:#cccccc solid 1px;color:#333333; border-radius:3px;}
.pagelist var{height:21px;line-height:21px; display:inline-block;margin:0px 3px 0px 3px;}
.pagelist strong,.pagelist .thispage{font-weight:100;margin-right:3px;border:#ff9001 solid 1px; background:#ff9001;color:#fff;}
.pagelist a:hover{ color:#fff; border:#ff9001 solid 1px; background:#ff9001;text-decoration:none;}
.pagelist select {border:0; padding:2px 0;}
/*日期*/
.dtime {
    width:60px;
	padding-top:5px;
	height:75px;
	background:#777;
	margin-bottom:10px;
	text-align:center;
	display:block;
	color:#9f9f9f;
	font-family:"Microsoft YaHei";
	float:right;
	background:url(news_clock.png) no-repeat center 47px #777;
}
.titlecon ul li:hover .dtime {
	color:#FFF;
	display:block;
	background:url(news_clock.png) no-repeat center 47px #ff9001;
	cursor:pointer;
}

.dayto {
    color:#fff;
	font-size:24px;
}
.aboutl {
    width:57%;
	height:456px;
	float:left;
	overflow:hidden;
	padding:50px 0;
	color:#ddd;
	background:#323232;
	display:block;
}
.aboutr {
    width:43%;
	height:326px;
	display:block;
	float:right;
	padding:115px 0;
	background:#f4c221;
	position:relative;
}
	

.aboutcon {
    padding:10px 80px 10px 50px;
	height:330px;
	overflow:hidden;
	text-align:left;
	font-family:"Microsoft YaHei";
	font-size:14px;
	line-height:35px;
}
.bounceinleft {height:340px; overflow:hidden; display:block;}
.aboutcon h1 {
	margin-bottom:30px;
	letter-spacing:3px;
}
.aboutcon2 td {
	margin:1px;
	padding:3px;
}
.aboutcon img {
    height:120px;
	width:150px;
	margin-right:5px;
}

.aboutcon2 {
    padding:5px;
	text-align:left;
	line-height:25px;
	font-size:14px;
	font-family:"Microsoft YaHei";
	margin:5px;
	overflow:hidden;
	min-height:300px;
}
.artitle {
	font-weight:bold;
	text-align:center;
	line-height:30px;
	border-bottom:1px solid #fff;
	margin:0 10px;
	letter-spacing:2px;
	padding-top:10px;
	font-family:"Microsoft YaHei";
}
.artitle h1 {
    font-size:16px;
}
.update {
	line-height:50px;
	text-align:center;
	width:98%;
    color:#aba4b4;
}
.aba4b4 a:link, .aba4b4 a:visited {
	color:#aba4b4
}
.aba4b4 a:hover{
    color:#99CC00
}

.arcon {
    text-align:left;
	padding:30px 5px 10px 5px;
	font-size:14px;
	line-height:180%;
	font-family: "Microsoft YaHei";
}
.arcon img{max-width:600px;autoimg:expression(onload=function(){this.style.width=(this.offsetWidth > 600)?"600px":"auto"}); display:block; margin:0 auto;}
.arcon p{ text-indent:2em;}
.arlist {
	width:96%;
    height:60px;
	line-height:30px;
	border-top:1px dashed #ddd;
	padding:5px;
	font-size:14px;
	margin-top:20px;
	font-family: "Microsoft YaHei";
}


.more {
    float:right;
	font-weight:normal;
	font-size:12px;
	letter-spacing:2px;
	text-align:right;
}
.more a {
	display:block;
	padding:5px 15px;
	margin:5px;
	line-height:10px;
	background:#e0e0e0;
	border-radius:10px;
}
.more a:hover {
	background:#909090;
	color:#fff;
}
.pathnav {
	height:40px;
	line-height:40px;
	margin-bottom:20px;
	background:#ddd;
	padding-top:1px;
}
.pathnav ul {
	width:1000px;
	font-family: "Microsoft YaHei";
	font-size:14px;
	letter-spacing:2px;
}
.pathnav ul li { display:block; position:relative}
.pathnav ul li a {
	padding:0 10px;
	display:block;
}
.pathnav ul li em{ display:block; width:0; height:0; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:6px solid #ff9001; position:absolute; top:35%; right:-5px;}
.pathnav ul li:hover a,.pathnav ul li.cur a {
	background:#ff9001;
	display:block;
	color:#fff;
	animation: flipInX 1.2s ease-out forwards;
	-webkit-animation: flipInX 1.2s ease-out forwards;
	-moz-animation: flipInX 1.2s ease-out forwards;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;

}
.pathnav>ul>li b {
	position:absolute;
	left:43%;
	z-index:9999;
	display:block; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #fff; position:absolute; bottom:0px;
}
.pathnav>ul>li:hover b, .pathnav>ul>li.navthis> b{
	display:block; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #fff; position:absolute; bottom:0px;
}

.pathnav ul li {
	display:block;
	float:left;
	margin-right:1px;
}
.path {
    float:right;
	font-weight:normal;
	font-size:12px;
	padding:0 15px;
	letter-spacing:2px;
	text-align:right;
	animation: bounceInRight 2.2s ease-out forwards;
	-webkit-animation: bounceInRight 2.2s ease-out forwards;
	-moz-animation: bounceInRight 2.2s ease-out forwards;

}

#top-bottom-menu{
	font: 9pt Arial, Helvetica, sans-serit ; 
	position:fixed;
	height:auto;
	text-align:center;
	filter: alpha(opacity=80); 
    opacity: 0.8;
	z-index:9999;
}
#top-bottom-menu #dstbm-top{
	position:absolute;
	border:1px #cccccc solid;
	display:none;
	cursor:pointer;	
}
#top-bottom-menu #dstbm-menu{
	position:absolute;
	border:1px #cccccc solid;
	cursor:pointer;	
}
#top-bottom-menu #dstbm-menu a:link, #top-bottom-menu #dstbm-menu a:visited{
	 color:#777;
 }
#top-bottom-menu #dstbm-menu a:hover{
	  color:#f00;
 }
#top-bottom-menu #dstbm-menu #dstbmmenu{
	display:none;
}
#top-bottom-menu #dstbm-menu ul li{
	display:inline;
	padding-left:10px;
 }
#top-bottom-menu #dstbm-bottom{
	position:absolute;
	border:1px #cccccc solid;
	cursor:pointer;
}
/*图片列表自适应*/
.tw_zs{clear:both;overflow:hidden;}
.tw_zs ul li{float:left;width:25%;position:relative; list-style:none}
.tw_zs ul li a{display:block;width:100%;height:100%;overflow:hidden;}
.tw_zs ul li img{clear:both;overflow:hidden;display:block;width:100%;height:auto;text-align:center;transition:all 0.5s ease;-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;}
.tw_zs ul li a:hover img{transform:scale(1.3,1.3);-moz-transform:scale(1.3,1.3);-webkit-transform:scale(1.3,1.3);-o-transform:scale(1.3,1.3);transition:all 0.5s ease;-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;}
.tw_zs ul li a .tw_tit{position:absolute;top:38%;left:0px;z-index:2;line-height:30px;color:#ffffff;font-size:16px;text-align:center;display:block;width:100%;opacity:0;filter:alpha(opacity=0);transition:all 0.5s ease;padding:0px 5px;}
.tw_zs ul li a:hover .tw_tit{opacity:1;filter:alpha(opacity=100);top:40%;}
.tw_zs ul li a .stb{position:absolute;top:0px;left:0px;z-index:1;width:100%;height:100%;background:#000;opacity:0;filter:alpha(opacity=0);transition:all 0.5s ease;}
.tw_zs ul li a:hover .stb{opacity:0.8;filter:alpha(opacity=80);transform:scale(1,1);}

/*
<li class="yw"> <a href="/p533/?Col7/21.html"> <img src="http://demo.skinsite.cn/p533//Up/day_160119/201601191820043787.jpg"> <span class="tw_tit">测试案例</span>
            <div class="fd-bg"></div>
          </a> </li>
*/
/*旋转*/
.icon img {
	transition:width 2s, height 1s; cursor: pointer; -webkit-transition: width 2s, height 2s, -webkit-transform 1s; -moz-transition: width 2s, height 2s, -moz-transform 1s; -o-transition: width 2s, height 2s, -o-transform 1s;
}
.icon:hover img {
	transform: rotate(20deg); -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -o-transform: rotate(20deg);
}
/*
transform:rotateY(180deg);
transform:rotateX(180deg);翻转
transform:rotate(180deg) scale(1)旋转
transform:rotate(360deg) scale(1)
transform:0.5s linear 10ms;延时
/*放大*/
.big img{transition:all 0.5s ease;-moz-transition: all 0.5s ease;	-webkit-transition: all 0.5s ease;	-o-transition: all 0.5s ease;}
.big a:hover img{transform:scale(1.3,1.3);-moz-transform:scale(1.3,1.3);-webkit-transform:scale(1.3,1.3);-o-transform:scale(1.3,1.3);}


.hasMoreTab{ width:100%; font-family:"Microsoft YaHei"; }
	.hasMoreTab .hd{ line-height:100px;height:100px; position:relative; padding-bottom:30px; border-bottom:2px solid #777;   }
	.hasMoreTab .hd .more{ float:right; }
	.hasMoreTab .hd ul{ z-index:5;  zoom:1; width:400px; margin:0 auto; }
	.hasMoreTab .hd li{ float:left; width:100px;  cursor:pointer; margin-left:10px; text-align:center; background:#f00; border:2px solid #f00; color:#fff;-webkit-border-radius:50px; 
	-moz-border-radius:50px;
	border-radius:50px;
	transition: all 0.8s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;  }
	.hasMoreTab .hd li.on{ font-weight:bold; background:#fff; position:relative;  border:2px solid #777;  font-weight:bold; color:#777;  }
	.hasMoreTab .hd li.on dd {width:2px; height:30px; background:#777; position:absolute; bottom:-30px; left:49%; z-index:9999;}
	.hasMoreTab .bd{  padding:10px; clear:both; position:relative;  }
	.hasMoreTab .bd h2{ font-size:14px; }
	.hasMoreTab .bd p{ color:#999;  }
	.hasMoreTab .bd p a{ color:#ff9001;  }
	.hasMoreTab .bd ul a{ color:#3E78B3;  }
	.hasMoreTab .con { padding-bottom:20px; }
	
	

	.tabBox{ width:1000px; margin:20px auto 10px auto; overflow:hidden;font-family:"Microsoft YaHei";  }
	.tabBox .hd{width:350px; margin:0 auto; }
	.tabBox .hd ul{  width:100%; height:34px; overflow:hidden;  }
	.tabBox .hd ul li{ height:25px; line-height:25px; float:left; text-align:center; 
		font:normal 14px/25px "Microsoft YaHei"; _font-weight:bold; color:#666; -webkit-border-radius:5px; 
	-moz-border-radius:5px;	border-radius:5px; margin:0 5px; background:#ddd}
	.tabBox .hd ul li a{ color:#999; display:block; padding:0 10px;  }
	.tabBox .hd ul li.on{ background:#ff9001; }
	.tabBox .hd ul li.on a{ color:#fff;  }
.tabBox .bd ul { display:block;transition:all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;	-webkit-transition: all 0.5s ease-in-out;	-o-transition: all 0.5s ease-in-out; padding-top:15px}	
	.tabBox .hover {
	background: #000; font-size:14px; transition:0.3s; left: 0px; bottom: -82%; width: 100%; height: 100%; text-align: center; color:#fff; position: absolute; transition: .3s;-o-transition: .3s; -moz-transition: .3s; -webkit-

transition: .3s; FILTER: alpha(opacity=70); opacity: 0.7; line-height:35px;}
	.tabBox .hover p {
	text-align:left;
	padding:5px;
	 font-size:12px; 
	 line-height:25px;
}
	.tabBox .stb{position:absolute;bottom:0px;left:0px;z-index:1;width:100%;height:100%;background:#000;opacity:0;filter:alpha(opacity=0);transition:all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;	-webkit-transition: 

all 0.5s ease-in-out;	-o-transition: all 0.5s ease-in-out;transform:scale(0,0);-moz-transform:scale(0,0);	-webkit-transform:scale(0,0);	-o-transform:scale(0,0);
}
	.tabBox .bd li:hover .stb{opacity:0.8;filter:alpha(opacity=80);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);transform:scale(1,1);}

	.tabBox .bd ul li {
	position: relative;
	overflow: hidden;
	float:left;
	text-align:center;
	margin:10px;
	display:block;
	margin-bottom:5px;
	border:1px solid #ddd;
	line-height:30px;
}
	.tabBox .bd ul li:hover {
	border:1px solid #ff9001;
    -webkit-box-shadow:2px 2px 10px #888; 
    -moz-box-shadow:2px 2px 10px #888;
    box-shadow:2px 2px 10px #888;
	overflow:hidden;
}
	.tabBox .bd ul li a img {
		width:228px;
		height:200px;
display:block;
}
	.tabBox .bd ul li a:hover {
    color:#eee;
}
/*
.bd ul li:hover img {
	transform:rotate(360deg) scale(1);
}
*/
	.tabBox .bd ul li:hover {
    background:#ff9001;
	cursor:pointer;
	color:#eee;
	display:block;
}

.newslist{width: 100%;font-family:"Microsoft YaHei"; padding:15px 0;}
.newslist dl{padding: 10px;background: #fff;box-sizing: content-box; margin-top:1px;}
.newslist dl a{display: block;}
.newslist dl dt{float: left;text-align: left;padding:10px 10px 0 0;color:#aba4b4;}
.newslist dl dt span{font-size: 22px;display: block;}
.newslist dl dt p{font-size: 14px;padding-top:10px; }
.newslist dl dd{overflow: hidden;border-left:1px solid #aba4b4; padding-left:10px;}
.newslist dl dd b{font-size: 14px;display: block;margin-bottom: 8px;}
.newslist dl dd p{font-size: 12px;overflow: hidden;color: #888;}
.newslist dl:nth-of-type(odd){ background: #f9f9f9}
.newslist dl:nth-of-type(even){ background: #fff;}
.newslist dl:hover{ background: #f7f7f7;}
		.slideTxtBox{ width:1000px; text-align:left;font-family:"Microsoft YaHei"; overflow:hidden;  }
		.slideTxtBox .hd{ height:30px; width:300px; margin:0 auto 10px auto;  line-height:30px; padding:0 10px 0 20px;   position:relative;font-family:"Microsoft YaHei"; }
		.slideTxtBox .hd ul{ float:left; position:absolute; left:20px; height:32px;   }
		.slideTxtBox .hd li a{ color:#666; display:block;  }
		.slideTxtBox .hd ul li{ float:left; padding:0 10px; height:25px; line-height:25px; cursor:pointer; font-size:14px;-webkit-border-radius:5px; 
	-moz-border-radius:5px;	border-radius:5px; margin:0 5px; background:#ddd }
		.slideTxtBox .hd ul li.on{  background:#ff9001;color:#FFF }
		.slideTxtBox .hd li.on a{ color:#fff;  }
		.slideTxtBox .bd ul{ padding:15px 0;  zoom:1;  }
		.slideTxtBox .bd li{ line-height:23px; border:1px solid #ddd; margin-bottom:10px; padding:5px; width:483px; display:block;}
		.slideTxtBox .bd .t0 {float:right}
		.slideTxtBox .bd .t1 {float:left}
		.slideTxtBox .bd li:hover {border:1px solid #ff9001;background:#f8f0e6;transition:all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;	-webkit-transition: all 0.5s ease-in-out;	-o-transition: all 0.5s 

ease-in-out;-webkittext-box-shadow:3px 3px 6px #ddd;-moz-text-box-shadow:3px 3px 6px #ddd;box-shadow:3px 3px 6px #ddd; }
		.slideTxtBox .bd li dd {float:left; width:400px; height:70px; overflow:hidden;}
		.slideTxtBox .bd li dd span {font-size:14px; font-weight:bold;}
		.slideTxtBox .bd li dd p {color:#888}
		.slideTxtBox .bd li dl {border:1px solid #ddd;float:left; color:#888; width:60px; background:#f6f6f6; height:60px; margin:5px 10px 0 5px;; text-align:center;}
		.slideTxtBox .bd li:hover dl { border:1px solid #ff9001; background:#ff9001; color:#fff;
			animation: flipInY 1.2s ease-out forwards;
	-webkit-animation: flipInY 1.2s ease-out forwards;
	-moz-animation: flipInY 1.2s ease-out forwards;
	 transition:all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;	-webkit-transition: all 0.5s ease-in-out;	-o-transition: all 0.5s ease-in-out;}
		.slideTxtBox .bd li dl span {font-size:24px; padding:5px; display:block;}
        .slideTxtBox .bd li dl p {border-top:1px dashed #ddd}


.focusBox {
	width:96%;
	height:326px;
	position:absolute;
	left:-50px;
	z-index:8;
	font-family: "Microsoft YaHei";
	display:block

}
 .focusBox .pic { width:100% !important;}
 .focusBox .pic li {background-size:cover; height:326px;display:block; width:100% !important;}
	.focusBox .pic a { width:100%; height: 326px; display:block; }
	.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 25px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
	.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 26px; width:100%; overflow: hidden; }
	.focusBox .txt li{ height:25px; line-height:25px; position:absolute; bottom:-25px;}
	.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
	.focusBox .num { position: absolute; z-index: 3; bottom: 0px; right: 0px; }
	.focusBox .num li{ float: left; position: relative; width: 25px; height: 25px; line-height: 25px; overflow: hidden; text-align: center; margin-left: 1px; cursor: pointer; background:#555;filter: alpha(opacity=80); opacity: 0.8;}
	.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; color:#aaa}
	.focusBox .num li.on a,.focusBox .num a:hover{ background:#f60;color:#fff  }
	.buys{border:1px solid #e4ecf7; background:#fff; margin:20px auto 10px auto;height:60px;overflow:hidden;font-family: "Microsoft YaHei";}
.buystitle {
	height:50px;
	line-height:26px;
	overflow:hidden;
	text-align:center;
	float:left;
	border-right:1px solid #e4ecf7;
	background:#eff6f3;
	padding:5px 10px;
	font-size:15px;
	letter-spacing:1px;
}
.buystitle,.buystitle a {
	background:#f03;
	color:#fff;
	cursor:pointer;
	display:block;
}
.buys i {
	float:left;
	margin:25px 5px;
	color:#f03;
}
.buys li {
	float:left;
	margin-top:16px;
	font-size:14px;
	height:30px;
	line-height:30px;
	display:block;
	padding:0 5px;
	text-align:center;
	background:#e4ecf7;
	-webkit-border-radius:5px; 
	-moz-border-radius:5px;
	border-radius:5px;
}
.buys li a {
	display:block;
}
.buys li:hover,.buys li:hover a {
	background:#f03;
	color:#fff;
	cursor:pointer;
}
.linkcon {
	background:#e4ecf7;
	padding:10px 0;
	line-height:28px;
	color:#888;
	font-size:14px;
	position:relative;
	font-family:"Microsoft YaHei";
}
.linkurl {
	width:98%px;
	background:#e4ecf7;
}
.linkurl span,.fa-th {
	font-size:15px;
	text-align:left;
	float:left;
	margin-right:5px;
}
.linkurl a:link,.linkurl a:visited {
	display:block;
	margin-right:10px;
	float:left;
	color:#666;
}
.linkurl a:hover,.linkurl a:active {
	color:#f00;
}
.fa-th {margin-top:10px}
.areatj {
	width:100%;
	overflow:auto;
	min-height:50px;
	z-index:9999;
	background:#e4ecf7;
}
#areacon {
	position:absolute;
	width:100%;
	height:auto;
	overflow:hidden;
	top:35px;
	left:0;
	z-index:99999;
	background:#e4ecf7;
}
#areacon .x{display:block; text-align:center}
#areacon .x a,.fa-th {cursor:pointer}
@media (min-width: 700px) {
.fullSlide {
	height:330px;
}
.fullSlide .bd li {
	height:330px;
}
.buys i {
	margin:25px 1px;
}
.buys li {
	width:9%; padding:0 3px;
}
}
@media (min-width: 1000px) {
.fullSlide {
	height:480px;
}
.fullSlide .bd li {
	height:480px;
}
.focusBox {
	width:96%;
	height:366px;
	overflow:hidden;
}
	.focusBox .pic li {background-size:cover; height:366px;display:block; width:100% !important;}
	.focusBox .pic a {width:100%; height:366px;}
.pathnav ul {
	width:1000px;
}
.buy_main_in { width: 1000px;}
.buys {width:998px}
.buys i {
	margin:25px 2px;
}
.buys li {
	width:9%; padding:0 2px;
}

}
@media (min-width: 1220px) {
.linecon {
	width:1200px;
	overflow:hidden;
	padding:20px 0;
}
.main,.second,.tabBox,.slideTxtBox {
	width:1200px;
}
.footcon {
    width:1200px;
}
.footconl img {
	width:120px;
}
.footconl {
	width:280px;
	float:left;
	text-align:center
}

.footconm {
	width:480px;
	float:left;
	letter-spacing:1px;
	padding-left:100px;
}

.footconr {
	width:300px;
	float:right;
	letter-spacing:1px;
	text-align:left;
}
.tabBox .bd ul li a img,.procon ul li a img {
	width:278px;
	height:210px;
}
.slideTxtBox .bd li{
width:583px;	
}
.slideTxtBox .bd li dd {width:475px;}

.chleft span {
	font-size:26px;
}
.pathnav ul {
	width:1200px;
}
.buys {width:1118px}
.buys i {
	margin:25px 8px;
}
.buys li {
	width:8%; padding:0 4px;
}

.menu {width:850px;}
.menu>ul>li span {
    padding:0 6px;
}
}
@media (min-width: 1320px) {
body {font-size:12px}
.container {
    width:1300px;
}
.youshi ul li dt {
	width:240px;
}
.youshi ul li span {
	width:300px;
}
.texts {left:15%; margin-top:190px;}
.texts span {
	font-size:28px;
}
.texts dt a {
	font-size:16px;
}

.linecon {
	width:1300px;
	overflow:hidden;
	padding:20px 0;
}
.main,.second,.tabBox,.slideTxtBox {
	width:1300px;
}
.footcon {
    width:1200px;
}
.tabBox .hover {
	bottom: -83%;
}
.tabBox .bd ul li a img,.procon ul li a img {
	width:303px;
	height:230px;
}

.slideTxtBox .bd li{
width:633px;	
}
.slideTxtBox .bd li dd {width:550px;}

.choosecon {
	width:1300px;
	overflow:hidden;
	margin:0 auto;
}
.aboutr {
    width:43%;
	height:386px;
	display:block;
	float:right;
	padding:85px 0;
	background:#f4c221;
	position:relative;
}
.chleft {
	width:62%;
	float:left;
}
.chright {
	width:38%;
	float:right;
}
.chlist {
	margin-top:80px;
	padding-left:50px;
}
.chlist ul li {
	height:55px;
	line-height:55px;
	display:block;
	margin-bottom:25px;
}
.chlist ul li dd {
	width:10%;
	float:left;
	display:block;
}
.chlist ul li dd img {
	width:100%;
}
.chlist ul li dt {
	width:80%;
	float:left;
	font-size:1.8em;
	display:block;
	margin-left:30px;
	line-height:23px;
}
.chlist ul li dt span {
	font-size:12px;
	line-height:28px;
	color:#ddd;
	display:block;
}
.title0a {
	font-size:30px;
}
.pathnav ul {
	width:1300px;
}
.classpic {
	position:relative;
    height:400px;
}
.classpic span {
	top:160px;
}
.classpic dd {
	top:200px;
}
.focusBox {
	width:96%;
	height:406px;
	overflow:hidden;
}
	.focusBox .pic li {background-size:cover; height:406px;display:block; width:100% !important;}
	.focusBox .pic a {width:100%; height:406px;}
.bounceinleft {height:auto; overflow:hidden; display:block;}
.linkurl {
	width:1220px;
}
.menu>ul>li span {
    padding:0 9px;
}
.menu {width:960px;}
.buys i {
	margin:25px 9px;
}
.buys li {
width:8%;
	padding:0 12px;
}
.linecon {
	width:1220px;
	overflow:hidden;
	padding:20px 0;
}
}
@media (min-width: 1400px) {
.fullSlide {
	height:600px;
}
.fullSlide .bd li {
	height:600px;
}
.pathnav ul {
	width:1400px;
}
.buys {width:1398px}
.buys li {width:7%;padding:0 14px;}
.linkurl {
	width:1300px;
}
.menu {width:1080px;}
.menu>ul>li span {
    padding:0 15px;
}
.linecon {
	width:1300px;
	overflow:hidden;
	padding:20px 0;
}
.buys {width:1298px}
}
@media (min-width: 1500px) {
body {font-size:14px}
.container,.linkurl {
    width:1500px;
}
.linecon {
	width:1500px;
	overflow:hidden;
	padding:20px 0;
}
.main,.second,.tabBox,.slideTxtBox {
	width:1500px;
}
.fullSlide {
	height:680px;
}
.fullSlide .bd li {
	height:680px;
}

.footcon {
    width:1400px;
}

.tabBox .bd ul li a img,.procon ul li a img {
	width:353px;
	height:280px;
}
.tabBox .hover {
	bottom: -87%;
}
.slideTxtBox .bd li{
    width:733px;	
}
.slideTxtBox .bd li dd {width:650px;}
.footconl {
	width:300px;
	float:left;
	text-align:center
}
.footconl img {
	width:120px;
}

.footconm {
	width:600px;
	float:left;
	padding-left:100px;
}
.footconr {
	width:400px;
	float:right;
	text-align:left;
}
.choosecon {
	width:1500px;
	overflow:hidden;
	margin:0 auto;
}
.pathnav ul {
	width:1500px;
}
.aboutcon {
	height:380px;
}

.aboutr {
    width:43%;
	height:446px;
	display:block;
	float:right;
	padding:55px 0;
	background:#f4c221;
	position:relative;
}
.chleft {
	width:60%;
	float:left;
}
.chright {
	width:40%;
	float:right;
}
.classpic {
	position:relative;
    height:500px;
}
.focusBox {
	width:96%;
	height:436px;
	left:-60px;
	overflow:hidden;
}
	.focusBox .pic li {background-size:cover; height:436px;display:block; width:100% !important;}
.focusBox .pic a {width:100%; height:436px;}
.bounceinleft {height:auto; overflow:hidden; display:block;}
.buys{margin:20px auto 10px auto;height:70px;width:1398px}
.buystitle {
	height:60px;
	line-height:31px;
}
.buys i {
	margin:29px 7px;
}
.buys li {
	margin-top:16px;
	height:40px;
	line-height:40px;
	width:7%;
	padding:0 18px;
}
}


@media (min-width: 1800px) {
body {font-size:14px}
.container,.linkurl {
    width:1600px;
}
.linecon {
	width:1600px;
	overflow:hidden;
	padding:20px 0;
}
.pathnav ul {
	width:1600px;
}

.main,.second,.tabBox,.slideTxtBox {
	width:1600px;
}
.fullSlide {
	height:780px;
}
.fullSlide .bd li {
	height:780px;
}
.footcon {
    width:1700px;
}

.tabBox .bd ul li a img,.procon ul li a img {
	width:378px;
	height:280px;
}
.slideTxtBox .bd li{
    width:783px;	
}
.slideTxtBox .bd li dd {width:700px;}

}
.faderleft {
	animation: bounceInLeft 1.2s;
	-webkit-animation: fadeInLeft 1.2s ease-out forwards;
	-moz-animation: fadeInLeft 1.2s ease-out forwards;
}
.fadeindown {
	animation: fadeInDown 1.2s ease-out forwards;
	-webkit-animation: fadeInDown 1.2s ease-out forwards;
	-moz-animation: fadeInDown 1.2s ease-out forwards;
}
.fadeinup {
	animation: fadeInUp 1.2s ease-out forwards;
	-webkit-animation: fadeInUp 1.2s ease-out forwards;
	-moz-animation: fadeInUp 1.2s ease-out forwards;
}
.fadeinupbig {
	animation: fadeInUpBig 1.2s ease-out forwards;
	-webkit-animation: fadeInUpBig 1.2s ease-out forwards;
	-moz-animation: fadeInUpBig 1.2s ease-out forwards;
}
.sea {
	padding-left:0;
	position:relative;
}
.sea {
	width:215px;
	height:37px;
	line-height:37px;
	color:#777;
	border-radius:0;
	padding:0 2px;
	border:1px solid #ddd;
	float:right;
}

.seb {
	width:50px;
	height:38px;
	background:#777;
	color:#eee;
	letter-spacing:3px;
	border:0;
	margin-right:25px;
	float:right;
	text-align:center;
	font-size:14px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	font-family:"Microsoft YaHei";
	cursor:pointer
}
#searchcon {
	position:absolute;
	right:0px;
	top:18px;
	z-index:9999;
	display:block;
	padding:0;
	width:300px;
	height:80px;
	font-family:"Microsoft YaHei";
	animation: fadeInRight 0.5s ease-out forwards;
	-webkit-animation: fadeInRight 0.5s ease-out forwards;
	-moz-animation: fadeInRight 0.5s ease-out forwards;
	transition:all .2s; -webkit-transition:all .2s; -o-transition:all .2s;
}
#searchcon .x {
	width:25px;
	height:38px;
	display:block;
	position:absolute;
	right:0px;
	top:0px;
	color:#fff;
	background:#777;
	z-index:999
}
#searchcon .x a {
	display:block;
	width:100%;
	height:100%;
	color:#aaa;
	text-align:center;
	line-height:39px;
	font-size:18px;
}

#searchcon .x a:hover {
	cursor:pointer;
	transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
	transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s;
}