@charset "utf-8";
@import url(//at.alicdn.com/t/font_1752514_ixejl0aet38.css);
@import url(font-awesome.min.css);
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;outline:0}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-x:hidden}
body{font:14px/1.8 "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体",Arial,Helvetica,SimHei,"黑体",STXihei,"华文细黑",sans-serif;margin:0 auto;color:#333;min-width: 1200px;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-casele:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
strong{font-weight:700}
img{border:0;display: block;}
::-moz-selection{background:#ED7020;color:#fff;text-shadow:none}
::selection{background:#ED7020;color:#fff;text-shadow:none}
select{outline:0}
select::-ms-expand{display:none}
a{text-decoration:none;blr:expression(this.onFocus=this.blur());cursor:pointer;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;color: #000;}
a:link,a:visited{text-decoration:none}
a:active,a:hover{text-decoration:none;color: #ED7020}
.clearfix:after,.clearfix:before{display:table;content:"";line-height:0}
.clearfix:after{clear:both}
.tc{text-align:center}
.tr{text-align:right}
.fl,.l{float:left;}
.fr,.r{float:right;}
.none{display:none}
ul,li{list-style: none;}
.inner{width:1200px;margin:0 auto;}
.row{position: relative;background: #fff;}
.ismobile{display: none;}
.ispc{display: block;}
/********************************************/
.trtion{ transition:700ms; -webkit-transition:700ms; transition-timing-function:ease-out; -webkit-transition-timing-function:ease-out; }
.transY{ transform:translateY(80px); -webkit-transform:translateY(80px); opacity:0;  }
.transY2{ transform:translateY(-80px); -webkit-transform:translateY(-80px); opacity:0; }
.transX{ transform:translateX(80px); -webkit-transform:translateX(80px); opacity:0;  }
.transX2{ transform:translateX(-80px); -webkit-transform:translateX(-80px); opacity:0; }
.transShow{ transform:translate(0); -webkit-transform:translate(0); opacity:1; }
.dly_1{ transition-delay:100ms; -webkit-transition-delay:100ms; }
.dly_2{ transition-delay:200ms; -webkit-transition-delay:200ms; }
.dly_3{ transition-delay:300ms; -webkit-transition-delay:300ms; }
.dly_4{ transition-delay:400ms; -webkit-transition-delay:400ms; }
.dly_5{ transition-delay:500ms; -webkit-transition-delay:500ms; }
.dly_6{ transition-delay:600ms; -webkit-transition-delay:600ms; }
.dly_7{ transition-delay:700ms; -webkit-transition-delay:700ms; }
.dly_8{ transition-delay:800ms; -webkit-transition-delay:800ms; }
.dly_2t{ transition-delay:transform 200ms; -webkit-transition-delay:transform 200ms; }
.scroll{position: fixed;z-index: 99;width: 100%;background-color: #fff;box-shadow: 1px 1px 1px #efefef}
.logo{width: 240px;margin-top: 10px;}
.nav{width: auto;margin-top: 40px;}
.nav ul li{width: 115px;float: left;}
.nav ul li a{display: block;padding:10px 15px;text-align: center;font-size: 16px;line-height: 40px;height: 40px;}
.nav ul li a:hover,.nav ul li.active a{background-color: #ED7020;color: #fff}
.nav ul li.lang{width: 100px;margin-left: 15px;}
.nav ul li.lang a{padding:0px 10px;background-color: #f0f0f0;font-size: 14px;line-height: 30px;height: 30px;}
.nav ul li.lang a:hover,.nav ul li.lang a.active{background-color: #ED7020;color: #fff}

.pw{ width:1202px; margin:0 auto; }
.banner #carousel{ position:absolute; width:1128px; left:50%; margin-left:-564px; bottom:5%; background:none; }
.banner #carousel li{ margin-right:1px; height:145px; background:url(../images/bg.png); cursor:pointer; transition:300ms; -webkit-transition:300ms; position:relative; }
.banner #carousel .ico{ height:90px; transition:300ms; -webkit-transition:300ms;   }
.banner #carousel .name{ text-align:center; color:#fff; }
.banner #carousel .flex-active-slide { background:#006ab3; }
.banner #carousel li:hover .ico{ transform:translateY(-8px); -webkit-transform:translateY(-8px); }
.bannertxts .bg{ display:block; top:0; width:0; height:100%; position:absolute; left:0;  background:url(../images/bg.png); transition:background 300ms,width 700ms 500ms; -webkit-transition:background 300ms,width 700ms 500ms; }
.bannertxts{ display:block; position:absolute; left:0; width:100%; top:30%; /* height:246px; */ padding:2.8% 0 3.4% 0;  color:#fff; overflow:hidden; display: none!important}
.bannertxts .pw{ position:relative;/*  padding-top:55px; */ }
.bannertxts .ti{ text-transform:uppercase; max-width:450px; line-height:1.2; !important;font-size: 36px;color: #ED7020 }
.bannertxts .more{ margin-top:35px; display:block; color:#fff; }
.bannertxts .more .ico{ display: inline-block;*zoom: 1;*display: inline; vertical-align:middle; /* transition:300ms; -webkit-transition:300ms; */ }
.bannertxts:hover .more .ico{ transform:translateX(3px); -webkit-transform:translateX(3px);}
.bannertxts:hover .bg{ opacity:0.8; }
.bannertxts.show .bg{ width:45%; } 
.banner .bapic_2{ display:none !important; }

.banner .slick-dots{ bottom: 5%; }
.banner .slick-dots li a{ position:absolute; top:0; left:0; z-index:8; }
.banner .slick-dots li{ margin:0; margin-right: 1px; height: 145px; background: url(../images/bg.png); cursor: pointer; /*transition: 300ms; -webkit-transition: 300ms;*/ position: relative; width: 187px; border-radius:0; position:relative;border: 0}
.banner .slick-dots li p{ width:100%; height:100%;}
.banner .slick-dots li i{ display: block; background-repeat: no-repeat; background-position: center center; /*transition: 300ms; -webkit-transition: 300ms;*/ height: 90px; transition: 300ms; -webkit-transition: 300ms; }
.banner .slick-dots li em{ text-align: center; color: #fff; display:block; white-space:nowrap; font-size:12px;font-style: normal;}
.banner .slick-dots li.slick-active{ background: #ED7020; opacity:1; }
.banner .slick-dots li:hover i{ transform:translateY(-8px); -webkit-transform:translateY(-8px); }

.index-about{padding: 60px 0 0}
.index-about{padding: 80px 0 10px;}
.page-about .index-about{padding: 80px 0 80px;}
.index-about .inner{width: 1200px;}
.index-about .box{width: 530px;margin-top: 75px;}
.index-about .box h1{font-size: 30px;font-weight: 400;margin-bottom: 30px}
.index-about .scapic{width:625px;}
.index-about .scapic .slick-dots{bottom:14px;text-align:right;}
.index-about .scapic .item p{position:absolute;left:0px;bottom:0px;z-index:2;background: url(../images/bg.png);width:610px;height:40px;line-height:40px;color: #fff;padding-left:15px;}


.title{width: 100%;border-bottom: 1px solid #DEDEDE;position: relative;text-align: center;margin: 0 auto 60px;}
.title:after{position: absolute;bottom: -2px;left: 50%;margin-left: -50px;width: 100px;height: 3px;content: '';background-color: #ED7020}
.title h1{font-size: 36px;font-weight: 400;}

.index-product{padding: 80px 0;}
.index-product .inner{border: solid #dddddd;border-width: 1px 0 0 1px}
.index-product .inner .box-img{width: 316px;height: auto}
.index-product .inner .box-list{width: 884px;}
.index-product .inner .item{width: 33.33%;box-sizing: border-box;border:solid #dddddd;border-width: 0 1px 1px 0;overflow: hidden;height: 294px;position: relative;vertical-align: middle;float: left;}
.index-product .inner .item img{display: block;max-width: 100%;}
.index-product .inner .item .hov{display: table;position: absolute;top:-100%;left: 0;width: 100%;height:100%;text-align: center;background-color: rgba(255,255,255,.8);color: #ED7020;transition:.5s;-webkit-transition: .5s;}
.index-product .inner .item .hov .con {display: table-cell;vertical-align: middle;}
.index-product .inner .item .hov .con p{font-size: 20px;color: #000}
.index-product .inner .item .hov .con a{display: inline-block;width:116px;height: 31px;background-color: #ED7020;color: #fff;border-radius: 31px;text-align: center;line-height: 31px;margin-top: 10px}
.index-product .inner .item:hover .hov {top: 0;transition:.5s;-webkit-transition: .5s;}

.index-news{padding: 60px 0;background-color: #eeeeee;background-repeat: no-repeat;background-size: cover;}
.index-news .title{margin-bottom: 20px;}
.index-news *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
.index-news .box-left{padding-top: 60px;padding-bottom: 60px;padding-right: 75px;position: relative;width: 50%;float: left;}
.index-news  .star-sky{width:100%;top:60px;position:relative}
.index-news  .star-sky-background{width:100%;left:60px;position:absolute;background:transparent;border-radius:2px;border:1px solid #000000}
.index-news  .star-sky img{max-width:100%;-moz-box-shadow:0px 0px 20px #333333;-webkit-box-shadow:0px 0px 20px #333333;box-shadow:0px 0px 20px #333333}
.index-news .box-right {margin-top: 60px;float: right;width: 49%;position: relative;background: #d2d2d2;height: 410px;display:flex;}
.index-news .box-right .slick-track{display:table}
.index-news .box-right .item{text-align: center;}
.index-news .box-right .item .l{display: block;width: 100%;float: left;margin-bottom: 30px;}
.index-news .box-right .item .l img{margin: 0 auto}
.index-news .box-right .item .t{display: block;width: 100%;}
.index-news .box-right .item .t { width: 78%; margin: auto;}
.index-news .box-right .item a:hover .t span{color: #666}
.index-news .box-right .item .t span { display: inline-block; width: 100%; padding-left: 60px; padding-right: 60px; position: relative; margin: auto;  font-size: 20px; line-height: 40px;box-sizing: border-box;}
.index-news .box-right .item .t span:before { content: ""; width: 45px; height: 42px; background: url(../images/symbol1.png) center no-repeat; position: absolute; left: 0; top: -26px; }
.index-news .box-right .item .t span:after { content: ""; width: 45px; height: 42px; background: url(../images/symbol2.png) center no-repeat; position: absolute; right: 0; bottom: -2px; }
.index-news .box-right .item .b{display: block;width: 100%;padding-top: 20px;float: left}
.index-news .box-right .item .b span { display: inline-block;  width: 150px; height: 50px; line-height: 50px; color: #646464; font-size: 14px; background: #fff; border-radius: 24px; cursor: pointer; text-align: center; position: relative; overflow: hidden; }
.index-news .box-right .item a:hover .b span{background-color: #ED7020;color: #fff}
.index-news .box-right .slick-prev,.index-news .box-right  .slick-next { background-color: #7f7f7f; width: 52px; height: 52px; z-index: 10; top: 50%; margin-top: -26px;}
.index-news .box-right  .slick-prev:before,.index-news .box-right  .slick-next:before{  content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ED7020; transform: scale(0); -webkit-transform: scale(0); transition: all .5s; -webkit-transition: all .5s; opacity: 0; visibility: hidden\9; z-index: -1;}
.index-news .box-right  .slick-prev:hover:before,.index-news .box-right  .slick-next:hover:before { transform: none; -webkit-transform: none; opacity: 1; visibility: visible\9;}
.index-news .box-right  .slick-prev i,.index-news .box-right  .slick-next i { position: absolute; top: 50%; left: 50%; margin-top: -6px; margin-left: -3px; border-top: 6px solid transparent; border-bottom: 6px solid transparent;}
.index-news .box-right  .slick-prev { left: 0px; }
.index-news .box-right  .slick-next { right: 0px; }
.index-news .box-right  .slick-prev i { border-right: 6px solid #fff; }
.index-news .box-right .slick-next i { border-left: 6px solid #fff; }


.part5{width:100%;height:825px;background:url(../images/part5.jpg) no-repeat;}
.part5m{width:1200px;height:825px;margin:0 auto;}
.part5m:hover .t5m1{animation:t5m11 2s linear }
 @keyframes t5m11{
     0%{opacity:0;margin-left:0px;}
     100%{opacity:1;margin-left:460px;}
 }
.part5m:hover .part5m2{animation:t5m2 2s linear }
 @keyframes t5m2{
     0%{opacity:0;margin-top:0px;}
     100%{opacity:1;margin-top:170px;}
 }
 .part5m:hover .part5m5{animation:t5m3 2s linear }
  @keyframes t5m3{
     0%{opacity:0;margin-top:170px;}
     100%{opacity:1;margin-top:0px;}
 }
.part5m:hover .part5m6{animation:t5m4 2s linear }
 @keyframes t5m4{
     0%{opacity:0;margin-left:460px;}
     100%{opacity:1;margin-left:0px;}
 }
.part5m1{width:1200px;height:27px;margin-top:133px;float:left;}
.t5m1{width:740px;height:27px;background-color:#ED7020;float:left;margin-left:460px;}
.part5m2{width:27px;height:330px;background-color:#ED7020;float:left;margin-top:170px;}
.part5m3{width:570px;height:500px;background:url(../images/part51.jpg) no-repeat; float:left;border-right:6px solid #ED7020;color:#ffffff;}
.part5m3 h1{width:160px;text-align:center;margin-top:74px;margin-left:200px;font-size:26px;font-weight:100;line-height: 1.3}
.part5m3-tel{margin-top: 100px;font-size: 28px;color: #FEAA2E;text-align: center;line-height: 1;}
.part5m3 span{width:570px;float:left;text-align:center;margin-top:60px;font-size:16px;}
.part5m4{width:570px;height:500px; float:left;}
.part5m5{width:27px;height:330px;background-color:#ED7020;float:left;}
.part5m6{width:740px;height:27px;background-color:#ED7020;float:left;}

.footer{background:#ED7020;position:relative;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;padding:50px 0 30px}
.footer .inner{width:1200px;position: relative;z-index: 9;}
.footer .inner a:hover{color: #fff;}
.footer .fr i{font-size:20px}
.footer .fr{font-size:16px;line-height:35px;margin-top:20px}
#particles-js,#parallax,.layer,.some-space,.some-more-space{height:100%;position:absolute;width:100%;top:0;left:0}
#particles-js{opacity:0.6}
.some-space{animation:rotate 18s 0.5s infinite linear reverse}
.some-more-space{-webkit-animation:rotate 15s 0.1s infinite linear;animation:rotate 15s 0.1s infinite linear}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotateZ(0deg) translate3d(0, 1.5%, 0) rotateZ(0deg);
        transform: rotateZ(0deg) translate3d(0, 1.5%, 0) rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateZ(360deg) translate3d(0, 1.5%, 0) rotateZ(-360deg);
        transform: rotateZ(360deg) translate3d(0, 1.5%, 0) rotateZ(-360deg);
    }
}
@keyframes rotate {
    0% {
        -webkit-transform: rotateZ(0deg) translate3d(0, 1.5%, 0) rotateZ(0deg);
        transform: rotateZ(0deg) translate3d(0, 1.5%, 0) rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateZ(360deg) translate3d(0, 1.5%, 0) rotateZ(-360deg);
        transform: rotateZ(360deg) translate3d(0, 1.5%, 0) rotateZ(-360deg);
    }
}
.copyRight{text-align: center;margin-top: 20px;position:relative;z-index:999;}
.copyRight a:hover{color:#fff}

.page-about,.banner{padding-top: 100px;}
.honor{padding:100px 0 60px ;background-color: #f8f8f8;}
.honor-list { margin-top: 70px; position: relative; padding: 0 47px; }
.honor-info figure { margin: 0 7px; padding: 10px; border-radius: 0; transition: 430ms; background: url(../images/border_img.png) no-repeat; background-size: contain;}
.honor-info figure img { display: block; width: 100%; line-height: 1; transition: 450ms; }

.honor-info:hover figure {background: url(../images/border_img.png)  no-repeat #ED7020; }
.honor-info:hover figure img { transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06); }
.honor-list .slick-prev, .honor-list .slick-next { width: 40px; height: 40px; top: 50%; margin-top: -25px; background-size: cover !important; transition: 330ms; }
.honor-list .slick-prev { left: -12px; background: url(../images/prev3.png) center no-repeat; }
.honor-list .slick-next { right: -12px; background: url(../images/next3.png) center no-repeat; }
.honor-list .slick-prev:hover { background: url(../images/prev4.png) center no-repeat; }
.honor-list .slick-next:hover { background: url(../images/next4.png) center no-repeat; }
.honor-list .slick-dots { position: relative; bottom: 0; margin-top: 34px; text-align: center; }
.honor-list .slick-dots li { display: inline-block; margin-right: 12px; width: auto; margin-left: 0; height: auto; }
.honor-list .slick-dots li:last-child { margin-right: 0; }
.honor-list .slick-dots li button { padding: 0; margin: 0; border: none; outline: none; width: 14px; height: 14px; border-radius: 50%; background: #cec8ce; cursor: pointer; transition: 355ms; }
.honor-list .slick-dots li.slick-active button { background: #49A986; }
.honor-list p{margin-top: 10px;text-align: center;}
.honor-list .imghide a:before{position: absolute;top: 50%;left: 50%;margin: -25px 0 0 -25px;z-index: 5;display: none;transition: 450ms;background: url(../images/fd.png) 0 0 no-repeat;content: '';width: 50px;height: 50px;}
.honor-list .imghide a:hover:before{display: block;}
.honor-list .imghide a{display: block;position:relative;z-index: 3;background: none}

.imghide {overflow: hidden;}


.plant{padding: 100px 0 60px;background-color: #F8F8F8}
.main-pro-demo{ width: 1200px; margin: 0px auto;}
.main-pro-demo .slick-list{ overflow: hidden;}
.main-pro-demo .item{ position: relative; overflow: hidden; margin: 0px 0;}
.main-pro-demo .img{ overflow: hidden; background-color: #dad9c6;margin: 0 10px;}
.main-pro-demo .img img{ width: 100%; display: block; transition:0.6s; -webkit-transition:0.6s;}
.main-pro-demo .txt{ background-color: #f3f3f3; height: 62px; line-height: 62px; padding: 0px 3%; overflow: hidden; text-align: center; z-index: 1; position: relative;margin: 0 10px;}
.main-pro-demo .txt:before{ content:""; z-index: -1; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #ED7020; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); transform-origin:50% 100% 0; -webkit-transform-origin:50% 100% 0; visibility:hidden\9;}
.main-pro-demo .linkA{ z-index: 4;}
.main-pro-demo .slick-prev,.main-pro-demo .slick-next ,.scapic .slick-prev,.scapic .slick-next { background-color: #7f7f7f; width: 52px; height: 52px; z-index: 10; top: 50%; margin-top: -26px;}
.main-pro-demo .slick-prev:before,.main-pro-demo .slick-next:before,.scapic .slick-prev:before,.scapic .slick-next:before{  content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ED7020; transform: scale(0); -webkit-transform: scale(0); transition: all .5s; -webkit-transition: all .5s; opacity: 0; visibility: hidden\9; z-index: -1;}
.main-pro-demo .slick-prev:hover:before,.main-pro-demo .slick-next:hover:before,.scapic .slick-prev:hover:before,.scapic .slick-next:hover:before { transform: none; -webkit-transform: none; opacity: 1; visibility: visible\9;}
.main-pro-demo .slick-prev i,.main-pro-demo .slick-next i,.scapic .slick-prev i,.scapic .slick-next i { position: absolute; top: 50%; left: 50%; margin-top: -6px; margin-left: -3px; border-top: 6px solid transparent; border-bottom: 6px solid transparent;}
.main-pro-demo .slick-prev { left: -60px; }
.main-pro-demo .slick-next { right: -60px; }
.scapic .slick-prev { left: 0;background-color:#f7a977; }
.scapic .slick-next { right: 0;background-color:#f7a977;  }
.main-pro-demo .slick-prev i ,.scapic .slick-prev i{ border-right: 6px solid #fff; }
.main-pro-demo .slick-next i ,.scapic .slick-next i{ border-left: 6px solid #fff; }
.main-pro-demo .item:hover .img img {transform: scale(1.05);-webkit-transform: scale(1.05);}
.main-pro-demo .item:hover .txt{color:#fff}
.main-pro-demo .item:hover .txt:before{transform:scaleY(1);-webkit-transform:scaleY(1);-moz-transform:scaleY(1);transform-origin:50% 0 0;-webkit-transform-origin:50% 0 0;visibility:visible\9}
.linkA{position:absolute;left:0;top:0;width:100%;height:100%;display:block}
.baguetteBox-button:focus, .baguetteBox-button:hover{background-color: rgba(220, 193, 129, 0.9);}

.page-list{padding-top:190px}
.news-cmain{padding:15px;border:1px solid #ED7020;background:#fff;height:100%;border-radius:20px;padding-bottom:90px}
.news-cdata{}
.news-box{width:295px;transition:0.7s;position:relative;height:300px;padding:15px;border:1px solid #dcdcdc;margin:15px 12px 30px 13px;float:left}
.box-word{font-size:16px}
.box-word div{padding:10px 0 5px 0;transition:0.7s;width:100%;height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.box-word p{width:100%;transition:0.7s;padding:3px;color:#a0a0a0;height:30px;line-height:30px;border-bottom:1px solid #e5e5e5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.box-word span{display:block;transition:0.7s;padding:10px 0;color:#a0a0a0}
.box-img{width:295px;height:170px;overflow:hidden}
.box-img img{transition:0.7s}
.box-xs{position:absolute;left:0;bottom:-12px;width:323px;height:12px;background:url(../images/common.png) -6px -123px no-repeat}
.box-xs0{position:absolute;left:0;transition:0.7s;bottom:-12px;width:323px;height:12px;background:url(../images/common.png) -6px -106px no-repeat;opacity:0;display:none\0;*display:none}
.news-box:hover{border:1px solid #ED7020}
.news-box:hover .box-xs0{opacity:1;display:block\0;*display:block}
.news-box:hover img{transform:scale(1.2,1.2)}
.news-box:hover .box-word div{color:#ED7020}
.news-box:hover p{color:#000}
.news-box:hover span{color:#000}

.pages{text-align: center; width:100%;}
ul.pagination{display:inline-block;padding:0;margin:2rem auto;}
ul.pagination li{display:inline}
ul.pagination li a{color:black;float:left;padding:8px 16px;text-decoration:none;transition:background-color .3s;border:1px solid #ddd}
ul.pagination li a.active{background-color:#ED7020;color:white;border:1px solid #ED7020}
ul.pagination li a:hover:not(.active){background-color:#ddd}

.page-content{padding:180px 0 50px}
.bgf5 {background-color: #f5f5f5;}


.news-content{padding:60px 70px;width:1060px;background-color:#fff;margin:0px auto}
.news-content h2.tit{font-size:28px; font-weight:400;}
.news-content .meta { color:#999;margin-top: 10px;}
.news-content .meta  span{padding:0 5px;}
.news-content .edit-cont{ padding:3% 0%; margin-top:2%; border-top:1px solid #eee; font-size:16px; color:#666; line-height:2;}
.news-content .edit-cont img{display: inline-block;}
.news-content .bshare{margin-top: 10px;}

.previous{ padding:26px 0px 0; border-top:1px solid #dedede; position:relative; margin-top: 50px;}
.previous .previ{ display:block; width:130px; height:44px; text-align:center; line-height:44px; color:#333333; background-color: #dedede;}
.previous .prev{ float:left;}
.previous .next{ float:right;}
.backlist{ display:block; width:145px; height:44px; text-align:center; line-height:44px; color:#fff; background:#ED7020; position:absolute; left:50%; margin-left:-72px; top:26px;}
.backlist:hover{ background:#666;}
.previous .previ:hover{ background:#ED7020; color:#fff;}

.page-contact{padding: 164px 0 60px;}
.contact_01 .contact-c{width: 40%;float: left}
.contact_01 .contact-c h2 {color: #ED7020;font-size: 28px;font-weight: 400}
.contact_01 .contact-c p {line-height: 40px;color: #666;}
.contact_01 .contact-c .erweima{margin-top: 10px}
.contact_01 .contact-c .erweima p{float: left;text-align: center;width: 40%;}
.contact_01 .contact-c .erweima p img{width: 150px;height: 150px;margin: 0 auto}
.contact_01 .contact-c .erweima p span{display: block;}
.contact_01 .contact-map{width: 60%;float: right;}
#andamap h2{font-size: 16px;}
.pagetit{margin-bottom:60px}
.pagetit .zh{font-size:30px;color:#333333;line-height:1.5}
.pagetit .en{color:#666;font-family:arial,helvetica,sans-serif;text-transform:uppercase}
.contact_02{min-height:300px;padding:4rem 0;background:#f5f5f5}
.contact_02 textarea,.contact_02 input{background:transparent;font-size:14px;color:#888;outline:none;border:0}
.contact_02 *{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.contact_02 .wal{max-width:770px}
.contact_02 .form li{width:50%;padding:0 0 20px 50px;position:relative;float:left}
.contact_02 .form li .name{position:absolute;z-index:10;left:50px;right:auto;top:0;bottom:auto;line-height:52px;font-size:14px;color:#666;padding-left:10px}
.contact_02 .form li .name span{position:absolute;z-index:10;left:0;right:auto;top:0;bottom:auto;color:#ED7020}
.contact_02 .form li .input{min-height:52px;border-bottom:#ccc solid 1px;position:relative;z-index:11}
.contact_02 .form li .input input{width:100%;height:52px;line-height:52px;padding-left:10px;font-size:14px;color:#666}
.contact_02 .form .li_01{width:100%;padding:45px 0 30px 50px}
.contact_02 .form .li_01 .input{background:#e6e6e6;border:0}
.contact_02 .form li .input textarea{width:100%;height:165px;line-height:32px;padding:10px 15px;font-size:14px;color:#666}
.contact_02 .form li.lzm{top:8px}
.contact_02 .form li.lzm img{width:90px;position:absolute;z-index:10;left:auto;right:0;top:10px;bottom:auto}
.contact_02 .form .submit input{width:100%;height:59px;font-size:16px;color:#fff;cursor:pointer;margin: 0 auto;background-color: #ED7020;display: block;}
.contact_02 .form li.on .name {opacity: 0;}
.contact_02 .form li.on .input {border-color: #ED7020;}
.contact_02 .Validform_wrong{right: 0}

.page-product{padding-top: 190px;}
ul.proPic li{height:auto;float:left;overflow:hidden;padding:15px 15px}
ul.proPic li{width:calc(33.333333% - 30px)}
ul.proPic li.hide{display:none}
ul.proPic li .proCon{box-shadow:1px 3px 10px #dfdfdf;padding:15px;position:relative}
ul.proPic li p{line-height:24px;background:#fafafa;text-align:center;margin:10px 0 0 0;padding:15px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
ul.proPic li .proCon .border_top{position:absolute;top:0;left:0}
ul.proPic li .proCon .border_bottom{position:absolute;bottom:0;right:0}
ul.proPic li .proCon .border_left{position:absolute;top:0;left:0}
ul.proPic li .proCon .border_right{position:absolute;bottom:0;right:0}
ul.proPic li a .proCon .border_top,ul.proPic li a .proCon .border_bottom{height:1px;width:0;background:#ED7020;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
ul.proPic li a .proCon .border_left,ul.proPic li a .proCon .border_right{height:0px;width:1px;background:#ED7020;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
ul.proPic li  a:hover .proCon .border_top,ul.proPic li  a:hover .proCon .border_bottom{width:100%}
ul.proPic li  a:hover .proCon .border_left,ul.proPic li  a:hover .proCon .border_right{height:100%}
ul.proPic li img{width:100%;height:auto}
ul.proPic li .Img{width:100%;height:255px;overflow:hidden;position:relative}
ul.proPic li a .Img img{-webkit-transform:translateZ(0)  scale(1);-moz-transform:translateZ(0)  scale(1);-ms-transform:translateZ(0)  scale(1);-o-transform:translateZ(0)  scale(1);transform:translateZ(0)  scale(1);-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s}
ul.proPic li a:hover .Img img{-webkit-transform:translateZ(0)  scale(1.05);-moz-transform:translateZ(0)  scale(1.05);-ms-transform:translateZ(0)  scale(1.05);-o-transform:translateZ(0)  scale(1.05);transform:translateZ(0)  scale(1.05);-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s}
ul.proPic li .Img p{position:absolute;width:100%;padding:15px 0;margin:0;color:#FFF;line-height:24px;bottom:0;left:0;right:0;text-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden}
ul.proPic li a .Img p{width:100%;background:rgba(0,0,0,0.3);visibility:hidden;opacity:0;-webkit-transform:translate(0,100px);-moz-transform:translate(0,100px);transform:translate(0,100px);-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
ul.proPic li a:hover .Img p{width:100%;visibility:visible;opacity:1;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0)}
.por-info-page{padding-top:190px;background-color:#fff;}
.pageC{padding:30px 30px 60px;}
.pageC img{display:inline-block}

.ry{background-color: #fff }

.nav-product{text-align: center;margin-bottom: 20px}
.nav-product * {-webkit-box-sizing: border-box;box-sizing: border-box;}
.bhn-list{display:inline-block;text-align:center}
.bhn-list li{float:left;position:relative;z-index:1;}
.bhn-list li:before{visibility:hidden;position:absolute;left:50%;bottom:-16px;margin-left:-15px;width:30px;height:5px;background:#f88000;opacity:0;content:''}
.bhn-list li.active a{background:#ED7020;color:#fff;border-color: #ED7020}
.bhn-list li.active:before{visibility:visible;opacity:1}
.bhn-list li a{color: #333;display: block;font-size:18px;line-height:20px;border:1px solid #333;border-radius:5px;padding:20px 30px;margin:0 10px;height:60px;-webkit-transition:all .17s;-o-transition:all .17s;transition:all .17s;cursor:pointer}
.bhn-list li a:hover{color: #fff;background-color: #ED7020;border-color: #ED7020}

.page-about .index-about .box{margin-top:0px;}