@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:'微软雅黑'; font-size:12px; color:#6e6e6e;  min-width:1004px; width:auto!important; width:1004px;_width:expression(document.documentElement.clientWidth<1004?"1004px":"auto"); margin:0 auto; overflow-x:hidden; over/flow-y:scroll;}


/*********nav*********/

.tiao{ width:100%; height:50px; background:#0D6DE4;}

.tiao01{ width:234px; height:50px; font-size:14px; color:#8CCCF5; border-right:1px solid #4DA7E1; line-height:50px; float:left;}
.tiao02{ width:409px; padding-left:45px; height:50px; font-size:14px; color:#8CCCF5; line-height:50px; float:left; background:url(../images/dhbj.png) 15px center no-repeat;}
.tiao02 span{color:#FFF000; font-weight:bold; font-size:15px; padding-left:5px;}

.tiao03{ width:295px; height:50px; float:left; background:url(../images/sbj.png) left center no-repeat;}

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


.logobj{ height:120px; width:100%; background:url(../images/bj4.jpg) top center no-repeat;}
.nav{ width:1260px; margin:auto;height:120px;}
.tlogo{ width:267px; padding-left:28px; float:left; padding-top:20px;}
.nav1{ width:965px; padding-top:30px; padding-left:0px; float:left;}




@charset "utf-8";

.wrapper{ width:1200px; margin:0 auto; overflow:hidden;}
.cen{ width:1200px; margin:0 auto; overflow:hidden;}

/*-------------------------------  ■ index 首页---------------------------------*/


.banner{ width:100%; height:500px;}
.index_focus {width: 100%;height:500px;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:500px;display: block; text-align:center;}
.index_focus .pic:hover {text-decoration: none;}
.index_focus .slide_nav {position: absolute; bottom:13%; width:100%; text-align:center; position: absolute; z-index:9999999; }
.index_focus .slide_nav a {cursor:pointer;f/loat:left;font-size:40px;font-family: arial;color: #fff;padding:5px;}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration: none;color: #FFA200;}
.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;}


.about{ width:100%; height:480px; background:url(../images/bg4.jpg) center center no-repeat;}
.chejian02 a{text-align:center; border-radius:50px; background:#0D6DE4; width:156px; height:38px; display:block; margin-top:40px;  font-size:14px; color:#fff; line-height:38px;}
.chejian02 a:hover{background:#FF6600; color:#ffffff;}


/*-----首页 我们的产品-----*/
.aboutk{ width:1200px; margin:0 auto; padding-top:65px;}
.aboutimg{ float:left; width:310px; text-align:center; height:400px; position:relative;}
.aboutimg img{ width:310px; border:10px solid #FFF; height:300px; border-radius:100%; box-shadow: 0 0 30px rgba(0,0,0,0.3);}

.about01{ float:right; width:800px; font-size:14px; color:#333; line-height:30px; text-align:justify;}
.aboutbt{ font-size:32px; color:#000; height:50px; margin-bottom:30px;}
.aboutbt span{ font-size:18px; color:#C8C8C8;}

.quan03{ width:1200px; margin:auto; height:220px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.quan03 a{ height:135px; display:block; font-size:16px; line-height:28px; color:#0D6DE4; text-align:center; padding-top:45px; font-weight:bold;}

.quan04{ width:180px; height:180px; background:url(../images/qq01.png) no-repeat; -moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.quan04:hover{background:url(../images/qq01_on.png) no-repeat; margin-top:30px;}






.news06s{ text-align:center; font-size:45px; color:rgba(255,255,255,0.7); text-transform:uppercase; font-weight:bold; padding-top:60px; padding-bottom:40px; background:url(../images/xwbj1.jpg) left top no-repeat; font-family:Arial;}
.news06s span{ display:block; font-size:28px; font-weight:normal; color:#fff;}



.gg{ width:100%; height:120px; background:url(../images/ggt1.jpg) center center no-repeat;}
.gg1{ width:100%; height:120px; background:url(../images/ggt.jpg) center center no-repeat;}

.bt{height:38px; line-height:38px; font-size:28px; margin-top:65px; margin-bottom:30px; color:#000;}
.bt span{height:38px; line-height:38px; font-size:16px; padding-left:10px; width:50%; text-transform:uppercase; margin-top:70px; font-weight:normal; color:#7C7C7C;}
.bt strong{color:#EE242D;}


.xwkuai{ width:730px; height:auto; float:left;}

.xwzx{ height:105px; width:100%; margin-bottom:25px; border-bottom:1px dotted #c6c1bd;}
.xwzxwz{ width:600px; float:left;}
.xwzxwzbt{ font-weight:bold; font-size:16px; padding-bottom:10px; margin-top:3px; padding-right:20px;}
.xwzxwzbt a{ color:#585858;}
.xwzxwzbt a:hover{ color:#FF3600;}

.xwzxwznr{ line-height:24px; color:#989898; font-size:13px; padding-bottom:5px; text-align:justify;}

.xwzximg{ width:85px; height:80px; color:#414141; padding-top:5px; float:left; background:#EBEBEB; margin-right:30px; text-align:center; border-radius:5px;}
.xwzximg span{ font-size:40px; color:#414141;}


.job{ width:390px; float:right;}
.job img { margin-bottom:30px; border-radius:5px;}



/******底部区域*******/
.footer01{ width:100%; background:url(../images/fobj.jpg) top center no-repeat; height:215px; margin-top:65px;}
.footerlx1{ float:left; height:170px;}

.footerlx01{ float:left; margin-top:50px;}
.footerlx01s{ height:30px; line-height:30px; font-size:24px; color:#909090;}
.footerlx01s span{ font-size:15px; color:#909090; text-transform:uppercase;}
.footerlx02{ float:left; margin-top:50px; padding-left:20px; line-height:26px; color:#909090;}
.footerlx02 a{ color:#909090;}

.footerbq{ width:100%; line-height:45px; color:#5B5B5B; text-align:center; background:#070707; font-size:14px;}
.footerbq a{ color:#85A2C3;}

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

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

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

ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#fff; text-decoration:none; height: 48px; line-height: 52px; text-align:center;}
ul.menu li {position:relative; float:left; margin-right:0px; z-index:1;}
ul.menu ul {position:absolute; top:63px; left:0; display:none; opacity:0; list-style:none;}
ul.menu ul li {position:relative; border:0px solid #000;  color:#fff; background:#1F63E9; border-top:none; width:120px; margin:0}
ul.menu ul li a {display:block; padding:3px 0px 5px 0px; height:32px; line-height:32px; color:#fff; font-size:12px;}
ul.menu ul li a:hover {background-color:#E60613; color:#fff; font-size:12px;}
ul.menu ul ul {left:114px; top:-1px}
ul.menu .menulink {border:0px solid; padding:5px 7px 7px; width:106px; color:#000;  font-family:"微软雅黑"; font-size:16px;}
ul.menu .menulink:hover, ul.menu .menuhover {color: #fff; border-bottom:3px solid #F00; background:#0D6DE4;}
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}