@charset "utf-8";

/*■■■■■■■■　共同设定 ■■■■■■■■*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,tr,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ul,ul li,input, dl, dd {  padding:0; margin:0; list-style-type:none;}
img,a img{border:0;margin:0;padding:0;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a{text-decoration:none; color:#6e6e6e;}
a:hover{text-decoration:none; color:#6e6e6e;}
.clear{clear:both;}

/*■■■■■■■■　基本设定　■■■■■■■■*/
body{ font-family:"微软雅黑"; font-size:12px; color:#6e6e6e; }


/* Style for our header texts* --------------------------------------- */

.gundong01{ position:absolute; bottom:20px; left:50%; margin-left:-37px; text-align:center; z-index:9999;}
.gundong02{
    -webkit-animation:xguide_down 2.0s infinite ease-in-out;
    -moz-animation:xguide_down 2.0s infinite ease-in-out;
    -o-animation:xguide_down 2.0s infinite ease-in-out;
    animation:xguide_down 2.0s infinite ease-in-out}



.navtop{ width:100%; background:#FFF; position: absolute; z-index:1000; box-shadow: 0 0 10px rgba(0,0,0,0.4);}
.tiao{ width:100%; height:40px; background:#00A8ED;}

.tiao01{ width:284px; height:40px; font-size:14px; color:#fff; border-right:1px solid #55C6F4; line-height:40px; float:left;}
.tiao02{ width:634px; padding-left:65px; height:40px; font-size:14px; color:#fff; line-height:40px; float:left; background:url(../images/dhbj.png) 35px center no-repeat;}
.tiao02 span{color:#FFF000; font-size:14px; padding-left:5px;}


.tiao04{ width:200px; text-align:right; padding-left:10px; height:40px; font-size:12px; color:#fff; line-height:40px;  float:left;}
.tiao04 a{color:#fff; font-size:12px;}
.tiao04 a:hover{color:#FFF000; text-decoration:underline;}
.tiao04 span{ padding:0 16px;}


.top{ width:100%; height:90px; background:#FFF;}

.cen{ width:1200px; height:auto; margin:auto}

.logo{ width:350px; float:left; height:90px;}
.navs{ width:850px; float:left; height:67px; padding-top:23px;}

.navs ul{}
.navs ul li{ float:left; height:44px; padding:3px 0px 0px 14px; margin-left:41px; border-left:1px solid #E4E4E4;}
.navs ul li a{ color:#313131; line-height:18px; font-size:16px; font-weight:bold;}
.navs ul li a span{ display:block; font-size:11px; padding-top:5px; color:#bcbcbc; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:normal;}
.navs ul li a:hover span{ color:#FF6E00;}

.navs ul li a:hover{ color:#FF6E00;}
.navs ul li a.nav_on{ color:#000;}

/* Section 0* --------------------------------------- */
#section0{ background:#030D19; overflow:hidden;}



/* Section 1* --------------------------------------- */
#section1{ background:url(../images/bg01c.jpg) center center no-repeat; overflow:hidden;}

#section1 .s1kleft{ position:absolute;  top:-50%; width:100%; margin:auto; z-index:2;-webkit-transition: all 1.2s ease-in-out;-moz-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;}
#section1.active .s1kleft {  top:25%; }

#section1 .s1kright{ position:absolute;  bottom:-50%; width:100%; margin:auto; z-index:2;-webkit-transition: all 1.2s ease-in-out;-moz-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;}
#section1.active .s1kright {  bottom:0%; }

/* Section 2* --------------------------------------- */
#section2{ background:url(../images/bg02.jpg) center center no-repeat; overflow:hidden;}
#section2 .s2kleft{ position:absolute;  top:-50%; width:100%; margin:auto; z-index:2;-webkit-transition: all 1.2s ease-in-out;-moz-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;}
#section2.active .s2kleft {  top:25%; }

#section2 .s2kright{ position:absolute;  bottom:-40%; width:100%; margin:auto; z-index:2;-webkit-transition: all 1.2s ease-in-out;-moz-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;}
#section2.active .s2kright {  bottom:8%; }


/* Section 3* --------------------------------------- */
#section3{ background:url(../images/bg03.jpg) center center no-repeat; overflow:hidden;}

#section3 .s3kleft{ position:absolute;  top:-50%; width:100%; margin:auto; z-index:2;-webkit-transition: all 1.2s ease-in-out;-moz-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;}
#section3.active .s3kleft {  top:25%; }

#section3 .s3kright{ position:absolute;  bottom:-50%; width:100%; margin:auto; z-index:2;-webkit-transition: all 1.2s ease-in-out;-moz-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;}
#section3.active .s3kright {  bottom:13%; }


/* Section 4* --------------------------------------- */
#section4{ background:url(../images/bg04.jpg) center center no-repeat; overflow:hidden;}

#section4 .s4kleft{ position:absolute;  top:-50%; width:100%; margin:auto; z-index:2;-webkit-transition: all 1.2s ease-in-out;-moz-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;}
#section4.active .s4kleft {  top:25%; }

#section4 .s4kright{ position:absolute;  bottom:-40%; width:100%; margin:auto; z-index:2;-webkit-transition: all 1.2s ease-in-out;-moz-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;}
#section4.active .s4kright {  bottom:8%; }


/* Section 5* --------------------------------------- */
#section5{ background:url(../images/bg05.jpg) center center no-repeat; overflow:hidden;}

#section5 .s5kleft{ position:absolute;  top:-50%; width:100%; margin:auto; z-index:2;-webkit-transition: all 1.2s ease-in-out;-moz-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;}
#section5.active .s5kleft {  top:25%; }

#section5 .s5kright{ position:absolute;  bottom:-40%; width:100%; margin:auto; z-index:2;-webkit-transition: all 1.2s ease-in-out;-moz-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;}
#section5.active .s5kright {  bottom:8%; }


/* Section 6* --------------------------------------- */
#section6{ background:url(../images/bg06.jpg) center center no-repeat; overflow:hidden;}
#section6 .s6kleft{ position:absolute;  top:-50%; width:100%; margin:auto; z-index:2;-webkit-transition: all 1.2s ease-in-out;-moz-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;}
#section6.active .s6kleft {  top:25%; }

#section6 .s6kright{ position:absolute;  bottom:-50%; width:100%; margin:auto; z-index:2;-webkit-transition: all 1.2s ease-in-out;-moz-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;}
#section6.active .s6kright {  bottom:0%; }


/* Section 1* --------------------------------------- */
.s1kleft{ height:15%; margin:auto;}
.s1kright{ height:60%; margin:auto;}

.index_kuai01{ text-align:center; font-size:32px; line-height:38px; padding-bottom:10px; font-weight:bold; color:#fff; background:url(../images/xx1.png) bottom center no-repeat;}
.index_kuai01 span{ text-align:center; text-transform:uppercase; font-size:14px; color:#fff; font-weight:normal;}

.index_kuai02{ text-align:center; font-size:16px; color:#9D9D9D; line-height:26px; padding-top:19px;}
.index_kuai03{ width:1200px; margin:51px auto 0; display: flex; flex-wrap: wrap; justify-content: space-between;}


.index_kuai04{ width:294px; height:294px; position:relative; text-align:center; overflow:hidden;}
.index_kuai04 img.aaaa01{-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.index_kuai04:hover img.aaaa01{-webkit-transform: rotateZ(90deg);color:#504537;-moz-transform: rotateZ(90deg);-o-transform: rotateZ(90deg);-ms-transform: rotateZ(90deg);transform: rotateZ(90deg);}

.index_kuai05{ position:absolute; top:110px; left:0; width:100%; overflow:hidden; font-size:32px; color:#fff; line-height:34px; height:34px; z-index:99; font-weight:bold;}
.index_kuai06{ color:#fff; }

.index_kuai06{ position:absolute; top:180px; left:95px; width:95px; line-height:29px; height:29px; border:#fff solid 1px; z-index:99;}
.index_kuai06 a{ color:#fff; display:block;}

.index_kuai07{ float:left; padding:135px 0px 0;}





/* Section 2* --------------------------------------- */

.s2kleft{ height:13%; margin:auto;}
.index_s2kleft{ text-align:center; font-size:32px; line-height:38px; padding-bottom:10px; font-weight:bold; color:#fff; background:url(../images/xx1.png) bottom center no-repeat;}
.index_s2kleft span{ text-align:center; text-transform:uppercase; font-size:16px; color:#fff; font-weight:normal;}

.s2kright{ height:50%; margin:auto;}


.sy_kw01{ width:550px; height: 360px;  background:rgba(0,168,237,0.9); border-radius:10px;}
.sy_kw02{ height: 180px; padding-left:30px; color:#fff; padding-right:30px; line-height:22px; font-size:15px; text-align: center; }
.sy_kw02 span{ display: block; background:url(../images/case01.jpg) no-repeat bottom center; line-height: 37px; font-size: 26px; font-weight:bold; color: #fff; padding:28px 0 10px;}
.sy_kw02 a{ color: #fff;}
.sy_kw02 a:hover{ color:#D9000A;}
.sy_kw03{}


/* Section 3* --------------------------------------- */
.index_Section3{ width:1040px; margin:51px auto; padding-top:40px; padding-left:80px; line-height:35px; padding-right:80px; height:220px; text-align:center; font-size:17px; color:#FFF; background:rgba(0,168,237,0.8);  border-radius:50px;}
.index_Sectionan a{text-align:center; border-radius:50px; margin:auto; width:156px; height:38px; display:block; margin-top:30px;  font-size:14px;  color:#FFF; line-height:38px; border:1px solid rgba(255,255,255,0.5);}
.index_Sectionan a:hover{background:#00A8ED; color:#ffffff;}




/* Section 4* --------------------------------------- */
.s4kleft{ height:13%; margin:auto;}
.index_s4kleft{ text-align:center; font-size:32px; line-height:38px; padding-bottom:10px; font-weight:bold; color:#00A8ED; background:url(../images/xx2.png) bottom center no-repeat;}
.index_s4kleft span{ text-align:center; text-transform:uppercase; font-size:14px; color:#00A8ED; font-weight:normal;}

.s4kright{ height:50%; margin:auto;}


.sy_ks01{ width:380px; height: 360px; background:#00A8ED;border-radius:10px;}
.sy_ks02{ height: 180px; padding-left:10px; color:#fff; padding-right:10px; line-height:22px; font-size:15px; text-align: center; }
.sy_ks02 span{ display: block; background:url(../images/case01.jpg) no-repeat bottom center; line-height: 37px; font-size: 26px; font-weight:bold; color: #fff; padding:28px 0 10px;}
.sy_ks02 a{ display: block; color: #fff; background: #e0a92a; width: 82px; line-height: 24px; text-align: center; margin: 20px auto; -moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.sy_ks02 a:hover{ border-radius:10px;}
.sy_ks03{}


/* Section 5* --------------------------------------- */
.s5kleft{ height:13%; margin:auto;}
.index_s5kleft{ text-align:center; font-size:32px; line-height:38px; padding-bottom:10px; font-weight:bold; color:#fff; background:url(../images/xx1.png) bottom center no-repeat;}
.index_s5kleft span{ text-align:center; text-transform:uppercase; font-size:14px; color:#fff; font-weight:normal;}

.s5kright{ height:50%; margin:auto;}


.sy_kw01{ width:550px; height: 360px;  background:rgba(0,168,237,0.9); border-radius:10px;}
.sy_kw02{ height: 180px; padding-left:30px; color:#fff; padding-right:30px; line-height:22px; font-size:15px; text-align: center; }
.sy_kw02 span{ display: block; background:url(../images/case01.jpg) no-repeat bottom center; line-height: 37px; font-size: 26px; font-weight:bold; color: #fff; padding:28px 0 10px;}
.sy_kw02 a{ color: #fff;}
.sy_kw02 a:hover{ color:#D9000A;}
.sy_kw03{}





/* Section 6* --------------------------------------- */
.s6kleft{ height:15%; margin:auto;}
.s6kright{ height:58%; margin:auto;}



















.footer{
width: 1140px;
margin:auto;
height: 360px;
padding-left:30px;
padding-right:30px;
background:rgba(0,0,0,0.2);
	
}
.footer1{
float: left;	
height: 300px;	
width: 450px;
background: url(../images/xian.png)right center no-repeat;
}
.footer2{
padding-bottom: 20px;	
padding-top: 45px;
font-size: 18px;
font-weight: bold;
color: #fff;	
font-family: "微软雅黑";
}
.footer3{
font-size: 14px;
color: #fff;
}
.footer3 ul{
width: 460px;
}
.footer3 ul li{
width:100px;
height: 40px;
line-height:40px;	
padding-right: 40px;
float:left;
}

.footer3 ul li a{
color: #fff;	
width:100px;
height: 40px;
line-height:40px;	
border-bottom:  1px solid rgba(255,255,255,0.4);	
display: block;
}

.footer3 ul li a:hover{
color: #ff0000;	
width:100px;
height: 40px;
line-height:40px;	
border-bottom:  1px solid rgba(255,255,255,0.4);	
display: block;
}

.footer4{
margin-left:40px;
padding-left:20px;
float: left;	
width: 390px;
height: 300px;
background: url(../images/xian.png)right center no-repeat;	
}
.footer5{
width: 400px;	
padding-bottom: 20px;	
padding-top: 45px;	
font-size: 18px;
font-weight: bold;
color: #fff;	
font-family: "微软雅黑";
}
.footer6{
padding-top: 5px;	
width: 400px;
height: 200px;	
font-size: 14px;
font-family: "微软雅黑";
color: #fff;
}

.footer6 a{
color: #fff;
}

.footer6 ul li {
height: 35px;
line-height: 35px;
}
.footer7{

float: left;
padding-left:70px;
text-align: center;	
color: #fff;
font-size: 14px;
margin-top: 80px;
}

.footer8{
float: left;	
width: 100%;
height: 59px;
border-top: 1px solid rgba(255,255,255,0.4);	
text-align: center;
line-height: 59px;
color: #fff;
font-size: 13px;
}
.footer8 a{
color: #fff;	
}

/*--------连接---------------------------------------------------------------------------------*/
a.zzb07link{
	line-height:22px;
	text-decoration:none;
	color: #fff;
}

a.zzb07link:hover {
	text-decoration: underline;
	color: #FF6500;
}
.zzb07tail
{
color:#fff;
}

.style10:link {
	font-family: "宋体";
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.style10:visited {
	font-family: "宋体";
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.style10:hover {
	font-family:"微软雅黑";
	color: #FF6500;
	text-decoration: underline;
	font-weight: bold;
}
.style10:active {
	font-family:"微软雅黑";
	color: #FF6500;
	text-decoration: none;
	font-weight: bold;
}

a.s1 {
	font-family:"宋体";
	font-size: 12px;
	line-height:36px;
	font-style: normal;
	float:left;
	color: #ffffff;
	display:block;
	width:123px;
	height:36px;
	text-align:center;
}
a.s1:visited {
	font-size: 12px;
	font-style: normal;
	color: #ffffff;
	text-decoration: none;
}
a.s1:hover {
	font-size: 12px;
	color:#ffffff;
	text-decoration: none;
	display:block;
	width:123px;
	height:36px;
	background:#D27D00;
	position: relative;
}
a.s1:active {
	font-size: 12px;
	color: #ffffff;
	height:36px;

}
a.s2:link {
	font-size: 12px;
	line-width: 2px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
}
a.s2:visited {
	font-size: 12px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
}
a.s2:hover {
	font-size: 12px;
	color: #E00025;
	text-decoration: none;
	position: relative;
	height: auto;
	top: 3px;
}
a.s2:active {
	font-size: 12px;
	color: #E00025;
}



a.s3:link {
	font-size: 12px;
	font-style: normal;
	color: #00458C;
	text-decoration: none;
}
a.s3:visited {
	font-size: 12px;
	font-style: normal;
	color: #00458C;
	text-decoration: none;
}
a.s3:hover {
	font-size: 14px;
	color: #E40500;
	text-decoration: none;
	position: relative;
	height: auto;
	font-weight:bold;
}
a.s3:active {
	font-size: 12px;
	color: #E40500;
}


a.s4 {
	font-family:"宋体";
	font-size: 12px;
	line-height:20px;
	font-style: normal;
	float:left;
	color: #B4B4B4;
	display:block;
	width:211px;
	height:20px;
}
a.s4:visited {
	font-size: 12px;
	font-style: normal;
	color: #B4B4B4;
	text-decoration: none;
}
a.s4:hover {
	font-size: 12px;
	color:#DD352C;
	text-decoration: none;
	display:block;
	width:231px;
	height:20px;
	background-color:#EEEEEE;
	position: relative;
}
a.s4:active {
	font-size: 12px;
	color: #DD352C;
	height:20px;

}

a.s5:link {
	font-size: 12px;
	line-width: 2px;
	font-style: normal;
	color: #BBBBBB;
	text-decoration: none;
	line-height:22px;
}
a.s5:visited {
	font-size: 12px;
	font-style: normal;
	color: #BBBBBB;
	text-decoration: none;
	line-height:22px;
	}
a.s5:hover {
	font-size: 12px;
	color: #E00025;
	text-decoration: none;
	position: relative;
	height: auto;
	top: 3px;
}
a.s5:active {
	font-size: 12px;
	color: #E00025;
}

#Address {
    width:400px;
	height:18px;
	border:1px #999999 solid;
	margin:0px;
}
#Address1 {
    width:400px;
	height:48px;
	border:1px #999999 solid;
	margin:0px;
}
#Address2 {
    width:180px;
	height:18px;
	border:1px #999999 solid;
	margin:0px;
}
.STYLE1 {
	font-size: 12px;
	font-family: "宋体";
	line-height: 28px;
	font-weight: normal;
	color: #0193CC;
	text-decoration:none;
}

.STYLE2 {
	font-size: 12px;
	font-family: "宋体";
	line-height: 28px;
	font-weight: normal;
	color: #333333;
	text-decoration:none;
}

.STYLE12 {
	font-size: 13px;
	font-family: "宋体";
	line-height: 36px;
	font-weight: normal;
	color: #333333;
	text-decoration:none;
}

.STYLE3 {
	font-size: 12px;
	font-family: "宋体";
	line-height: 26px;
	font-weight: normal;
	color: #15908B;
	text-decoration:none;
}

.STYLE4 {
	font-size: 12px;
	font-family: "宋体";
	line-height: 28px;
	color: #A50701;
	font-weight:bold;
}

.STYLE5 {
	font-size: 12px;
	font-family: "宋体";
	line-height: 26px;
	font-weight: normal;
	color: #000000;
	text-decoration:none;
}

.STYLE6 {
	font-size: 12px;




	font-family: "宋体";
	line-height: 28px;
	font-weight: normal;
	color: #ffffff;
	text-decoration:none;
}
/*---------------*/

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

ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#626A71; text-decoration:none; height: 28px; line-height: 30px; text-align:center;}
ul.menu li {position:relative; float:left; margin-right:0px; z-index:1;}
ul.menu ul {position:absolute; top:40px; left:0; display:none; opacity:0; list-style:none;}
ul.menu ul li {position:relative; border:0px solid #000;background:url(../images/topbjs.png); border-bottom:1px solid #fff; border-top:none; width:102px; margin:0}
ul.menu ul li a {display:block; padding:3px 0px 5px 0px; height:28px; line-height:28px; color:#ffffff; font-size:12px;}
ul.menu ul li a:hover {background-color:#FFDF2E; color:#000; font-size:12px;}
ul.menu ul ul {left:114px; top:-1px}
ul.menu .menulink {border:0px solid; padding:5px 7px 7px; width:88px; color:#414141;  font-family:"微软雅黑"; font-size:13px;}
ul.menu .menulink:hover, ul.menu .menuhover { background:url(../images/dhbj.jpg) bottom center no-repeat; color: #FE0000; }
ul.menu .sub {background:url('http://d2.xvna.com/sc/scimg/arrow.gif?http://www.xvna.com') 100% 0px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}


/*-----------翻页样式-----------*/
.contentPage{text-align: center; margin:0px 3px; padding:0px; padding-top:15px; width: 100%; color: #666; line-height: 30px; text-decoration: none;}
.contentPage a:link {color: #036cb4; text-decoration: none; font-size: 12px; margin:0px 3px; padding:4px 7px; border: 1px solid #eeeeee; font-weight: normal;}
.contentPage a:visited {color: #036cb4; text-decoration: none; font-size: 12px; margin:0px 3px; border: 1px solid #eeeeee; padding:4px 7px; font-weight: normal;}
.contentPage a:hover {color:#FFF; margin:0px 3px; font-size: 12px; text-decoration: none; padding:4px 7px; background-color:#0d499f; font-weight:normal;}
.contentPage .current{color:#f00; text-decoration: none; font-size: 12px; margin: 0px; border:0px solid #f00; padding:4px 7px; font-weight: normal;}
.contentPage .zi{font-size:12px; font-weight:bold; float:none!important;}
.contentPage .zi form{ display:inline;}
.contentPage .zi form input[type="text"]{ border:1px solid #CCC; line-height:18px; width:25px!important;}
.contentPage .zi form input[type="submit"]{ background-color:#CCC; border:0px; line-height:20px; color:#FFF; cursor:pointer;}
/*-----------content pages end-----------*/

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

.product01{ position:relative; cursor:pointer; float:left; width:325px; border:#CFEBF3 5px solid; height:240px; font-size:12px; overflow:hidden; display:block; line-height:28px;}
.pro04{ position:absolute; text-align:center; padding-top:140px; z-index:99999; display:none; top:0; left:0; width:325px; height:240px; background:url(../images/imgtt.png) no-repeat top center; cursor:auto;}
.pro04 span{margin:auto; font-size:16px; color:#ffffff; font-family:"微软雅黑"; text-align:center;}
.pro04 span a{color:#ffffff;}


/*------tab---------*/