@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; }
a:hover{text-decoration:none; color:#6e6e6e;}
.clear{clear:both;}

/*■■■■■■■■　基本设定　■■■■■■■■*/
body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6e6e6e;  min-width:1020px; width:auto!important; width:1020px;_width:expression(document.documentElement.clientWidth<1020?"1020px":"auto"); margin:0 auto; overflow-x:hidden; background:url(../images/bg.jpg) no-repeat top center;}


::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #f2f6fb;
}
:-moz-placeholder { /* Mozilla Firefox 4-18 */
   color: #f2f6fb;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #f2f6fb;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #f2f6fb;
}


@charset "utf-8";

.wrapper{ width:1004px; margin:0 auto;}

/*-------------------------------  ■ index 首页---------------------------------*/

.nav{ height:42px; background:#01128F; width:1020px; margin:0 auto; overflow:hidden;}
.nav ul{}
.nav ul li{ float:left; text-align:center; font-size:13px;}
.nav ul li a{ color:#fff; line-height:42px; height: 42px; font-size:13px; padding-left:12px; padding-right:11px; display:block; }
.nav ul li a:hover{ color:#fff; background:#FF0101;}





/*-----首页 banner-----*/
.banner{ width:1020px; margin:0 auto; height:250px; overflow:hidden;}
.banner_line{ text-align:center;}

.index_focus {position: relative;width: 100%;height: 250px;margin: 0 auto;overflow: hidden;}
.index_focus .bd li {  display: none;position: absolute;left: 0;top: 0; width:100%; text-align:center;}
.index_focus_post {z-index: 10;}
.index_focus .pic {height:250px;display: block; text-align:center;}
.index_focus .pic:hover {text-decoration: none;}
.index_focus .slide_nav {position: absolute;l/eft: 45%;bottom:-4%; width:100%; text-align:center;}
.index_focus .slide_nav a {cursor:pointer;f/loat:left;font-size:60px;font-family: arial;color: #ffffff;padding:5px;}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration: none;color: #FE0000;filter: alpha(opacity=80);opacity: 0.8;}
.index_focus_pre,.index_focus_next {position: absolute;top: 50%;margin-top: -36px;width:38px;height:80px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index: 10;}


.index_focus_pre {left: 30px;background-position: 0 0;background:url(../images/jt1.png) no-repeat;}
.index_focus_pre:hover {left: 30px;background-position: 0 0;background:url(../images/jt1.png) no-repeat;}
.index_focus_next {right: 30px;background-position: 0 0;background:url(../images/jt2.png) no-repeat;}
.index_focus_next:hover {right: 30px;background-position: 0 0;background:url(../images/jt2.png) no-repeat;}

/*-----首页 index_kuai-----*/
.index_kuai{width:1020px; margin:0 auto; overflow:hidden;}
.index_kuai00{ float:left; padding-left:100px; height:38px; border-left:#01128F solid 1px; width:154px;  font-size:14px; color:#515151; font-weight:bold; line-height:19px; padding-top:20px; margin-top:16px;}
.index_kuai00 span{ font-weight:normal; display:block;}

.index_kuai01{ border-left:#2470be solid 1px;background:url(../images/kuai01.png) no-repeat 20px center;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.index_kuai01:hover{background:url(../images/kuai01_on.png) no-repeat 20px center;}
.index_kuai02{ border-left:#00aae8 solid 1px;background:url(../images/kuai02.png) no-repeat 20px center;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.index_kuai02:hover{background:url(../images/kuai02_on.png) no-repeat 20px center;}
.index_kuai03{ border-left:#8fc320 solid 1px;background:url(../images/kuai03.png) no-repeat 20px center;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.index_kuai03:hover{background:url(../images/kuai03_on.png) no-repeat 20px center;}
.index_kuai04{ border-left:#ec6c00 solid 1px;background:url(../images/kuai04.png) no-repeat 20px center;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.index_kuai04:hover{background:url(../images/kuai04_on.png) no-repeat 20px center;}



.index_kuai_line{width:1020px; margin:28px auto 0; background:url(../images/line05.jpg) repeat-x; height:1px;}


/*-----首页 领域-----*/
.lingyu{width:1020px; margin:0 auto; overflow:hidden;}
.lingyu01{ float:left; width:316px;}
.lingyu02{ height:56px; line-height:56px; padding-top:10px; font-size:16px; color:#515151; font-weight:bold;}

.lingyu03{ float:left; position:relative; width:316px; height:219px; overflow:hidden;}
.lingyu03 img.lingyu03_tt{ width:316px; height:219px;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.lingyu03:hover img.lingyu03_tt{ width:340px; height:236px; margin-left:-12px; margin-top:-8px;}
.lingyu04{ position:absolute; left:0; bottom:0; width:100%; height:75px; background:url(../images/ly04.png) repeat;}
.lingyu04 span{ display:block; padding:0 19px; line-height:20px; height:40px; overflow:hidden; color:#fff; font-family:Arial, Helvetica, sans-serif; margin-top:9px;}
.lingyu04 a{ float:right; color:#fff; font-family:Arial; padding:0 19px 0 0;}
.lingyu04 a:hover{ color:#00a7dd;}
.lingyu05{ position:absolute; right:0; bottom:0;}


.lingyu05_line{width:1020px; margin:36px auto 0; background:url(../images/line05.jpg) repeat-x; height:1px;}



/*-----首页 新闻-----*/
.news{width:1020px; margin:0 auto; overflow:hidden;}
.news01{ float:left; width:470px;}
.news02{ height:36px; line-height:36px; padding-top:20px; font-size:16px; color:#515151; font-weight:bold;}

.news03{}
.news03 dl{ line-height:28px; height:28px; overflow:hidden;}
.news03 dl dt{ float:left; width:340px; font-size:14px; height:28px; overflow:hidden;}
.news03 dl dt a{ color:#666;}
.news03 dl dt a:hover{ color:#00aae8;}
.news03 dl dd{ float:right;}

.news04{ float:left; margin:35px 0 0 44px;}

.news05{ float:right; width:465px;}
.news06{}
.news06 dl{ overflow:hidden; padding-top:8px;}
.news06 dl dt{ float:left; width:114px; height:69px; overflow:hidden;}
.news06 dl dd{ float:left; width:315px; padding:0 0 0 15px;}
.news06 dl dd a{ font-size:14px; color:#4c4c4c;}
.news06 dl dd a:hover{ color:#44b121;}
.news06 dl dd span{ display:block; line-height:22px; height:44px; font-family:Arial, Helvetica, sans-serif; margin-top:6px;}

.news07{ background:url(../images/line05.jpg) repeat-x; margin-top:10px; padding:20px 0 0 65px;}
.news07 a{ color:#44b121; font-family:Arial, Helvetica, sans-serif;}
.news07 a:hover{ text-decoration:underline;}





/* 本例子css */
.slideBox{ width:465px; height:77px; over/flow:hidden; position:relative; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev{ position:absolute; left:0; top:125px; margin-top:-25px; display:block; width:21px; height:21px; background:url(../images/jj01.jpg) no-repeat;}
.slideBox .next{ position:absolute;left:32px; top:125px; margin-top:-25px; display:block; width:21px; height:21px; background:url(../images/jj02.jpg) no-repeat;}
.slideBox .prev:hover{background:url(../images/jj01_on.jpg) no-repeat;}
.slideBox .next:hover{background:url(../images/jj02_on.jpg) no-repeat;}
.slideBox .prevStop{ display:none;}
.slideBox .nextStop{ display:none;}











/*-----111111111111111-----*/
.slide01{-webkit-animation: slide01 1s; -moz-animation: slide01 1s; -ms-animation: slide01 1s; -o-animation: slide01 1s; animation: slide01 1s;visibility: visible; }
@keyframes slide01 {
    0% {opacity: 0;-webkit-transform: translateX(50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);} 
}
@-webkit-keyframes slide01 {
    0% {opacity: 0;-webkit-transform: translateX(50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);}
}


/*-----222222222-----*/
.slide02{-webkit-animation: slide02 1s; -moz-animation: slide02 1s; -ms-animation: slide02 1s; -o-animation: slide02 1s; animation: slide02 1s;visibility: visible;}
@keyframes slide02 {
    0% {opacity: 0;-webkit-transform: translateX(-50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);} 
}
@-webkit-keyframes slide02 {
    0% {opacity: 0;-webkit-transform: translateX(-50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);}
}



/*-----33333333333-----*/
.slide03{-webkit-animation: slide03 1s; -moz-animation: slide03 1s; -ms-animation: slide03 1s; -o-animation: slide03 1s; animation: slide03 1s;visibility: visible;}
@keyframes slide03 {
    0% {opacity: 0;-webkit-transform: translateY(50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);} 
}
@-webkit-keyframes slide03 {
    0% {opacity: 0;-webkit-transform: translateY(50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);}
}



/*-----33333333333-----*/
.slide04{-webkit-animation: slide04 1s; -moz-animation: slide04 1s; -ms-animation: slide04 1s; -o-animation: slide04 1s; animation: slide04 1s;visibility: visible;}
@keyframes slide04 {
    0% {opacity: 0;-webkit-transform: translateY(-50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);} 
}
@-webkit-keyframes slide04 {
    0% {opacity: 0;-webkit-transform: translateY(-50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);}
}








/*-------------------------------  ■ 内页区域---------------------------------*/


/******header*******/
.header{ height:108px; margin:0 auto; width:1020px; overflow:hidden;}
.header h2{ float:left; padding-top:34px;}

.tel{ float:right; padding-left:27px; background:url(../images/tel01.png) no-repeat left center; color:#fff; line-height:18px; margin:40px 0 0;}
.tel span{ font-size:18px; display:block;}

.sousuo{ float:right; width:180px; height:21px; border:#77addc solid 1px; margin:54px 0 0 17px;}
.sousuo01{ float:left; padding-left:8px; width:151px; height:22px; line-height:22px; border:none; border:0; background:none; color:#f2f6fb;}
.sousuo02{ float:left; width:21px; height:21px; border:none; border:0; background:url(../images/ss01.png) no-repeat left center; cursor:pointer;}




/******底部区域*******/
.footer{ line-height:22px; color:#858585; font-family:Arial, Helvetica, sans-serif; padding-top:17px; padding-bottom:17px; background:#f7f7f7; border-top:#e3e3e3 solid 1px; text-align:center; margin-top:42px;}
.footer a{ color:#858585;}
.footer a:hover{ color:#444;}


/*--------连接---------------------------------------------------------------------------------*/
a.zzb07link{
	line-height:22px;
	text-decoration:none;
	color: #858585;
}

a.zzb07link:hover {
	text-decoration: underline;
	color: #FF6500;
}
.zzb07tail
{
color:#858585;
}
.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: 13px;
	line-height:36px;
	font-style: normal;
	float:left;
	color: #ffffff;
	display:block;
	width:123px;
	height:36px;
	text-align:center;
}
a.s1:visited {
	font-size: 13px;
	font-style: normal;
	color: #ffffff;
	text-decoration: none;
}
a.s1:hover {
	font-size: 13px;
	color:#ffffff;
	text-decoration: none;
	display:block;
	width:123px;
	height:36px;
	background:#D27D00;
	position: relative;
}
a.s1:active {
	font-size: 13px;
	color: #ffffff;
	height:36px;

}
a.s2:link {
	font-size: 13px;
	line-width: 2px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
}
a.s2:visited {
	font-size: 13px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
}
a.s2:hover {
	font-size: 13px;
	color: #E00025;
	text-decoration: none;
	position: relative;
	height: auto;
	top: 3px;
}
a.s2:active {
	font-size: 13px;
	color: #E00025;
}



a.s3:link {
	font-size: 13px;
	font-style: normal;
	color: #00458C;
	text-decoration: none;
}
a.s3:visited {
	font-size: 13px;
	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: 13px;
	color: #E40500;
}


a.s4 {
	font-family:"微软雅黑";
	font-size: 13px;
	line-height:20px;
	font-style: normal;
	float:left;
	color: #B4B4B4;
	display:block;
	width:211px;
	height:20px;
}
a.s4:visited {
	font-size: 13px;
	font-style: normal;
	color: #B4B4B4;
	text-decoration: none;
}
a.s4:hover {
	font-size: 13px;
	color:#DD352C;
	text-decoration: none;
	display:block;
	width:231px;
	height:20px;
	background-color:#EEEEEE;
	position: relative;
}
a.s4:active {
	font-size: 13px;
	color: #DD352C;
	height:20px;

}

a.s5:link {
	font-size: 13px;
	line-width: 2px;
	font-style: normal;
	color: #BBBBBB;
	text-decoration: none;
	line-height:22px;
}
a.s5:visited {
	font-size: 13px;
	font-style: normal;
	color: #BBBBBB;
	text-decoration: none;
	line-height:22px;
	}
a.s5:hover {
	font-size: 13px;
	color: #E00025;
	text-decoration: none;
	position: relative;
	height: auto;
	top: 3px;
}
a.s5:active {
	font-size: 13px;
	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: 13px;
	font-family: "微软雅黑";
	line-height: 28px;
	font-weight: normal;
	color: #0193CC;
	text-decoration:none;
}

.STYLE2 {
	font-size: 13px;
	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: 13px;
	font-family: "微软雅黑";
	line-height: 26px;
	font-weight: normal;
	color: #15908B;
	text-decoration:none;
}

.STYLE4 {
	font-size: 13px;
	font-family: "微软雅黑";
	line-height: 28px;
	color: #A50701;
	font-weight:bold;
}

.STYLE5 {
	font-size: 13px;
	font-family: "微软雅黑";
	line-height: 26px;
	font-weight: normal;
	color: #000000;
	text-decoration:none;
}

.STYLE6 {
	font-size: 13px;




	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:#000; text-decoration:none; height: 30px; line-height: 32px; text-align:center;}
ul.menu li {position:relative; float:left; margin-right:0px; z-index:1;}
ul.menu ul {position:absolute; top:42px; 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:126px; 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:#FFB400; color:#ffffff; font-size:12px;}
ul.menu ul ul {left:114px; top:-1px}
ul.menu .menulink {border:0px solid; padding:5px 7px 7px; width:112px; color:#ffffff;  font-family:"微软雅黑"; font-size:13px; font-weight:bold;}
ul.menu .menulink:hover, ul.menu .menuhover {background:#FF0101; color: #ffffff; }
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-----------*/

.pro{background:#C0C0C0; width:241px; height:235px; margin:auto;}
.prot{height:190px;}
.prob{height:35px; width:226px; text-align:center;  color:#ffffff; padding-left:5px; padding-right:10px; padding-top:10px; float:left; font-size:14px; line-height:18px; background:#CD2228;}


.prob a{color:#ffffff;}






