/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}


.xz{transition:All 0.4s ease-in-out;

    -webkit-transition:All 0.4s ease-in-out;

    -moz-transition:All 0.4s ease-in-out;

    -o-transition:All 0.4s ease-in-out;
}
.xz:hover{ transform:rotate(360deg);
09
    -webkit-transform:rotate(360deg);
10
    -moz-transform:rotate(360deg);
11
    -o-transform:rotate(360deg);
12
    -ms-transform:rotate(360deg);

}




/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clear{clear:both;}
/****** Main ********/

body {
	font-size:62.5%;
	font-family: "Microsoft Yahei", Tahoma, Helvetica, Arial, sans-serif;
	color:#FFF;
}
h1 {
	font-size:7em;
	padding:1.4em 0 0 0;
}
h2 {
	font-size:6em;
	padding:0.5em 0 0.5em 0;
}
h3 {
	font-size:2.3em;
}
dt {
	font-size:2.3em;
}
dd {
	font-size:1.9em;
	padding:0.6em 0 0.9em 0;
}
p {
	font-size:1.9em;
	padding:0.4em 0 0.4em 0;
}
a:link,
a:visited {
	color:#FFF;
	text-decoration:none;
}
a:hover,
a:focus,
a:active {
	text-decoration:underline;
}
a.back:link,
a.back:visited,
a.twitter:link,
a.twitter:visited {
	font-size:1.3em;
	line-height:4em;
	position:absolute;
	left:40px;
	bottom:25px;
}
a.back:link,
a.back:visited {
	bottom:auto;
	top:0px;
}
a.twitter img {
	border-radius:50%;
	float:left;
	border:1px solid #bbb;
	padding:0.1em;
	background:#FFF;
}
a.twitter span {
	padding:0 0 0 0.6em;
}
header {
	padding-bottom:5em;
}
.scroll {
	position:relative;
	font-size:1.3em;
	margin-top:20px;
	display:inline-block;

}
.scroll:hover {
	text-decoration:none;
}

.scroll:after {
	content:'';
	width:40px;
	height:40px;
	position:absolute;
	top:40px;
	margin:auto;
	top:50px;
	right:0;
	bottom:0;
	left:0;
	-webkit-animation:3s arrow infinite ease;
	animation:3s arrow infinite ease;
}

.scroll:after {
	border-right:2px solid #FFF;
	border-bottom:2px solid #FFF;
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	
}
.tagline {

	font-size:36px; line-height:50px;
	padding:0;
}
.tagline a{text-decoration:underline}
.panel {
	height:100vh;
	border-bottom:1px solid #666;
}
.home {
	background: url(../images/banner_bg.jpg) top center; width:100%; float:left;
	text-align:center; height:860px;
}
.overview {
	background: url(../images/banner_bg4.jpg)  top center;width:100%; float:left;height:470px;

}
.configuration {width:100%; float:left;height:860px;
}
.options {
}
.methods {
	background: url(../images/banner_bg6.jpg) top no-repeat; text-align:center;width:100%; float:left;
}
.inner {
	width:1200px;
	margin:0 auto;
}
pre {
	background:rgba(0,0,0,0.2);
	padding:2em 0 2em 0;
	font-size:2.1em;
	margin-top:0.7em;
}
@-webkit-keyframes arrow {
	0%,100% {
		top:50px;
	}
	50% {
		top:80px;
	}
}
@keyframes arrow {
	0%,100% {
		top:50px;
	}
	50% {
		top:80px;
	}
}
#carbonads {
	width:330px;
	margin:20px auto;
	font-size:1.3em;
	line-height:1.4;
	border:1px solid rgba(255,255,255,0.3);
	overflow: hidden;
	border-radius:8px;
	padding:10px 0 10px 10px;
}
#carbonads a {
	float:left;
	text-align: left;
}
#carbonads .carbon-text {
	width:180px;
}
#carbonads .carbon-poweredby {
	margin-top:7px;
}
#carbonads .carbon-text,
#carbonads .carbon-poweredby {
	padding:0 9px;
}
@media (max-width:960px) {
	.inner {
		width:100%;

	}
	h1,h2,h3,p,pre,dl {
		margin-left:30px;
		margin-right:30px;
	}
}



.ljty{ width:100%; float:left; margin-top:30px;}

.ljty a{ padding:5px 15px; border:1px solid #CCC; font-size:18px;border-radius: 30px;  }

.ljty a:hover{  border:1px solid #F60 ; color:#F60   }
.ljty2{ width:100%; float:left; margin-top:30px;text-align: center;}

.ljty2 a{ padding:5px 15px; border:1px solid #333; color:#333; font-size:18px;border-radius: 30px;  }

.ljty2 a:hover{  border:1px solid #F60 ; color:#F60 ;color:#F60; }


.head{ width:100%; float:left; height:60px; background:url(../images/header_bg.png); position:fixed; z-index:99999; border-bottom:1px solid #CCC; top:0; left:0;}
.head .logo{ float:left;}
.head .logo img { float:left;}
.head .logo span{ display:block; float:left; border-left:1px solid #999; padding:0 10px; color:#333; font-size:18px; height:30px; line-height:30px; margin-top:15px;}

.head .login{ float:right;}
.head .login a{ padding:5px 15px; color:#333 ;font-size:14px;border-radius: 30px; float:left; margin:16px 10px; }


.ewm2{ float:left;}
.ewm2 ul li{ float:left; text-align:center; color:#999; line-height:10px;font-size:12px; margin-right:40px;}
.ewm2 ul li p{ font-size:12px; line-height:5px;}
.ewm2 ul li p img{ float:left; margin-left:10px;}
.tiao{ float:left;}

.foot{ float:left; width:100%; background:#232424; padding:20px 0;}
.footbox{ width:1200px; margin:0 auto;}


.foot a{ color:#999 }
.foot a:hover{ color: #F60}

.dbnav{ float:left;width:450px; }
.dbnav ul{ float:left;font-size:12px; text-align:left; width:150px;line-height:30px;}
.dbnav ul li{ float:left; width:150px;}
.dbnav ul li strong{ font-size:15px; font-weight:bold; color:#999}

.lianxi{ float:left; width:240px; font-size:12px; margin-left:25px;}
.lianxi ul li{ float:left;line-height:18px; padding:10px 0; width:100%; text-align:left; color:#999; font-size:15px;}
.lianxi ul li img{ margin-right:15px; float:left;}


.dxbt{ width:100%; float:left; margin-top:100px; font-size:45px; color:#666; text-align:center;}

.picbox{ float:left; width:100%; height:100%;}
.tupian{ float:left; width:50%; height:100%;}
.tupian img{ float:left; width:100%; height:100%;}

.wenzhi{ float:left;  margin:100px 50px;}

#hover{ color:#F60}

.aboutbanner{ width:100%; float:left; background:url(../images/banner_bg3.jpg) top center; height:420px; text-align:center;}

.wz{width:100%; float:left; margin-top:100px; line-height:25px; color:#333}


.aboutbox{width:100%; float:left; }
.aboutbox strong{ font-weight:bold;}
.tit{ color:#666; font-size:18px;text-transform : uppercase; text-align:center; margin-top:20px; line-height:20px;}
.aboutcnt{width:1200px; margin:0 auto; color:#333 ;}


.picab{ float:left;}
.wzab{ width:600px; float:left; margin-left:50px; font-size:0.8em; line-height:32px;}

.clear{clear:both;}



.guize{width:1200px; margin:auto; color:#333 ; line-height:30px;font-size:0.8em; }




/*#full-screen-slider { width:100%; height:610px; float:left; position:relative; margin-top:60px; }
#slides { display:block; width:100%; height:610px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:27%; top:580px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:12px; height:12px; float:left; margin-left:15px; border-radius:10px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background: #F00}*/


.index_focus{position:relative;width:100%;height:610px;margin:0 auto;overflow:hidden; margin-top:60px; top:0; left:0;}
.index_focus_post{z-index:10;}
.index_focus .pic{height:auto;display:block; text-align:center;}
.index_focus .pic:hover{text-decoration:none;}
.index_focus .slide_nav{position:absolute;left:45%;bottom:2%;}
.index_focus .slide_nav a{cursor:pointer;float:left;font-size:28px;font-family:arial;color:#fff;padding:5px 10px;}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration:none;color:#F00;filter:alpha(opacity=80);opacity:0.8;}
.index_focus_pre,.index_focus_next{display:none;position:absolute;top:50%;margin-top:-36px;width:72px;height:72px;text-indent:100%;white-space:nowrap;overflow:hidden;z-index:10;background: url(../images/ico_sliding.png) no-repeat;}
.index_focus_pre{left:30px;background-position:0 0;}
.index_focus_pre:hover{background-position:0 -144px;}
.index_focus_next{right:30px;background-position:0 -72px;}
.index_focus_next:hover{background-position:0 -216px;}
.index_focus_info{position:absolute;left:10%;bottom:12%;width:800px;height:200px;padding-bottom:10px;color:#fff;text-decoration:none;cursor:pointer;font-family:"\5fae\8f6f\96c5\9ed1";-moz-text-shadow:1px 1px 1px rgba(0, 0, 0, 0.6);-webkit-text-shadow:1px 1px 1px rgba(0, 0, 0, 0.6);text-shadow:1px 1px 1px rgba(0, 0, 0, 0.6);background:url("/images/index_focus_bg.png") no-repeat;_background:none;}
.index_focus_info h3{font-size:36px;line-height:70px;font-family:\5fae\8f6f\96c5\9ed1, \u9ed1\u4f53, "Lucida Grande";display:none;}
.index_focus_info .text{width:500px;line-height:24px;font-size:14px;word-wrap:break-word;overflow:hidden;display:none;}



.overviewbox{ width:1200px ; margin:0 auto;}
.overviewbox h2{ color:#666; font-size:40px; text-align:center; margin-top:100px;}


.liucheng{ width:100%; float:left; color:#333; font-size:16px; margin-top:40px;}
.liucheng li{ text-align:center; font-size:16px;float:left; padding:9px; }
.liucheng li p{ font-size:16px; color:#666; line-height:30px;}

.liucheng li span{ width:80px; height:80px; background:#999; display:block;border-radius:40px;}
.liucheng li span img{ margin-top:19px;}

.nybanner{ width:100%; height:420px; float:left; margin-bottom:20px; }
.nybanner ul li{ width:100%; height:420px; float:left;}

.liucheng li:hover span{background:#F60;}


.newscnt{width:1200px; margin:0 auto; color:#333 ; font-size:8px; line-height:32px; }
.newscnt ul li { width:100%; float:left; text-align:center; font-size:16px;line-height:28px; margin-top:25px;}


/*.liucheng{ width:100%; float:left; color:#333; font-size:16px; margin-top:15px;}
.liucheng li{ text-align:center;width:100%; float:left; }
.wenzi{ width:100px; float:left; text-align:center; line-height:80px;}
.tp{ width:80px; height:80px;border-radius:40px;   float:left; background:#aaaaaa; text-align:center;}
.tp img{ margin-top:20px;transition:All 0.4s ease-in-out;

    -webkit-transition:All 0.4s ease-in-out;

    -moz-transition:All 0.4s ease-in-out;

    -o-transition:All 0.4s ease-in-out;}
.sz{ width:110px; text-align:center;float:left;line-height:80px;}

.liucheng li:hover .tp{background:#F60;}
.liucheng li:hover{ color:#F60;}
.liucheng li:hover span{ border:1px solid #F60;}
.liucheng li:hover font{ border:1px solid #F60;}
.liucheng .sz span{ border:1px solid #aaaaaa; border-radius:20px; width:40px; height:40px; line-height:40px; text-align:center; display:block; float:right; margin-top:20px;}

.liucheng .wenzi font{ border:1px solid #aaaaaa; border-radius:20px; width:40px; height:40px; line-height:40px; text-align:center; display:block; float:left; margin-top:20px;}



.nybanner{ width:100%; height:610px; float:left; position: absolute; top:; left:0;}
.nybanner ul li{ width:100%; height:610px; float:left;}




.newscnt{width:1200px; margin:0 auto; color:#333 ; }
.newscnt ul li { width:100%; float:left; text-align:center; font-size:14px;line-height:25px; margin-top:15px;}

*/

.tb{ background:url(../images/tb.jpg); width:72px; height:72; line-height:72px; text-align:center; display:block; float:left; color:#F60; margin-left:570px;}
.dian{ background:url(../images/dian.jpg) top  center no-repeat; height:40px; width:72px;line-height:60px; text-align:center; display:block; float:left; color:#F60; margin-left:570px; font-size:18px;}








.listConts{ float:left; width:100%; color:#000;}