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

body { font-size:14px; font-family:"Microsoft Yahei";  color:#333; background-color:#f5f7fb; -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:#9cce4c; }
*{ 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:80%; 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;
}


/**index**/
.rowbox {/* position:fixed;*/ left:0px; top:0px; width:100%;}
.row{ position:relative; overflow:hidden;/* height:980px;*/}



.htdHead{ background:#fff; width:100%; height:120px; padding-top:20px;}

.htdHead-nav{ background:url(../images/htdNavBg.jpg) repeat-x; height:60px; width:100%; position:relative; z-index:99; border-radius:10px;}
.htdHead-nav li{ width:14.2%; float:left; position:relative; text-align:center; display:inline-block;}
.htdHead-nav li:before{ content:''; background:#77ba29; width:1px; height:35px; position:absolute; right:0; top:12px;}
.htdHead-nav li:last-child:before{ display:none;}
.htdHead-nav li a.far{display:block; font-size:16px; line-height:60px; color:#fff;}
.htdHead-nav li.active a.far, .htdHead-nav li:hover a.far{ background:#86c33f; color:#fff;}
.htdHead-nav li .sub{ background:#86c33f; width:100%; position:absolute; left:0; top:100%; display:none;}
.htdHead-nav li .sub a{ display:block; line-height:40px; color:#fff; text-align:center;}
.htdHead-nav li .sub a:hover{ background:#fff; color:#9cce4c;}


.htdBanner{ width:100%;  position:relative; overflow:hidden;}
.htdBanner li img{ width:100%; display:block;}
.htdBanner li .pic{ background-position:center; background-size:cover; width:100%; height:100%; display:block;}
.htdBanner .swiper-pagination{ font-size:0; bottom:15px !important;}
.htdBanner .swiper-pagination-bullet{ background:#fff; width:26px; height:6px; margin:0 7px !important; border-radius:3px; opacity:1;}
.htdBanner .swiper-pagination-bullet-active{ background:#9cce4c;}


.htdAbout{ height:100%; position:relative; padding-top:110px;}
.htdAbout-word{ background:#e59523 url(../images/htdAbout-wordBg.jpg) no-repeat bottom center; background-size:cover; width:48%; min-height:800px; display:table; text-align:center; padding:0 11% 0 5%;}
.htdAbout-word .iboxt{ text-align:left; position:relative;}
.htdAbout-word .iboxt .cn{ font-size:44px; font-weight:bold; color:#c63800; line-height:1;}
.htdAbout-word .iboxt .en{ font-size:24px; font-weight:bold; color:#ffd18f; margin-top:15px;}
.htdAbout-word .iboxt .txt{ font-size:16px; line-height:36px; text-align:justify; margin-top:6%; color:#fff;}
.htdAbout-word .iboxt .mo{ background:url(../images/about-more.png) no-repeat; width:64px; height:64px; display:inline-block; position:absolute; right:-80px; bottom:60px;}
.htdAbout-figure{ width:48%; height:800px; position:relative; overflow:hidden;}
.htdAbout-figure span{ background-position:center; background-size:cover; width:100%; height:100%; display:block; transition:all 0.4s;}
.htdAbout-figure:hover span{ transform:scale(1.06); -webkit-transform:scale(1.06); -moz-transform:scale(1.06);}


.htdProduct{ width:100%; height:100%; padding-top:210px;}
.htdProduct-title{ text-align:center; }
.htdProduct-title .en{ font-size:72px; font-weight:bold; color:#e1e1e1; text-transform:uppercase; line-height:1;}
.htdProduct-title .cn{ position:relative; margin-top:10px;}
.htdProduct-title .cn:before{ content:''; background:#ccc; width:500px; height:1px; position:absolute; left:50%; top:50%; margin-left:-250px;}
.htdProduct-title .cn span{ background:#f5f7fb; display:inline-block; padding:0 50px; font-size:36px; font-weight:bold; color:#1a7822; line-height:1; position:relative; z-index:1;}


.htdProduct-list{ width:100%; position:relative; padding-top:55px;}
.htdProduct-list li{ width:25%; height:735px; float:left; position:relative; border-right:3px #f5f7fb solid;}
.htdProduct-list li .figure{ background-position:center; background-size:cover; width:100%; height:100%; position:absolute; left:0; top:0;}
.htdProduct-list li .mark{ width:100%; height:100%; display:table; position:relative;  z-index:1; text-align:center; transition:all 0.4s;}
.htdProduct-list li .mark .m-icon{ background:rgba(255,255,255,.9); width:200px; height:200px; padding-top:36px; border-radius:50%; display:inline-block; text-align:center; transition:all 0.4s; vertical-align:top;}
.htdProduct-list li .mark .m-text{ transition:all 0.4s; color:#fff; vertical-align:top;}
.htdProduct-list li .mark .m-text .t{ font-size:36px; font-weight:bold; color:#fff; padding-top:90px; transition:all 0.4s; }
.htdProduct-list li .mark .m-text .c{ font-size:15px; line-height:30px;  overflow:hidden; margin-top:22px; display:none; transition:all 0.3s;}
.htdProduct-list li .list{ width:100%; position:relative; padding:0 30px; margin-top:30px; overflow:hidden; z-index:1; opacity:0; transition:all 0.4s;}
.htdProduct-list li .list dd{ width:33.3% !important; padding:0 10px; text-align:center; float:left; position:relative;}


.htdProduct-list li .list dd .view{ background:#118c43; display:inline-block; line-height:42px; padding:0 25px; font-size:16px; font-weight:bold; color:#fff; margin-top:50px; border-radius:15px 0 15px 0; opacity:0; transition:all 0.4s;}
.htdProduct-list li .list dd:hover .view{ opacity:1;}
.htdProduct-list li:last-child{ border:0;}
.htdProduct-list li.hover{ width:50%;}
.htdProduct-list li.hover .mark{ height:auto; display:block; text-align:left; padding:50px 5%;}
.htdProduct-list li.hover .mark .m-icon{ float:left;}
.htdProduct-list li.hover .mark .m-text{ width:calc(100% - 200px); float:left; padding-left:40px;}
.htdProduct-list li.hover .mark .m-text .t{ padding-top:10px; font-size:28px;}
.htdProduct-list li.hover .mark .m-text .c{ display:block;}
.htdProduct-list li.hover .list{ opacity:1;}


.htdPicture{ background:#fff; width:100%; }
.htdFooter{ background:#fff; padding:100px 0;}
.htdFooter .txt{ line-height:30px; padding-left:70px;}
.htdFooter .code{ text-align:center; font-size:12px; padding-left:20px; margin-top:-5px;}
.htdFooter .code img{ margin-bottom:5px;}
.htdFooter-copy .tel .t{ max-width:100px; font-size:24px; line-height:30px; float:left;}
.htdFooter-copy .tel .c{ font-size:48px; color:#c82226; line-height:60px; padding-left:45px; font-weight:bold; float:left;}
.htdFooter-copy .copy{ font-size:15px; margin-top:30px;}


  
/**关于我们**/
.pbanner img{ width:100%; display:block;}
.pmain{ padding:20px 0 80px 0;}

.pmain-pos{ background:#d5dae3;  line-height:60px; color:#fff; padding:0 10px; font-size:16px;}
.pmain-pos .cn{ font-size:30px; font-weight:bold;}

.pabout-deta{ padding-top:70px;}
.pabout-deta .cn{ font-size:44px; font-weight:bold; color:#c63800; text-align:center; line-height:1;}
.pabout-deta .en{ font-size:24px; color:#ffd18f; font-weight:bold; margin-top:15px; text-align:center;}
.pabout-deta .txt{ line-height:36px; font-size:16px; text-align:justify; padding-top:50px;}

.pcontact{ padding-top:80px;}
.pcontact-text{ background:#fff; width:34%; text-align:center; min-height:486px; padding-top:105px;}
.pcontact-text .t{ font-size:30px; font-weight:bold;}
.pcontact-text .c{ line-height:30px; padding-top:40px;}
.pcontact-message{ background:#f8f8f8 url(../images/pcontactBg.jpg) no-repeat right center; width:66%; min-height:486px; padding:85px 0 0 114px;}
.pcontact-message .t{ font-size:30px; color:#26892f; font-weight:bold; padding-bottom:10px;}
.pcontact-message .c li{ margin-top:18px; width:400px; vertical-align:middle;}
.pcontact-message .c li .inpt{ width:100%; line-height:30px; color:#999; padding-left:15px; vertical-align:top; border:1px #ddd solid;}
.pcontact-message .c li .area{ width:100%; height:90px; line-height:30px; color:#999; padding:5px 15px; vertical-align:top; border:1px #ddd solid; resize:none;}
.pcontact-message .c li .btn{ background:#016936; width:100px; height:30px; line-height:30px; color:#fff; display:inline-block; font-weight:bold; cursor:pointer;}

.pjob-list{ padding-top:20px;}
.pjob-list dl{ margin-top:30px;}
.pjob-list dl dt{ background:#a1db69; line-height:60px; padding:0 45px; color:#fff; font-size:18px;}
.pjob-list dl dt .item{ width:26.6%; float:left;}
.pjob-list dl dt .item:last-child{ width:20%; text-align:right;}
.pjob-list dl dd{ background:#fff; padding:45px 0; line-height:30px;}
.pjob-list dl dd .row{ width:50%; float:left; padding:0 45px;}
.pjob-list dl dd .row:first-child{ border-right:1px #eee solid;}
.pjob-list dl dd .t{ font-size:18px; font-weight:bold; }


.pvideo-news{ margin-left:-48px; position:relative;}
.pvideo-news li{ background:#fff; width:calc(33.3% - 48px); margin:60px 0 0 48px; display:inline-block; float:left; transition:all 0.4s;}
.pvideo-news li figure{ width:100%; display:block; max-height:280px; overflow:hidden;}
.pvideo-news li figure img{ width:100%; display:block; transition:all 0.4s;}
.pvideo-news li .word{ padding:35px 20px 50px 20px;}
.pvideo-news li .word .t{ font-size:18px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pvideo-news li .word .c{ line-height:30px; color:#333; color:#999; height:60px; overflow:hidden; margin-top:20px;}
.pvideo-news li:hover{ background:#9cce4c;}
.pvideo-news li:hover figure img{ transform:scale(1.06); -webkit-transform:scale(1.06); -moz-transform:scale(1.06);}
.pvideo-news li:hover .word .t{ color:#fff;}
.pvideo-news li:hover .word .c{ color:#fff;}


.paging .paging{ text-align:center; padding-top:65px; font-size:0;}
.paging a, .paging .nowpage{ background:#d5dae3; line-height:40px; padding:0 15px; font-size:16px; display:inline-block; vertical-align:top; margin:0 1px; }
.paging a:hover, .paging .nowpage{ background:#e59523; color:#fff;}


.pnews-list{ margin-left:-40px; position:relative;}
.pnews-list li{ background:#fff; width:calc(25% - 40px); margin:60px 0 0 40px; float:left; display:inline-block; transition:all 0.4s;}
.pnews-list li .pic{ max-height:260px; overflow:hidden;}
.pnews-list li .pic img{ width:100%; display:block; transition:all 0.4s;}
.pnews-list li .text{ padding:40px 20px 30px 20px;}
.pnews-list li .text .t{ font-size:18px; line-height:36px; height:87px; overflow:hidden; padding-top:15px; position:relative;}
.pnews-list li .text .t:before{ content:''; background:#e59523; width:45%; height:2px; position:absolute; left:0; top:0; transition:all 0.4s;}
.pnews-list li .text .d{ display:block; color:#999; margin-top:45px;}
.pnews-list li:hover{ background:#9cce4c;}
.pnews-list li:hover .pic img{ transform:scale(1.06); -webkit-transform:scale(1.06); -moz-transform:scale(1.06);}
.pnews-list li:hover .text .t{ color:#fff;}
.pnews-list li:hover .text .t:before{ background:#fff; width:100%;}
.pnews-list li:hover .text .d{ color:#fff;}

.pnews-detaTitle{ text-align:center; padding:70px 0 20px 0; border-bottom:1px #ccc solid;}
.pnews-detaTitle .t{ font-size:24px; font-weight:bold;}
.pnews-detaTitle .d{ color:#999; margin-top:25px;}
.pnews-detaText{ padding-top:30px; line-height:30px; text-align:justify;}


/**产品中心**/
.pproduct-tab{ padding-top:60px; margin-left:-38px; position:relative;}
.pproduct-tab a{ background:#fff; width:calc(33.3% - 38px); margin-left:38px; display:inline-block; line-height:90px; text-align:center; font-size:24px; font-weight:bold; float:left; position:relative; border-radius:15px 0 15px 0;}
.pproduct-tab a .icon{ width:60px;  display:inline-block; vertical-align:middle; position:absolute; left:13%; top:15px;}
.pproduct-tab a .icon img{ position:absolute; left:0; top:0;}
.pproduct-tab a.active, .pproduct-tab a:hover{ background:#9cce4c; color:#fff;}
.pproduct-tab a.active .icon img.show, .pproduct-tab a:hover img.show{ opacity:0;}
.pproduct-tab a.active .icon img.hide, .pproduct-tab a:hover img.hide{ display:block;}


.pproduct-list { margin-left:-40px; position:relative;}
.pproduct-list li{ background:#fff; width:calc(25% - 40px); margin:60px 0 0 40px; float:left; display:inline-block; padding:10px 10px 25px 10px; transition:all 0.4s; text-align:center;}
.pproduct-list li .pic{ height:260px;}
.pproduct-list li .pic img{ max-height:100%;}
.pproduct-list li .tit{ font-size:18px; font-weight:bold; padding:25px 0 20px 0; position:relative;}
.pproduct-list li .tit:before{ content:''; background:#e59523; width:46%; height:2px; position:absolute; left:27%; bottom:0;}
.pproduct-list li .txt{ line-height:30px; color:#666; height:90px; overflow:hidden; margin-top:20px;}
.pproduct-list li:hover{ -webkit-box-shadow:0 5px 10px 3px rgba(0,0,0,.05); -moz-box-shadow:0 5px 10px 3px rgba(0,0,0,.05); box-shadow:0 5px 10px 3px rgba(0,0,0,.05);}




@media screen and (max-width:1620px){

.w{ width:86%;}


.htdFooter .txt{ padding-left:40px;}

.pproduct-list li .pic{ height:170px;}
	
}

@media screen and (max-width:1460px){
	
.htdFooter-copy{ max-width:45%;}
.htdFooter-copy .tel .c{ font-size:42px; padding-left:30px;}

}