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

body { font-size:14px; font-family: "SourceHanSansCN-Normal"; color:#333; -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:#3e3a39; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
a:hover { text-decoration:none; color:#388d00; }
table{ border-collapse:collapse; border:0;}
*{ 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:1200px; margin:0 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] ,input[type=submit],input[type=button],select{ -moz-appearance: textfield; -webkit-appearance: none !important; margin: 0; }
/*移除上下小箭头 Firefox*/
input::-webkit-input-placeholder { color:#999; }
textarea::-webkit-input-placeholder { color:#999; }
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- */
}

@font-face {
  font-family: "SourceHanSansCN-Normal";
  src: url("../font/SourceHanSansCN-Normal.woff") format("woff"),
       url("../font/SourceHanSansCN-Normal.ttf") format("truetype"),
       url("../font/SourceHanSansCN-Normal.eot") format("embedded-opentype"),
       url("../font/SourceHanSansCN-Normal.svg") format("svg"),
       url("../font/SourceHanSansCN-Normal.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

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


/**index**/
.ttHead{ background-image:url(../images/ttHead-Bg.jpg); background-position:bottom center; background-size:cover; width:100%; position:relative; left:0; top:0; z-index:99; padding:15px 45px; text-align:center; box-shadow:4px 0 4px rgba(26,66,0,.07);}
.ttHead-nav{ display:inline-block;}
.ttHead-nav li{ float:left; position:relative; padding:20px 25px 12px 25px;}
.ttHead-nav li a.far{ font-size:18px; display:inline-block; overflow:hidden; height:44px;  }
.ttHead-nav li a.far span{ display:block; text-transform:uppercase; font-size:12px; color:#666; margin-top:3px;}
.ttHead-nav li a.far p { transition:all 0.4s; }
.ttHead-nav li a.far .p2 { transform:translateY(50px);}
.ttHead-nav li.active a.far, .ttHead-nav li:hover a.far{ color:#388d00;}
.ttHead-nav li.active a.far span, .ttHead-nav li:hover a.far span{ color:#388d00;}
.ttHead-nav li.active a.far .p2, .ttHead-nav li:hover a.far .p2{ transform:translateY(-44px);}
.ttHead-nav li.active a.far .p1, .ttHead-nav li:hover a.far .p1{ transform:translateY(-50px);}
.ttHead-nav li .sub{ background:#388d00; width:100%; position:absolute; left:0; top:100%; padding:10px 0; display:none;}
.ttHead-nav li .sub a{ display:block; text-align:center; color:#fff; padding:10px 0;}
.ttHead-nav li .sub a:hover{ background:#fff; color:#388d00;}

.ttHead-tools { padding-top:30px;}
.ttHead-tools li{ float:left; position:relative;}
.ttHead-tools li .guanz-btn{ line-height:22px; display:inline-block; color:#7c7c7c; margin-right:50px; cursor:pointer;}
.ttHead-tools li .guanz-btn .iconfont{ font-size:22px; float:left; margin-right:9px; vertical-align:top;}
.ttHead-tools li .guanz-box{ background:#fff; width:100%; position:absolute; left:0; top:100%; padding:10px; display:none;}
.ttHead-tools li .srh-inpt{ background:none; width:175px; height:22px; line-height:21px; color:#b7b7b7; vertical-align:top; border-bottom:1px #b7b7b7 solid;}
.ttHead-tools li .srh-btn{ background:none; font-size:18px; position:absolute; right:0; top:0; color:#797979;}
.ttHead-tools li.guanz:hover .guanz-box{ display:block;}



/**手机导航**/
.pmenuBtn { width:60px; height:100%; position:absolute; right:0; top:0; cursor: pointer; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; display:none;}
.menu-handler { width:100%; height:100%; cursor: pointer; position: relative; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); background-color:#388d00; }
.menu-handler .burger { width:30px; height: 3px; background:#fff; display: block; position: absolute; z-index: 5; top:18px; left: 50%; margin: 0px 0px 0px -15px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; -webkit-transition: all .6s cubic-bezier(0.245, 0.145, 1.355, 1); -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1); transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);}
.menu-handler .burger-2 { top:29px; }
.menu-handler .burger-3 { top:40px; }
.menu-handler.active .burger-1 { top: 21px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.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; }
.menu-handler.active .burger-3 { top: 21px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }


.menuMobileBox { position: fixed; left: 0px; top: 0%; width: 100%; height: 0%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 10006; background-color:#388d00; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
.menuclose { width: 48px; height: 48px; display: block; position: absolute; right: 0; top:0; cursor: pointer; }
.menuclose:hover { background-color:#fff; }
.menuclose:hover i { background-color:#388d00; }
.menuclose i { width: 30px; height: 2px; background-color:#fff; position: absolute; left: 9px; top: 24px; }
.menuclose .i1 { -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menuclose .i2 { -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.navMobile { padding:40px 0; }
.navMobile dd { display: block; width: 100%; text-align: center; }
.navMobile dd p a { display:block; text-transform: uppercase; font-size:17px; position: relative; color:#fff; padding:10px 0; transition: 600ms ease 350ms; -webkit-transition: 600ms ease 350ms; opacity: 0; }
.navMobile dd p a.cur, .navMobile dd p a:hover { background:#fff; color:#388d00; }
.navMobile dd .msubnav { background-color: #fafafa; display: none; padding: 15px 0px; }
.navMobile dd .msubnav a { display: block; font-size: 16px; padding: 5px 0px; color: #333; position: relative;  }
.navMobile dd .msubnav a:hover{ color:##388d00;}
.open .menuMobileBox{ height: 100%;}
.open .navMobile dd p a{opacity: 1;}



.wrapper { position: fixed; top:0; left: 0;  width: 100%;  height:100%; transition: transform 1s cubic-bezier(0.86,0,0.03,1); -webkit-transition: transform 1s cubic-bezier(0.86,0,0.03,1);}
.wrapper .page { position:relative; overflow: hidden; width: 100%; height: 100%; padding-top:114px; -webkit-backface-visibility: hidden; backface-visibility: hidden;/* opacity: 0.3;*/ transition: opacity 0.7s 0ms cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: opacity 0.7s 0ms cubic-bezier(0.445, 0.145, 0.355, 1); }
.wrapper.active-page1 .page.page1 { opacity: 1; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }
.wrapper.active-page2 .page.page2 { opacity: 1; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }
.wrapper.active-page3 .page.page3 { opacity: 1; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }
.wrapper.active-page3 .page.page4 { opacity: 1; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }
.wrapper.active-page4 .page.page5 { opacity: 1; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }
.wrapper.active-page6 .page.page6 { opacity: 1; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }


.ttBanner{ width:100%; height:100%; position:relative; overflow:hidden; }
.ttBanner li{ background-position:center; background-size:cover; height:100%; position:relative;}
.ttBanner li img{ width:100%; display:none;}
.ttBanner .swiper-pagination{ font-size:0; bottom:33px !important;}
.ttBanner .swiper-pagination-bullet{ background:#fff; width:10px; height:10px; margin:0 5px !important; opacity:1; transition:all 0.4s;}
.ttBanner .swiper-pagination-bullet-active{ width:22px; border-radius:5px;}

.ttAbout-video{ width:50%; height:100%; position:relative; overflow:hidden; cursor:pointer;}
.ttAbout-video video{ width:100%; height:100%; object-fit: fill;}
.ttAbout-video .tit{ background:rgba(0,0,0,.6); width:100%; font-size:30px; font-weight:bold; color:#fff; text-align:center; padding:15px 0; position:absolute; left:0; top:0; z-index:2;}
.ttAbout-video .pic{ background-position:center; background-size:cover; width:100%; height:100%; display:inline-block; transition:transform 2.5s ease; -webkit-transition:transform 2.5s ease; -moz-transition:transform 2.5s ease; -ms-transition:transform 2.5s ease; -o-transition:transform 2.5s ease;}
.ttAbout-video .icon{ font-size:116px; color:#fff; line-height:1; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2;}
.ttAbout-video:hover .pic{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}

.ttAbout-word{ background-image:url(../images/ttAbout-Bg.jpg); background-position:center; background-size:cover; width:50%; height:100%; padding:9% 6% 0 6%;}
.ttAbout-word .st{ font-size:24px; font-weight:bold; color:#ff8b03;}
.ttAbout-word .pt{ font-size:28px; font-weight:bold; color:#27ab19; margin-top:5px;}
.ttAbout-word .c{ font-size:16px; line-height:30px; color:#666; text-align:justify; margin-top:25px; text-indent:30px; overflow:hidden;}
.ttAbout-word .view{ color:#ff8b03; display:block; }
.ttAbout-word .num{ text-align:center; margin-top:90px; display:none;}
.ttAbout-word .num dl{ max-width:33.3%; display:inline-block; vertical-align:top;}
.ttAbout-word .num dl:first-child{ float:left;}
.ttAbout-word .num dl:last-child{ float:right;}
.ttAbout-word .num dl dt{ font-size:52px;}
.ttAbout-word .num dl dt .b{ font-size:14px; color:#ff8b03;}
.ttAbout-word .num dl dd{ color:#666; margin-top:20px;}


.ttTechn-title{ width:82%; text-align:right; position:absolute; left:0; top:0; z-index:2; padding-top:214px;}
.ttTechn-title .iboxt{ background:#fff; width:22%; padding:0 30px; display:inline-block; text-align:left;}
.ttTechn-title .iboxt .en{ font-size:40px; font-weight:bold; color:#ff8b03; text-transform:uppercase;}
.ttTechn-title .iboxt .cn{ font-size:24px; font-weight:bold; color:#27ab19; margin-top:5px;}
.ttTechn-list{ width:100%; height:100%; position:relative; overflow:hidden; padding-right:18%;}
.ttTechn-list li{ width:100%; height:100%; position:relative; overflow:hidden;}
.ttTechn-list li .tit{ width:100%; position:absolute; left:0; font-size:24px; bottom:30px; color:#fff; z-index:2; padding-left:35px; font-weight:lighter;}
.ttTechn-list li .tit .iconfont{ margin-left:14px;}
.ttTechn-list li .pic{ width:78%; height:100%; overflow:hidden;}
.ttTechn-list li .pic span{ background-position:center; background-size:cover; width:100%; height:100%; display:inline-block; transition:transform 2.5s ease; -webkit-transition:transform 2.5s ease; -moz-transition:transform 2.5s ease; -ms-transition:transform 2.5s ease; -o-transition:transform 2.5s ease;}
.ttTechn-list li .pic img{ width:100%; display:block;}
.ttTechn-list li .txt{ background:#fff; width:22%; height:100%; padding:260px 30px 0 30px;}
.ttTechn-list li .txt .t{ font-size:18px;}
.ttTechn-list li .txt .c{ font-size:16px; line-height:28px; color:#666; text-align:justify; text-indent:30px; margin-top:15px; max-height:168px; overflow:hidden;}
.ttTechn-list li .txt .m{ display:block; line-height:20px; margin-top:80px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:12px; }
.ttTechn-list li .txt .m .iconfont{ font-size:20px; vertical-align:top; display:inline-block; vertical-align:top; margin-left:5px;}
.ttTechn-list li:hover .pic span{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.ttTechn-list li.swiper-slide-active .tit{ opacity:0;}

.ttHonor{ background-image:url(../images/ttHonor-Bg.jpg); background-position:center; background-size:cover; width:100%; height:100%; padding-top:95px;}
.ttHonor-title{ text-align:center; color:#fff;}
.ttHonor-title .tit{ font-size:30px; font-weight:bold; position:relative; padding-bottom:13px;}
.ttHonor-title .tit:before{ content:''; background:#ff8b03; width:88px; height:3px; position:absolute; left:50%; margin-left:-44px; bottom:0;}
.ttHonor-title .txt{ font-size:16px; margin-top:20px;}

.ttHonor-list{ width:1400px; margin:auto; margin-top:65px; position:relative; overflow:hidden; padding-bottom:70px;}
.ttHonor-list li{ overflow:hidden;}
.ttHonor-list li img{ transition:transform 2.5s ease; -webkit-transition:transform 2.5s ease; -moz-transition:transform 2.5s ease; -ms-transition:transform 2.5s ease; -o-transition:transform 2.5s ease;}
.ttHonor-list li:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.ttHonor-list .swiper-pagination{ font-size:0; bottom:0 !important;}
.ttHonor-list .swiper-pagination-bullet{ background:#fff; width:14px; height:14px; margin:0 7px !important; opacity:1; transition:all 0.4s; border:1px #fff solid;}
.ttHonor-list .swiper-pagination-bullet-active{ background:#ff8b03;}

.ttHonor-more{ text-align:center; margin-top:80px;}
.ttHonor-more a{ display:inline-block; line-height:38px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; padding:0 32px; font-size:12px; color:#fff; border:1px #fff solid; border-radius:20px;}
.ttHonor-more a .iconfont{ font-size:20px; display:inline-block; vertical-align:top; margin-left:5px;}


.ttNews{ background-image:url(../images/ttNews-Bg.jpg); background-position:center; background-size:cover; width:100%; height:100%; padding-top:85px;}
.ttNews .ttHonor-title .tit{ color:#27ab19;}
.ttNews .ttHonor-title .txt{ color:#666;}
.ttNews-list{ margin-top:40px; padding:0 95px; position:relative;}
.ttNews-list li{ background:#fff; width:calc(25% - 36px); float:left; margin:0 18px; display:inline-block; position:relative; transition:all 0.4s; box-shadow:0 5px 5px rgba(12,23,16,.06);}
.ttNews-list li:before{ content:''; background:#27ab19; width:0; height:3px; position:absolute; left:0; bottom:0; transition:all 0.3s;}
.ttNews-list li .pic{ overflow:hidden; position:relative;}
.ttNews-list li .pic img{ width:100%; display:block;  transition:transform 2.5s ease; -webkit-transition:transform 2.5s ease; -moz-transition:transform 2.5s ease; -ms-transition:transform 2.5s ease; -o-transition:transform 2.5s ease;}
.ttNews-list li .word{ padding:18px 18px 24px 18px; }
.ttNews-list li .word .t{ font-size:20px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ttNews-list li .word .d{ display:block; font-size:12px; color:#999; padding:12px 0 15px 0;}
.ttNews-list li .word .c{ line-height:26px; height:52px; overflow:hidden; text-align:justify; color:#666;}
.ttNews-list li .word .f{ padding-top:18px;}
.ttNews-list li .word .f label{ background:#27ab19; line-height:25px; margin-top:4px; color:#fff; font-size:12px; padding:0 15px; float:left; }
.ttNews-list li .word .f .iconfont{ font-size:33px; line-height:1; color:#bbb; float:right;}
.ttNews-list li:hover:before{ width:100%;}
.ttNews-list li:hover .pic img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}


.ttContact{ width:100%; height:calc(100% - 49px); padding:85px 113px 0 113px;}
.ttContact-word{ width:34%; padding-top:20px;}
.ttContact-word .st{ font-size:48px; font-weight:bold; color:#ff8b03;}
.ttContact-word .pt{ font-size:24px; font-weight:bold; color:#019340; padding-bottom:40px;}
.ttContact-word .txt dl{ color:#666; font-size:16px; line-height:28px; margin-top:15px; overflow:hidden;}
.ttContact-word .txt dl dt{ float:left; font-size:38px; color:#333; min-width:60px; line-height:1;}
.ttContact-word .txt dl dd{ overflow:hidden;}
.ttContact-map{ width:66%; height:100%;}
.ttContact-map p{ height:100%;}
.ttContact-map img{ width:100%;}

.ttCopy{ background:#7fd066; padding:15px 0; text-align:center; color:#fff;}
.ttCopy a{ color:#fff;}


/**质量控制中心**/
.pbanner{ position:relative;}
.pbanner img{ width:100%; display:block;}
.pbanner .text{ width:1200px; position:absolute; left:50%; bottom:55px; margin-left:-600px; z-index:2; color:#fff;}
.pbanner .text .en{ font-family:Impact; font-size:60px; text-transform:uppercase;}
.pbanner .text .cn{ font-size:38px; font-weight:bold;}

.page-nav{ background:#7fd066; padding-top:3px; line-height:57px;}
.page-nav .menu a{ float:left; padding:0 42px; font-size:16px; color:#fff; position:relative;}
.page-nav .menu a:before{ content:''; background:#fff; width:1px; height:16px; position:absolute; right:0; top:50%; margin-top:-8px;}
.page-nav .menu a.active, .page-nav .menu a:hover{ background:#fff; font-weight:bold; color:#ff7e23;}
.page-nav .posit{ color:#fff;}
.page-nav .posit a{ color:#fff;}


.pquality-list{ margin-left:-25px; padding-top:30px; position:relative;}
.pquality-list a{ width:calc(50% - 25px); margin:30px 0 0 25px; float:left; overflow:hidden; display:inline-block; position:relative;}
.pquality-list a img{ width:100%; display:block; transition:transform 2.5s ease; -webkit-transition:transform 2.5s ease; -moz-transition:transform 2.5s ease; -ms-transition:transform 2.5s ease; -o-transition:transform 2.5s ease;}
.pquality-list a .tit{ background:rgba(0,0,0,.5); width:100%; line-height:44px; font-size:18px; color:#fff; text-align:center; position:absolute; left:0; bottom:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pquality-list a:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); }


.ppage{ padding-top:50px; font-size:0; text-align:center;}
.ppage a{ background:#d2d2d2; line-height:38px; margin:0 7px; vertical-align:top; padding:0 14px; display:inline-block; font-size:16px; color:#fff;}
.ppage .nowpage{ background:#ff7e23; line-height:38px; margin:0 7px; vertical-align:top; font-size:16px; padding:0 14px; display:inline-block; color:#fff;}
.ppage a:hover{ background:#ff7e23;}



/**联系我们**/
.pcontact-inner{ background:#f4f4f4; margin-top:20px;}
.pcontact-inner .figure{ width:662px; border-right:1px #fff solid;}
.pcontact-inner .word{ width:538px; padding:75px 0 0 45px;}
.pcontact-inner .word .t{ font-size:28px; color:#388d00; font-weight:bold;}
.pcontact-inner .word .c{ line-height:36px; padding-top:25px; color:#525050;}
.pcontact-map{ margin-top:40px; height:500px;}
.pcontact-map p{ height:100%;}

.pmessage-title{ padding:50px 0 30px 0; text-align:center;}
.pmessage-title .t{ font-size:30px; font-weight:bold;}
.pmessage-title .c{ line-height:33px; color:#666; margin-top:15px;}

.pmessage-filed li{ margin-top:35px; overflow:hidden; position:relative;}
.pmessage-filed li .icon{ background:#fff; width:44px; height:44px; line-height:44px; position:absolute; left:1px; top:1px; z-index:2; text-align:center; font-size:26px; color:#dadada;}
.pmessage-filed li .aside{ width:382px; float:left; position:relative; margin-right:27px; display:inline-block;}
.pmessage-filed li .aside:last-child{ margin-right:0;}
.pmessage-filed li .aside .inpt{ width:100%; line-height:44px; padding-left:44px; vertical-align:top; font-size:16px; color:#999; border:1px #e4e4e4 solid;}
.pmessage-filed li .area{ width:100%; height:200px; font-size:16px; padding:12px 15px 12px 44px; color:#999; border:1px #e4e4e4 solid; resize:none;}
.pmessage-filed li .yzm-inpt{ width:154px; height:46px; line-height:44px; float:left; text-align:center; vertical-align:top; font-size:16px; color:#999; border:1px #e4e4e4 solid;}
.pmessage-filed li .yzm-img{ width:155px; height:46px; margin-left:17px; float:left; display:inline-block; border:1px #e4e4e4 solid;}
.pmessage-filed li .yzm-in{ color:#27ab19; line-height:46px; float:left; padding-left:15px;}
.pmessage-filed li .yzm-btn{ background:#ff7e23; width:194px; height:46px; line-height:46px; text-align:center; font-size:20px; color:#fff; float:left; margin-left:60px; cursor:pointer; }


.pproduct-list{ margin-left:-50px; padding-top:30px; position:relative;}
.pproduct-list li{ width:calc(33.3% - 50px); float:left; margin:40px 0 0 50px; display:inline-block; position:relative; padding:15px 12px 0 12px; text-align:center; border:1px #e7ecd9 solid;}
.pproduct-list li:before{ content:''; background:rgba(0,0,0,.5); width:100%; height:100%; position:absolute; left:0; top:0; bottom:0; right:0; z-index:1; transition:all 0.4s; opacity:0;}
.pproduct-list li .pic{ overflow:hidden; position:relative;}
.pproduct-list li .pic:before{ content:''; background:url(../images/pro-arrow.png) no-repeat; width:82px; height:82px; position:absolute; left:50%; top:50%; margin:-41px 0 0 -41px; z-index:2; transition:all 0.4s; opacity:0;}
.pproduct-list li .pic img{ width:100%; display:block;  transition:transform 2.5s ease; -webkit-transition:transform 2.5s ease; -moz-transition:transform 2.5s ease; -ms-transition:transform 2.5s ease; -o-transition:transform 2.5s ease;}
.pproduct-list li .tit{ font-size:18px; color:#666; padding:25px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pproduct-list li:hover:before{ opacity:1;}
.pproduct-list li:hover .pic:before{ opacity:1;}
.pproduct-list li:hover .pic img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}


.phonor-list{ margin-left:-50px; padding-top:30px; position:relative;}
.phonor-list a{ width:calc(33.3% - 50px); float:left; margin:40px 0 0 50px; display:inline-block; position:relative; padding:15px 12px 0 12px; text-align:center; border:1px #e7ecd9 solid;}
.phonor-list a:before{ content:''; background:rgba(0,0,0,.5); width:100%; height:100%; position:absolute; left:0; top:0; bottom:0; right:0; z-index:1; transition:all 0.4s; opacity:0;}
.phonor-list a .pic{ overflow:hidden; position:relative;}
.phonor-list a .pic:before{ content:''; background:url(../images/pro-arrow.png) no-repeat; width:82px; height:82px; position:absolute; left:50%; top:50%; margin:-41px 0 0 -41px; z-index:2; transition:all 0.4s; opacity:0;}
.phonor-list a .pic img{ width:100%; display:block;  transition:transform 2.5s ease; -webkit-transition:transform 2.5s ease; -moz-transition:transform 2.5s ease; -ms-transition:transform 2.5s ease; -o-transition:transform 2.5s ease;}
.phonor-list a .tit{ font-size:18px; color:#666; padding:25px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.phonor-list a:hover:before{ opacity:1;}
.phonor-list a:hover .pic:before{ opacity:1;}
.phonor-list a:hover .pic img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}


.ptech-list{ padding-top:25px; margin-left:-27px; position:relative;}
.ptech-list li{ width:calc(33.3% - 27px); float:left; margin:40px 0 0 27px; display:inline-block; position:relative; border-bottom:1px #ccc solid;}
.ptech-list li:before{ content:''; background:#27ab19; width:0; height:1px; position:absolute; left:0; bottom:-1px; transition:all 0.4s;}
.ptech-list li .pic{ overflow:hidden; position:relative;}
.ptech-list li .pic:before{ content:''; background:url(../images/pro-arrow.png) no-repeat; width:82px; height:82px; position:absolute; left:50%; top:50%; margin:-41px 0 0 -41px; z-index:2; transition:all 0.4s; opacity:0;}
.ptech-list li .pic:after{ content:''; background:rgba(0,0,0,.5); width:100%; height:100%; position:absolute; left:0; top:0; bottom:0; right:0; z-index:1; transition:all 0.4s; opacity:0;}
.ptech-list li .pic img{ width:100%; display:block;  transition:transform 2.5s ease; -webkit-transition:transform 2.5s ease; -moz-transition:transform 2.5s ease; -ms-transition:transform 2.5s ease; -o-transition:transform 2.5s ease;}
.ptech-list li .word{ padding:15px 0; position:relative; color:#555; font-size:16px; line-height:24px;}
.ptech-list li .word .t{ font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ptech-list li .word .iconfont{ position:absolute; right:0; bottom:15px; font-size:24px;}
.ptech-list li:hover:before{ width:100%;}
.ptech-list li:hover .pic:before{ opacity:1;}
.ptech-list li:hover .pic:after{ opacity:1;}
.ptech-list li:hover .pic img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.ptech-list li:hover .word{ color:#27ab19;}


.pabout-title{ background:url(../images/pabout-title.png) no-repeat bottom center; padding:65px 0; text-align:center;}
.pabout-title .cn{ font-size:26px; font-weight:bold;}
.pabout-title .en{ font-family:Arial, Helvetica, sans-serif; color:#b2b2b2; margin-top:8px; text-transform:uppercase;}
.pabout-info{ padding-top:30px; line-height:33px; font-size:16px; text-align:justify; color:#666;}


.pnews-list{ padding-top:25px; margin-left:-42px; position:relative;}
.pnews-list li{ width:calc(33.3% - 42px); float:left; margin:35px 0 0 42px; display:inline-block; position:relative; transition:all 0.4s;}
.pnews-list li:before{ content:''; background:#27ab19; width:0; height:3px; position:absolute; left:0; bottom:0; transition:all 0.3s;}
.pnews-list li .pic{ overflow:hidden; position:relative;max-height: 239px;}
.pnews-list li .pic img{ width:100%; display:block;  transition:transform 2.5s ease; -webkit-transition:transform 2.5s ease; -moz-transition:transform 2.5s ease; -ms-transition:transform 2.5s ease; -o-transition:transform 2.5s ease;}
.pnews-list li .word{ padding:18px 18px 24px 18px; border:1px #e7ecd9 solid; }
.pnews-list li .word .t{ font-size:20px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pnews-list li .word .d{ display:block; font-size:12px; color:#999; padding:12px 0 15px 0;}
.pnews-list li .word .c{ line-height:26px; height:52px; overflow:hidden; text-align:justify; color:#666;}
.pnews-list li .word .f{ padding-top:18px;}
.pnews-list li .word .f label{ background:#27ab19; line-height:25px; margin-top:4px; color:#fff; font-size:12px; padding:0 15px; float:left; }
.pnews-list li .word .f .iconfont{ font-size:33px; line-height:1; color:#bbb; float:right;}
.pnews-list li:hover{ box-shadow:0 5px 5px rgba(12,23,16,.06);}
.pnews-list li:hover:before{ width:100%;}
.pnews-list li:hover .word{ border-color:#27ab19;}
.pnews-list li:hover .pic img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}

.pnews-detaTop{ text-align:center; padding:40px 0 20px 0; border-bottom:1px #e5e5e5 solid;}
.pnews-detaTop .t{ font-size:30px; }
.pnews-detaTop .c{ padding-top:20px;}
.pnews-detaTop .c span{ color:#999; padding:0 20px;}
.pnews-detaInfo{ font-size:16px; line-height:33px; text-align:justify; color:#666; padding:30px 0;}
.pnews-detaPage a{ display:block; padding:25px 0; border-top:1px #e5e5e5 solid;}
.pnews-detaPage a span{ padding-right:20px; color:#999;}
.pnews-detaPage a.return{ color:#999;}
.pnews-detaPage a.return:hover{ color:#27ab19;}


/**发展历程**/
.pHistory-list{ padding-top:40px;}
.pHistory-list dd { position: relative; padding: 30px 50px 30px 180px; border-bottom: 1px solid #c7c7c7; }
.pHistory-list .year { display: block; position: absolute; left: 0; top: 0; height: 100%; background-color: #f7f7f7; width: 130px; padding:30px 25px; font-size: 16px; color: #767676; text-align: right; transition: 300ms; -webkit-transition: 300ms; }
.pHistory-list .pageC{ color:#666; line-height:28px;}
.pHistory-list dd:hover .year { background-color:#7fd066; color:#fff; }
.pHistory-list dd:hover .pageC { color:#7fd066; }

.pculture-word{ text-align:center; padding:95px 0 50px 0;}
.pculture-word .t{ font-size:40px;}
.pculture-word .c{ color:#666; line-height:33px; margin-top:30px;}
.pculture-column{ background-image:url(../images/pculture-bg.jpg); background-position:center; background-size:cover; padding:75px 0;}
.pculture-column ul{ margin-left:-60px; position:relative;}
.pculture-column ul li{ background:rgba(255,255,255,.6); width:calc(33.3% - 60px); float:left; margin-left:60px; display:inline-block; text-align:center;}
.pculture-column ul li .pic{ overflow:hidden; position:relative;}
.pculture-column ul li .pic img{ width:100%; display:block;  transition:transform 2.5s ease; -webkit-transition:transform 2.5s ease; -moz-transition:transform 2.5s ease; -ms-transition:transform 2.5s ease; -o-transition:transform 2.5s ease;}
.pculture-column ul li .txt{ padding:20px 0 25px 0;}
.pculture-column ul li .txt .t{ font-size:24px; font-weight:bold; color:#27ab19;}
.pculture-column ul li .txt .c{ margin-top:15px; line-height:26px;}
.pculture-column ul li:hover .pic img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}


.pjob-list .jt { padding:0 68px 0 37px; line-height:68px; position:relative; margin-top:40px; border:1px solid #d6d6d6; cursor:pointer;}
.pjob-list .jt:first-child{ margin-top:0;}
.pjob-list .jt span { float:left; color:666; }
.pjob-list .jt span.name{ width:255px; font-size:20px; font-weight:bold; }
.pjob-list .jt span.where{ width:270px;}
.pjob-list .jt span.number{ width:260px;}
.pjob-list .jt span.time{ width:280px;}
.pjob-list .jt span.arrow{ background:#d8d8d8; width:68px; height:68px; position:absolute; right:0; top:0;}
.pjob-list .jt span.arrow:before{ content:''; background:#fff; width:32px; height:2px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.pjob-list .jt span.arrow:after{ content:''; background:#fff; width:2px; height:32px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.pjob-list .jt.jt-act span.name{ color:#ff7e23;}
.pjob-list .jt.jt-act span.arrow{ background:#ff7e23;}
.pjob-list .jt.jt-act span.arrow:after{ display:none;}
.pjob-list .jc { background:#f5f5f5; display:none; line-height:33px; padding:35px 45px;}


.ttFooter{ background:#7fd066; margin-top:75px; padding:30px 0; color:#fff;}
.ttFooter a{ color:#fff;}
.ttFooter-left dl{ padding:15px 0;}
.ttFooter-left dl dd{ float:left; padding-right:40px;}
.ttFooter-left dl dd .iconfont{ font-size:20px; vertical-align:middle; margin-right:5px;}
.ttFooter-code img{ width:81px; float:left;}
.ttFooter-code .txt{ float:left; padding:20px 0 0 10px; line-height:24px;}





#content{height:355px;width:1180px;overflow:hidden;background:url(../images/vertical.png) no-repeat 434px 2px; margin-top:40px;}
.list{overflow:hidden;position:relative;}
.list li{ vertical-align:bottom; position:relative; height:130px; overflow:hidden;}



.lileft{ width:400px; position:absolute; left:0; top:0; line-height:55px; text-align:right;}
.liright{ width:700px; position:absolute; top:0; right:0; }
.liright .histt{ font-size:24px; color:#666;}
.liright .hisct{ color:#6e6e6e; line-height:28px; margin-top:5px; max-height:56px; overflow:hidden; }
.lileft .md{font-size:18px;color:#AEAEAE; display:none;}
.lileft .year{font-size:18px;color:#AEAEAE;}
.point{width:55px;height:55px;position:absolute;top:0;left:409px;background:url(../images/point.png) no-repeat 0px 18px;overflow:hidden;}
.point b{
	height:20px;width:20px;background:#fff;display:block;margin:17px 0 0 19px;border-radius:18px;border:2px solid #6bc30d;
	-webkit-transition:all 0.1s linear;
	-moz-transition:all 0.1s linear;
	-o-transition:all 0.1s linear;
	transition:all 0.1s linear;
	position:absolute;
	top:0;left:0;
}
.thiscur .point b{ width:30px; height:30px; border:7px solid rgba(107,195,13,0.6);margin:12px 0px 0px 14px;border-radius:52px;}


#arrow{position:fixed;top:50%;right:30px; display:none;}


/**发展历程**/
.pabout-devel-cont{ background:url(../images/phonor-bg.jpg) no-repeat top center; background-size:100% auto; margin-top:40px; padding-top:25px; min-height:660px;}
.pabout-devel-year{  position:relative; overflow:hidden;  padding-right:140px;}
.pabout-devel-year:before{ content:''; width:100%; border-bottom:1px #ccc dashed; position:absolute; left:0; bottom:23px;}
.pabout-devel-year:after{ content:''; background:url(../images/phonor-arrow.jpg) no-repeat center #fff; width:99px; height:100%; position:absolute; right:0; bottom:0; z-index:2;}
.pabout-devel-year li{ text-align:center; cursor:pointer;}
.pabout-devel-year li .tit{ font-size:30px; color:#666; vertical-align:top;}
.pabout-devel-year li .dot{ background:#fff; width:48px; height:48px; display:inline-block; margin-top:20px; vertical-align:top; border-radius:50%; border:7px #27ab19 solid;}
.pabout-devel-year li.swiper-slide-thumb-active .tit{  color:#27ab19;}
.pabout-devel-year li.swiper-slide-thumb-active .dot{ border-width:15px;}

.pabout-devel-list{ overflow:hidden; margin-top:70px; position:relative; }
.pabout-devel-list li { padding:0 170px;}
.pabout-devel-list li .pic img{ width:100%;}
.pabout-devel-list li .year{ font-size:48px; color:#27ab19; text-align:center; margin-top:45px; font-weight:bold;}
.pabout-devel-list li .name{ font-size:24px; font-weight:bold; text-align:center; padding:25px 0; }
.pabout-devel-list li .text{ font-size:16px; line-height:33px; color:#666; text-align:justify;}
.pabout-devel-list .swiper-button-next, .pabout-devel-list .swiper-button-prev{ color:#27ab19; width:auto; height:auto; font-size:80px; top:135px; margin-top:auto;}
.pabout-devel-list .swiper-button-prev{ left:0;}
.pabout-devel-list .swiper-button-prev.swiper-button-disabled{ color:#bababa;}
.pabout-devel-list .swiper-button-next{ right:0;}
.pabout-devel-list .swiper-button-next.swiper-button-disabled{ color:#bababa;}