@charset "utf-8";

/* CSS Document */

body{ margin:0px; padding:0px; font-size:14px;font-family: Arial, Helvetica, sans-serif;color:#333;line-height:28px; background:#FFF;}

ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}

input,textarea { font-family: Arial, Helvetica, sans-serif;; border: none; outline: none; background: none; }

ul,li{ list-style:none}

img{border:0px; padding:0px; display: block;}

a{ color:#333; text-decoration:none}



h2,h3,h4,b,strong { font-weight: normal; }

em,i { font-style: normal; }


@font-face {
 font-family: 'youbiao';     /* 这个名字可以⾃⼰定义 */
 src: url('../fonts/v.eot'); /* IE9 Compat Modes */      /*这⾥以及下⾯的src后⾯的地址填的都是⾃⼰本地的相对地址*/
 src: url('../fonts/v.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/v.woff') format('woff'), /* Modern Browsers */
        url('../fonts/v.TTF')  format('truetype'), /* Safari, Android, iOS */
        url('../fonts/v.svg#youbiao') format('svg'); /* Legacy iOS */
        font-weight: bold;
        font-style: normal;
}




.clear{ zoom: 1; }

.clear:after { content: ''; display: block; clear: both; }

.fl { float:left}

.fr { float:right}

.hidden{display:none; background: url() no-repeat center;}



.header{height: 100px;}

.headerbox{width: 1200px; margin: 0 auto; }

.logo{width:192px;float: left;}

.logo img{width: 100%; margin-top:14px;}

.nav{float: right; padding-left: 0px;width:80%;}



.nav li{float: left; width:15%; height:100px; background:url(../images/a1.png) right center no-repeat; position: relative;}
.nav li:nth-child(5){width:20%;}

.nav li h3 a{display: block; font-size:14px;font-weight: bold;color: #333333; text-align:center;line-height:60px; height:60px; margin-top:20px}



.nav li a:hover{color: #fff; background:#999;}

.sub{position: absolute;width: 100%; top: 100px;left: 0;background: #fff;z-index: 100;display: none;}

.sub dt{line-height: 40px; font-size: 14px; border-bottom: 1px solid #eee;}

.sub dt a{display: block;text-align: center; font-size: 14px; color: #666;}

.sub dt a:hover{background: #298619;color: #fff;}



.yzxz{float: right;position: relative;z-index: 10;}

.yzxz p{font-size: 14px; color: #333333; line-height: 100px;cursor: pointer;}

.yzxz p img{display: inline-block;vertical-align: middle; margin: -3px 20px 0 0;}

.yzxz p b{display: inline-block;background: url(../images/a_08.png); width: 10px;height: 7px; vertical-align: middle; margin: -3px 0 0 25px;}

.yzxz ul{position: absolute; width: 100%; top: 100px; left: 0; background: #fff;border-radius: 0 0 6px 6px;z-index: 10;display: none;}

.yzxz li{line-height: 40px; font-size: 14px; padding-left: 42px;}

.yzxz li a{color: #333;}

.yzxz:hover ul{display: block;}

.yzxz li a:hover{color: #298619;}

.banner{ width:1300px; margin:50px auto; position:relative;}

.bann{ width:1200px; margin:0 auto;}

.bann img{width: 100%;}

.banner .swiper-button-next {background: url(../images/a_01.png); width: 48px;height: 48px;margin-top: -22px;right: -4vw;}

.banner .swiper-button-prev {background: url(../images/a_03.png); width: 48px;height: 48px;margin-top: -22px;left: -4vw;}







@media(max-width:1260px){

.headerbox{width: 100%; padding: 0 3%;}

.nav li{padding-left: 30px;}





}

@media(max-width:1000px){

.header{position: fixed;width: 100%;height: 60px; top: 0;background: #fff;left: 0;z-index: 100;}

.logo img{height: 60px;width: auto;}

.dhbtn{position: absolute;width: 30px;height: 30px;background: url(../images/d1.png) no-repeat center center #58b300;background-size: 20px 20px; right: 3%; top: 15px;}

.dhbtn.on{background: url(../images/d2.png) no-repeat center center #58b300;background-size: 20px 20px;}

.nav{position: fixed;width: 200px; height: calc(100% - 60px);top: 60px;left: -200px;background: #fff;}

.yzxz{display: none;}

.nav{ padding-left:0px;}

.nav li{float: none; padding: 0; }

.nav li h3 a{width: 100%; padding: 0 15px;box-sizing: border-box; line-height: 42px; border-bottom: 1px solid #eee;}

.sub{position: static; }

.sub dt a{text-align: left; padding-left: 30px;box-sizing: border-box;}

.dhbj{position: fixed;width: 100%; height: 100%;background: rgba(0,0,0,.7);top: 0;left: 0;z-index: 10;display: none;}

.banner{margin-top: 60px;}

.banner .swiper-button-next{width: 25px;height: 25px; margin-top: -13px;background-size: 100% 100%;}

.banner .swiper-button-prev{width: 25px;height: 25px; margin-top: -13px;background-size: 100% 100%;}

}



.footer{ width:100%;  padding:30px 0px; text-align:center; color:#666; font-size:12px;}

.footer p{ color:#333; font-size:18px;}



.pd_hd_l{width:1200px; margin:0 auto; }



.pd1 img{display:block; width:100%; height:auto;}

.wd1{width:25%;}

.wd1 img{width:100%; height:auto;}



.pd_hd_l .swiper-button-prev,

.pd_hd_l .swiper-button-next{ position:absolute; bottom:0px;top:40%; width:48px; height:48px; z-index:99; cursor:pointer; -webkit-transition:all .5s linear; transition:all .5s linear; }

.pd_hd_l .swiper-button-prev{ background-image: url(../images/k1.png) !important; opacity:0.6; left:0%; }

.pd_hd_l .swiper-button-next{background-image: url(../images/k2.png)  !important ;opacity:0.6; right:0%; }
.tip_z{ width:1200px; height:auto; margin:80px auto 30px auto; text-align:center;}
.tip_z h2{font-style: italic;font-weight: 400;font-size: 24px; line-height:50px; color:#333;font-family: 'youbiao';}

.ab1{ width:1200px; height:auto; margin:50px auto 50px auto;}
.ab1 h2{ font-size: 48px;font-family: 'youbiao'; padding-bottom:45px; } 
.ab11{ width:530px; height:500px; float:left; float:left;}
.ab12{ width:500px; height:500px; float:right; position:relative;}
.ab12 .ab121 li{     width: 100%;
    /* height: 71px; */
    line-height: 1.8;
    margin-top: 20px;
    color: #333;
    font-weight: bold;}
.ab12 .ab121 li img{ vertical-align:-6px; padding-right:5px; display:inline-block;}
.ab12 .ab122{ width:100%; height:64px; position:absolute; bottom:0px;}
.ab12 .ab122 li{ width:64px; height:64px; float:left; margin-right:20px;}
.ab2{ width:1200px; height:auto; margin:85px auto 70px auto;}
.ab2 h2{font-family: 'youbiao'; font-size: 48px;padding-bottom:45px; }
.ab21{ width:580px; float:left;}
.ab21 li{ width:100%; height:auto; margin-bottom:15px;}
.sb1{width:100%; height:70px; line-height:70px; box-sizing:border-box; text-indent:15px; opacity:0.8; font-size:15px;border: 1px solid #E0E0E0;}
.ab22{ width:580px; float:right;}
.sb3{width:100%; height:240px; line-height:25px; box-sizing:border-box; border: 1px solid #E0E0E0;padding:5px 15px 0px 15px; opacity:0.8; font-size:15px;}
.sb4{display:block; width:140px; height:48px; line-height:48px; border:none; font-size:16px; text-align:center; color:#fff; background:#999;; margin-top:20px; transition:0.5s; border-radius:2px;}
.sb4:hover{opacity:0.9;}

.ab3{ width:1200px; height:505px; margin:20px auto 50px auto; color:#666; text-align:center;}
.ab3 img{ width:100%; margin-bottom:30px;}
.ab4{ width:1200px; height:750px; margin:30px auto; text-align:center;}
.ab4 h2{color: #333333; font-size:24px;font-family: 'youbiao'; margin-bottom:25px;}
.ab4 ul{ margin-top:30px;}
.ab4 li{ width:32%; float:left; margin-right:2%;}
.ab4 li img{ width:100%;}
.ab4 li:nth-child(3n){ margin-right:0px;} 
.ab5{ width:1200px; height:640px; margin:60px auto 40px auto; text-align:center;}
.ab5 h2{color: #333333; font-size:24px;font-family: 'youbiao'; margin-bottom:25px;}
.ab5 ul{ margin-top:30px;}
.ab5 li{ width:48%; float:left; margin-right:4%;}
.ab5 li img{ width:100%;}
.ab5 li:nth-child(2n){ margin-right:0px;}