/*  ━━━━━━神兽出没━━━━━━
 　　　┏┓　　　┏┓
 　　┏┛┻━━━┛┻┓
 　　┃　　　　　　　┃
 　　┃　　　━　　　┃
 　　┃　┳┛　┗┳　┃
 　　┃　　　　　　　┃
 　　┃　　　┻　　　┃
 　　┃　　　　　　　┃
 　　┗━┓　　　┏━┛
 　　　　┃　　　┃
 　　　　┃　　　┃
 　　　　┃　　　┗━━━┓
 　　　　┃　　　　　　　┣┓
 　　　　┃　　　　　　　┏┛
 　　　　┗┓┓┏━┳┓┏┛
 　　　　　┃┫┫　┃┫┫
 　　　　　┗┻┛　┗┻┛

 ━━━━━━感觉萌萌哒━━━━━━
 */
body{margin:0;padding:0;background:#fff}body{margin:0;padding:0;font:14px Tahoma,Verdana,Geneva,微软雅黑,sans-serif;color:#555}body,div,h4,li,p,span,ul{padding:0;margin:0}ul{list-style:none}table,td,tr{border:none;overflow:hidden}a,a:hover{text-decoration:none}a:focus{outline:0}.left{float:left}.right{float:right}.clearfix:after{clear:both;content:".";display:block;margin:0;padding:0;font-size:0;height:0;line-height:0;overflow:hidden}a{text-decoration:none}a:link{text-decoration:none}a:visited{text-decoration:none}a:hover{text-decoration:none}a:active{text-decoration:none}.itermText_Center{display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}img{max-width:100%}.backdown{display:flex;justify-content:center;align-items:center;position:fixed;width:200px;height:200px;background:0 0;left:0;bottom:0}.backtop{display:none;justify-content:center;align-items:center;position:fixed;width:100px;height:150px;background:0 0;right:0;bottom:0}.backdown_container{position:relative;width:24px;height:24px}.chevron{position:absolute;width:28px;height:8px;opacity:0;transform:scale3d(.5,.5,.5);animation:move 3s ease-out infinite}.chevron:first-child{animation:move 3s ease-out 1s infinite}.chevron:nth-child(2){animation:move 3s ease-out 2s infinite}.chevron:after,.chevron:before{content:' ';position:absolute;top:0;height:100%;width:51%;background:#2b1508}.chevron:before{left:0;transform:skew(0deg,30deg)}.chevron:after{right:0;width:50%;transform:skew(0deg,-30deg)}.backtop .chevron:before{left:0;transform:skew(0deg,-30deg)}.backtop .chevron:after{right:0;width:50%;transform:skew(0deg,30deg)}@keyframes move{25%{opacity:1}33%{opacity:1;transform:translateY(30px)}67%{opacity:1;transform:translateY(40px)}100%{opacity:0;transform:translateY(55px) scale3d(.5,.5,.5)}}.text{display:block;margin-top:75px;margin-left:-30px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;color:#fff;text-transform:uppercase;white-space:nowrap;opacity:.25;animation:pulse 2s linear alternate infinite}@keyframes pulse{to{opacity:1}}

@media (min-width: 1200px)
{  }
@media (max-width: 991px) and (min-width: 768px)
{  }
@media (max-width: 767px)
{  }
img{max-width: 100%;}

.navbar-default {background: url("../images/index/headerMenuBG.png") repeat; border-color: transparent;  margin: 0;  }
.CompanyLogobox{ height: 60px;  padding: 15px;width: 80%;}
.navbar-togglebox{width: 20%;  float: right;  height: 60px;}
.navbar-default .navbar-toggle {border-color: transparent; }
.navbar-default .navbar-toggle .icon-bar {background-color: #fff; }
.header{background: url("../images/index/headerMenuBG.png") repeat;position: absolute;  width: 100%; z-index: 99;}
.menuList{float: right;}
.menulv1{color: #FFFFFF;}
.menuIterm{text-align: center;position: relative;}
.menuIterm:hover .menulv1{color: #fff;}
.menuIterm:hover{background: #368cc1;}
.menuIterm.hover .menulv1{color: #fff;}
.menuIterm.hover{background: #368cc1;}
@media (min-width: 1200px)
{
 .headerLogo,.menuList{height: 80px;}
 .menuIterm { text-align: center;  position: relative;  height: 80px;  }
 .menuIterm:hover:before{display: block;}
 .menuIterm:hover .dropdown-menu{display: block;    margin: 0;}
}

@media (max-width: 1199px) and (min-width: 991px)
{
 .headerLogo,.menuList{height: 80px;}
 .menuIterm { text-align: center;  position: relative;  height: 80px;  }
 .menuIterm:hover:before{display: block;}
 .menuIterm:hover .dropdown-menu{display: block;    margin: 0;}
}
@media (max-width: 991px) and (min-width: 768px)
{
 .headerLogo,.menuList{height: 80px;}
}


.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {  color: #368cc1;  background-color: transparent;  }
.dropdown-menu > li > a {  border-bottom: 1px solid #eee;  }

#preload-01 { background: url("../images/index/viewShow01.jpg") no-repeat -9999px -9999px; }
#preload-02 { background: url("../images/index/viewShow02.png") no-repeat -9999px -9999px; }
#preload-03 { background: url("../images/index/viewShow03.png") no-repeat -9999px -9999px; }
.headerLogo img{max-height: 65px;}
.aboutus{background: url("../images/index/aboutUsBG.jpg") no-repeat;background-size:cover;background-position: center; padding: 50px 0;}
.aboutusTitle{padding-bottom: 25px;}
.aboutusTitle .enTitle{display: block;  color: #6D5F5F;  font-size: 50px;}
.aboutusTitle .cnTitle{display: block; color: #6b933a;    font-size: 30px;}
.companyEnName{font-size: 24px;color: #433b3b;  font-weight: normal;  padding-bottom: 30px;  padding-top: 10px;}
.companyCnName{font-size: 20px;color: #6b943a;    font-weight: bold;  padding-bottom: 20px;position: relative;overflow: hidden;}
.companyCnName:after{content: '';position: absolute;width: 80px;height: auto;border: 2px solid #cce198;    bottom: 10px;  right: 0;}
.companyIndex{text-indent: 2em;font-size: 16px;line-height: 1.5;color: #000000;}
.aboutusPic{padding-bottom: 25px;}
@media (max-width: 991px) and (min-width: 768px){
 .menuIterm {
  text-align: center;
  position: relative;
  font-size: 12px;
  padding: 5px;
 }
}
@media (max-width: 767px)
{
 .menuIterm {  text-align: center;  padding-bottom: 15px;     display: block; }
 .menulv1{display: inline-table; width: 100%;}
 .dropdown-menu{display: none;position: relative;float: none;}
 .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {  background-color: transparent;  }
 .header {  position: relative;  }
 .CompanyLogo{width: 160px}
 .menuIterm:hover { background: transparent;  }
 .menuIterm.open {  background: #fff;  }
 .aboutusTitle .enTitle { display: block;  color: #235a36;  font-size: 40px;  }
 .aboutus { padding: 50px 0;  }
}

.produce{background: url("../images/index/proType.jpg") no-repeat; background-size: cover;    padding: 30px;}
.produceIterm{text-align: center;  padding: 20px;}
.produceItermName{color: #FFFFFF;font-size: 16px;padding-top: 15px;}
@media (max-width: 767px){
 .produceIterm {text-align: center;  padding: 10px;  }
 .produceItermName { font-size: 14px;     height: 50px; }
 .produce {padding: 15px;  }
}

.view{background: url("../images/index/footerBG.jpg") no-repeat;background-size: cover;}
.viewSection{padding: 40px 0;}
.viewLeftIterm{text-align: right;}
.viewLeftItermPoint{position: relative;    padding-bottom: 70px;}
.viewLeftItermCover{position: absolute;background: url("../images/index/coverBG.png") repeat;color: #FFFFFF;top: 25%;  right: 0;    right: 10%;}
.viewLeftItermCoverInfo{width: 80%;  float: right;  padding: 15px;}
.viewLeftItermCoverInfo span{font-size: 30px;    display: inherit;  padding-bottom: 10px;}
.viewLeftItermCoverInfo p{text-align: left;  text-indent: 2em;  line-height: 2;}
.viewRightItermPic{padding-bottom: 25px;}
.viewLeftItermPoint img{max-width: 95%;}


.countIterm{padding: 30px;background: url("../images/index/chooseBG.png") no-repeat;background-size: cover;width: 30%;float: left;margin: 1.5%;    cursor: pointer;}
.countIterm:hover{background: #5db0e5;}
.countIterm .numIterm { display: block;  text-align: center;  font-size: 100px;  color: #000;padding-bottom: 30px; position: relative;  }
.countIterm .numIterm:after{content: '';position: absolute;width: 30%;height: auto;border: 1px solid transparent;bottom: 15px;  left: 35%;}
.countIterm .InfoIterm {  color: #000000;  text-align: center;  display: block;  font-size: 22px;  }
.countSection{padding-top: 80px;padding-bottom: 60px;}
.countIterm:hover .numIterm:after{border: 1px solid #00a0e9;}
.countIterm:hover .InfoIterm{color: #FFFFFF;}
.viewfooter{text-align: center;}.viewfooter span{padding: 10px;    display: inline-table;}
@media (max-width: 991px) and (min-width: 768px)
{
  .countSection {
     padding-top: 10px;
     padding-bottom: 30px;
  }
 .countIterm:nth-child(2){background: #5db0e5;}
 .countIterm:nth-child(2) .numIterm:after{border: 1px solid #00a0e9;}
 .countIterm:nth-child(2) .InfoIterm{color: #FFFFFF;}
}
@media (max-width: 767px){
  .countSection {
    padding-top: 10px;
    padding-bottom: 30px;
  }
 .countIterm:nth-child(2){background: #5db0e5;}
 .countIterm:nth-child(2) .numIterm:after{border: 1px solid #00a0e9;}
 .countIterm:nth-child(2) .InfoIterm{color: #FFFFFF;}
}

.newsType{text-align: center;}
.newsTypePic{position: relative;padding: 15px;}
.newsTypePic .newsTypePicFull{width: 100%;position: relative;}
.newsTypePicFull img{width: 100%;}
.newsTypePicFull:after{content:'';position:absolute;width:100%;height: 100%;top:0;left:0;background: url("../images/newsCover.png") repeat;display: none;}
.newsTypeCover{position: absolute;width: 100%;height: 100%;top:0;left: 0;display: none;}
.newsTypeName{color: #382506;text-align: center;font-size: 20px;padding: 25px 0; }
.news{background:#fff;}

.newsType:hover .newsTypePic{background:#382506; }
.newsType:hover .newsTypeName{background:#382506;color: #FFFFFF;}
.newsType:hover .newsTypeCover, .newsType:hover .newsTypePicFull:after{display: flex;}
@media (max-width: 991px) and (min-width: 768px){
 .newsType .newsTypePic{background:#382506; }
 .newsType .newsTypeName{background:#382506;color: #FFFFFF;}
}
@media (max-width: 767px){
 .newsType .newsTypePic{background:#382506; }
 .newsType .newsTypeName{background:#382506;color: #FFFFFF;}
}

.proList{background: #eeeeee;    padding: 50px 0;}
.proListType{padding:0;}
.proListType_Main{padding:0;}
.proListType_MainIterm{margin: 15px 0;background: #FFFFFF;position: relative;} .proListType_MainIterm.active{padding: 15px;}
.MainItermCover{position: absolute;width: 100%;height: 100%;  top: 0;left: 0; -moz-transition-duration: 1s; /* Firefox 4 */  -webkit-transition-duration: 1s; /* Safari 和 Chrome */  -o-transition-duration: 1s;}
.proListType_MainIterm.active .MainItermCover{display: none;}
.proListType_Detail{background: #FFFFFF;margin-top: 15px;display: none;      min-height: 605px; transition-duration: 1s;  -moz-transition-duration: 1s; /* Firefox 4 */  -webkit-transition-duration: 1s; /* Safari 和 Chrome */  -o-transition-duration: 1s;}
.proListType_Detail.proListType_Detail1{display: block;}
.proTopType_Name{text-align: center;  font-size: 30px;position: relative;    height: 150px;  overflow: hidden;}
.proTopType_Name a{color: #c09143;border-bottom: 2px solid;}
.proTopType_Name:before{content: '';position: absolute;width: 36px;height: 36px;background: url("../images/proTypeNameCover.png");    right: -5px;  top: 59px;}
.proDetail_Type li {width: 80%;  margin: auto;  padding: 10px;  padding-bottom: 7px;  margin-bottom: 7px;  border-bottom: 1px solid #bfbfbf;  }
.proDetail_Type li a{color: #000000;}  .proDetail_Type li a:hover{color: #c09143;}
.proDetail_Type li.choose a{color: #c09143;}
.proDetail_Type li img{margin-right: 15px;}

.proListSummyItrem{padding: 5px;}
.proListSummy{margin: 15px 0;}
.proListSummyItremPic{position: relative;}
.proListSummyItremLink{position: absolute;width: 100%;color: #FFFFFF; bottom: 0;   background: url("../images/proCoverBG.png") repeat;  padding: 10px; text-align: center;}
.proListSummyItremLink a{color: #FFFFFF;}
.proListType_MainIterm img{width: 100%;}
.proListSummyNull{background:#fff;} .proListSummyNull span{display: inherit; padding: 25px;font-size: 16px; color: #271a05;font-weight: bold;}
@media (max-width: 1024px) and (min-width: 992px){
 .proTopType_Name {  height: 60px;  }
 .proTopType_Name:before {  right: -15px;  top: 17px;  }
 .proListType_Detail { min-height: 505px;  }
 .proDetail_Type li {  padding: 5px;  padding-bottom: 7px;  margin-bottom: 7px;  }
}
@media (max-width: 991px) and (min-width: 768px){
 .proListType_Detail { min-height: 648px;  }
}
.proType_showSM{height: 200px;text-align: center; margin-bottom: 15px;overflow:hidden;}
.proType_showHover{height: 100%;background:url("../images/proCoverBG.png");}

.plist{clear:both;margin:0 auto;}
.plist .list{position:relative;float:left;    margin: 1.5%;width: 30%;text-align:center;}
.plist .list .ic{display:inline-block;padding:5px;text-align:left;border:1px solid #ccc}
.plist .list .pic-module{    border: 5px solid #5c9cc4;padding: 5px;}
.plist .list .pic-module img{}
.plist .list .pro-module{margin:0 auto;text-align:center;   color: #fff;background: #5c9cc4;    padding: 10px;}
.plist .list .pro-module a{color:#fff;}
.plist .list .pro-module a:hover{color:#000;}
.plist .list .pro-module p span{color:#9f0404}

.plist .list:hover .pic-module{border: 5px solid #368cc1;padding: 5px;}
.plist .list:hover .pro-module{margin:0 auto;text-align:center;   color: #fff;background: #368cc1;}
.plist .list:hover .pro-module a{color:#fff;}

.plist .hover .pro-module{color:#fff;background:#e86c0e}
.plist .hover .pro-module a{color:#fff;}
.plist .hover .pro-module a:hover{color:#ccc;}

@media (max-width: 767px){
 .plist .list {
  position: relative;
  float: left;
  margin: 1.5%;
  width: 47%;
  text-align: center;
 }
}