@charset "utf-8";

/* CSS Document */

* {   margin: 0px;   padding: 0px;    border: none;    list-style: none;    font-family: "Microsoft YaHei" ! important;}
body {    font-family: Arial, Helvetica, sans-serif;    font-size: 12px;    margin: 0px;    padding: 0px;    color: #333;    background-color:#f0eee9;}
span {    overflow: hidden;    margin: 0 auto;}
a {    text-decoration: none;   overflow: hidden;   color: #666666;   padding: 0px;}
a:hover {    text-decoration: none;}
img {    border: 0px;}
.clear {    clear: both;}
ul li,li {    list-style: none}
.wrapper {    width: 100%;    height: auto;    overflow: hidden;    margin: 0 auto;}
.clear {clear:both; *display:inline;/*IE only*/}
/* 顶部 */
.top_body{ width: 100%; position:absolute;/* 把导航栏位置定义为绝对位置  关键*/z-index:9999; /* position:fixed;固定作用*/ }
.top {   width: 100%;  height: 34px;  float: left;  background-color: #373737;  overflow: hidden; }
.top_box {    width: 1200px;    height: 34px;    margin: 0 auto;}
.top_box p {   line-height: 34px;    font-size: 12px;    color: #fff;    text-align: left;}
.head {    width: 100%;    height: 110px;    float: left; background: url(../images/0_03.jpg) repeat-x;  }
.head_box {    width: 1200px;    height: 120px;   margin: 0 auto;  }
.logo {   width: 241px;   height: 187px;   float: left;   }
.head_right {    width: 670px;   height:110px;   float: right;   }
/*menu*/
#nav { float: left; width:670px; display:block; z-index:9999;}
#nav .jquery_out {float:left;line-height:110px; display:block;  text-align:center; color:#6f9b13;font:14px/110px "微软雅黑"; border-bottom:4px solid #6f9b13;}
#nav .jquery_inner {margin-left:16px;}
#nav .jquery {margin-right:1px;padding:0 20px;}
#nav .mainlevel { float:left; width:90px;/*IE6 only*/}
#nav .mainlevel a{ text-decoration:none; line-height:110px; display:block; padding:0 20px; width:60px; font-size: 14px;}
#nav .mainlevel a:hover {color:#6f9b13; text-decoration:none; border-bottom:4px solid #6f9b13;}
#nav .mainlevel ul {display:none; position:absolute; z-index:9999;}
#nav .mainlevel li {margin-top: 1px; background:#628812; width:180px;/*IE6 only*/}
#nav .mainlevel li a{text-decoration:none; line-height:32px; display:block; padding:0 20px; width:140px; color: #fff; font-size: 12px; text-align: center;}
#nav .mainlevel li a:hover {color:#fff; text-decoration:none; background:#6f9b13;}

/*banner*/
#bannerDiv{ width:100%; height:600px; float:left; margin-top: 110px;}
#full-screen-slider { width:100%; height:600px; float:left; position:relative}
#slides { display:block; width:100%; height:600px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:25%; top:540px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#6f9b13}

/*内容*/
.content{ width: 100%; height:auto; float: left; padding-top: 80px; background: url(../images/bj.png) left top no-repeat; }
.icon_navigation{ width:1170px; height: 500px; margin: 0 auto;   }
.icon_title{ width: 448px; height: 60px; margin: 0 auto;  }
.icon_title img{ width: 448px; height: 60px; float: left; }
.icon_text { width: 1000px; height:70px;  margin: 0 auto; padding-top: 20px; padding-bottom: 20px;  }
.icon_text p{ text-align:center; color: #6c6c6c; line-height: 20px; font-size: 12px;  }
.icon_box{ width: 1170px; height: 170px; float: left; }
.icon_box li {
margin:3px 105px;
width:180px;
height:180px;
float: left;
transition:width 1s, height 1s;
-moz-transition:width 1s, height 1s, -moz-transform 1s; /* Firefox 4 */
-webkit-transition:width 1s, height 1s, -webkit-transform 1s; /* Safari and Chrome */
-o-transition:width 1s, height 1s, -o-transform 1s; /* Opera */
}
.icon_box li:hover
{width:180px;
height:180px;
transform:rotate(180deg);
-moz-transform:rotate(180deg); /* Firefox 4 */
-webkit-transform:rotate(180deg); /* Safari and Chrome */
-o-transform:rotate(180deg); /* Opera */}

.icon_box_title{ width: 1170px; height: 80px; float: left; }
.icon_box_title span{ width: 180px;margin:30px 105px; height: 50px; float: left; text-align: center; line-height: 30px; }
.icon_box_title span a{ font-size: 16px; }
.icon_box_line{ width: 1170px; height: 30px; float: left; background: url(../images/dian1.png) no-repeat; }

/*内容*/
.vd{ width:100%; float:left; height:520px; background: url(../images/vd.png) no-repeat top ; border-image:url(../images/line.png) 30 30 round; }
.vd_box{ width: 1170px; height: auto; margin: 0 auto; padding-top: 40px; }
.warp1{ height:500px; background:url(../images/dot.jpg) repeat; margin:20px 0;}
.video{ width:1170px; height:480; margin:10px 0;}
.video_list{ width:600px; height:310px; float:left; margin-right:15px;}
.video_title{ width:450px; float:right; background:url(../images/v_line.png) no-repeat left top; padding-left:50px; padding-right:5px; height:410px; padding-top: 40px;}
.video_title ul li{ width:350px; line-height:25px; font-size:16px; height:82px;}
.video_title ul li a{ color:#fff;}
.video_icon{ float: left; text-align: center; width: 160px;background-color: #f37416; height: 30px;  padding: 10px;  margin:30px;  -webkit-border-radius: 10px;  -moz-border-radius: 10px; }
.video_icon a{ line-height: 30px; color: #fff; font-size:18px; }

/*产品展示*/
.product{ width: 100%; height:720px; float: left; background: #f0eee9;  padding-top: 70px; }
.product_box{ width:1170px; height: 720px; padding-top: 40px; height:auto;   margin:0 auto;}
.product_title{ width: 448px; height:81px; margin:0 auto;   }

/* scrollleft */
.scrollleft{width:1170px; height:450px; padding:15px; margin:0 auto;}
.scrollleft ul{ float: left; }
.scrollleft ul li{float:left;margin-right:20px;display:inline;width:360px; height:420px; background-color: #fff; border:solid 1px #ddd; text-align:center;}
.scrollleft ul li img{width:320px;height:230px; background-color:#FFF; margin-top: 20px;}
.scrollleft ul li h4{ line-height:50px; text-align:center; font-size:16px; color:#216912; width:360px; height:50px; }
.scrollleft ul li h4:hover{ color:#09F;}
.pro_icon{ text-align: center; margin: 0 auto; width:120px;background-color: #74b61d; height:30px; -webkit-border-radius: 15px;  -moz-border-radius: 15px; line-height: 30px; } 
.more_icon{ text-align: center; width: 160px;background-color: #f37416; height: 30px;  padding: 10px;  margin:0 auto;  -webkit-border-radius: 10px;  -moz-border-radius: 10px; }
.more_icon a{ line-height: 30px; color: #fff; font-size:18px; }
/*new*/
.new{  width:100%; height:600px;  float: left; background: url(../images/bj2.png) right center no-repeat #fff;  }
.new_box{ width: 1170px; height:400px; margin: 0 auto; padding-top: 60px; }
.new_text{ width: 1170px; height: 300px; float: left;}
.new_text li{ width: 470px; height: 100px; float: left; margin:20px 90px 20px 20px; }
.new_text li h4{ width:450px; padding-left:40px; background: url(../images/2_46.png) no-repeat left center; height: 30px; text-align: left; line-height: 30px; float:left; }
.new_text li p{width: 450px; height:42px; margin-top: 5px; padding-left: 40px; text-align: left; line-height:21px; float: left; color: #8a8a8a; font-size: 12px; }
.new_text li span{ width: 200px; height:18px; text-align: left; line-height: 18px; color: #a8a9aa; font-size: 12px;padding-left: 40px; }
/*foot*/
.foot{ width: 100%; height: 260px; float: left; background: url(../images/foot.png);  }
.foot_box{ width: 1200px; height: 220px;  margin: 0 auto; }
.foot_left{ width: 280px; height: 200px; float: left; margin-top: 30px; }
.foot_left p{ line-height: 25px; text-align: left; font-size: 12px; color: #fff;  }
.foot_center{ width:400px; height: 200px; float: left; margin-left:30px;   }
.foot_center .call{ width:270px; height: 55px; margin-top: 40px; float:left;   }
.foot_right{ width:471px; height: 151px; float:right; margin-top: 40px;  }
.link{ width:400px; float:left; color:#fff; margin-top: 30px;}
.link span{display:inline-block; border:1px solid #fff; width:38px; height:36px; font-size:14px; padding:3px 3px;}
.link a img{ border:1px solid #fff; margin-right:1px; width:167px; height:43px;}
.footer{ width: 100%; height: 50px; float: left; background: #080809 }
.footer_box { width: 600px; height: 40px; line-height: 40px; text-align: center; font-size: 12px; color: #727272;  margin: 0 auto; }

/*内页*/
.ny_banner{ width: 100%; height:490px; float: left; }
.fixed-nybg{ width:100%; height:100%; position:fixed; top:0; background:url(../images/ny3.jpg) no-repeat center top; z-index:-9999;}
.ny_body{width: 100%; height:auto; float: left; background:#f0eee9;} 
.nybody_box{background:url(../images/bj3.png)  top left no-repeat; width: 100% ; height: auto; float: left;}
.ny_content{ width: 1170px; height: auto; margin: 0 auto;   }
.ny_title{ width: 1170px; float: left; height:88px; margin-top:-44px; background: url(../images/ny2.png) no-repeat center; overflow: hidden;;  }
.ny_title h2{ width: 200px; padding-left: 40px; margin:32px ; float: left; background: url(../images/arrow.png) no-repeat left center; color: #fff; display: block; }
.ny_title p{ text-align: right; line-height: 21px;width: 400px;  float:right;margin:50px 40px 0px 0px ;font-size: 12px; display: block;}
.ny_title a{ color: #fff;}
.ny_left{ width: 280px; height: auto; float:left;  margin-top: 10px;  margin-bottom: 40px;}
.ny_right{width:880px; height: auto; float:right; margin-left: 10px;  margin-top: 10px; background: #fff;margin-bottom: 40px;min-height:550px;   }
.ny_right img{ max-width: 100% }
/*内页左边导航*/
.ny_left_nav{ width: 280px; height:auto;float:left;background: #fff;}
.ny_left_nav ul{ width:240px;  margin:20px;}
.ny_left_nav ul li{ width:240px; height:45px;  border:1px solid #d9dee3; margin-bottom:4px; }
.ny_left_nav ul li a{ line-height:45px; text-align:center; font-size:14px; font-family:"微软雅黑"; display:block;}
.ny_left_nav ul li:hover{ background-color:#6f9b13; color:#fff;}
.ny_left_nav ul li a:hover{  color:#fff;}

.ny_new{ width: 280px; height:350px; float: left; background-color: #fff; margin-top:10px;  }
.ny_new_title{ width: 280px; height: 40px; border-bottom: 1px solid #d9dee3;  }
.ny_new_title a{ padding-left:20px;  line-height: 40px; font-size: 14px;  }
.ny_new_box{ width:240px; height:auto; float:left; margin-top: 10px;}
.ny_new_box li{  height:30px; display:block; line-height:30px; padding:0px 10px 0px 20px; background: url(../images/dot.jpg)no-repeat 8px center;}
.ny_new_box li .new{ text-align:left;}
.ny_new_box li a:hover{ color: #158f44; }
.ny_new_box li span{ color:#676767; float:right;}
/*联系方式*/
.ny_call{ width:280px; height:250px;  background-color:#fff; float:left; margin-top:10px; } 
.ny_call li{ width:260px; height:68px; float:left; margin-left:12px; margin-top:12px;}
/*产品中心类模板*/
.workList_box{ width:820px; height:auto;text-align:left;font-size:12px; margin:30px ;  overflow:hidden;}
.workList { width:820px; margin-bottom:15px; float:left; !important }
.workList li {float: left;margin:10px;}
.workList li a {display: block;color:#000;}
.workList li .work_title {text-align: center;color: #2f1504;padding-top:10px;}
.workList li  a:hover{display: block;color:#23a0e3;}
.workList li a img {border:1px solid #e3e3e3; padding:3px;}
.workList li a:hover img {border:1px solid #23a0e3; padding:3px;}
.ny_pro{ width:820px; height: 300px; height:auto;border: 1px solid #d9dee3; float: left; margin: 30px; }
.ny_pro_title{ width: 820px; height:35px; float: left;border-bottom: 1px solid #d9dee3; }
.ny_pro_title a{padding-left:20px;  line-height: 40px; font-size: 14px;}
.ny_pro_show{width:770px; height:200px; padding:15px; margin:0 auto;}
.ny_pro_show li{float:left;margin-right:10px;display:inline;width:220px;text-align:center;line-height:25px;}
.ny_pro_show img{width:200px;height:160px;padding:4px;border:solid 1px #ddd; background-color:#FFF;}
.ny_pro_show img:hover{width:200px;height:160px;padding:4px;border:solid 3px #158f44; background-color:#FFF;}
.ny_pro_show a{ line-height:28px; text-align:center; font-size:14px; color:#555;}
.ny_pro_show a:hover{ color:#09F;}

/*内页分页*/
/*css yahoo2 style pagination*/
.pag{padding:10px;font-size:12px;margin:10px 30px 60px 30px;  ;font-family:tahoma,helvetica,sans-serif;text-align:center; background: #eee;}
.pag a{border:#ccdbe4 1px solid;padding:2px 8px;background-position:50% bottom;color:#0061de;margin:0 3px 0 0;text-decoration:none;}
.pag a:hover{border:#2b55af 1px solid;background-image:none;color:#fff;background-color:#0073cd;}
.pag a:active{border:#2b55af 1px solid;background-image:none;color:#fff;background-color:#0073cd;}
.pag span.current{padding:2px 6px;font-weight:bold;color:#000;margin:0 3px 0 0;}
.pag span.disabled{display:none;}
.pag a.next{border:#ccdbe4 2px solid;margin:0px 0px 0px 10px;}
.pag a.next:hover{border:#2b55af 2px solid;}
.pag a.prev{border:#ccdbe4 2px solid;margin:0px 10px 0px 0px;}
.pag a.prev:hover{border:#2b55af 2px solid;}
.pre_next {float:left;width:780px;height: 40px;line-height: 40px;color: #666666;text-align:center; margin:40px; background: #eee;}
.pre_next h5 {color: #046bb6;padding:3px; line-height: 40px; text-align: center; font-size: 12px;}


div.pre_next{width:100%;height:auto;margin:30px auto; overflow:hidden;text-align: center; background: #fff;}
#pages{display:inline-block;padding:0;margin:0;}
#pages li{display:inline}
#pages li a{color:#333;float:left;font-size:14px;padding:10px 16px;margin:0 5px;text-decoration:none;border:1px solid #ddd}
#pages li span{color:#aaa;float:left;font-size:14px;padding:10px 16px;margin:0 5px;text-decoration:none;border:1px solid #ddd; cursor: default;}
#pages li span:hover{ color: #aaa;}
#pages li:first-child a,#pages li:last-child a{border-radius:0}
#pages li.bor0 a{border-color:#fff;cursor:auto}
#pages li.active span,#pages li.disabled span{color:#aaa;border:1px solid #ddd;cursor:default}
#pages li.thisclass a{ background-color:#158f44;}
#pages li a:hover:not(.active){background-color:#158f44;color:#fff;border-color:#158f44}
#pages li.bor0 a:hover{background:0 0;color:#333;border-color:#fff}

ul.preNext{ width:100%; display: flex; justify-content: space-between; align-items: center; float: left;}
ul.preNext li{ padding: 5px 15px; background: #eee; text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden}
ul.preNext li.return{ margin: 0; min-width: 120px; text-align: center; background: #222;}
ul.preNext li.return a{ color: #fff;}
ul.preNext li a{ color:#333;}
ul.preNext li:hover{ background: #158f44;color: #fff;}
ul.preNext li:hover a{ color: #fff;}
ul.preNext li.pre,ul.preNext li.next{ background: #eee;}

/*内页新闻动态*/
.ny_news{ width:700px;height:auto; float:left; margin:30px 40px;}
.ny_news li{  height:60px; display:block; line-height:35px; border-bottom: 1px dashed #DDDDDD ;padding:10px 10px 10px 30px ; background: url(../images/dot.jpg) no-repeat 8px center;}
.ny_news li .new{ text-align:left;}
.ny_news li a{ font-size: 14px; line-height: 25px; }
.ny_news li a:hover{color: #045eaa;}
.ny_news li span{ color:#676767; float:right; font-size: 14px;}

.ny_right_text{ width:800px; height:auto;  margin:40px; overflow:hidden; min-height:200px; }
.ny_right_text p{ font-size:12px; line-height:25px;}



.float_layer {border: 1px solid #aaaaaa; display:none; }
.float_layer h2 { height: 25px; line-height: 25px; padding-left: 10px; font-size: 14px; color: #333; background: url(../images/title_bg.gif) repeat-x; border-bottom: 1px solid #aaaaaa; position: relative; }
.float_layer .min { width: 21px; height: 20px; background: url(../images/min.gif) no-repeat 0 bottom; position: absolute; top: 2px; right: 25px; }
.float_layer .min:hover { background: url(../images/min.gif) no-repeat 0 0; }
.float_layer .max { width: 21px; height: 20px; background: url(../images/max.gif) no-repeat 0 bottom; position: absolute; top: 2px; right: 25px; }
.float_layer .max:hover { background: url(../images/max.gif) no-repeat 0 0; }
.float_layer .close { width: 21px; height: 20px; background: url(../images/close.gif) no-repeat 0 bottom; position: absolute; top: 2px; right: 3px; }
.float_layer .close:hover { background: url(../images/close.gif) no-repeat 0 0; }
.float_layer .content1 { height:290px; width:789px; overflow: hidden; font-size: 14px; line-height: 18px; color: #666;  }
.float_layer .wrap2 { padding:0 }



@media screen and (max-width: 1080) {
    
}