@charset "utf-8";
*{margin: 0;padding: 0;border: 0;outline: none;
box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
-ms-box-sizing: border-box; -moz-box-sizing: border-box;}
html {width: 100%; font-weight: normal;
	-webkit-text-size-adjust:none; -ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
body{font-size: 14px;line-height: 1.6;background-color:#fff;color:#666666;  font-family: Arial,'Microsoft YaHei'; }
ul,ul li,ol,li {list-style: none outside none;}
img {vertical-align: middle;border: none;}
input,select,option,label,th,textarea{vertical-align: middle;border: none;font-family: Arial,'Microsoft YaHei';}

select{ appearance:none;  -moz-appearance:none; -webkit-appearance:none;}   
select::-ms-expand { display: none; }  

a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;  }
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}
.fl {float: left;}
.fr {float: right;}
.container{display: block; width:85%; max-width: 1600px; margin: 0 auto; }

.hidden{ overflow:hidden;}


.header{ position:absolute; left:0; top:0; width:100%; z-index:2000; padding-top:40px;}
.header .container{ position:relative;}
.header .logos{ }
.header .logos img{ height:70px; display:block;}

.btn_menu{ width:56px; height:56px; background:#fdb930; cursor:pointer; padding:16px; margin-top:14px;}
.btn_menu span{ float:right; height:2px; background:#000000; margin:3px 0;}
.btn_menu span.s1{ width:80%;}
.btn_menu span.s2{ width:60%;}
.btn_menu span.s3{ width:100%;}

.btn_search{width:56px; height:56px; cursor:pointer; margin:14px 20px 0 0; background:url(../images/btn_search.png) no-repeat center center; background-size:50%;}

.search{ display:none; overflow:hidden; width:302px; height:42px; line-height:40px; border-radius:21px; border:1px solid #fdb930; background:#ffffff; position:absolute; top:90px; right:0; }
.search .s01{ float:left; width:250px; padding:0 20px; height:40px; }
.search .s02{ float:left; width:40px; height:40px; cursor:pointer; background: url(../images/search-btn.png) no-repeat center center;}



.nav{ position:absolute; left:0; width:100%; text-align:center; color:#ffffff; line-height:70px; padding:0 54px 0 245px; z-index:-1; font-size:16px;}
.nav li{ display:inline-block;}
.nav li a{ display:block; padding:0 25px;}

.banner{ height:830px;}
.banner .banwz{ height:100%; color:#ffffff; display: flex; align-items: center;}
.banner .banwz h3{ font-size:36px;}
.banner .banwz p{ font-size:40px; font-weight: bold;}

.banner .banwz p{ position: relative;opacity: 0;top:30px;
-webkit-transition: 0.5s 0.3s ease-in-out;-o-transition: 0.5s 0.3s ease-in-out;transition: 0.5s 0.3s ease-in-out;}
.banner .swiper-slide-active .banwz p{top: 0;	opacity: 1;}

.banner .banwz h3{ position: relative;opacity: 0;top:30px;
-webkit-transition: 0.5s 0.5s ease-in-out;-o-transition: 0.5s 0.5s ease-in-out;transition: 0.5s 0.5s ease-in-out;}
.banner .swiper-slide-active .banwz h3{top:0;opacity: 1;}



.banner .banpage{ position:absolute; top:0; left:0; height:100%; width:100%; z-index:100;}
.banner .banpage .container{ height:100%; position:relative; }
.banner .banpage .ban-pagination{ position:absolute; top:50%; right:20px; margin-top:-56px;}
.banner .banpage .ban-pagination .swiper-pagination-bullet{ display: block; opacity:1; font-size:0; margin:20px 0; position:relative; background:none; width:16px; }
.banner .banpage .ban-pagination .swiper-pagination-bullet:after{ content:""; position:absolute;width:5px; height:5px; right:0; bottom:0; background:#ffffff; border-radius:50%; }
.banner .banpage .ban-pagination .swiper-pagination-bullet-active{ font-size:16px; color:#ffffff; text-align:center; line-height:16px; height:16px; }
.banner .banpage .ban-pagination .swiper-pagination-bullet-active:after{ display:none;}



.tit01{ line-height:1.5; position:relative; z-index:10;}
.tit01 h2{ color:#fdb930; font-size:30px; font-weight:normal;}
.tit01 span{ color:#fbba28; font-size:16px; display:block; margin-top:5px; text-transform:uppercase;}

.homeabout{ background:#f2f2f2 url(../images/homeabout.png) no-repeat right center; background-size:auto 100%; margin-top:50px; padding:50px 0;}
.homeabout .hatxt{ margin-top:18px;}
.homeabout .hatxt h3{ font-size:24px; color:#434343;}
.homeabout .hatxt p{ color:#7a7a7a; font-size:16px; line-height:2.25;}
.homeabout .hatxt a{ display:block;}


.homeprod{ padding:100px 0; overflow:hidden; background:url(../images/homeprod.jpg) no-repeat center center; background-size:cover;}
.hpinfo{ width:32%;position:relative;}
.hpinfo img{ display:block; width:100%;}
.hptxt{padding-top:30px; position:absolute; left:0; top:0; height:100%; width:100%; z-index:100; }
.hptxt p{ color:#434343; font-size:16px; line-height:2.25; margin-top:20px;}

.hp-next,.hp-prev{ width:55px; height:55px; position:absolute; bottom:0; cursor:pointer;}
.hp-next{ background:#fdb930 url(../images/hp-next.png) no-repeat center center; background-size:100%; right:0;}
.hp-next:hover,.hp-prev:hover{ background-color:#68b57b;}
.hp-prev{ background:#fdb930 url(../images/hp-prev.png) no-repeat center center; background-size:100%; right:57px;}

.hptop{ width:66%;}
.hpbottom{ width:100%;}
.hplist .swiper-slide .img{ position:relative;}
.hplist .swiper-slide .img .ico{ position:absolute; width:70px; height:70px; right:20px; bottom:20px; z-index:20; background:#fbba28; border-radius:50%; overflow:hidden;}
.hplist .swiper-slide .img .ico:after{ content:""; width:100%; height:100%; position:absolute; right:0; top:0; background:#68b57b; width:0;
transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
-moz-transition:all 0.3s;
-webkit-transition: all 0.3s;}
.hplist .swiper-slide .img .ico img{ display:block; width:100%; position:relative; z-index:30; }
.hplist .swiper-slide img{ display:block; width:100%;}
.hplist .swiper-slide .title{ color:#2a2a2a; font-size:18px; display:block; text-align:center; line-height:80px;}

.hplist .swiper-slide:hover .img .ico:after{ width:100%;}
.hplist .swiper-slide:hover .title{ color:#fdb930;}

.homeinfobj{ overflow:hidden; background:url(../images/homeinfobj.jpg) no-repeat center center; background-size:cover;}
.homeinfo{ position:relative; margin-bottom:70px;}
.homeinfo .img{ height:522px; position:absolute; left:0; top:0;}
.homeinfo .img img{ height:100%; display:block;}
.hitop{ height:380px; padding-top:80px; background:#f2f2f2; border-top:1px solid #ededed; border-bottom:1px solid #ededed;text-align:right; }
.hitxt{position:relative; z-index:10;}
.hitxt h3{ color:#3d3d3d; font-size:24px;  margin:20px 0 0 0;}
.hitxt p{ color:#434343; font-size:16px; line-height:2.25;}

.hibottom{height:142px; padding-top:30px; position:relative; z-index:10;}
.hinav{ overflow:hidden; }
.hinav li{ float:right; margin-right:60px; line-height:66px; color:#5f5f5f; font-size:22px;}
.hinav li a{ display:block;}
.hinav li img{ margin-right:20px;}
.hinav li span{ color:#605f5d; font-size:16px; font-family:NSimSun; margin-left:10px;}
.hinav li:hover{ color:#fdb930;}
.hinav li:hover span{ color:#fdb930;}


.homeinfo02 .img{left:auto; right:0;}
.homeinfo02 .hitop{ text-align:left;}
.homeinfo02 .hinav li{ float:left; }



.homebottom{ position:relative; overflow:hidden; padding:75px 0;}
.homebottom:after{ content:""; height:380px; background:#f2f2f2; width:100%; position:absolute; left:0; top:0; z-index:-1;}
.hnlist{ width:68%;}
.hnlist li{ color:#ffffff; float:left; width:47%; margin-right:3%;}
.hnlist li .ncolumn{ font-size:18px; color:#999999; }
.hnlist li a{ display:block; padding:70px 60px; }
.hnlist li h2{ font-size:20px; font-weight:normal; display:none;  width:150px; height:46px; line-height:46px; text-align:center; background:#ffffff;  border-radius:8px;opacity:0;}
.hnlist li h3{ font-size:24px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin:30px 0 20px 0;opacity:0;}
.hnlist li p{ font-size:16px; line-height:2.15; height:102px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;opacity:0;}
.hnlist li.li01{ background:#ecb649;}
.hnlist li.li01 h2{color:#ecb649;}
.hnlist li.li02{ background:#68b57b;}
.hnlist li.li02 h2{color:#68b57b;}


.hnlist li:hover h2{opacity:1;}
.hnlist li:hover h3{opacity:1;}
.hnlist li:hover p{opacity:1;}


.home_service{ text-align:right;}
.home_service .tel{ color:#ecb649; font-size:28px; line-height:32px; font-weight:bold; margin:20px 0;}
.home_service .tel img{ margin-right:20px;}

.wechat{ overflow:hidden;}
.wechat li{ float:left; width:130px; margin:0 10px;}
.wechat li img{ display:block; width:100%;}
.wechat li span{ display:block; text-align:center; color:#000000; font-size:16px; margin-top:50px;}
.wechat li span a{ display:block;}
.wechat li span a:hover{ color:#ecb649; text-decoration:underline;}

.footer{ background:#ececec; overflow:hidden;}
.ftop{ overflow:hidden; padding:20px 0; line-height:44px; border-bottom:1px solid #d8d8d8;}
.dbcontact{ }
.dbcontact li{ float:left; color:#626262; font-size:14px; margin-right:90px;}

.fbottom{ overflow:hidden; padding:20px 0;}
.fbottom .copy{ color:#888888; font-size:16px; line-height:24px;}
.fbottom .copy a:hover{ color:#ecb649;}
.fbottom .share{}
.fbottom .share a{ margin:0 15px;}


/*首页结束*/

.nyban{ height:500px; padding-top:90px; }
.column{ height:100%; display: flex; align-items: center; text-align:center; color:#ffffff; display:none;}
.column h3{ font-size:60px;}
.column p{ font-size:16px;}
.column p span{ margin:0 5px;}
.column p a:hover{ color:#fbba28;}

.prodlist{ overflow:hidden; padding:2% 0 6% 0;}
.prodlist li{ width:32%; margin-right:2%; float:left;}
.prodlist li .img{ position:relative;}
.prodlist li .img img{ display:block; width:100%;}
.prodlist li .img .ico{ position:absolute; width:70px; height:70px; right:20px; bottom:20px; z-index:20; background:#fbba28; border-radius:50%; overflow:hidden;}
.prodlist li .img .ico:after{ content:""; width:100%; height:100%; position:absolute; right:0; top:0; background:#68b57b; width:0;
transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
-moz-transition:all 0.3s;
-webkit-transition: all 0.3s;}
.prodlist li .img .ico img{ display:block; width:100%; position:relative; z-index:30; }
.prodlist li .title{ color:#2a2a2a; font-size:18px; line-height:80px; text-align:center;}
.prodlist li .title span{ color:#605f5d; font-size:14px; margin-left:8px; font-family:NSimSun;}
.prodlist li:hover .img .ico:after{ width:100%;}
.prodlist li:hover .title{ color:#fbba28;}
.prodlist li:hover .title span{color:#fbba28;}

.conlist{ overflow:hidden; padding:80px 0;}
.conlist li{ float:left; width:33.33%; position:relative;}
.conlist li:after{ content:""; position:absolute; left:0; top:50%; width:1px; height:60px; background:#e5e5e5; margin-top:-30px;}
.conlist li.cli01:after{ display:none;}
.conlist li .ico{ width:92px; height:92px; border:1px solid #ebb336; border-radius:50%; margin:0 auto;}
.conlist li .ico img{ width:100%; display:block;}
.conlist li p{ text-align:center; color:#2f2f2f; font-size:18px; line-height:40px; margin-top:50px;}



.my-map { margin: 0 auto; width: 100%; height: 510px; }
.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}
.amap-info-content h5{ font-size:14px; color:#fdb930;}



.clist{ overflow:hidden; margin:3% 0;}
.clist li{ float:left; width:32.33%; margin:0 0.5%;}
.clist li img{ display:block; width:100%;}
.clist li .txt{ padding:40px 20px;}
.clist li h3{ font-size:22px; color:#000000;}
.clist li p{ font-size:16px; line-height:2; color:#666666; margin-top:10px;}

.service{ overflow:hidden; margin-bottom:6%;}
.service li{ float:left; width:32%; margin:2% 2% 0 0;}
.service li>a{ display:block; position:relative; overflow:hidden;}
.service li img{ display:block; width:100%;}

.service li .txt{ position: absolute; left:0; top:0; width:100%; height:100%; background:#ecb649; color:#ffffff; padding:0 45px;opacity:0;
    display: flex;
    align-items: center;
}
.service li .txt h3{ font-size:24px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.service li .txt p{ font-size:14px; line-height:2.15; margin-top:10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:4; overflow: hidden;}
.service li .txt span{ font-size:14px; line-height:2.15; display:block; margin-top:20px;}

.service li:hover .txt{opacity:1;}

.service li .title{ text-align:center; font-size:18px; margin-top:20px; text-overflow: ellipsis;overflow: hidden; white-space: nowrap;}


.pagetop{ line-height:58px; border-bottom:1px solid #efefef; overflow:hidden;}
.nynav{ overflow:hidden;}
.nynav li{ float:left; border-right:1px solid #efefef; color:#494949; font-size:16px; text-align:center;}
.nynav li a{ display:block; padding:0 25px;}
.nynav li.on,.nynav li:hover{ color:#ffffff; background:#fdb930;}

.position{ color:#848484; font-size:14px; border-left:1px solid #efefef; padding-left:20px;}
.position img{ margin-right:10px;}
.position a:hover{ color:#fdb930;}
.position span{ margin:0 5px;}



.about{overflow:hidden; padding-bottom:90px; }
.about .container{ position:relative; padding-top:90px;}
.aboutbj{ position:absolute; top:0; right:-11.37%; z-index:-1; width:52.68%;}
.aboutbj img{ width:100%; display:block;}
.about .txt{ width:53%; font-size:14px; line-height:2.15; padding:0 20px;}
.about .txt h1{ font-size:30px; line-height:1.6; color:#323232;}

.about .img{ width:44%; margin-top:60px; position:relative;}
.about .img:after{ content:""; right:-30px; bottom:-30px; width:35%; height:58%; position:absolute; background:#f2f2f2; z-index:-1;}
.about .img img{ display:block; width:100%;}


.culture{ margin:60px 0 40px 0; position:relative; overflow:hidden;}
.culture:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:380px; background:#f7f5f5; z-index:-2;}
.ctit{ color:#393939; font-size:36px; line-height:2; text-align:center;}

.culture_main{ overflow:hidden; margin-top:40px; position:relative; min-height:610px;}
.culture_main .txt{ color:#707070; font-size:16px; line-height:2.25; margin-bottom:40px; }
.culture_main .txt h3{ color:#ffffff; font-size:18px; padding:0 20px; line-height:36px; border-radius:18px; font-weight:normal; background:#fdb930; display:inline-block; margin:10px 0;}
.culture_main .img{ height:610px; position: absolute; bottom:0; right:0; z-index:-1;}
.culture_main .img .img01{ height:100%; display:block;}
.culture_main .img .img02{ position:absolute; bottom:0; right:0; width:55.43%; display:block;}


.course{ margin-top:40px;}
.course_main{background:url(../images/coursebj.png) no-repeat center center; background-size:43.75% auto; margin:20px 0 60px 0;}

.course_top,.course_bottom{}
.course_top img,.course_bottom img{ display:block; margin:0 auto;}

.courselist{ overflow:hidden; position:relative;}
.courselist:after{ content:""; background:#dddddd; width:2px; height:100%; position:absolute; left:50%; margin-left:-1px; top:0; z-index:-1;}
.courselist li{ width:50%; margin-right:50%; position:relative;}
.courselist li.li01{ float:left;}
.courselist li:after{ content:""; width:8px; height:8px; position:absolute; border:3px solid #ff5200; border-radius:50%; top:17px; right:-7px;}
.courselist li .img{ width:140px; height:140px; border:10px solid #f1f1ec; border-radius:50%; overflow:hidden; position:absolute; left:10%; top:50%; margin-top:-70px; z-index:-1;}
.courselist li .img img{ width:120px; display:block;}

.courselist li .txt{ text-align:right; padding-right:40px; min-height:140px; padding-left:150px;}
.courselist li .txt h3{ color:#000000; font-size:30px; position:relative;}
.courselist li .txt h3:after{ content:""; width:13px; height:2px; background:#ff5200; position:absolute; top:50%; margin-top:-1px; right:-25px;}
.courselist li .txt p{ color:#a6a6a6; font-size:12px; text-transform:uppercase; margin:5px 0 15px 0;}
.courselist li .txt .info{ color:#666666; line-height:1.8; font-size:16px; text-transform:uppercase; }

.courselist li.li02{ float:right; margin-right:0; margin-left:50%;}
.courselist li.li02:after{  left:-7px;}

.courselist li.li02 .img{ left:auto; right:10%; }
.courselist li.li02 .txt{ text-align:left; padding-left:40px; padding-right:150px; }
.courselist li.li02 .txt h3:after{ right:auto; left:-27px;}


.factory{ position:relative; overflow:hidden;}
.factory:after{ content:""; position:absolute; left:0; top:0; width:100%; height:500px; background:#f7f7f7 url(../images/factorybj01.png) no-repeat left bottom; background-size:100% auto; z-index:-1;}
.factory_info{ color:#010101; font-size:30px; line-height:1.8; margin-top:40px; padding:0 10%;}
.factory_info:after{ content:""; display:block; background:#fdb930; margin-top:30px; width:160px; height:4px;}


.factorylist{ overflow:hidden; /*background:url(../images/factorybj02.png) no-repeat 12% bottom; background-size:32.375% auto;*/ padding-bottom:80px;}
.factorylist li{ float:right; width:35%; margin-left:10%; margin-bottom:90px;}
.factorylist li.fr{ margin-right:10%; }
.factorylist li.fr2{ margin-top:-160px; }
.factorylist li.fl{ margin-top:160px;} 
.factorylist li.fl2{ margin-top:0;} 

.factorylist li .img img{ display:block; width:100%;}
.factorylist li .txt{}
.factorylist li .txt h3{ color:#111111; font-size:24px; font-weight:normal; padding:20px 0 5px 0;}
.factorylist li .txt p{ color:#666666; font-size:16px; line-height:1.8;}



.prodmain{ overflow:hidden; padding:90px 110px 2% 110px; width:84%; margin:-70px auto 0 auto; position:relative; z-index:10; background:#ffffff;}
.prdotop{  margin-bottom:20px; position:relative;}
.prdotop .prodimg{ width:420px; position:relative;}
.prdotop .prodimg .s{width: 100%;text-align: center;background:#d3d3d3;}
.prdotop .prodimg .s img{width: 100%;}

.prdotop .prodimg .x{width:100%;overflow: hidden;margin-top:20px}
.prdotop .prodimg .x li{float: left;text-align: center;}
.prdotop .prodimg .x li p{border:2px solid #d4d2d2; cursor: pointer; margin:0 10px;}
.prdotop .prodimg .x li img{max-height: 100%;max-width: 100%}
.prdotop .prodimg .x li.active-nav p{border-color:#fdb930}
/*.prdotop .prodimg .anniu .prev,.procon1z .anniu .next{position: absolute; top: 50%;margin-top: -13px;
width: 14px;height: 26px;background-repeat: no-repeat;z-index: 2;}
.prdotop .prodimg .anniu .prev{left: 0;background-image:url(../images/procon-prev.png); }
.prdotop .prodimg .anniu .next{right: 0;background-image:url(../images/procon-next.png); }
.prdotop .prodimg .anniu .prev:hover{background-image:url(../images/procon-prevh.png); }
.prdotop .prodimg .anniu .next:hover{background-image:url(../images/procon-nexth.png); }
*/



.prdotop .prodinfo{ position: absolute; top:0; right:0; width:100%; padding-left:510px; }
.prdotop .prodinfo h1{ color:#2d2c2c; font-size:58px; line-height:2; border-bottom:2px solid #c9caca;}
.prdotop .prodinfo .p01{ color:#ca5f01; font-size:1.8; font-size:30px; margin-top:20px;}
.prdotop .prodinfo .p02{ color:#606060; font-size:18px; line-height:1.8; margin:60px 0;}
.prdotop .prodinfo .p03{ color:#606060; font-size:24px; line-height:1.8; }

.prodshow{ border-top:2px solid #c9caca;  border-bottom:2px solid #c9caca;}

.prodshow{ color:#595757; font-size:18px; line-height:2; padding:30px 0;}
.prodshow img{ max-width:100%; height:auto!important;}


.htit{ color:#2d2c2c; font-size:30px; text-align:center;}



.showmain{ margin:70px 0;}
.nstit{ color:#282828; font-size:30px; font-weight:normal; text-align:center; margin-bottom:15px;}

.parameter{ text-align:center; color:#8f8e8e; font-size:14px; }
.parameter span{ margin:0 10px;}
.ninfo{ color:#757575; font-size:14px; line-height:1.8; padding:15px 35px; background:#f8f8f8; margin:20px 0;}

.showtxt{ color:#3d3d3d; font-size:16px; line-height:1.8; overflow:hidden; padding:30px;}
.showtxt img{ max-width:100%; height:auto!important;}


.nspage{ border-bottom:1px solid #eeeeee; border-top:1px solid #eeeeee; margin-top:25px;}
.nspage div{ width:50%; line-height:24px; padding:12px 10px; color:#828282; font-size:14px; }
.nspage div.fl{ border-right:1px solid #eeeeee;}
.nspage div.fr{ text-align:right;}
.nspage div a:hover{color:#fdb930;}



.honorlist{ overflow:hidden;}
.honorlist li{ width:23.5%; float:left; border:1px solid #dcdcdc; margin-right:2%; padding:10px; margin-bottom:2%;}
.honorlist li .img{ width:100%;background:#f6f6f6; border:10px solid #f6f6f6; text-align:center; height:230px; overflow:hidden; }
.honorlist li .img:before {content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0px;}
.honorlist li .img img{display: inline-block;vertical-align: middle; max-width:100%; max-height:100%;}
.honorlist li .title{ padding:5px 0; line-height:20px; text-align:center; font-size:16px; margin-top:10px;}



.newslist{ overflow:hidden; }
.newslist li{ float:left; width:32%; margin:2% 2% 0 0;}
.newslist li a{ display:block; position:relative; overflow:hidden;}

.newslist li .txt{  background:#f8f8f8; color:#333333; padding:45px;}
.newslist li .txt h3{ font-size:24px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.newslist li .txt p{ font-size:14px; line-height:2.15; margin-top:10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:4; overflow: hidden;}
.newslist li .txt span{ font-size:14px; line-height:2.15; display:block; margin-top:20px;}

.newslist li:hover .txt{ background:#68b57b; color:#ffffff;}



.fenye{width: 100%; text-align:center; margin:4% 0; font-size:16px; color:#333333;}
.fenye a{background:#f8f8f8; color:#333333;  padding:5px 12px;display: inline-block;margin:0 5px; overflow: hidden; display:inline-block;}
.fenye a:hover{color:#fff;background: #68b57b}
.fenye span{color:#fff;background: #68b57b;  padding:5px 12px;display: inline-block;margin:0 5px;overflow: hidden; display:inline-block;}


.about2{ max-width:1124px; margin:50px auto; overflow:hidden;}
.abt01{ font-size:24px; font-weight:bold; color:#f79646; margin-bottom:30px;}
.atimg{ width:100%; position: relative;}
.atimg img{ display:block; width:100%;}
.atwz{ position:absolute; width:100%; top:0; left:0; }
.atdian{position:absolute; width:100%; top:0; left:0;}
.atxian{ position:absolute; width:100%; height:100%; top:0; left:0; }
.xbj{width:100%; height:100%; margin:0 auto; background:url(../images/atimgxian.png) no-repeat center top;}

.at_content{font-size:16px; color:#333333; line-height:1.8; margin:30px 0;}
.abt02{ font-size:20px; font-weight:bold; }



@media screen and (max-width: 768px) {
.xbj{background-size:420px auto;}


.about2{margin:20px auto; }

.abt01{ font-size:20px; margin-bottom:20px;}
.at_content{font-size:14px; margin:20px 0;}
.abt02{ font-size:18px;  }


}



.tishi{ font-size:14px; text-align:center; padding:5px 0; position:absolute; top:0; width:100%; color:#ffffff; z-index:1000; background:#fdb930;}
@media screen and (max-width: 768px) {
 .tishi{ position:fixed; top:70px;}
}

.newslist li .txt,.hp-prev,.hp-next,.hplist .swiper-slide .title,.hinav li,.hnlist li h3,.hnlist li p,.copy a,.nynav li,.position a,.prodlist li .title,.prodlist li .title span,.service li .txt,.nspage div a{transition: 0.3s;-o-transition: 0.3s;-ms-transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}


.honorlist li .img img{-webkit-transition: all .5s ease-in;-o-transition: all .5s ease-in;-ms-transition: all .5s ease-in;-moz-transition: all .5s ease-in;}

.honorlist li:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}





.animated{opacity: 0;}

.delay2{-webkit-animation-delay:.2s;animation-delay:.2s; -moz-animation-delay:.2s;
-o-animation-delay:.2s;-ms-animation-delay:.2s;}
.delay3{-webkit-animation-delay:.4s;animation-delay:.4s; -moz-animation-delay:.4s;
-o-animation-delay:.4s;-ms-animation-delay:.4s;}
.delay4{-webkit-animation-delay:.6s;animation-delay:.6s; -moz-animation-delay:.6s;
-o-animation-delay:.6s;-ms-animation-delay:.6s;}
.delay5{-webkit-animation-delay:.8s;animation-delay:.8s;; -moz-animation-delay:.8s;
-o-animation-delay:.8s;-ms-animation-delay:.8s;}
.delay6{-webkit-animation-delay:1s;animation-delay:1s; -moz-animation-delay:1s;
-o-animation-delay:1s;-ms-animation-delay:1s;}
.delay7{-webkit-animation-delay:1.2s;animation-delay:1.2s; -moz-animation-delay:1.2s;
-o-animation-delay:1.2s;-ms-animation-delay:1.2s;}




@media screen and (min-width: 768px) {
.tit01{opacity:0;transform:translateY(40px);}
.in-view .tit01{opacity:1;transform:translateY(0px);transition:all 1s 0.2s;}

.hatxt h3{ opacity:0;transform:translateY(40px);}
.in-view .hatxt h3{opacity:1;transform:translateY(0px);transition:all 1s 0.4s;}

.hatxt p{ opacity:0;transform:translateY(40px);}
.in-view .hatxt p{opacity:1;transform:translateY(0px);transition:all 1s 0.6s;}

.hpinfo p{ opacity:0;transform:translateY(40px);}
.in-view .hpinfo p{opacity:1;transform:translateY(0px);transition:all 1s 0.6s;}

.homeinfo .img{opacity:0;transform:translateX(60px);}
.in-view.homeinfo .img{opacity:1;transform:translateX(0px);transition:all 1.5s 0.2s;}

.hitxt h3{opacity:0;transform:translateY(40px);}
.in-view .hitxt h3{opacity:1;transform:translateY(0px);transition:all 1s 0.4s;}

.hitxt p{opacity:0;transform:translateY(40px);}
.in-view .hitxt p{opacity:1;transform:translateY(0px);transition:all 1s 0.6s;}

.hinav{opacity:0;transform:translateX(-40px);}
.in-view .hinav{opacity:1;transform:translateX(0px);transition:all 1s 0.6s;}

.homeinfo02 .img{opacity:0;transform:translateX(-60px);}
.in-view.homeinfo02 .img{opacity:1;transform:translateX(0px);transition:all 1.5s 0.2s;}

.homeinfo02 .hinav{opacity:0;transform:translateX(40px);}
.in-view.homeinfo02 .hinav{opacity:1;transform:translateX(0px);transition:all 1s 0.6s;}


.hnlist li:nth-child(1){opacity:0;transform:translateY(40px);}
.in-view .hnlist li:nth-child(1){opacity:1;transform:translateY(0px);transition:all 1s 0.2s;}

.hnlist li:nth-child(2){opacity:0;transform:translateY(40px);}
.in-view .hnlist li:nth-child(2){opacity:1;transform:translateY(0px);transition:all 1s 0.6s;}

.home_service .tel{opacity:0;transform:translateY(40px);}
.in-view .home_service .tel{opacity:1;transform:translateY(0px);transition:all 1s 0.4s;}

.home_service .wechat{opacity:0;transform:translateY(40px);}
.in-view .home_service .wechat{opacity:1;transform:translateY(0px);transition:all 1s 0.6s;}

.column h3{opacity:0;transform:translateY(40px)}
.in-view .column h3{opacity:1;transform:translateY(0px);transition:all 1s 0.2s;}

.column p{opacity:0;transform:translateY(40px)}
.in-view .column p{opacity:1;transform:translateY(0px);transition:all 1s 0.4s;}

.nynav{opacity:0;transform:translateX(-50%)}
.in-view .nynav{opacity:1;transform:translateX(0px);transition:all 1s 0.2s;}

.position{opacity:0;transform:translateX(50%)}
.in-view .position{opacity:1;transform:translateX(0px);transition:all 1s 0.2s;}

.about .txt{opacity:0;transform:translateY(40px);}
.about.in-view .txt{opacity:1;transform:translateY(0px);transition:all 1s 0.2s;}

.about .img{opacity:0;transform:translateX(50%);}
.about.in-view .img{opacity:1;transform:translateX(0px);transition:all 1s 0.2s;}


.conlist .cli01{opacity:0;transform:translateY(60px);}
.in-view .conlist .cli01 {opacity:1;transform:translateY(0px);transition:all 1s 0.2s;}

.conlist .cli02{opacity:0;transform:translateY(60px);}
.in-view .conlist .cli02 {opacity:1;transform:translateY(0px);transition:all 1s 0.5s;}

.conlist .cli03{opacity:0;transform:translateY(60px);}
.in-view .conlist .cli03 {opacity:1;transform:translateY(0px);transition:all 1s 0.8s;}

.clist li:nth-child(1){opacity:0;transform:translateY(60px);}
.clist.in-view li:nth-child(1) {opacity:1;transform:translateY(0px);transition:all 1s 0.2s;}

.clist li:nth-child(2){opacity:0;transform:translateY(60px);}
.clist.in-view li:nth-child(2) {opacity:1;transform:translateY(0px);transition:all 1s 0.5s;}

.clist li:nth-child(3){opacity:0;transform:translateY(60px);}
.clist.in-view li:nth-child(3) {opacity:1;transform:translateY(0px);transition:all 1s 0.8s;}

.courselist li{opacity:0;transform:translateY(60px);}
.courselist li.in-view{opacity:1;transform:translateY(0px);transition:all 1s 0.2s;}



.culture_main .txt {opacity:0;transform:translateY(20%);}
.culture_main.in-view .txt {opacity:1;transform:translateY(0px);transition:all 1s 0.2s;}

.culture_main .img {opacity:0;transform:translateX(50%);}
.culture_main.in-view .img {opacity:1;transform:translateX(0px);transition:all 1s 0.2s;}

.factory_info{opacity:0;transform:translateY(60px);}
.factory_info.in-view{opacity:1;transform:translateY(0px);transition:all 1s 0.4s;}

.factorylist li{opacity:0;transform:translateY(20%);}
.factorylist li.in-view{opacity:1;transform:translateY(0px);transition:all 1s 0.2s;}

.prodlist li{opacity:0;transform:translateY(20%);}
.prodlist li.in-view{opacity:1;transform:translateY(0px);transition:all 1s 0.2s;}

.service li{opacity:0;transform:translateY(20%);}
.service li.in-view{opacity:1;transform:translateY(0px);transition:all 1s 0.2s;}

/*.prdotop{opacity:0;transform:translateY(20%);}
.in-view .prdotop{opacity:1;transform:translateY(0px);transition:all 1s 0.2s;}
*/
.htit{opacity:0;transform:translateY(60px);}
.htit.in-view{opacity:1;transform:translateY(0px);transition:all 1s 0.2s;}


.abt01{opacity:0;transform:translateY(60px);}
.abt01.in-view {opacity:1;transform:translateY(0px);transition:all 1s 0.2s;}

.atimg{opacity:0;transform:translateY(60px);}
.atimg.in-view {opacity:1;transform:translateY(0px);transition:all 1s 0.2s;}

.in-view .atimg {opacity:1;transform:translateY(0px);transition:all 1s 0.6s;}

.atwz{opacity:0;transform:translateX(60px);}
.in-view .atwz{opacity:1;transform:translateX(0px);transition:all 1s 1s;}

.atxian .xbj{opacity:0; width:0; height:0; margin:0 auto;}
.in-view .atxian .xbj{opacity:1; width:100%; height:100%; transition:all 1s 0.6s;}

.atdian{opacity:0;}
.in-view .atdian{opacity:1;transition:all 0.5s 1s;}



.at_content{opacity:0;transform:translateY(60px);}
.at_content.in-view{opacity:1;transform:translateY(0px);transition:all 1s 0.2s;}
.in-view .at_content {opacity:1;transform:translateY(0px);transition:all 1s 0.2s;}
}


.at_content2{ margin-top:-5%;}



@-webkit-keyframes myFade{
	0%{opacity: 1;top:0;}
	25%{top:-10px;opacity: 0.3;}
	50%{top:0px;opacity: 1;}
	75%{top:10px;opacity: 0.3;}
	100%{opacity: 1;top:0px;}
}

@-moz-keyframes myFade{
	0%{opacity: 1;top:0;}
	25%{top:-10px;opacity: 0.3;}
	50%{top:0px;opacity: 1;}
	75%{top:10px;opacity: 0.3;}
	100%{opacity: 1;top:0px;}
}

@-o-keyframes myFade{
	0%{opacity: 1;top:0;}
	25%{top:-10px;opacity: 0.3;}
	50%{top:0px;opacity: 1;}
	75%{top:10px;opacity: 0.3;}
	100%{opacity: 1;top:0px;}
}

@keyframes myFade{
	0%{opacity: 1;top:0;}
	25%{top:-10px;opacity: 0.3;}
	50%{top:0px;opacity: 1;}
	75%{top:10px;opacity: 0.3;}
	100%{opacity: 1;top:0px;}
}