/*css reset  css 初始化 电脑端*/
@charset 'utf-8';
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td,button{ margin:0; padding:0; }
body { font-size:12px; color:#3c3c3c; line-height:24px;font-family:"Microsoft YaHei",SimSun,SimHei;background: #fff;}
fieldset, img { border:0; display:block; /*防止图片底下3像素的空白缝隙 */}
ol, ul { list-style:none; }
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal; /*初始化标题*/}
em { font-style:normal;/* 让斜体改为正常的*/}
input, button, select, textarea { border:0; outline:none; /*去掉谷歌 360等表单的蓝色边框*/ }
textarea { resize:none;/*防止谷歌等浏览器 textarea 可以拖动*/}
a { color: #3c3c3c; text-decoration:none; }
html { overflow-x: hidden; overflow-y: auto; }
.flex{display: flex;}
.justify-content{justify-content:space-between;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-justify {text-align: justify;}
.fl{float:left;}
.fr{float:right;}
/*清除浮动*/
.clear:after{
    clear:both;
    display:block;
    visibility:hidden;
    height:0;
    line-height:0;
    content:'';
    overflow:hidden;
}
.clear{zoom:1;}
.line{background: #74AC01;height:6px;}
.container{width:1000px;margin:0 auto;}
.logo{height:108px;}
.logo img{margin-top:15px;}
.navbox{
    background: url("../images/navbg.jpg") repeat-x;
    height:60px;
    line-height: 60px;
}
.navbox .nLi,.navbox .li{float:left;}
.navbox .nLi{width:160px;text-align: center;}
.navbox .nLi a{
    font-size:15px;
    font-weight:bold;
}
.navbox  li a{color:#fff;}
.navbox .nLi>h3>a{padding: 0px 5px 5px 5px;}
.navbox h3>a:hover{
    color:#fff;
    //border-bottom:3px solid #7DB605;
}
.first a{
    color:#fff;
    //border-bottom:3px solid #7DB605;
}
.sup{
    display: none;
    width:160px;
    background:#7DB605;
    position: absolute;
    z-index:1;
}
.sup li{
	height:30px;
	line-height:30px;
}
.sup li a{
    color:#fff;
}
.sup li:hover>a{
    background:#424242;
    color:#fff;
	display:block;
}
.liw h3:hover a{
    background:#424242;
	color:#fff;
    display: block;
}
.sub{
    position: absolute;
    left: 160px;
    top: 120px;
    background: #7DB605;
    width:160px;
    display: none;
    z-index:1;
}
.sub li:hover a{
    display: block;
    background:#424242;
    color:#fff;
}
/*.....轮播部分.....*/
.focusBox { position: relative; width:1000px; height:300px; overflow: hidden; margin:0 auto;z-index: 0;}
.focusBox .pic{ position:relative; z-index:0; }
.focusBox .pic img { width:1000px; height:300px; display: block; }
.focusBox .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }
.focusBox .hd li{margin: 0 5px; background: url(../images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;
    display:inline-block; *display:inline; zoom:1;  _background: url(../images/dot8.png) no-repeat 0 -16px;
}
.focusBox .hd .on{ background-position:0 0; }

.focusBox .prev,
.focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
.focusBox .prev { left: 0; }
.focusBox .next { background-position: 0 -90px; right: 0; }
.focusBox .prev:hover,
.focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }
/*.....正文部分.....*/
.mainbox{
    height:320px;
    width:1018px;
    margin:20px auto;
}
.main{margin-left:20px;width: calc(100% - 40px);}
.main-left{
    width:302px;
    height:326px;
    float:left;
    background: url("../images/mainlbg.png") no-repeat;
}
.mainbox h2{
    margin-top: 20px;
}
.mainbox h2 a{
    display: inline-block;
    line-height: 24px;
    font-size:15px;
    color:#74AC01;
    font-weight:bold;
}
.more{
    margin-top:20px;
    margin-right:20px;
}
.mainl-img{
    margin-left:6px;
}
.main-left ul{
    margin-left:25px;
    list-style: square;
}
.main-middle{
    width:378px;
    height:326px;
    float:left;
    margin-left:20px;
    background: url("../images/mainzbg.png") no-repeat;
}
.mainz-img{
    margin-top:9px;
    margin-left: 2px;
}
.main-middle ul{
    margin-left:20px;
    margin-top:10px;
    list-style: square;
}
.main-right{
    width:302px;
    height:326px;
    float:right;
    background: url("../images/mainlbg.png") no-repeat;
}
.main li span{float:right;}
.mainr-img{margin-top:9px;}
.mainr-text{margin-top:4px;}
/*.....产品展示部分....*/
.products{
    width:1020px;
    height:240px;
    margin:0 auto;
}
.probg p{
    font-size:15px;
    font-weight:bold;
    margin-left:20px;
}
.prev{
    background:url("../images/icon.png") no-repeat;
    display: inline-block;
    width:30px;
    height:50px;
    position: relative;
    left: 939px;
    top: -210px;
}
.next{
    background:url("../images/icon.png") no-repeat -30px 0;
    display:inline-block;
    width:30px;
    height:50px;
    position: relative;
    left: 936px;
    top: -210px;
}
.picScroll{
    height:170px;
    margin-top:15px;
}
.picScroll li{
    float:left;
    width:180px;
    height:135px;
    margin-right:15px;
}
.picScroll li img{
    width:180px;
    height:135px;
}
/*.....友情链接.....*/
.friendlink{
    height:40px;
    background: #F6F6F6;
    margin-top:20px;
    margin-bottom: 30px;
}
.frid-text{
    font-size:15px;
    color:#74AC01;
    font-weight:bold;
    border-left:3px solid #74AC01;
    padding:5px;
    line-height:30px;
}
.link{
    display: inline-block;
    width:260px;
    height:24px;
    border:1px solid #ddd;
    margin-top:7px;
    margin-left:20px;
}
.link-list{
    line-height:30px;
    padding:5px 20px;
}
.link-list > li{
    float:left;
    width:200px;
    margin:0 40px;
    position: relative;
    padding:0 10px;
	border:1px solid #ddd;
}
.link-list > li a{
    font-weight:600;
}
.link-list > li i{
    background:url("../images/arrow.png") no-repeat ;
    width:10px;
    height:10px;
    display: inline-block;
    margin-left:10px;
}
.link-list-level2{
    display:none;
    position: absolute;
    left:0;
    top:30px;
    background: rgba(255,255,255,.8);
}
.link-list-level2 li{
    line-height:2;
    display:block;
    padding:0 10px;
}
.link-list-level2 li:hover a{
    color:#74AC01;
}

@media screen and (min-width:0\0) {
   .link-list{
    position: relative;
    left:20px;
    top:-40px;
   }
}



/*.....footer......*/
.footer{
    background: #2C2C2C;
}
.footer-text{
    padding-top:30px;
	width: 1000px;
	margin: 0 auto;
}
.footer p{
    text-align: center;
    color:#fff;
    line-height:30px;
}
.footer p a{
    color:#fff;
}