@charset "utf-8";
/* CSS Document */

html,body{ width: 100%; height: 100%; position: relative; min-width: 1200px;max-height: 1080px;}

.top{ width:100%;position:absolute;top:0px;left:0;z-index: 1000; height:15.8%; min-height:120px;z-index: 100; box-shadow:0 3px 15px rgba(0,0,0,0.1); }
.top .topT{background-color:#19294b;height:26.5%;position: relative;}
.top .topT .topT_box{ position: absolute; left:50%; top:50%; width: 1200px; height: 30px; line-height: 30px; color:#fff; font-size:14px;margin:-15px auto auto -600px; }
.top .topT .tel{ height: 30px; background:rgba(255,255,255,0.1);padding:0 20px; }
.top .topT .tel span{display: block; padding-left:33px; background: url(../images/topTel.png) left center no-repeat; line-height: 29px;height:30px;font-size:16px;}
.top .topNav{ height:73.5%; background: #fff;position: relative; }
.top .topNav .navBox{ width: 1200px; height:65px; position:absolute; top:50%;margin-top:-32px;left:50%;margin-left:-600px; }
.top .topNav .logoDiv{float:left;display: block; width:185px; height:65px; background: url(../images/logo.png) left center no-repeat;}
.top .navMain{ position: relative;}
.top .navMain .navLi{ float:left; position:relative;width:120px;}
.top .navMain .navLi.indexLi{  border:0;}
.top .navMain .navLi.indexLi a.a1{border-left:1px solid #ebebeb;}
.top .navMain .navLi a.a1{ display:block;color:#666;  position:relative; height:65px; line-height:65px; text-align:center; font-size:16px; margin:auto; border-right:1px solid #ebebeb; font-weight: 700; }
.top .navMain .navLi.indexLi a.a1 .span1{}
.top .navMain .navLi:hover a.a1{color:#fff; background: #d80505; }
/*.top .navMain .navLi.active .a1,*/
.top .navMain .navLi .dh2{ width:100%; padding:0px 0; top:100%; left:0%; position:absolute; display:none; overflow:hidden; -moz-transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s; background-color:#fff; border-top:2px solid #f4f4f4; }
.top .navMain .navLi .dh2 a.a2{ display:block; text-align:center; width:100%; background-color:#d80505; color:#fff; line-height:20px; font-size:14px; padding:15px 0; border-top:1px solid #fff;}
.top .navMain .navLi .dh2 a.a2 span{}
.top .navMain .navLi .dh2 a.a2:hover{ color:#fff; background-color:#19294b;}
.top .navMain .navLi:hover .dh2{ display:block; }


/*首页产品分类*/
.index_class{ position: absolute;z-index:999; top:64%; left: 50%; width: 1200px; margin-left:-600px; background:rgba(0,0,0,0.7); border:1px solid rgba(255,255,255,0.2);}
.index_class ul{width:1170px;margin:auto;padding:25px 0 20px 0;}
.index_class ul li{ float: left;width:20%;}
.index_class ul li a{display: block; width:208px;margin:auto;}
.index_class ul li .img{ width:206px; height:128px; border:1px solid rgba(255,255,255,0.3); }
.index_class ul li .img .spanImg{ display: block; width:190px; height:112px; margin:auto;margin-top:8px;  overflow: hidden;background-position:top center; background-size:cover;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover;  }
.index_class ul li .title{ position: relative; color: #ccc; font-size: 15px; line-height:35px; height:35px; background:rgba(0,0,0,0.2);margin-top:5px; text-align: left; border-left:3px solid rgba(255,255,255,0.3);  }
.index_class ul li .title .yuan{}
.index_class ul li .title .spanT{padding-left:25px;}


/*首页底部*/
.foot{ width:100%; position:absolute; z-index:15; bottom: 0; left:0; background:rgba(0,0,0,0.6)}
.copyright{  font-size:13px; color:#aaa; height:40px; line-height:40px; text-align:center; padding:0 20px; }
.copyright .fl{ padding-right:15px;}
.copyright .fr{ padding-left:15px;}
.copyright a{ color:#aaa; font-size:13px; }
.copyright a:hover{ color:#fff;}

.indexZi{ position: absolute;z-index:20; top:23%;left:50%; margin-left:-600px;width: 1200px; height: 300px;}
.indexBanner{ position: absolute;bottom: 0; left:0; width: 100%; height:84.2%;z-index:10;}

/*banner*/
.banner{width:100%; height:801px; bottom:0;left:0; background:#fafafa; position:absolute; z-index:11;}
.banner_slides{ position:relative; overflow:hidden; width:100%; margin:auto; }
.banner_slides,.slides_container,.slides_control ,.banner_pic,.banner_slides li.slidesjs-slide,.slidesjs-slide{display: block;width: 100%; height:100%;}
.banner_pic{ background-position: bottom center; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover; background-size:cover;}
.slides_btn{ position:absolute; z-index:999;display:none;width:40px;height:70px;margin-top:-35px;top:50%;overflow: hidden;text-indent:-9999px; background-color:#fff;filter:alpha(opacity=20); /*IE滤镜，透明度50%*/-moz-opacity:0.2; /*Firefox私有，透明度50%*/opacity:0.2;/*其他，透明度50%*/ background-position: center center; background-repeat:no-repeat; }
.banner:hover .slides_btn{filter:alpha(opacity=60); /*IE滤镜，透明度50%*/-moz-opacity:0.6; /*Firefox私有，透明度50%*/opacity:0.6;/*其他，透明度50%*/ }
.btn_previous{ left:4%; background-image:url(../images/pre01.png);}
.btn_previous:hover{ background-color:#009944;background-image:url(../images/pre02.png);}
.btn_next{ right:4%; background-image:url(../images/next01.png);}
.btn_next:hover{ background-color:#009944;background-image:url(../images/next02.png);}
	/**/
.slides_pagination{ width:100px;height:14px;bottom:28%; right:2%; position:absolute;z-index:100; text-align:right;display: none; }
.slides_pagination li{margin:10px auto;display:block; ;}
.slides_pagination li a{display:inline-block; overflow:hidden;width:50px;height:3px; background: rgba(255,255,255,0.7);}
.slides_pagination li a.active,.slides_pagination li a:hover.active,.slides_pagination li a:hover{background:#fff; width: 90px}
/*banner end*/