@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:97px; padding-top:3px; background:#0277EE; }

.tiao01{ width:234px; height:100px; font-size:12px; color:#fff; line-height:50px; float:left;}
.tiao02{ width:409px; padding-left:25px; height:50px; font-size:12px; color:#fff; line-height:50px; float:left; background:url(../images/dhbj.png) 0px center no-repeat;}
.tiao02 span{color:#fff; font-size:12px; padding-left:5px;}

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

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


.logobj{ height:100px; width:100%; top:55px; position: absolute; z-index:1;}
.nav{ width:1200px; margin:auto;height:90px; background:#FFF; box-shadow: 0 0 8px rgba(0,0,0,0.2);border-radius:10px;}
.tlogo{ width:452px; padding-left:28px; float:left; padding-top:10px;}
.nav1{ width:650px; padding-top:15px; padding-left:55px; 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:580px; }
.index_focus {width: 100%;height:580px;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:580px;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;}

.canpins{ width:100%; padding-top:80px; padding-bottom:1px;}
.canpin{  width:100%; padding-top:70px; padding-bottom:70px;}

.jyln{width: 1200px; margin:auto;	background: #fff; margin-bottom:20px; }
.jyln1{float: left;	width: 370px; overflow:hidden;}
.jyln2{float: right; width: 785px; font-size: 20px; color:#333333; font-weight:bold;}
.jyln3{font-size: 14px;color: #666666; line-height:26px; font-weight:normal; padding-top: 20px; text-align:justify;}

.jyln4 a{width: 100px;height: 25px;line-height: 25px;text-align: center;	font-size: 14px;display: block;border: 1px solid #BCBCBC;border-radius: 50px;color: #666;margin-top:20px;
font-weight:normal;}
.jyln4 a:hover{background: #414141; color:#FFF;	}



.gskuai{width: 1200px; margin:auto; margin-top:50px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.gsjj{width:370px;height: 300px;}
.gsjj2{font-size: 18px; height:75px; padding-top:25px; width:290px; margin:auto; color:#222222; background:#FFF;border-radius:10px; margin-top:150px; text-align:center;}
.gsjj2:hover{ background:#ff6600; color:#fff;}
.gsjj2 span{font-size: 14px; color:#222222;}
.gsjj2:hover span{font-size: 14px; color:#fff;}

.chejian01{ position:absolute; left:-31%;}

.che_pic01{ position:absolute; top:35px; left:125px;}
.che_pic02{ position:absolute; top:0; left:503px;}
.che_pic03{ position:absolute; top:192px; left:125px;}
.che_pic04{ position:absolute; top:227px; left:412px;}
.che_pic05{ position:absolute; top:60px; left:0;}
.che_pic06{ position:absolute; top:77px; left:320px;}

.chejian02 a{text-align:center; border-radius:50px; width:156px; height:38px; display:block; margin-top:25px;  font-size:14px; color:#414141; line-height:38px; border:1px solid #A9A9A9;}
.chejian02 a:hover{background:#218ADD; color:#ffffff;}


/*-----首页 我们的产品-----*/
/*-----首页 我们的产品-----*/
.aboutk{ width:1200px; margin:0 auto; height:480px; padding-top:65px;}
.aboutimg{ float:right; width:510px; text-align:center; height:500px;  position:relative;}
.about{ float:left; width:600px;  font-size:14px; color:#333; line-height:30px; text-align:justify;}
.aboutbt{ font-size:32px; color:#000; height:50px; background:url(../images/abt.jpg) left bottom no-repeat; margin-bottom:30px;}



.cpbt{ text-align:center; font-size:48px; color:rgba(255,255,255,0.5); text-transform:uppercase; padding-top:70px; padding-bottom:25px; font-family:Arial; background:url(../images/xx.jpg) bottom center no-repeat;}
.cpbt span{ text-align:center; font-size:40px; color:#fff; text-transform:uppercase;padding-bottom:20px; font-family:Arial;}
.cpbt p{ display:block; font-size:35px; color:#303030; font-weight:normal; font-family:'微软雅黑';}




.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;}



.xwkuai{ background:#F3F3F3; width:100%; padding-top:70px; padding-bottom:70px;}

.xwk{ width:1200px; margin:0 auto; height:359px; padding-top:25px;}
.xwimg{ float:left; width:600px; text-align:center; position:relative;}
.xw01{ float:left; width:520px; height:277px; padding:5px 40px 35px 40px; font-size:14px; color:#555; line-height:30px; text-align:justify;}
.xw01 a{ color:#0277EE;}
.xw01 a:hover{ color:#ff0000;}
.xwbt{ font-size:22px; color:#0277EE; padding-top:35px; padding-bottom:10px;}
.xwbt a:hover{ color:#ff0000;}
.xwbt span{ font-size:16px;line-height:20px; color:#0277EE; font-weight:normal; padding-left:10px; line-height:20px;}
.xwan a{text-align:center; border-radius:50px; background:#0277EE; width:150px; float:left; margin-right:20px; height:42px; display:block; margin-top:25px;  font-size:14px; color:#fff; line-height:42px;}
.xwan a:hover{background:#ff0000; color:#ffffff;}



.contact01{ width: 1200px; margin:auto;display: flex; flex-wrap: wrap; justify-content: space-between; padding-top:70px; }
.contact01 dl{ width: 365px; height: 184px; background: #fff; position: relative; color: #7d7d7d; line-height: 25px; font-size: 14px;border-radius:10px;}
.contact01img{ position: absolute; top: -35px; left: 145px; background:#0277EE; width:70px; height:70px; line-height:70px; font-size:36px; color:#fff; font-weight:bold; border-radius:50px; text-align:center;}

.contact02{ font-size: 16px; color: #7d7d7d; font-weight: bold; margin:33px auto 13px; line-height: 49px; width: 310px; border-bottom: #e6e6e6 solid 1px; }
.contact02 a{ color:#414141;}
.contact02 a:hover{ color:#ff0000;}

.contact02wz{ font-size: 12px; color: #7D7D7C; line-height: 18px; margin:0px auto 5px; height:36px; width: 310px; text-align:justify; }
.contact02an{ font-size: 12px; color: #35BD4D; margin:0px auto 0px; width: 310px; }
.contact02an a{ color: #ff6600; }
.contact02an a:hover{ color:#9DCE66;}

.abt{ text-align:center; font-size:48px; color:#D6D6D6; text-transform:uppercase; padding-bottom:15px; font-family:Arial; background:url(../images/xx.jpg) bottom center no-repeat;}
.abt span{ text-align:center; font-size:48px; color:#ACD5FF; text-transform:uppercase;padding-bottom:20px; font-family:Arial;}
.abt p{ display:block; font-size:35px; color:#303030; font-weight:normal; font-family:'微软雅黑';}




.footer{
width: 100%;
height: 360px;
background: url(../images/footerbj.jpg)top center no-repeat;
}
.footer1{
float: left;	
height: 300px;	
width: 490px;
background: url(../images/xian.png)right center no-repeat;
}
.footer2{
padding-bottom: 20px;	
padding-top: 45px;
font-size: 14px;
font-weight: bold;
color: #AAAAAA;	
font-family: "微软雅黑";
}
.footer3{
font-size: 13px;
color: #AAAAAA;
}
.footer3 ul{
width: 460px;
}
.footer3 ul li{
width:100px;
height: 40px;
line-height:40px;	
padding-right: 50px;
float:left;
}

.footer3 ul li a{
color: #AAAAAA;	
width:100px;
height: 40px;
line-height:40px;	
border-bottom:  1px solid #353538;	
display: block;
}

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

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

.footer6 a{
color: #AAAAAA;
}

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

float: right;
text-align: center;	
color: #AAAAAA;
font-size: 14px;
margin-top: 80px;
}

.footer8{
float: left;	
width: 100%;
height: 59px;
border-top: 1px solid #353538;	
text-align: center;
line-height: 59px;
color: #AAAAAA;
font-size: 13px;
}
.footer8 a{
color: #AAAAAA;	
}
/*--------连接---------------------------------------------------------------------------------*/
a.zzb07link{
	line-height:22px;
	text-decoration:none;
	color: #AAAAAA;
}

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

/*---------------*/
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: 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:60px; left:0; display:none; opacity:0; list-style:none;}
ul.menu ul li {position:relative; border:0px solid #000;background:#fff; border-bottom:1px solid #fff; border-top:none; width:160px; margin:0}
ul.menu ul li a {display:block; padding:3px 0px 5px 0px; height:34px; line-height:34px; color:#000; font-size:14px;}
ul.menu ul li a:hover {background-color:#D21E24; color:#fff; font-size:14px;}
ul.menu ul ul {left:114px; top:-1px}
ul.menu .menulink {border:0px solid; padding:5px 32px 7px 32px; color:#000;  font-family:"微软雅黑"; font-size:16px;}
ul.menu .menulink:hover, ul.menu .menuhover {color: #D21E24; background:url(../images/dhbj.jpg) bottom repeat-x;}
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}




/*-----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%);}
}