@charset "utf-8";

/* CSS Document */
.tabox1{width:100%; float:left; padding-top:70px; padding-bottom:150px; background:url(../images/bei.jpg) no-repeat bottom #f3f3f3; background-size:100%}
.tabox{width:1250px;margin:0px auto; }
.tabox .hd{overflow:hidden;border-left:1px solid #ddd;width:280px; float:left; background:#48a054; color:#FFFFFF; padding-bottom:40px;}
.tabox .hd h3{ width:100%; font-size:26px; text-align:center; line-height:90px; font-weight:900}
.tabox .hd li{position:relative;line-height:43px;text-align:center;width:220px;float:right;border:0px solid #ddd;border-top:0;cursor:default; font-size:15px; background:#5bb067; margin-bottom:8px;border-top-left-radius:10px;
border-bottom-left-radius:10px;
border-top-right-radius:0px;
border-bottom-right-radius:0px;
-webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}

.tabox .hd li.on{width:240px;background:#fff;border-bottom:0px solid #fff;color:#087352; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
.tabox .bd{border-top:0; width:970px; float:right; background:#FFFFFF; padding:20px; height:639px; padding-top:30px;}
.tabox .lh{overflow:hidden;}


.imglist ul li{text-align:center;float:left;display:inline;width:295px;height:270px;border:#f1f1f1 1px solid;margin:0px 7px; margin-bottom:30px;overflow:hidden; font-size:17px; border-bottom:#c7dfca solid 1px;}
.imglist ul li img{background:#FFFFFF; max-width:100%; max-height:100%; height:220px}

.imglist ul li span{ line-height:50px;}

.casepic{ width:295px;
height:220px;
vertical-align: middle;
display: table-cell; background:#fff; overflow:hidden;}


.cen3b1{ width:1250px; margin:auto; clear:both; overflow:auto; padding-top:35px; padding-bottom:30px;border-top:#cfe5d4 solid 1px; border-bottom:#48a054 solid 0px; margin-bottom:0px; border-bottom:0px solid #48a054}
.cen3b1 li{ width:14%; height:auto; float:left; text-align:center; line-height:23px; color:#000; font-size:16px; margin:10px 0px;}
.cen3b1 li a{color:#000; text-decoration:none;}
.cen3b1 li a:hover{color:#084466; text-decoration:none;}
.cen3b1 li img{ width:71px; margin-bottom:20px;}



.bnbn{ width:1250px; margin:auto; line-height:80px; text-align:center; font-size:30px; color:#FFFFFF; font-weight:900;margin-bottom:20px;
 background-color: #48a054; 
  background-image: linear-gradient(90deg, #279324  50%, #48a054  10%)

}

 




.header13 { width:100%; float:left;
  text-align:center;
}

.inner-header { 
  width:100%;
  margin: 0;
  padding: 0;
}

.cuti3{ width:100%; font-size:26px; font-weight:900;padding-top:35px; color:#30863c; padding-bottom:25px;border-top:#48a054 solid 20px; }
.cuti3 span{width:100%; color:#dcdcdc;  float:left;  font-size:40px;  font-weight:900;font-family: DINOT-Bold; text-transform:uppercase }

.flex { /*Flexbox for containers*/
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.waves {
  position:relative;
  width: 100%;
  min-height:80px;
  max-height:80px;
}

.content {
  position:relative;
  text-align:center;
  background-color: white;
}

/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;	
  animation-duration: 20s;
}


/*Shrinking for mobile*/

.scrollbox{width:95%; position: relative;}
.scrollDiv{width:100%;height:600px; overflow:hidden; display: block;}
.scrollDiv ul{ width: 100%;}
.scrollDiv li{width:280px;height:290px;padding:10px;margin-right:11px; float:left;background: #fff;transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all;border:1px solid #dedede; margin-bottom:10px;}
.scrollDiv li img{width:100%;height:220px;margin-right:10px;float:left;}
.scrollDiv li span{ float:left;width:100%; overflow: hidden; display: block; text-align:center; font-size:15px; line-height:50px;}

.scrollDiv li:hover{ background: #f3f3f3;border:1px solid #72ae2d;}

.scroltit{ position: absolute; right:-30px; top:0px;width:25px;}
.scroltit small{float:right; font-size:12px;width:25px;height:25px; line-height:25px; text-align: center;background:#ff9a22;color: #fff;font-family: "宋体"; margin:2px 0; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all;}
.scroltit small img{margin-top:10px;}
.scroltit small:hover{ background: #48a054;}


@media all and (max-width:640px){

.cuti3{ width:100%; font-size:20px; font-weight:900;padding-top:25px; color:#30863c; padding-bottom:10px;border-top:#48a054 solid 5px; }
.cuti3 span{width:100%; color:#dcdcdc;  float:left;  font-size:20px;  font-weight:900;font-family: DINOT-Bold; text-transform:uppercase }



.cen3b1{ width:90%; margin:auto; clear:both; overflow:auto; padding-top:20px; padding-bottom:10px;border-top:#cfe5d4 solid 1px; border-bottom:#48a054 solid 0px; margin-bottom:0px; border-bottom:0px solid #48a054}
.cen3b1 li{ width:25%; height:130px; float:left; text-align:center; line-height:18px; color:#000; font-size:14px; margin:10px 0px;}
.cen3b1 li a{color:#000; text-decoration:none;}
.cen3b1 li a:hover{color:#084466; text-decoration:none;}
.cen3b1 li img{ width:50px; margin-bottom:10px;}







.tabox1{width:100%; float:left; padding-top:0px; padding-bottom:0px; background:url(../images/bei.jpg) no-repeat bottom #f3f3f3; background-size:100%}
.tabox{width:100%;margin:0px auto; }
.tabox .hd{overflow:hidden;border-left:1px solid #ddd;width:100%; float:left; background:#48a054; color:#FFFFFF; padding-bottom:20px; padding-top:20px;}
.tabox .hd h3{ width:100%; font-size:20px; text-align:center; line-height:40px; font-weight:900}
.tabox .hd li{position:relative;line-height:30px;text-align:center;width:49%; height:30px; margin-right:0.5%;float:left;border:0px solid #ddd;border-top:0;cursor:default; font-size:14px; background:#5bb067; margin-bottom:2px;border-top-left-radius:0px;
border-bottom-left-radius:0px;
border-top-right-radius:0px;
border-bottom-right-radius:0px;
-webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}

.tabox .hd li.on{background:#fff;border-bottom:0px solid #fff;color:#087352; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;width:49%;}
.tabox .bd{border-top:0; width:100%; float:right; background:#FFFFFF; padding:20px; height:auto; padding-top:10px;}
.tabox .lh{overflow:hidden;}


.imglist ul li{text-align:center;float:left;display:inline;width:295px;height:270px;border:#f1f1f1 1px solid;margin:0px 7px; margin-bottom:30px;overflow:hidden; font-size:17px; border-bottom:#c7dfca solid 1px;}
.imglist ul li img{background:#FFFFFF; max-width:100%; max-height:100%; height:220px}

.imglist ul li span{ line-height:50px;}

.casepic{ width:295px;
height:220px;
vertical-align: middle;
display: table-cell; background:#fff; overflow:hidden;}



.bnbn{ width:1250px; margin:auto; line-height:80px; text-align:center; font-size:30px; color:#FFFFFF; font-weight:900;margin-bottom:20px;
 background-color: #48a054; 
  background-image: linear-gradient(90deg, #279324  50%, #48a054  10%)

}



.scrollbox{width:95%; position: relative;}
.scrollDiv{width:100%;height:auto; overflow:hidden; display: block;}
.scrollDiv ul{ width: 100%;}
.scrollDiv li{width:46%;height:175px;padding:10px;margin-right:0.5%; float:left;background: #fff;transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all;border:1px solid #dedede; margin-bottom:10px;}
.scrollDiv li img{width:100%;height:120px;margin-right:10px;float:left;}
.scrollDiv li span{ float:left;width:100%; overflow: hidden; display: block; text-align:center; font-size:14px; line-height:20px;}

.scrollDiv li:hover{ background: #f3f3f3;border:1px solid #72ae2d;}

.scroltit{ position: absolute; right:-15px; top:0px;width:25px;}
.scroltit small{float:right; font-size:12px;width:25px;height:25px; line-height:25px; text-align: center;background:#ff9a22;color: #fff;font-family: "宋体"; margin:2px 0; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all;}
.scroltit small img{margin-top:10px;}
.scroltit small:hover{ background: #48a054;}

}