@charset "utf-8";
/* CSS Document */
html, body { height: 100%;}
body { font-size:14px; font-family:"microsoft yahei"; color:#333; background: #fff; }
input, select, textarea, button{ font-size:14px; vertical-align: middle; outline:none; font-family:"microsoft yahei"; border:0;}
h1, h2, h3, h4, h5, h6, em, i{font-weight:normal; font-style:normal;}
img { border: 0; vertical-align:middle; max-width:100%; }
ul, li, ol, dl, dt {list-style: none;}
a { text-decoration: none; outline: none; color: #333; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
a:hover{ color:#aacd19;}
* { padding: 0px; margin: 0px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.fl { float: left; }
.fr { float: right; }
table {  border-collapse: collapse; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { zoom: 1 }
.w{ width:1200px; margin: 0 auto; }
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
@-webkit-keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}




/***head***/
.head{ background:url(../images/headBg.jpg) repeat-x top #fff; width:100%; height:111px; position:fixed; left:0; top:0; min-width:1200px; z-index:9999;}
.head .w{ position:relative;}
.head-logo{ position:absolute; left:0; top:25px;}
.head-tel{ background:url(../images/head-tel.jpg) no-repeat; width:237px; height:35px; line-height:35px; color:#fff; position:absolute; right:0; top:0; padding-left:49px;}
.head-nav{ position:absolute; right:0; top:60px;}
.head-nav li{ float:left; position:relative; padding-left:40px; height:51px;}
.head-nav li a.far{ font-size:15px; display:block; position:relative; padding-bottom:18px;}
.head-nav li.on a.far{ color:#aacd19;}
.head-nav li.on a.far:before{content:''; height:0; width:0; display:block; border:5px transparent solid; border-bottom-width:0; border-top-color:#8cc63f; position:absolute; bottom:0px; left:50%; margin-left:-5px;}
.head-nav li .sub{ background:#fff; width:480px; position:absolute; left:0; top:51px; padding:18px 25px 20px 40px; border-top:1px #f5f5f5 solid; border-bottom:3px #8cc63f solid; display:none;}
.head-nav li .sub-menu { width:103px; min-height:163px; border-right:1px #f5f5f5 solid;}
.head-nav li .sub-menu a{ display:block; color:#666;  line-height:34px;}
.head-nav li .sub-menu a:hover{ color:#aacd19;}
.head-nav li .sub-img img{ width:255px; height:163px; display:block;}
.mtop{ width:100%; height:111px; display:block;}


.banner{ width:100%; height:660px; overflow:hidden; position:relative; min-width:1200px;}
.banner .bd li{ background-size:cover; background-position:center; width:100%; height:660px; min-width:1200px; float:left;}
.banner .hd{ width:100%; position:absolute; left:0;  bottom:25px; font-size:0; z-index:2; text-align:center;}
.banner .hd li{ background:rgba(255,255,255,.8); width:11px; height:11px; display:inline-block; vertical-align:middle; margin:0 5px; transition:all 0.5s; border-radius:20px; cursor:pointer;}
.banner .hd li.on{ width:35px; border-radius:5px;}


.about-title{ padding:45px 0 30px 0; text-align:center; animation-name:fadeInUp; animation-delay:0.2s;}
.about-title .cn{ font-size:30px; font-weight:bold;}
.about-title .bot{ background:#8cc63f; width:60px; height:3px; margin:auto; margin-top:15px; display:block;}
.about-title .txt{ line-height:30px; color:#666; margin-top:15px;}
.about-list{ background:#f5f5f5; min-width:1200px; max-height:436px; overflow:hidden;}
.about-list li{ width:400px; float:left; animation-name:fadeInUp; animation-delay:0.2s;}
.about-list li .aImg{ width:100%; height:218px; position:relative; overflow:hidden;}
.about-list li .aImg img{ width:100%; height:100%; display:block; transition:all 0.5s;}
.about-list li .aImg .cover{ background:rgba(0,0,0,.5); width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; transition:all 0.5s; opacity:0;}
.about-list li .aImg .cover span{ background:url(../images/about-more.png) no-repeat; width:104px; height:27px; display:inline-block; position:absolute; left:50%; top:50%; margin:-13px 0 0 -52px;}
.about-list li .aImg .cover:before, .about-list li .aImg .cover:after { content:''; transition:opacity 0.35s ease 0s, transform 0.35s ease 0s; opacity: 0; position:absolute; width:375px; height:194px; top:12px; left:11px; }
.about-list li .aImg .cover:before { border-top:1px solid #fff; border-bottom:1px solid #fff; transform: scale(0, 1); -webkit-transform:scale(0, 1); }
.about-list li .aImg .cover:after { border-left:1px solid #fff; border-right:1px solid #fff; transform: scale(1, 0); -webkit-transform:scale(1, 0);}
.about-list li .aWord{ background:#f4f2e9; width:100%; height:218px; text-align:center;}
.about-list li .aWord .icon{ background:url(../images/about-icon.png) no-repeat; width:60px; height:60px; display:inline-block; margin-top:26px; vertical-align:top;}
.about-list li .aWord .i1{ background-position:0 0;}
.about-list li .aWord .i2{ background-position:-85px 0;}
.about-list li .aWord .i3{ background-position:-170px 0;}
.about-list li .aWord .cn{ font-size:30px; font-weight:bold; margin-top:18px;}
.about-list li .aWord .en{ font-family:Arial; font-size:16px; font-weight:bold; margin-top:9px;}
.about-list li:hover .cover{ opacity:1;}
.about-list li:hover .cover:before, .about-list li:hover .cover:after { opacity: 1; transform: scale(1); -webkit-transform: scale(1); }
.about-list li:hover .aImg img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.about-list li:hover .aWord{ background:#ff950d; color:#fff;}
.about-list li:hover .aWord .i1{ background-position:0 -65px;}
.about-list li:hover .aWord .i2{ background-position:-85px -65px;}
.about-list li:hover .aWord .i3{ background-position:-170px -65px;}
.about-list li:nth-child(1){ animation-delay:0.2s;}
.about-list li:nth-child(2){ animation-delay:0.4s;}
.about-list li:nth-child(3){ animation-delay:0.6s;}


.product{ position:relative; padding:20px 0 32px 0;}
.product:before{ content:''; background-image:url(../images/product-Bg.jpg); background-size:cover; background-position:center; width:100%; min-width:1200px; height:309px; position:absolute; left:0; bottom:0;}
.product-list{ width:1220px; margin:auto; position:relative; z-index:2;}
.product-list .bd li{ background:#fff; width:279px; float:left; position:relative; margin:0 13px; display:inline-block; animation-name:fadeInUp; animation-delay:0.2s;}
.product-list .bd li .aImg{ width:100%; height:184px; overflow:hidden;}
.product-list .bd li .aImg img{ width:100%; height:100%; display:block; transition:all 0.5s;}
.product-list .bd li .aWord{ padding:15px 45px 15px 19px; position:relative;}
.product-list .bd li .aWord .t{ font-size:16px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.product-list .bd li .aWord .c{ margin-top:7px; font-size:12px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.product-list .bd li .aWord:before{ content:''; background:url(../images/product-arrow.png) no-repeat; width:15px; height:12px; display:inline-block; position:absolute; right:22px; top:31px;}
.product-list .bd li:hover{ background:#ff950d;}
.product-list .bd li:hover .aWord .t{ color:#fff;}
.product-list .bd li:hover .aWord .c{ color:#fff;}
.product-list .bd li:hover .aImg img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.product-list .bd li:nth-child(1){ animation-delay:0.2s;}
.product-list .bd li:nth-child(2){ animation-delay:0.4s;}
.product-list .bd li:nth-child(3){ animation-delay:0.6s;}
.product-list .bd li:nth-child(4){ animation-delay:0.8s;}
.product-list .hd a{ background:url(../images/product-icon.png) no-repeat; width:60px; height:60px; display:block; position:absolute; top:102px;}
.product-list .hd a.prev{ background-position:0 -68px; left:-60px;}
.product-list .hd a.next{ background-position:0 0; right:-60px;}
.product-more{ text-align:center; position:relative; padding-top:52px; animation-name:fadeInUp; animation-delay:0.2s;}
.product-more a{ width:183px; height:45px; line-height:43px; font-size:18px; color:#fff; display:inline-block; border:1px #fff solid; border-radius:30px;}


.news{ padding-top:30px;}
.news-pic{ width:510px; height:320px; position:relative; overflow:hidden; animation-name:fadeInUp; animation-delay:0.2s;}
.news-pic .bd li{ width:510px; height:320px; position:relative; float:left; overflow:hidden;}
.news-pic .bd li img{ width:100%; height:100%; display:block;}
.news-pic .bd li .t{ background:rgba(0,0,0,.4); width:100%; height:50px; line-height:50px; padding:0 50px; position:absolute; left:0; bottom:0; font-size:18px; color:#fff; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; z-index:2;}
.news-pic .hd a{ width:50px; height:50px; position:absolute; bottom:0; z-index:2;}
.news-pic .hd a.prev{ left:0;}
.news-pic .hd a.prev:before{content:''; height:11px; width:11px; display:block; border:2px solid rgba(255,255,255,.67); border-right-width:0; border-bottom-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:18px; left:20px;}
.news-pic .hd a.next{ right:0;}
.news-pic .hd a.next:before{content:''; height:11px; width:11px; display:block; border:2px solid rgba(255,255,255,.67); border-left-width:0; border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:18px; right:20px;}
.news-list{ width:660px; margin-top:10px; animation-name:fadeInUp; animation-delay:0.4s;}
.news-list .hd li{ background:#f5f5f5; min-width:124px; line-height:34px; text-align:center; font-size:18px; float:left; border-radius:20px; margin-right:30px; cursor:pointer;}
.news-list .hd li.on{ background:#8cc63f; color:#fff;}
.news-list .bd{ margin-top:20px;}
.news-list .bd li{ font-size:16px; line-height:22px; padding:11px 95px 11px 19px; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news-list .bd li span{ position:absolute; right:0; top:11px; color:#999; display:inline-block;}
.news-list .bd li:before{ content:''; width:6px; height:6px; position:absolute; left:0; top:19px; border:1px #dedede solid; border-radius:50%;}
.news-more{ text-align:center; position:relative; padding-top:65px; animation-name:fadeInUp; animation-delay:0.2s;}
.news-more a{ width:183px; height:45px; line-height:43px; font-size:18px; color:#666; display:inline-block; border:1px #666 solid; border-radius:30px;}


.footer{ background:#70a819; margin-top:75px; position:relative; padding:45px 0; color:#fff; animation-name:fadeInUp; animation-delay:0.2s; min-width:1200px;}
.footer-copy{ width:350px; line-height:30px;}
.footer-copy .f-logo{ margin-bottom:12px;}
.footer-copy .ico{ margin-right:12px;}
.footer-link dl{ width:165px; float:left; padding-top:5px;}
.footer-link dl dt{ font-size:18px; padding-bottom:10px;}
.footer-link dl dd a{ display:block; line-height:26px; color:#e8e8e8; position:relative; padding-left:8px;}
.footer-link dl dd a:before{ content:''; background:#fff; width:3px; height:3px; position:absolute; left:0; top:12px;}
.footer-link dl:last-child{ width:auto;}
.footer-btm{ padding:18px 0; color:#666; animation-name:fadeInUp; animation-delay:0.2s;}
.footer-btm a{ color:#666;}


.pbanner{ background-size:cover; background-position:center; width:100%; min-width:1200px; height:450px;}
.pbanner-iboxt{ width:1200px; height:100%; position:relative; margin:auto;}
.pbanner-iboxt .ibox{ background:#84ca19; width:256px; height:100px; text-align:center; color:#fff; position:absolute; left:0; bottom:0;}
.pbanner-iboxt .ibox .cn{ font-size:36px; font-weight:bold; margin-top:15px; display:block;}
.pbanner-iboxt .ibox .en{ font-family:cambria; text-transform:uppercase; font-size:18px; color:rgba(255,255,255,.5); margin-top:5px;}


.pmain{ padding-top:60px;}
.pmain-right{ width:895px;}

.pProduc-menu{ width:234px; animation-name:fadeInUp; animation-delay:0.2s;}
.pProduc-menu a{ display:block; font-size:15px; padding:18px 0 18px 13px; position:relative; border-bottom:1px #e5e5e5 solid;}
.pProduc-menu a.active, .pProduc-menu a:hover{ color:#ef8600;}
.pProduc-menu a.active:before, .pProduc-menu a:hover:before{content:''; height:0; width:0; display:block; border:7px transparent solid; border-right-width:0; border-left-color:#ef8600; position:absolute; top:22px; right:5px;}
.pProduct-list li{ background:#fff; width:279px; float:left; position:relative; margin:0 27px 33px 0; display:inline-block; animation-name:fadeInUp; animation-delay:0.2s;}
.pProduct-list li .aImg{ width:100%; height:184px; overflow:hidden;}
.pProduct-list li .aImg img{ width:100%; height:100%; display:block; transition:all 0.5s;}
.pProduct-list li .aWord{ padding:15px 45px 15px 19px; position:relative;}
.pProduct-list li .aWord .t{ font-size:16px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pProduct-list li .aWord .c{ margin-top:7px; font-size:12px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pProduct-list li .aWord:before{ content:''; background:url(../images/product-arrow.png) no-repeat; width:15px; height:12px; display:inline-block; position:absolute; right:22px; top:31px;}
.pProduct-list li:hover{ background:#ff950d;}
.pProduct-list li:hover .aWord .t{ color:#fff;}
.pProduct-list li:hover .aWord .c{ color:#fff;}
.pProduct-list li:hover .aImg img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.pProduct-list li:nth-child(3n+3){ margin-right:0;}
.pProduct-list li:nth-child(1){ animation-delay:0.2s;}
.pProduct-list li:nth-child(2){ animation-delay:0.4s;}
.pProduct-list li:nth-child(3){ animation-delay:0.6s;}
.pProduct-list li:nth-child(4){ animation-delay:0.8s;}
.pProduct-list li:nth-child(5){ animation-delay:1.0s;}
.pProduct-list li:nth-child(6){ animation-delay:1.2s;}


.pPage{ text-align:center; padding-top:60px; animation-name:fadeInUp; animation-delay:0.2s;}
.pPage a{ display:inline-block; line-height:34px; padding:0 13px; color:#6b6b6b; margin:0 3px; border:1px #d6d6d6 solid;}
.pPage a.act, .pPage a:hover{ background:#ef8600; color:#fff;}
.pPage .nowpage{ display:inline-block; line-height:34px; padding:0 13px;background:#ef8600; color:#fff; margin:0 3px; border:1px #d6d6d6 solid;}

.pPos{ background:#eee; width:100%; min-width:1200px; height:80px; animation-name:fadeInUp; animation-delay:0.2s;}
.pPos-menu a{ font-size:18px; float:left; line-height:80px; position:relative; margin-right:70px; color:#5d5858; display:block;}
.pPos-menu a.active, .pPos-menu a:hover{ color:#ef8600; font-weight:bold;}
.pPos-menu a.active:before, .pPos-menu a:hover:before{ content:''; background:#888; width:100%; height:1px; position:absolute; left:0; top:61px;}
.pPos-menu a.active:after, .pPos-menu a:hover:after{ content:''; background:#fff; width:100%; height:1px; position:absolute; left:0; top:62px;}
.pPos-add { background:url(../images/Pos-add.jpg) no-repeat left center; line-height:80px; color:#939393; padding-left:25px;}
.pAbout{ font-size:16px; line-height:33px; color:#666; animation-name:fadeInUp; animation-delay:0.2s;}

.pNews-item{ background:#f3f3f3; animation-name:fadeInUp; animation-delay:0.2s;}
.pNews-item .aImg{ width:475px; height:307px; overflow:hidden;}
.pNews-item .aImg img{ width:100%; height:100%; display:block; transition:all 0.5s;}
.pNews-item .aWord{ width:725px; padding:45px 30px 0 35px;}
.pNews-item .aWord .t{ font-size:22px; color:#7bcb00; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pNews-item .aWord .t a{ color:#7bcb00;}
.pNews-item .aWord .date{ background:url(../images/date-icon.png) no-repeat left center; padding-left:27px; color:#999; margin-top:15px; display:block;}
.pNews-item .aWord .c{ line-height:30px; color:#666; height:90px; margin-top:20px; overflow:hidden;}
.pNews-item .aWord .m{ width:137px; line-height:35px; text-align:center; display:block; border-radius:20px; color:#ef8600;  margin-top:20px; border:1px #ef8600 solid;}
.pNews-item .aImg:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1);}

.pNews-list{ padding-top:20px;}
.pNews-list li{ padding:20px 7px 20px 27px; overflow:hidden; vertical-align:middle; margin-top:34px; border:1px #e7ecd9 solid; animation-name:fadeInUp; animation-delay:0.2s; transition:all 0.5s;}
.pNews-list li .aImg img{ width:217px; height:145px; display:block;}
.pNews-list li .aWord{ width:778px; padding:0 38px; min-height:145px; border-right:1px #e7ecd9 solid;}
.pNews-list li .aWord .t{ font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pNews-list li .aWord .date{ background:url(../images/date-icon.png) no-repeat left center; padding-left:27px; color:#999; margin-top:13px; display:block;}
.pNews-list li .aWord .c{ line-height:30px; color:#666; height:60px; margin-top:10px; overflow:hidden;}
.pNews-list li .icon{ width:169px; text-align:center;}
.pNews-list li .icon i{ background:url(../images/pNews-arrow.png) no-repeat; background-position:0 -42px; width:37px; height:37px; display:inline-block; margin-top:57px;}
.pNews-list li:hover{ border-color:#7bcb00;}
.pNews-list li:hover .aWord .t{ color:#7bcb00;}
.pNews-list li:hover .aWord .t a{ color:#7bcb00;}
.pNews-list li:hover .icon i{ background-position:0 0;}
.pNews-list li:nth-child(1){ animation-delay:0.2s;}
.pNews-list li:nth-child(2){ animation-delay:0.4s;}
.pNews-list li:nth-child(3){ animation-delay:0.6s;}
.pNews-list li:nth-child(4){ animation-delay:0.8s;}


.pMessage-tit{ text-align:center; animation-name:fadeInUp; animation-delay:0.2s; padding-top:20px;}
.pMessage-tit .cn{ font-size:30px; color:#444;}
.pMessage-tit .en{ font-size:16px; color:#666; margin-top:20px;}
.pMessage-cont{ padding-top:60px; animation-name:fadeInUp; animation-delay:0.2s;}
.pMessage-cont-left{ width:545px;}
.pMessage-cont-right{ width:590px; padding-right:60px;}
.pMessage-cont .filed{ padding-bottom:10px; line-height:30px; overflow:hidden;}
.pMessage-cont .filed label{ width:105px; float:left; text-align:right; color:#666;}
.pMessage-cont .filed .inpt{ width:422px; height:30px; line-height:30px; padding-left:5px; color:#666; float:left; border:1px #dddddd solid;}
.pMessage-cont .filed .tag{ float:left; color:#ef8600; padding-left:9px;}
.pMessage-cont .filed .area{ width:425px; height:195px; padding:5px; color:#666; line-height:24px; border:1px #ddd solid; resize:none;}
.pMessage-cont .filed .yzm-inpt{ width:122px;}
.pMessage-cont .filed .yzm-img{ width:70px; height:30px; float:left; margin:0px 0 0 10px;}
.pMessage-cont .filed .ref{ float:left; padding-left:10px;}
.pMessage-cont .filed .ref em{ vertical-align:middle; float:left; padding-right:3px; color:#ef8600;}
.pMessage-button{ text-align:center; padding-top:60px; animation-name:fadeInUp; animation-delay:0.2s;}
.pMessage-button .btn{ background:#ef8600; width:142px; height:42px; line-height:42px; display:inline-block; font-size:18px; color:#fff; border-radius:5px; cursor:pointer;}