/* ====================
    公共样式
	
==================== */
@charset "utf-8";
body{ font-size:14px; font-family:"microsoft yahei",Verdana, Arial; margin:0px 0 0 0; padding:0; color:#898989; background:#fff;min-width:1060px;}
div{margin:0 auto; padding:0;}
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,img,p{margin:0; padding:0; border:none; list-style-type:none;}

.block{width:1060px;}
.fl{float:left;}

.fr{float:right;}

.w_fl{ width:100%; float:left;}

a{ text-decoration:none}
a:link{ color:#898989;}
a:visited{ color:#898989;}
a:hover{ color:#1015f2;}

.font_yahei{ font-family:microsoft yahei;}
.t_align_c{text-align:left;width:500px;}

.transition{ transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s;}
.transform_scale{transform:scale(1.12); -webkit-transform: scale(1.12); -moz-transform:scale(1.12); -o-transform:scale(1.12);}
body{ background:url(../images/bg.jpg) repeat;}

/*translateX*/
@keyframes tiao_fly {
  0% {-webkit-transform:translateX(0%) translateY(0%)}
  100% {-webkit-transform:translateX(0%) translateY(-8%)}
}
@-webkit-keyframes tiao_fly {
  0% {-webkit-transform:translateX(0%) translateY(0%)}
  100% {-webkit-transform:translateX(0%) translateY(-8%)}
}
@-moz-keyframes tiao_fly {
  0% {-webkit-transform:translateX(0%) translateY(0%)}
  100% {-webkit-transform:translateX(0%) translateY(-8%)}
}
@-ms-keyframes tiao_fly {
  0% {-webkit-transform:translateX(0%) translateY(0%)}
  100% {-webkit-transform:translateX(0%) translateY(-8%)}
}
@-o-keyframes tiao_fly {
  0% {-webkit-transform:translateX(0%) translateY(0%)}
  100% {-webkit-transform:translateX(0%) translateY(-8%)}
}
/*translateZ*/
@keyframes key_rotateZ {
  0% {-webkit-transform:rotateZ(0)}
  100% {-webkit-transform:rotateZ(360deg)}
}
@-webkit-keyframes key_rotateZ {
  0% {-webkit-transform:rotateZ(0)}
  100% {-webkit-transform:rotateZ(360deg)}
}
@-moz-keyframes key_rotateZ {
  0% {-webkit-transform:translateX(0) translateY(-0%)}
  100% {-webkit-transform:translateX(0) translateY(-6%)}
}
@-ms-keyframes key_rotateZ {
  0% {-webkit-transform:translateX(0%) translateY(-0%)}
  100% {-webkit-transform:translateX(0%) translateY(-6%)}
}
@-o-keyframes key_rotateZ {
  0% {-webkit-transform:translateX(0%) translateY(-0%)}
  100% {-webkit-transform:translateX(0%) translateY(-6%)}
}
/*flash*/
@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0.3;
  }
}
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0.3;
  }
}
/*======================== Common ======================*/

.top{ float:left; height:150px; background:url(../images/top_bg.png) no-repeat; background-size: 100%;}
.top_l{ width:700px; height:100px; float:left; background-size:100%; }
.top_l img{width: 55%;margin-top: 25px;margin-left: 20px;}
.top_r{ float:right; margin-top:30px;   margin-right:90px; color:#9b9b9b; font-family:微软雅黑; font-size:14px;  font-weight:bold;}
.top_r span.a{ float:right; }

.nav{ width:1200px; margin:0 auto; position:relative; }
.nav ul{ float:left; }
.nav ul li a{ width:110px; height:40px; float:left; border-right:1px solid rgb(155, 155, 155); text-align:center; line-height:40px; color:#111; font-weight:bold; position:relative; }
.nav ul li{ width:110px; height:40px; float:left; border-right:1px solid rgb(155, 155, 155); text-align:center; line-height:40px; color:#111; font-weight:bold; position:relative; }
.nav ul li:hover{ background-color:#9b9b9b; }
.nav ul li ul{ position:absolute; left:0; top:40px; background-color:rgba(255, 255, 255, 0.6); z-index:200; display:none; }
.nav ul li ul li{ border:none; position:relative;  }
.nav ul li ul li ul{ position:absolute; left:0; top:0; display:none; margin-left:110px; background-color:rgba(255, 255, 255, 0.6);}
.nav ul li ul li a{ border:none;}

.nav .language{ width:104px; background-color:#eee; border-radius:5px;  line-height:27px; position:absolute; z-index:200; right:0; top:0; }
.nav .language ul{ display:none; margin:0; border:none; }
.nav .language ul li a{ width:104px; margin:0; padding:0; background-color:#eee; line-height:27px; height:27px; background:url(../images/national_cn.png) 10px 6px no-repeat; font-weight:400; }
.nav .language ul li a.en{ width:104px; margin:0; padding:0; background-color:#eee; line-height:27px; height:27px; background:url(../images/national_en.png) 10px 6px no-repeat; font-weight:400; }
.nav .language p a{ float:left; width:104px; margin:0; padding:0; background-color:#eee; line-height:27px; height:27px; background:url(../images/national_cn.png) 10px 6px no-repeat; text-align:center; color:#333;}
.nav .language ul li{ width:104px; margin:0; padding:0; line-height:27px; height:27px; border:none;}
.nav .language ul li a:hover{ background-color:#fff; }

/*banner*/
.banner{ float:left; width:100%; }
.banner img{float:left;width:100%; height:14cm;}

/* main */
.main{ width:1330px; margin:0 auto; }

.main_m .jiagou{ font-size:15px; line-height:1.8rem; font-family:宋体; color:#333; padding:5px; }
.main_m .jiagou img{  }

.main_m .product{ float:left; width:100%; }
.main_m .product ul li{ width:160px; float:left; margin-left:60px; height:231px; margin-top:10px; }
.main_m .product ul li img{ float:left; width:100%; height:160px; }
.main_m .product ul li a{ width:100%; text-align:center; font-size:12px; color:#333; float:left; margin:5px 0;  }
.main_m .article ul li a{ width:690px; margin-left:5px; padding:0 8px; font-size:12px; color:#333; float:left;  border-bottom:1px dashed #cecece; height:29px; line-height:29px;   }
.main_m .article ul li a span{ float:right; margin-right:10px; }
.main_m .article ul li a:hover{ background-color:#fffcd5; }
.main_m .page{ float:left; margin-top:30px; width:100%; text-align:center; margin-bottom:15px; }

/*footer*/
.footer{ float:left;background-color:#494949; width:100%;}

.footer .footer_m{ width:660px; padding:0 60px; margin:0 auto; margin-top:40px; border-top:1px solid #333;}
.footer .footer_m ul{ float:left; width:100%; }
.footer .footer_m ul li{ width:110px; float:left; text-align:center; }
.footer .footer_m ul li h3{ font-size:16px; color:#fff; margin-top:15px; font-family:宋体; }
.footer .footer_m ul li ul{ margin-top:30px; }
.footer .footer_m ul li ul li{ font-size:12px; color:#fff; font-family:宋体; margin-top:8px; }
.footer .footer_m ul li ul li a{ font-size:12px; color:#fff; font-family:宋体; margin-top:8px; }
.footer .footer_m p{ float:left; width:100%; text-align:center; font-size:12px; color:#fff; font-family:宋体; margin-top:40px; margin-bottom:10px; }
/*bottom*/
.bottom{float:left;width:100%;background:#252525;height:50px;line-height:50px;}

.bottom p{float:left;font-size:14px;color:#ccc;}
.bottom h6{float:right;font-size:14px;color:#ccc;}
.bottom h6 a{float:right;font-size:14px;color:#ccc;}
.bottom h6 a:hover{float:right;font-size:14px;color:#a40000;}

a.on{ background-color:#fffcd5; }

/*  xun jia */
.xunjia{ float:left; width:100%; }
.xunjia span.a{ float:left; width:680px; margin-left:20px; height:40px; line-height:40px; color:#333; font-family:microsoft yahei; font-size:14px; }
.xunjia span.a input{ float:right; width:250px; height:20px; margin-top:10px;  }
.xunjia span.a i{ float:right; margin-left:20px; width:300px; line-height:20px; color:red; font-family:microsoft yahei; font-size:14px; }

.yingyong{ float:left; width:100%;}
.yingyong ul{ float:left; width:100%; }
.yingyong ul li{ float:left; overflow:hidden; margin-top:10px; margin-left:10px; position:relative;  }
.yingyong ul li img{ float:left; width:223px; height:210px;  }
.yingyong ul li p{ position:absolute; top:0; left:0; width:100%; line-height:210px; text-align:center; font-size:16px; color:#fff; display:none; background: rgba(0, 0, 0, 0.4) }