article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0;font-family:'Microsoft YaHei';-ms-touch-action:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video{display:inline-block}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
ol,ul{list-style:none}
ol,ul,li,dl,dt,dd{ display: block;}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:after,q:before{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
.clearfix:after{clear:both;content:"\20";display:block;height:0;visibility:hidden}
.clearfix{zoom:1}
input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}
a,button,div,input{outline:0;text-decoration:none}
::-moz-focus-inner{border:0}
body{ background: #e0dace; }
.lf{ float: left;}
.rt{ float: right;}
.f20{ font-size: 20px;}
.f16{ font-size: 16px;}
.h15{ height: 15px;}
.pos{ position: absolute;}
.btn{ display: block;}
.main{ width: 1200px; margin: 0px auto; position: relative;}
.none{ display: none;}

.banner{ height:855px; background: url(../images/bg1.jpg) no-repeat center top; }


.lbbox{ width: 579px; height: 232px; top:578px;  background: url(../images/s1bg_03.jpg) no-repeat;}
.lbbox.lb1{ left: 0px;  }
.lbbox.lb2{  right: 0px;  }
.lbbox h3{ width: 40px; height: 130px; position: absolute; top: 53px; left: 30px; text-align: center; font-size: 28px; color: #199500; font-weight: 700; font-family:"宋体","NSimSun","SimSun","STSong";;  text-indent: -999em; }
.lbbox h3 img{ display: block; position: absolute; top: 0px; left: 0px;}
.lbbox .list{ width: 470px; height: 130px; top: 53px; left: 102px; }
.lbbox .list li{ width: 127px; height: 127px; float: left; margin-right: 23px; border: 1px solid #83d161; background: #f3f9dd; position: relative; }
.lbbox .list li span{ width: 127px; height: 30px; display: block; left: 0px; bottom: 0px; text-align: center; line-height: 30px; font-size: 16px; color: #165c00; }
.lbbox .list li img{ display: block; width: 85px; margin: 13px auto;}

.title{ height:34px; width:962px; margin: 50px auto; background: url(../images/tbg_03.png) no-repeat center; }
.title img{ display: block; margin: 0px auto;}
.part2{  height:579px;   background: url(../images/bg2.jpg) no-repeat center top;  overflow: hidden;  }
.part2 .list { height: 334px; width: 1180px;  margin: 0px auto;}
.part2 .list li{  float: left; width:155px; height:333px; background: url(../images/s_07.png) no-repeat; margin-right: 15px;  position: relative; }
.part2 .list li.mr{ margin-right: 0px;}
.part2 .list li h3{ color: #edff5f; width: 105px; height: 105px; line-height: 100px; margin: 0px auto; text-align:center; font-size: 16px; }
.part2 .list li h3 span{  font-size: 32px; padding:3px 3px; }
.part2 .list li img{ width: 108px; height: 108px; position: absolute;  display: block; left: 25px; top: 137px;}
.part2 .list li p{ color: #157400; height: 36px;  line-height: 36px; width: 155px; position: absolute; left:0px; top: 250px; text-align: center;   }

.part3{ height: 491px;background: url(../images/bg3.jpg) no-repeat; display: table; width: 100%; }
.part3 .title{ height:34px; width:962px; margin: 50px auto; background: url(../images/tbg_03.png) no-repeat center; }
.part3 .lbimg{ width: 1166px; height:297px; top: -10px; left: 30px; }

.part4 { height: 603px;  background: url(../images/bg4.jpg) no-repeat center top;  overflow: hidden;   }
.part4 .title{ height:34px; width:962px; margin: 50px auto; background: url(../images/tbg_03.png) no-repeat center; }
.part4 .listbox{ width: 1140px; margin: 10px auto;}
.part4 .listbox .list{ overflow: hidden;}
.part4 .listbox .list li{ width: 180px; height: 222px; float: left; background: url(../images/sbg_03.png) no-repeat center; margin-right: 11px;  }
.part4 .listbox .list li.mr{margin-right: 0px;}
.part4 .listbox .list.ls2{ margin: -48px auto 0px auto; width: 945px;  }
.part4 .listbox .list li h3{ height: 45px; line-height: 45px; margin: 40px auto; text-align: center; color: #6ec529; font-size: 32px; }
.part4 .listbox .list li p{  text-align: center; line-height: 30px; height: 30px; font-size: 20px; color: #fe6d00; padding-top: 20px; }

.part5 { height:573px;  background: url(../images/bg5.jpg) no-repeat center top;  overflow: hidden;   }
.part5 .shades{  width: 1178px; height: 365px; background: rgba(131,216,61,0.6); border: 1px solid #23c50d; margin: 0px auto; }
.part5 .shades .shades_lst{ width: 1150px; height: 335px; margin: 0px auto; padding-top: 15px; /*background: #f5ee69;*/ cursor:pointer; overflow: hidden; position: relative; }
.part5 .shades .shades_lst li{ width: 73px; height: 335px; float: left; position: relative; overflow: hidden;}

.part5 .shades .shades_lst li .box1{ display: none;}
.part5 .shades .shades_lst li .box2{ width: 74px; height:335px; position: relative;  }
.part5 .shades .shades_lst li .box2 img{ width: 74px; height:335px; position: absolute; left: 0px; top: 0px; }
.part5 .shades .shades_lst li .box2 h3{ color: #fff; font-size: 18px; width: 73px; text-align: center; height: 35px; line-height: 35px; top: 50px; position: absolute;  }
.part5 .shades .shades_lst li .box2 h4{ width: 30px; height: 135px; position: absolute; color: #fff; text-align: center; left: 20px; top: 100px; line-height: 32px; font-size: 28px;}

.part5 .shades .shades_lst li.on{ width: 707px; overflow: visible;}
.part5 .shades .shades_lst li.on .box2{display: none;}
.part5 .shades .shades_lst li.on .box1{ width: 707px; height: 335px; position: absolute; display: block; }
.part5 .shades .shades_lst li.on .box1 img{ width: 707px; height: 350px; position: absolute; left: 0px; top: -15px;}
.part5 .shades .shades_lst li.on .box1 h3{ font-size: 33px; position: absolute; font-weight: bold; color: #e11001; top: 50px; right: 40px; }
.part5 .shades .shades_lst li.on .box1 h4{ font-size: 47px;  position: absolute; font-weight: bold; color: #e11001; top: 110px; right: 40px;  }
.part5 .shades .shades_lst li.on .box1 .jdbox{ width:209px; height: 51px; background: url(../images/jdt/jdbg_03.png) no-repeat; position: absolute; top: 213px; right: 44px; font-size: 26px; text-align: center; line-height: 51px; color: #e11001; font-weight: bold; }