@charset "utf-8";
/* CSS Document */

body { font-size:16px; font-family:"Microsoft Yahei";  color:#333; background:#f3f3f3; -webkit-tap-highlight-color:transparent; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], textarea { font-family:"Microsoft Yahei"; -webkit-appearance: none; border-radius:0; }
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
ul, li, ol, dl, dt {list-style:none;}
img { border:0; vertical-align:top; max-width:100% !important;}
a { text-decoration:none; color:#333; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
a:hover { text-decoration:none; color:#4f6337; }
*{ margin:0; padding:0; border:0; font-size:100%; outline:none;  word-break:break-all; word-wrap:break-word; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
.clearfix { zoom: 1 }
.fl { float:left; }
.fr { float:right; }
.w{ width:90%; margin:0px auto; }
.align-vertical { display:table-cell; vertical-align:middle;}
.hide{ display:none;}


/*阻止旋转屏幕时自动调整字体大小*/
textarea { resize: none; -webkit-appearance: listbox; -moz-appearance: listbox; }
/*取消按钮在iphone上的默认样式*/
input[type=button], input[type=number] { -webkit-appearance: none; outline: none; }
/*移除上下小箭头  chrome*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0;}
input[type=number], input[type=date], input[type=datetime], input[type=datetime-local] { -moz-appearance: textfield; -webkit-appearance: none !important; margin: 0; }
/*移除上下小箭头 Firefox*/
input::-webkit-input-placeholder { color: rgba(0,0,0,.3); }
textarea::-webkit-input-placeholder { color: rgba(0,0,0,.3); }
input::-webkit-input-speech-button { display: none; }


@font-face {
  font-family: "iconfont";
  src: url('../font/iconfont.eot'); /* IE9*/
  src: url('../font/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width:0.2px;
  -moz-osx-font-smoothing:grayscale;
}

@font-face {
  font-family: "思源宋体";
  src: url("../font/思源宋体.woff2") format("woff2"),
       url("../font/思源宋体.woff") format("woff"),
       url("../font/思源宋体.ttf") format("truetype"),
       url("../font/思源宋体.eot") format("embedded-opentype"),
       url("../font/思源宋体.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}



/**index**/
.content { position:fixed; left:0px; top:0px; width:100%; }
.content .page { width:100%; height:100%;  overflow:hidden; }




.hcfHead{ background:url(../images/headBg.jpg) repeat-x; width:100%; height:140px; text-align:center; position:fixed; left:0; top:0; z-index:999; -webkit-box-shadow: 0 5px 5px rgba(63,61,59,.05); -moz-box-shadow:0 5px 5px rgba(63,61,59,.05); box-shadow:0 5px 5px rgba(63,61,59,.05);}
.hcfHead a.far{ display:inline-block; font-size:18px; font-family: "思源宋体"; margin:0 2.5%; padding-top:60px;}


.hcfBanner{ width:100%; height:100%; position:relative; overflow:hidden;}
.hcfBanner li{ background-position:center; background-size:cover; width:100%; height:100%;}
.hcfBanner .swiper-pagination{ font-size:0; bottom:55px !important;}
.hcfBanner .swiper-pagination-bullet{ background:#fff; width:19px; height:19px; margin:0 16px !important; opacity:1;}
.hcfBanner .swiper-pagination-bullet-active{ background:#ccab68;}


.hcfAbout{ height:100%;}
.hcfAbout li{ width:33.3%; height:100%; float:left; position:relative; cursor:pointer; transition:all 0.4s; }
.hcfAbout li .pic{ height:100%; width:100%; background-position:center center; background-size:cover; background-repeat:no-repeat; position:relative; display:inline-block; transition:all 0.3s;}
.hcfAbout li .title{ position:absolute; left:50%; top:50%; z-index:1; margin-left:-95px; margin-top:-150px; transition:all 0.4s;}
.hcfAbout li .title .cn{ display:block;}
.hcfAbout li .title .mo{ background:url(../images/about-mo.png) no-repeat; width:129px; height:128px; display:block; margin-top:34px; padding:70px 0 0 20px; font-size:18px; color:#fff; font-family:"SOURCEHANSERIFCN-BOLD"; transition:all 0.3s; opacity:0;}
.hcfAbout li.show{ width:42%;}
.hcfAbout li.show .title{ left:8%; margin-left:0; top:150px; margin-top:0;}
.hcfAbout li.show .title .mo{ opacity:1;}
.hcfAbout li.hiden{ width:29%;}


.hcfProduct{ background-image:url(../images/product-Bg.jpg); background-position:center; background-size:cover; width:100%; height:100%; padding-top:170px;}
.hcfProduct-tit{ text-align:center; }
.hcfProduct-menu{ text-align:center; padding-top:2%; font-size:0;}
.hcfProduct-menu a{ min-width:160px; line-height:38px; font-size:16px; font-family: "思源宋体"; color:#ccab68; display:inline-block; vertical-align:top; margin:0 1%; border:1px #ccab68 solid; border-radius:20px;}
.hcfProduct-menu a.active, .hcfProduct-menu a:hover{ background:#ccab68; color:#fff;}
.hcfProduct-list{ text-align:center; padding-top:3%; font-size:0;}
.hcfProduct-list li{ width:22%; display:inline-block; vertical-align:top; margin:0 4%;}
.hcfProduct-list li figure{ width:100%; display:block; overflow:hidden;}
.hcfProduct-list li figure img{ width:100%; display:block; transition:all 0.4s;}
.hcfProduct-list li .tit{ background:#4f6337; line-height:30px; text-align:center; color:#fff; font-size:16px; font-family: "思源宋体";}
.hcfProduct-list li .txt{ font-size:16px; line-height:36px; height:72px; overflow:hidden; margin-top:30px; text-align:justify; display:none;}
.hcfProduct-list li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}

.hcfProduct-more{ text-align:center; padding-top:2%;}
.hcfProduct-more a{ background:#9a7d42; width:160px; line-height:40px; display:inline-block; color:#fff; font-family: "思源宋体";}
.hcfProduct-more a:hover{ background:#4f6337;}


.hcfNews{ background:url(../images/pmianBg.png) no-repeat left 70px; padding-top:170px;}
.hcfNews-pic{ width:69%; padding-top:3%;}
.hcfNews-pic li{ background:#fff; width:calc(50% - 50px); float:left; margin-right:50px; padding-bottom:15px; display:inline-block; position:relative; transition:all 0.4s;}
.hcfNews-pic li:before{ content:''; background:#4f6337; width:0; height:8px; position:absolute; left:0; bottom:0; transition:all 0.4s;}
.hcfNews-pic li figure{ display:block; width:100%; overflow:hidden;}
.hcfNews-pic li figure img{ width:100%; transition:all 0.4s; display:block;}
.hcfNews-pic li .word{ padding:55px 50px;}
.hcfNews-pic li .word .t{ text-align:center; overflow:hidden; line-height:24px; font-size:16px; text-overflow:ellipsis; white-space:nowrap; transition:all 0.4s;}
.hcfNews-pic li .word .c{ font-size:14px; line-height:24px; color:#666; height:48px; overflow:hidden; margin-top:20px;}
.hcfNews-pic li:hover{ -webkit-box-shadow:0 15px 15px rgba(0,0,0,.08); -moz-box-shadow:0 15px 15px rgba(0,0,0,.08); box-shadow:0 15px 15px rgba(0,0,0,.08);}
.hcfNews-pic li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.hcfNews-pic li:hover .word .t{ font-size:18px; font-weight:bold;}
.hcfNews-pic li:hover:before{ width:100%;}

.hcfNews-list{ width:31%; padding-top:3%;}
.hcfNews-listItem li{ line-height:30px; padding:23px 0 23px 30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; border-bottom:1px #bfb4a9 dashed;}
.hcfNews-listItem li span{ float:right; color:#999;}
.hcfNews-listItem li:before{ content:''; background:#a9937b; width:10px; height:10px; position:absolute; left:5px; top:50%; margin-top:-5px; border-radius:50%;}
.hcfNews-listItem li:last-child{ border-bottom:0;}
.hcfNews-listMore{ background:#4f6337; width:160px; line-height:40px; text-align:center; display:inline-block; color:#fff; margin-top:15px; font-family: "思源宋体";}
.hcfNews-listMore:hover{ background:#9a7d42; color:#fff;}


.hcfFooter{ background:#fff; padding:40px 0 60px 0; border-bottom:16px #4f6337 solid;}
.hcfFooter-contact{ width:47%;}
.hcfFooter-contact .t{ font-size:36px; font-family: "思源宋体"; line-height:1; color:#525252; padding-bottom:30px;}
.hcfFooter-contact .c li{ width:33.3%; line-height:36px; float:left;} 
.hcfFooter-contact .c li .iconfont{ font-size:18px; color:#bfbfbf; margin-right:10px;}

.hcfFooter-code { padding-top:25px;}
.hcfFooter-code .albb{ background:#ff7200; padding:20px 34px 20px 20px; color:#fff; float:left; border-radius:10px; }
.hcfFooter-code .albb .icon{ font-size:50px; float:left; padding-top:7px;}
.hcfFooter-code .albb .txt{ float:left; font-size:14px; line-height:30px; padding-left:30px;}
.hcfFooter-code .micro{ padding:8px 0 0 75px;}
.hcfFooter-code .micro img{ width:84px; float:left;}
.hcfFooter-code .micro .txt{ font-size:14px; line-height:30px; padding:10px 0 0 40px; float:left;}



/**产品展示**/
.pbanner{ padding-top:140px;}
.pbanner img{ width:100%;}


.pmain{ background:url(../images/pmianBg.png) no-repeat left 70px; padding:35px 0 60px 0;}
.pmain-posit{ background:#4f6337; line-height:60px; padding:0 18px; color:#fff;}
.pmain-posit .cn{ font-size:24px;}


.pproduct-menu{ text-align:center; padding-top:75px; font-size:0;}
.pproduct-menu a{ font-family: "思源宋体"; min-width:160px; line-height:38px; color:#ccab68; font-size:16px; vertical-align:top; display:inline-block; margin:0 24px 15px  24px; border:1px #ccab68 solid; border-radius:20px;}
.pproduct-menu a.active, .pproduct-menu a:hover{ background:#ccab68; color:#fff;}

.pproduct-list{ margin-left:-170px; position:relative;}
.pproduct-list li{ width:calc(33.3% - 170px); margin:50px 0 0 170px; float:left; display:inline-block;}
.pproduct-list li figure{ display:block; width:100%; overflow:hidden;}
.pproduct-list li figure img{ width:100%; display:block; transition:all 0.4s;}
.pproduct-list li .title{ background:#4f6337; line-height:30px; text-align:center; color:#fff; font-size:16px; font-family: "思源宋体";}
.pproduct-list li .text{ line-height:36px; height:72px; overflow:hidden; margin-top:30px; text-align:justify;}
.pproduct-list li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}

.ppage{ text-align:center; padding-top:80px; line-height:40px;}
.ppage a, .ppage .nowpage{ background:#fff; display:inline-block; vertical-align:top; padding:0 15px; margin:0 8px;}
.ppage a:hover, .ppage .nowpage{ background:#4f6337; color:#fff;}



/**联系我们**/
.pcontact{ background:#fff; padding:20px 155px 35px 20px; margin-top:55px;}
.pcontact-tit{ font-size:24px; font-weight:bold; color:#4f6337; padding-bottom:20px;}
.pcontact-map{ width:54%}
.pcontact-map .mapbox{ width:100%; height:265px; overflow:hidden;}
.pcontact-map .maptxt { padding-top:30px; }
.pcontact-map .maptxt .li{ width:33.3%; float:left; line-height:36px;}

.pcontact-filed{ width:37%;}
.pcontact-filed li{ padding-bottom:30px; vertical-align:middle;}
.pcontact-filed li .inpt{ background:#fafafa; width:100%; height:40px; line-height:38px; font-size:14px; color:#999; padding-left:20px; vertical-align:top; border:1px #eeeeee solid;}
.pcontact-filed li .area{ background:#fafafa; width:100%; height:160px; line-height:30px; font-size:14px; color:#999; padding:10px 20px; vertical-align:top; border:1px #eeeeee solid;}
.pcontact-filed li .btn{ background:#ff7e28; width:120px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:14px; cursor:pointer; display:block; margin:auto; margin-top:15px;}

.pJob-list{ margin-left:-50px; position:relative; padding-top:20px;}
.pJob-list li{ background:#fff; width:calc(33.3% - 50px); float:left; margin:50px 0 0 50px; display:inline-block; padding:25px 20px 35px 20px; border-bottom:8px #4f6337 solid; -webkit-box-shadow:0 15px 15px rgba(0,0,0,.08);
-moz-box-shadow:0 15px 15px rgba(0,0,0,.08); box-shadow:0 15px 15px rgba(0,0,0,.08);}
.pJob-list li .t{ font-size:24px; color:#4f6337; font-weight:bold; line-height:32px;}
.pJob-list li .t .date{ color:#999; font-size:16px; font-weight:normal; float:right;}
.pJob-list li .c{ line-height:30px; margin-top:10px; min-height:90px; overflow:hidden;}



/**新闻资讯**/
.pnews-list{ margin-left:-50px; position:relative;}
.pnews-list li{ background:#fff; width:calc(33.3% - 50px); float:left; margin:50px 0 0 50px; padding-bottom:15px; display:inline-block; position:relative; transition:all 0.4s;}
.pnews-list li:before{ content:''; background:#4f6337; width:0; height:8px; position:absolute; left:0; bottom:0; transition:all 0.4s;}
.pnews-list li figure{ display:block; width:100%; overflow:hidden;}
.pnews-list li figure img{ width:100%; transition:all 0.4s; display:block;}
.pnews-list li .word{ padding:50px;}
.pnews-list li .word .t{ text-align:center; overflow:hidden; line-height:24px; font-size:16px; text-overflow:ellipsis; white-space:nowrap; transition:all 0.4s;}
.pnews-list li .word .c{ font-size:14px; line-height:24px; color:#666; height:48px; overflow:hidden; margin-top:20px;}
.pnews-list li:hover{ -webkit-box-shadow:0 15px 15px rgba(0,0,0,.08); -moz-box-shadow:0 15px 15px rgba(0,0,0,.08); box-shadow:0 15px 15px rgba(0,0,0,.08);}
.pnews-list li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.pnews-list li:hover .word .t{ font-size:18px; font-weight:bold;}
.pnews-list li:hover:before{ width:100%;}

.pnews-detaMain{ background:#fff; margin-top:57px; padding:60px 15%;}
.pnews-detaTitle{ font-size:36px; font-weight:bold; line-height:48px; text-align:center;}
.pnews-detaAuth{ text-align:center; padding:15px 0; margin-top:30px; border-bottom:1px #eee solid; border-top:1px #eee solid;}
.pnews-detaAuth span{ color:#999; padding:0 5px;}
.pnews-detaInfo{ text-align:justify; line-height:30px; padding-top:30px;}



/**基地展示**/
.pbase-info{ background:#fff; margin-top:50px; padding:55px 90px 30px 90px;}
.pbase-info .t{ text-align:center;}
.pbase-info .c{ line-height:30px; text-align:justify; margin-top:45px;}

.pbase-list{ margin-left:-30px; position:relative;}
.pbase-list li{ width:calc(50% - 30px); margin:30px 0 0 30px; float:left; display:inline-block; overflow:hidden; position:relative;}
.pbase-list li .pic{ width:100%; display:block; transition:all 0.4s;}
.pbase-list li .tit{ background:rgba(0,0,0,.4); width:100%; font-size:18px; color:#fff; font-family: "思源宋体"; text-align:center; padding:45px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:absolute; left:0; bottom:0; z-index:1; opacity:0;  transition:all 0.4s;}
.pbase-list li:hover .pic{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.pbase-list li:hover .tit{ opacity:1;}


.pabout-info{ background:#fff; max-width:88%; margin:auto; margin-top:60px;}
.pabout-info .figure{ width:45%; overflow:hidden;}
.pabout-info .figure img{ width:100%; display:block; transition:all 0.4s;}
.pabout-info .figure:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.pabout-info .word{ width:55%; padding:4% 4% 1% 4%;}
.pabout-info .word .t{ text-align:center;}
.pabout-info .word .c{ line-height:30px; text-align:justify; margin-top:3%;}
.pabout-culture{ background:#fff; max-width:88%; margin:auto;}
.pabout-culture .word{ width:45%; text-align:center; padding-top:4%; line-height:30px;}
.pabout-culture .figure{ width:55%; overflow:hidden;}
.pabout-culture .figure img{ width:100%; display:block; transition:all 0.4s;}
.pabout-culture .figure:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}



/**手机导航**/
.navBtn{ background:#4f6337; width:45px; height:45px; position:absolute; right:0; top:0; cursor:pointer; z-index:20; display:none; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; cursor:pointer;}
.navBtn span { position:absolute; top:14px; display:block; width:29px; height:2px; left:8px; background-color:#fff; -webkit-transition: top 0.2s 0.2s, background 0.2s, opacity 0s 0.2s, -webkit-transform 0.2s; transition: top 0.2s 0.2s, background 0.2s, opacity 0s 0.2s, -webkit-transform 0.2s; transition: top 0.2s 0.2s, transform 0.2s, background 0.2s, opacity 0s 0.2s; transition: top 0.2s 0.2s, transform 0.2s, background 0.2s, opacity 0s 0.2s, -webkit-transform 0.2s; }
.navBtn span:nth-of-type(2) { top: 23px; }
.navBtn span:nth-of-type(3) { top: 32px; bottom: 0; -webkit-transition: bottom 0.2s 0.2s, background 0.2s, -webkit-transform 0.2s; transition: bottom 0.2s 0.2s, background 0.2s, -webkit-transform 0.2s; transition: bottom 0.2s 0.2s, transform 0.2s, background 0.2s; transition: bottom 0.2s 0.2s, transform 0.2s, background 0.2s, -webkit-transform 0.2s; }
.navBtn.expanded:hover span { transform: scale(0.9); }
.navBtn.expanded span:nth-of-type(1) { top:23px; transform: rotate(45deg); transition: top 0.2s, transform 0.2s 0.2s, background 0.2s; -webkit-transform: rotate(45deg); -webkit-transition: top 0.2s, -webkit-transform 0.2s 0.2s, background 0.2s }
.navBtn.expanded span:nth-of-type(2) { opacity: 0; transition: opacity 0.2s; -webkit-transition: opacity 0.2s; }
.navBtn.expanded span:nth-of-type(3) { top:23px; transform: rotate(-45deg); transition: bottom 0.2s, transform 0.2s 0.2s, background 0.2s; -webkit-transform: rotate(-45deg); -webkit-transition: bottom 0.2s, -webkit-transform 0.2s 0.2s, background 0.2s }

.navPup-ibox{ position:fixed; top:0; left:0; width:100%; height:100%; z-index: 100; background: #fff; transform: translateY(-100%); -webkit-transform: translateY(-100%); transition: cubic-bezier(0.92, 0.1, 0.25, 1) .8s; -webkit-transition: cubic-bezier(0.92, 0.1, 0.25, 1) .8s;}
.navPup-ibox.cur { transform: translateY(0); -webkit-transform: translateY(0);}
.nav-list { background:#4f6337; height:100%; padding-top:55px;}
.nav-list li { position:relative; line-height:50px; font-size:16px; text-align:center;     border-bottom: 1px solid #4a5d33; border-top: 1px solid #5a713f;}
.nav-list li a{ display:block; color:#fff; width:100%; }
.nav-list li a.current, .nav-list li a:hover{ background-color:#465632;}
.nav-list li:first-child{ border-top:0;}
.nav-list li:last-child{ border-bottom:0;}

@-moz-keyframes subnav-open { 0% {
-moz-transform:scaleY(0.85);
transform:scaleY(0.85)
}
100% {
-moz-transform:scaleY(1);
transform:scaleY(1)
}
}
@-webkit-keyframes subnav-open { 0% {
-webkit-transform:scaleY(0.85);
transform:scaleY(0.85)
}
100% {
-webkit-transform:scaleY(1);
transform:scaleY(1)
}
}
@keyframes subnav-open { 0% {
-moz-transform:scaleY(0.85);
-ms-transform:scaleY(0.85);
-webkit-transform:scaleY(0.85);
transform:scaleY(0.85)
}
100% {
-moz-transform:scaleY(1);
-ms-transform:scaleY(1);
-webkit-transform:scaleY(1);
transform:scaleY(1)
}
}



.caseMmenu{ background-color:#ccab68; width:100%; position:relative; z-index:10; display:none;}
.caseMmenu dt {  width: 100%; color: #fff;  line-height:46px; height:46px; overflow: hidden; text-align: center; font-size:17px; cursor:pointer; }
.caseMmenu dt .caret { display:inline-block; width:0; height:0; margin-left:10px; vertical-align:middle; border-top:6px solid; border-right:6px solid transparent; border-left:6px solid transparent; }
.caseMmenu dd{ background-color:#fff; position:absolute; left:0px; top:46px; width:100%; display:none; box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.3);}
.caseMmenu dd a { text-align:center; font-size:15px; display:block; line-height:36px; color:#ccab68;}
.caseMmenu dd a.act, .caseMmenu dd a:hover { background:#ccab68; color:#fff; }