﻿@charset "utf-8";
/* CSS Document */

html, body { height: 100%;}
body { font-size:14px; font-family:"microsoft yahei"; color:#000; background: #fff; -webkit-tap-highlight-color:transparent;}
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: #000; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
a:hover{ color:#17a470;}
* { 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:71%; margin:0 auto; }
/*阻止旋转屏幕时自动调整字体大小*/
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; }
/*清除select默认箭头*/
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select::-ms-expand { display: none;}/* 清除select默认箭头 for IE 11 */
.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
}
}


/**index**/
.head{ background:#fff; width:100%; height:88px; position:fixed; left:0; top:0; z-index:9999;}
.head-logo{ background-image:url(../images/logo.jpg); background-repeat:no-repeat; width:245px; height:67px; display:inline-block; margin-top:13px;}
.head-nav{ width:70%; padding-top:40px; margin-left:5%;}
.head-nav li{ float:left; width:14%; text-align:center; position:relative; height:48px;}
.head-nav li a.far{ font-size:18px; display:block;}
.head-nav li.on a.far, .head-nav li:hover a.far{ color:#17a470;}
.head-search{ width:40px; height:60px; padding-top:28px; position:relative;}
.head-search .srhBtn{ background:url(../images/srhBtn.png) no-repeat center; width:40px; height:40px; display:block; cursor:pointer;}
.head-search .srhBox{ background:#17a470; width:180px; height:30px; padding-right:30px; position:absolute; right:0; top:88px; display:none;}
.head-search .srhBox .inpt{ background:none; width:100%; height:30px; line-height:30px; padding-left:5px; color:#fff;}
.head-search .srhBox .btn{ background:url(../images/search-btn.png) no-repeat center; width:30px; height:30px; position:absolute; right:0; top:0;}
.mtop{ width:100%; height:88px; display:block;}

.menuBtn { float:right; margin-top:22px; display: none; width:44px; height: 28px; position: relative; cursor: pointer; z-index: 100; }
.menuBtn .burger { display: block; width: 100%; height: 5px; position: absolute; left: 0; background:#bd9e61; transition: transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; transition: transform 277ms ease-in-out; -o-transition: 277ms ease-in-out; -ms-transition: 277ms ease-in-out; -moz-transition: 277ms ease-in-out; }
.menuBtn .burger-1 { top: 0; }
.menuBtn .burger-2 { top: 12px; }
.menuBtn .burger-3 { bottom: 0; }
.menuBtn.active .burger-1 { top: 10px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background: #fff; }
.menuBtn.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; background: #fff; }
.menuBtn.active .burger-3 { top: 10px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #fff; }
.menu-mark { width: 100%; height: 100%; position: fixed; background: rgba(0,0,0,0.6); left: 0; top: 0; z-index: 30; opacity: 0; visibility: hidden; transition: 340ms 130ms; }
.menu-mark.on { opacity: 1; visibility: visible; transition: 340ms 0ms; }
.menu-fix { width: 283px; position: fixed; display: none; right:2%; top:70px; background:#bd9e61; z-index: 99; }
.menu-list { padding: 40px 0 40px 30px; }
.menu-list li { margin-bottom: 30px; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: returnToNormal; animation-name: returnToNormal; }
.menu-list li:last-child { margin-bottom: 0; }
.menu-list li a { display: block; color: #fff; font-size: 20px; }
@-webkit-keyframes returnToNormal {
    from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }

    to { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes returnToNormal {
    from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }

    to { opacity: 1; -webkit-transform: none; transform: none; }
}


.banner{ width:100%;  position:relative; overflow:hidden;}
.banner .bd li{ width:100%; }
.banner .bd li img{ width:100%;}
.banner .hd{ text-align:center; font-size:0; position:absolute; width:100%; left:0; bottom:25px; z-index:2;}
.banner .hd li{ background:#fff; width:14px; height:9px; display:inline-block; margin:0 4px; border-radius:5px; transition:all 0.5s;}
.banner .hd li.on{ width:34px;}


.aboutPage{ padding:70px 0; position:relative;}
.aboutPage:before{ content:''; background:#17a470; width:100%; min-height:440px; position:absolute; left:0; top:0;}
.about-word{ width:43%; color:#fff; position:relative; z-index:1; animation-name:fadeInUp; animation-delay:0.2s;}
.about-word .cn{ font-size:36px; font-weight:bold;}
.about-word .en{ font-size:48px; font-weight:lighter; color:rgba(255,255,255,.6); margin-top:10px;}
.about-word .tn{ font-size:16px; line-height:27px; text-indent:30px; text-align:justify; max-height:189px; overflow:hidden; margin-top:30px;}
.about-word .mo{ margin-top:60px; text-align:right;}
.about-word .mo a{ width:193px; line-height:47px; text-align:center; font-size:16px; color:#fff; display:inline-block; border:1px #eaeaea solid;}
.about-word .mo a:hover{ background:#17a470; color:#fff; border-color:#17a470;}
.about-pic{ background-position:center; background-size:cover; width:55%; height:484px; position:relative ; z-index:1; animation-name:fadeInUp; animation-delay:0.2s;}


.casePage{ background:#eee; padding:60px 0 40px 0; position:relative;}
.casePage:before{ content:''; background:#17a470; width:100%; height:288px; position:absolute; left:0; top:0;}
.case-title{ text-align:center; color:#fff; position:relative; z-index:1; animation-name:fadeInUp; animation-delay:0.2s;}
.case-title .t{ font-size:36px; font-weight:bold;}
.case-title .c{ margin-top:30px;}
.case-list{ margin-top:45px; position:relative; z-index:1; }
.case-list .item{  width:33.3%; float:left; animation-name:fadeInUp; animation-delay:0.2s;}
.case-list .item-box{ background:#fff; width:98%; margin:auto; padding-bottom:28px; }
.case-list .item .aImg{ width:100%; height:252px; overflow:hidden;}
.case-list .item .aImg .aImg-box{ background-position:center; background-size:cover; width:100%; height:100%; transform:rotate(0deg) scale(1) translate(0%, 0%); -webkit-transform:rotate(0deg) scale(1) translate(0%, 0%); transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -webkit-transition:All 0.5s ease; transition:All 0.5s ease; -ms-transition:All 0.5s ease; -o-transition:All 0.5s ease; -moz-transition:All 0.5s ease; }
.case-list .item .aTit{ text-align:center; font-size:20px; margin-top:25px; padding:0 10px;}
.case-list .item .aTxt{ text-align:center; color:#999; margin-top:25px; padding:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.case-list .item:hover .aImg-box{ transform:rotate(5deg) scale(1.2) translate(0%,0%); -webkit-transform:rotate(5deg) scale(1.2) translate(0%,0%); -ms-transform:rotate(5deg) scale(1.2) translate(0%,0%); -o-transform:rotate(5deg) scale(1.2) translate(0%,0%); -moz-transform:rotate(5deg) scale(1.2) translate(0%,0%); }
.case-list .item:nth-child(1){ animation-delay:0.2s;}
.case-list .item:nth-child(2){ animation-delay:0.4s;}
.case-list .item:nth-child(3){ animation-delay:0.6s;}


.newsPage{ padding:60px 0 100px 0;}
.news-tit{ text-align:center; font-size:36px; color:#17a470; font-weight:bold; animation-name:fadeInUp; animation-delay:0.2s;}
.news-tab{ text-align:center; margin-top:35px; animation-name:fadeInUp; animation-delay:0.2s;}
.news-tab a{ margin:0 30px; display:inline-block; padding:0 5px 5px 5px; font-size:16px; color:#696969; border-bottom:3px #fff solid;}
.news-tab a.on, .news-tab a:hover{ color:#17a470; border-bottom:3px #17a470 solid;}
.news-cont{ margin-top:33px;}
.news-graphic{ width:50%; }
.news-graphic li{ width:47%; margin-right:3%; float:left; display:inline-block;}
.news-graphic li .pic{ width:100%; height:226px; overflow:hidden;}
.news-graphic li .pic .picIbox{ background-position:center; background-size:cover; width:100%; height:100%; transform:rotate(0deg) scale(1) translate(0%, 0%); -webkit-transform:rotate(0deg) scale(1) translate(0%, 0%); transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -webkit-transition:All 0.5s ease; transition:All 0.5s ease; -ms-transition:All 0.5s ease; -o-transition:All 0.5s ease; -moz-transition:All 0.5s ease; }
.news-graphic li .tit{ font-size:16px; margin-top:35px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news-graphic li .txt{ text-align:justify; color:#999; margin-top:10px; line-height:24px; max-height:72px; overflow:hidden; padding-right:15px;}
.news-graphic li:hover .picIbox{ transform:rotate(5deg) scale(1.2) translate(0%,0%); -webkit-transform:rotate(5deg) scale(1.2) translate(0%,0%); -ms-transform:rotate(5deg) scale(1.2) translate(0%,0%); -o-transform:rotate(5deg) scale(1.2) translate(0%,0%); -moz-transform:rotate(5deg) scale(1.2) translate(0%,0%); }
.news-list{ width:49%; }
.news-list li{ width:100%; height:130px; position:relative; margin-bottom:6px; display:block; vertical-align:middle; padding:22px 20px 0 160px; border:1px #eee solid;}
.news-list li .date{ width:137px; height:100%; position:absolute; left:0; top:0; border-right:1px #eee solid;}
.news-list li .date .d{ font-size:30px; display:block; padding-top:25px; text-indent:30px; color:#999; line-height:1;}
.news-list li .date .y{ font-size:18px; color:#999; padding-top:25px; text-indent:75px; display:block;}
.news-list li .date:before{ content:''; position:absolute; left:25px; top:67px; height:0px; border-top:1px solid #e4e4e4; width:90px; transform:rotate(-45deg); -o-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); }
.news-list li .tit{ font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news-list li .txt{ color:#999; line-height:24px; max-height:48px; overflow:hidden; margin-top:16px; text-align:justify;}
.news-list li:hover{ border:1px #17a470 solid;}
.news-list li:hover .date .d{ color:#17a470; }


.productPage{ background:#2dc38c;}
.product-title{ width:33.3%; float:left; padding:90px 5% 0 5%; color:#fff; animation-name:fadeInUp; animation-delay:0.2s;}
.product-title .t{ font-size:36px; font-weight:bold; padding-bottom:10px; position:relative;}
.product-title .t:before{ content:''; background:#9ff3d4; width:176px; height:3px; position:absolute; left:0; bottom:0;}
.product-title .c{ line-height:27px; text-align:justify; max-height:216px; overflow:hidden; margin-top:35px;}
.prodcut-list{ width:66.7%; animation-name:fadeInUp; animation-delay:0.2s;}
.prodcut-list li{position: relative;background:#eee;text-align:center;height:260px;width:50%;float:left;overflow:hidden;border-bottom:1px #fff solid;border-left:1px #fff solid;transition:all 0.5s;}
.prodcut-list li .ico{background-repeat:no-repeat;width:90px;height:120px;display:block;margin:auto;margin-top: 60px;position: relative;}
.prodcut-list li .tit{font-size:24px;color:#282828;transition:all 0.5s;position: relative;}
.prodcut-list li .txt{ font-size:17px; color:#999; margin-top:33px; padding:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all 0.5s;}
.prodcut-list li .view{width:161px;height:40px;line-height:38px;display:inline-block;color:#fff;font-size:16px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;transition:all 0.5s;border:1px #fff solid;position: relative;}
.prodcut-list li:nth-child(1) .ico{ background-image:url(../images/pro-icon01.png);}
.prodcut-list li:nth-child(2) .ico{ background-image:url(../images/pro-icon02.png);}
.prodcut-list li:nth-child(3) .ico{ background-image:url(../images/pro-icon03.png);}
.prodcut-list li:nth-child(4) .ico{ background-image:url(../images/pro-icon04.png);}
.prodcut-list li:hover{background-size:cover; background-position:center;}
.prodcut-list .li_img{background-size:cover;background-position:center;width:100%;height:100%;position: absolute;left: 0;top: 0;/* z-index: -1; */display: none;}

.prodcut-list li:hover .ico{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
.prodcut-list li:hover .tit{ transform:translateY(-75px); -moz-transform:translateY(-75px); -o-transform:translateY(-75px); -webkit-transform:translateY(-75px); color:#fff;}
.prodcut-list li:hover .txt{ transform:translateY(-90px); -moz-transform:translateY(-90px); -o-transform:translateY(-90px); -webkit-transform:translateY(-90px); color:#fff;}
.prodcut-list li:hover .view{ transform:translateY(-48px); -moz-transform:translateY(-48px); -o-transform:translateY(-48px); -webkit-transform:translateY(-48px); opacity:1;}
.prodcut-list li:hover .li_img{ display:block;}

.footer{ background:#18a571; padding:30px 0; margin-top:35px;}
.footer-copy{ line-height:27px; color:#fff;}
.footer-copy .f-menu a{ padding:0 20px;}
.footer-copy .f-menu { margin-left:-20px; position:relative;}
.footer-copy a{ color:#fff;}
.footer-link .t{ font-size:21px; color:#fff; padding-bottom:25px;}
.footer-link .select{ width:290px; height:38px; color:#727272; padding-left:15px; border:1px #b7b7b7 solid;}


.pbanner{ background-position:center; background-size:cover; width:100%;}
.pbanner img{ width:100%;}
.pmenu{ background:#f2f2f2; text-align:center;}
.pmenu a{ padding:26px 30px; font-size:16px; color:#555; display:inline-block; vertical-align:middle; position:relative;}
.pmenu a:before{ content:''; background:#dedede; width:2px; height:16px; position:absolute; right:0; top:50%; margin-top:-8px;}
.pmenu a:last-child:before{ display:none;}
.pmenu a:after{ content:''; background:#17a470; width:0; height:1px; position:absolute; left:50%; bottom:0; transition:all 0.5s;}
.pmenu a.act, .pmenu a:hover{ color:#17a470;}
.pmenu a.act:after, .pmenu a:hover:after{ width:100%; left:0;}
.pmain{ padding:40px 0;}
.pmain-pos{ background:url(../images/pos-icon.jpg) no-repeat left center; color:#17a470; padding-left:25px;}
.pAdvant-det{ text-align:center; padding-top:30px;}

.pCase-list{ margin-left:-3%; position:relative;}
.pCase-list li{ background:#ecf1f4; width:30.3%; float:left; margin:44px 0 0 3%;  }
.pCase-list li .img{ width:100%; height:267px; overflow:hidden;}
.pCase-list li .img-box{ width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center; transition:870ms;}
.pCase-list li .tit{ line-height:24px; font-size:16px; color:#666; padding:24px 20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:500ms;}
.pCase-list li:hover .tit{ background:#1c9fd6; color:#fff;}
.pCase-list li:hover .img-box{ transform:scale(1.08); -webkit-transform:scale(1.08); -moz-transform:scale(1.08);}


.pPage{ padding-top:50px; text-align:center; font-size:0;}
.pPage a{ font-size:14px; color:#6b6b6b; display:inline-block; vertical-align:middle; line-height:34px; padding:0 12px; margin:0 5px; border:1px #d6d6d6 solid;}
.pPage a.active, .pPage a:hover{ background:#17a470; color:#fff;}
.pPage .nowpage{ font-size:14px;  background:#17a470; color:#fff; display:inline-block; vertical-align:middle; line-height:34px; padding:0 12px; margin:0 5px; border:1px #d6d6d6 solid;}

.pAbout-title{ text-align:center; padding:50px;}
.pAbout-title .cnT{ font-size:30px; }
.pAbout-title .enT{ font-size:20px; margin-top:10px;}
.pAbout-det{ font-size:15px; color:#555; line-height:30px; text-align:justify;}


.pJoin-des{ position:relative; padding-left:50%; margin-top:65px;}
.pJoin-des .pic{ background-position:center; background-size:cover; width:50%; height:100%; position:absolute; left:0; top:0;}
.pJoin-des .word{ padding:25px 50px 20px 35px; position:relative; border:10px #e8e8e8 solid;}
.pJoin-des .word:before{ content:''; background:url(../images/join-icon.png) no-repeat; width:139px; height:102px; position:absolute; right:-50px; bottom:-20px;}
.pJoin-des .word .t{ font-size:30px; vertical-align:top;}
.pJoin-des .word .t em{ font-size:21px;}
.pJoin-des .word .sub-t{ font-size:16px; margin-top:20px; line-height:30px;}
.pJoin-des .word .c{ font-size:16px; color:#666; line-height:30px;}


.pConst-list{ margin-top:35px;}
.pConst-list dl{ background:#f8f8f8;}
.pConst-list dl dt{ width:50%; height:370px; float:left; overflow:hidden;}
.pConst-list dl dt .img{ width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center; transition:870ms;}
.pConst-list dl dd{ width:50%; float:left; padding:40px 45px 0 45px;}
.pConst-list dl dd .cn-t{ font-size:30px; line-height:33px;}
.pConst-list dl dd .en-t{ font-size:18px; line-height:33px;}
.pConst-list dl dd .txt{ font-size:16px; line-height:36px; margin-top:20px;}
.pConst-list dl dt:hover .img{ transform:scale(1.08); -webkit-transform:scale(1.08); -moz-transform:scale(1.08);}
.pConst-list dl:nth-child(2n) dt{ float:right;}


.pNews-list{ margin-left:-2%; position:relative;}
.pNews-list li{ width:23%; margin:30px 0 0 2%; padding:0 18px 28px 18px; position:relative; float:left; display:inline-block; border:1px #ebebeb solid; transition:all 0.5s;}
.pNews-list li .date{ background:url(../images/date-Bg.jpg) no-repeat; width:80px; height:65px; color:#fff; text-align:center; position:absolute; right:18px; top:0;}
.pNews-list li .date .d{ font-size:22px; font-weight:bold; padding-top:12px;}
.pNews-list li .date .y{ font-size:12px;}
.pNews-list li .tit{ font-size:16px; overflow:hidden; padding:25px 90px 25px 0; line-height:24px; text-overflow:ellipsis; white-space:nowrap; }
.pNews-list li .pic{ background-position:center; background-size:cover; width:100%; height:160px;}
.pNews-list li .txt{ line-height:22px; color:#999; height:44px; overflow:hidden; margin-top:10px; text-align:justify;}
.pNews-list li:before{ content:''; background:url(../images/pNews-ico.jpg) no-repeat; width:14px; height:14px; position:absolute; right:15px; bottom:15px;}
.pNews-list li:hover{ -webkit-box-shadow:0 0 7px 1px rgba(0,0,0,.35); -moz-box-shadow:0 0 7px 1px rgba(0,0,0,.35); box-shadow:0 0 7px 1px rgba(0,0,0,.35);}


.pDoubt-list dl{ margin-top:23px;}
.pDoubt-list dl dt{ background:#eaeaea; line-height:46px; position:relative; font-size:16px; font-weight:bold; padding-left:28px; cursor:pointer;}
.pDoubt-list dl dd{ font-size:16px; line-height:30px; color:#666; padding:25px 28px 0 28px; text-align:justify; display:none;}
.pDoubt-list dl dt:before{content:''; height:8px; width:8px; display:block; border:2px solid #999; border-right-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:30px;}
.pDoubt-list dl dt.on{ background:#17a470;  color:#fff;}
.pDoubt-list dl dt.on:before{ border:2px solid #fff; border-right-width:0; border-top-width:0;}


.pContact{ background:#f6f6f6; padding:60px 0 45px 0; position:relative;}
.pContact:before{ content:''; background:#fff; width:50%; height:100%; position:absolute; right:0; top:0;}
.pContact-way{ width:40%;}
.pContact-way .t{ font-size:24px; font-weight:bold; color:#17a470; padding-bottom:20px;}
.pContact-way li{ padding:10px 0 10px 30px; line-height:30px; color:#666; border-bottom:1px #e9e9e9 solid;}
.pContact-way li:nth-child(1){ background:url(../images/p-name.jpg) no-repeat left center;}
.pContact-way li:nth-child(2){ background:url(../images/p-tel.jpg) no-repeat left 17px;}
.pContact-way li:nth-child(3){ background:url(../images/p-add.jpg) no-repeat left center;}
.pContact-way li:nth-child(4){ background:url(../images/p-email.jpg) no-repeat left center;}
.pContact-message{ width:42%; position:relative; z-index:1;}
.pContact-message .t{ font-size:24px; font-weight:bold; color:#17a470; padding-bottom:20px;}
.pContact-message .filed{ padding-top:20px;}
.pContact-message .filed .inpt{ width:100%; height:42px; line-height:42px; color:#999; padding-left:15px; border:1px #ebebeb solid;}
.pContact-message .filed .area{ width:100%; height:93px; line-height:24px; padding:10px 15px; color:#999; border:1px #ebebeb solid; resize:none;}
.pContact-message .filed .btn{ background:#17a470; width:110px; line-height:30px; color:#fff; margin-top:5px; border-radius:20px; cursor:pointer;}
.pContact-map + .footer{ margin-top:0;}


.pPro-warp{ padding-top:60px;}
.pPro-left{ width:21%;}
.pPro-left-top{ background:url(../images/pPro-left-top.jpg) no-repeat; line-height:40px; font-size:28px; padding:40px 0 40px 25px; color:#fff;}
.pPro-left-img{ background-position:center; background-size:cover; width:100%; height:120px;}
.pPro-left-menu a{ display:block; line-height:55px; font-size:16px; color:#777; padding-left:20px; position:relative; border-bottom:1px #eeeeee solid;}
.pPro-left-menu a:before{content:''; height:9px; width:9px; display:block; border:2px solid #999; 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:21px; right:11px;}
.pPro-left-menu a.active, .pPro-left-menu a:hover{ background:#17a470; color:#fff;}
.pPro-left-menu a.active:before, .pPro-left-menu a:hover:before{ border:2px solid #fff; border-left-width:0; border-top-width:0;}


.pPro-right{ width:75%;}
.pPro-right-top{ padding:15px 0; line-height:32px; border-bottom:1px #ececec solid;}
.pPro-right-top .cn{ float:left; color:#777; font-size:24px;}
.pPro-right-top .add{ background:url(../images/pos-icon.jpg) no-repeat left center; padding-left:25px; color:#1c9fd6;}

.pPro-right-des{ background:#f9f9f9; padding:30px;  margin-top:35px;}
.pPro-right-des .aPic{ background-position:center; background-size:cover; width:33%; height:205px; }
.pPro-right-des .aWord{ width:65%; color:#666; line-height:28px; padding-top:40px;}

.pPro-right-list{ margin-left:-2%; position:relative;}
.pPro-right-list li{ width:31.3%; float:left; margin:35px 0 0 2%; padding:21px 18px 10px 18px; display:inline-block; position:relative; height:286px; overflow:hidden; border:1px #e4e4e4 solid;}
.pPro-right-list li .img{ background-position:center; background-size:cover; width:100%; height:193px;}
.pPro-right-list li .cover{ background:#fff; width:100%; position:absolute; left:0; top:220px; z-index:2; padding:0 18px; color:#888; line-height:28px; transition:all 0.5s;}
.pPro-right-list li .cover .t{ font-size:16px; color:#666; padding:15px 0 10px 0;}
.pPro-right-list li .cover .c{ max-height:112px; overflow:hidden; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
.pPro-right-list li:hover{ border-color:#17a470;}
.pPro-right-list li:hover .cover{ top:105px;}
.pPro-right-list li:hover .cover .t{ color:#17a470;}
.pPro-right-list li:hover .cover .c{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}

.ullist{ margin-top:30px; }
.ullist li{line-height: 42px; height:42px;  border-bottom:1px dashed #ccc; margin:0px; padding:0px; }
.ullist li a{color:#333333;font-size: 14px;}
.ullist li a i{position:relative;top:-3px;margin:0 4px 0 0;}
.ullist li a span{float:right;color:#999999;font-size: 14px;}

.site-map{ width:70%;margin:10px auto; }
.site-map dl{padding:10px 0;border-bottom:1px dashed #ddd;}
.site-map dt{font-size:16px;line-height:30px;font-weight:bold;}
.site-map dd{overflow:hidden;}
.site-map dd span{display:block;margin-right:10px;float:left;}
.site-map dd span a:after{content:"|";color:#ddd;margin-left:10px;}
.site-map dd span:last-child a:after{content:"";}
.site-map dd p{overflow:hidden;}
.site-map dd strong{display:block;color:#999;}

/*资质荣誉*/
.qualification {
  background: #f9f9f9;
}
.qualification .h2 {
  font-size: 21px;
  color: #575858;
  font-weight: normal;
  text-align: left;
  padding: 40px 0;
}
.qualification .qu_ul {
  /*padding: 50px 0;*/
}
.qualification .qu_ul li {
  width: 17%;
  float: left;
  margin-right: 3.75%;
  position: relative;
  margin-bottom: 15px;
}
.qualification .qu_ul li:nth-child(5n) {
  margin-right: 0;
}
.qualification .qu_ul li:hover img {
  transform: scale(1.05);
}
.qualification .qu_ul li .img_li {
  overflow: hidden;
  text-align: center;
  border: 1px solid #d9d9d9;
  padding: 10px;
}
.qualification .qu_ul li .img_li img {
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-box-shadow: -8px 10px 10px rgba(0, 0, 0, 0.17);
  box-shadow: -8px 10px 10px rgba(0, 0, 0, 0.17);
  filter: progid:DXImageTransform.Microsoft.Shadow(color=rgba(0, 0, 0, 0.17), direction=-8px, strength=10px);
  /*å…¼å®¹ie*/
  -moz-box-shadow: -8px 10px 10px rgba(0, 0, 0, 0.17);
  /*å…¼å®¹firefox*/
}
.qualification .qu_ul li .text_li {
  width: 100%;
  font-size: 14px;
  color: #797777;
  line-height: 32px;
  text-align: center;
}
.qualification .qu_ul2 {
  /* padding: 50px 0;*/
}
.qualification .qu_ul2 li {
  width: 22%;
  float: left;
  margin-right: 4%;
  position: relative;
  margin-bottom: 15px;
}
.qualification .qu_ul2 li:nth-child(4n) {
  margin-right: 0;
}
.qualification .qu_ul2 li:hover img {
  transform: scale(1.05);
}
.qualification .qu_ul2 li .img_li {
  overflow: hidden;
  text-align: center;
}
.qualification .qu_ul2 li .img_li img {
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  /*.shadow(@yy1:-8px,@yy2:10px,@yy3:10px,@yy4:rgba(0, 0, 0, 0.17));*/
}
.qualification .qu_ul2 li .text_li {
  width: 100%;
  font-size: 14px;
  color: #797777;
  line-height: 32px;
  text-align: center;
}