article, aside, details, figcaption, figure, header, hgroup, nav, section { display:block }
html {font-size:100%;font-family: "Microsoft YaHei", "微软雅黑", 宋体,Arial, sans-serif;}
body {font-size: 15px;font-family: "Microsoft YaHei", "微软雅黑", 宋体,Arial, sans-serif;line-height: 26px;color: #555;background:#f0f1ec;}html,body{height:100%; width:100%; }h2,h3{ font-style:normal; font-weight:normal;}* {margin:0;padding:0}a { color:#555; text-decoration:none; }a:hover { color:#feaa7b; }a:active, a:focus, a:hover ,input:focus,textarea:focus,select:active { outline:0 }.trans { transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; }li{list-style:none}img{border-style:none;border:0;margin:0;vertical-align:middle}table{border-collapse:collapse;border-spacing:0}.left{ float:left;}.right{ float:right;}.pc { display: block; }.phone { display: none; }.text-center { text-align: center; }.text-right{ text-align:right; }.red{ color:#ac1d1f; }.orange{ color:#ffd020; }.pink { color: #ffa97e; }.block{ display:block; }.inline-block{ display:inline-block; }.white {color:#fff; }.gray { color:#aaa; }.clear { clear: both; }.phonepic { width:100%;}.relative { position:relative; }.absolute { position:absolute; }.wrap { position: relative; max-width: 1245px;width:100%; margin: 0 auto; }.container {max-width: 1800px; width: 96%; margin:0 auto; }.container-fluid { width:100%;display:block;}


.header { width:100%;height:74px;left:0;top:0;z-index:99; }
.header .logo{ position:absolute;left:0;top:4px;margin-left:-22px;width:88px;height:66px;background:url(../image/logo.png) no-repeat center;background-size:auto 90%;z-index: 9; }
.header .logo:hover { background-image:url(../image/pao.gif); }
.menu { position: absolute;left:10%;width:80%;top:16px;text-align: center; }
.menu a { display: inline-block;margin:0 1%;padding:6px 2%;color:#222;transition:none ;z-index: 9; }
.menu a:hover,.menu a.active { color: #fc9b6c; }
.lan { position: absolute;top:22px;right: 0;width: 130px;z-index: 9; }
.lan img { margin:0 0 0 10px; }

.menubg {position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: #ffa97e;z-index: 9991;}
.menu-icon { margin-top: 19px; }
.visible-phone {display: none;}

.fadeInRight { animation:fadeInRight 1.3s 0.0s both }
@keyframes fadeInRight{0%{opacity:0;transform:translate3d(70px, 0, 0)}100%{opacity:1;transform:none}}
.fadeInLeft { animation:fadeInLeft 1.3s 0.0s both }
@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-70px, 0, 0)}100%{opacity:1;transform:none}}
.fadeInUp { animation:fadeInUp 1.3s 0.2s both }
@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0, 50px, 0)}100%{opacity:1;transform:none}}
.fadeInDown { animation:fadeInDown 1.3s 0.2s both }
@keyframes fadeInDown {0%{opacity:0;transform:translate3d(0, -30px, 0)}100%{opacity:1;transform:none}}

.home { background: #ffa97e url(../image/home.png) no-repeat center;min-height:500px;padding:15% 0 15%;  }

.about{
overflow-x: hidden;
overflow-y: auto;
color: #666;
font-size: 14px;
height: 415px;
padding-right:50px;
max-width:450px;
width:80%;
margin: 0 auto;
font-family: "Microsoft YaHei", "微软雅黑", 宋体,Arial, sans-serif;
}
.about div.tit { font-size: 20px;padding:20px 0 15px; }
.about div,.about p {padding:0 0 8px;}

.about::-webkit-scrollbar {
width:6px;
height:6px;
}

.about::-webkit-scrollbar-thumb {
border-radius:100px;
-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.05);
background:#ffa97e;
}

.about::-webkit-scrollbar-track {
-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.05);
border-radius:0;
background:rgba(0,0,0,0.03);
}

.backTop { max-width: 278px;height: 54px;right:0;bottom: 0;z-index: 99;cursor: pointer; }
.backTop img { width: 100%;height: 100%; }

.footer { background:#333 url(../image/footbg.gif) repeat-x top center;color:#fff;padding:0 0 3%; }
.footer .container { max-width: 1156px;padding:0 0 3%; }
.footer a { color: #fff; }
.footer a:hover { color: #fc9b6c; }
.foot1 { height: 44px;line-height: 44px;font-size: 16px; }
.foot2 { line-height: 32px;padding:5% 0 0; }
.foot2 .add { margin-bottom: 60px; }
.foot2a { width:25%;float: left; }
.foot2b { width:27%;float: left; }
.foot2c { max-width:122px;width:23%;float: left;padding-top: 60px; }
.foot2d { max-width:296px;width:26%;float: right; }

.main.container { max-width: 1510px; }

.banner .text { position: absolute;left:5%;top:10%;z-index: 9; }
.banner .text1 { font-size: 18px;padding:0 0 12px; }
.banner .text2 { font-size: 44px;line-height: 58px; }

.swiper-container { width: 100%;z-index:9;height: 100%; }
.swiper-wrapper { width: 100%;height: 100%; }
.swiper-slide { height:100%;position:relative; }
.swiper-container .swiper-pagination-bullet{opacity:1;width:10px;height:10px;background:none;border:#fca378 1px solid;}
.swiper-container .swiper-pagination-bullet-active{opacity:1;background:#fca378;}

.donghua { background: #fff;margin: 5% 0; }
.donghua img { height: 140px; }
.donghua img.tu { margin-left:-35px; }
.procate li { width:49%;margin: 0 2% 2% 0;float: left; }
.procate li:nth-child(5n+1),.procate li:nth-child(5n+3) { width:23.5%; }
.procate li:nth-child(5n+3),.procate li:nth-child(5n) { margin-right: 0; }
.procate .tit { background: #fff;padding:20px 20px; }
.jiansu { padding:6% 0; }

.prolist.tuijian { margin:4% 0; }
.prolist.tuijian li { width:33%;margin: 0 0.5% 0 0;float: left; }
.prolist.tuijian li:nth-child(3n) { margin-right: 0; }
.prolist.tuijian li a { padding:8%;background: #fff; }
.prolist.tuijian .tit { padding:0 0 3%; }
.prolist.tuijian .tit1 { font-size: 22px; }
.prolist.tuijian .tit2 { font-size: 20px;padding:1% 0 3%; }

.prolist.cate { margin:0 0 3.5%;  }
.prolist.cate li { width:19.75%;margin: 0 0.3% 0.3% 0;float: left;overflow: hidden; }
.prolist.cate li:nth-child(5n) { margin-right: 0; }
.prolist.cate li .pic { left:10%;top:14%;width:80%;height:54%;z-index:2;overflow: hidden; }
.prolist.cate li .pic img{ width: 100%;height:100%;}
.prolist.cate li:hover .pic img {transform: scale(1.05, 1.05);}
.prolist.cate li .bg { top:0;left: 0;width: 100%;height:100%;z-index: 5;}
.prolist.cate li .pic1 { top:15%;right: 12%;width: 76%;height:20%;z-index: 8; }
.prolist.cate li .tit { top:78%;right: 0;width: 100%;z-index: 9;text-align: center; }
.prolist.cate li .tit p:nth-child(1) { font-size: 18px; }
.prolist.cate li .tit p:nth-child(2) { font-size: 22px;margin-top: 1px; }
.prolist.cate li:nth-child(1) .pic { left:0;top:0;width:100%;height:100%; }
.prolist.cate li:nth-child(1) .bg { background-color: rgba(0, 0, 0, 0.4);}
.prolist.cate li:nth-child(1) .pic1 { top:70%;right: 0;width: 80%;background:url(../image/cate1.png) no-repeat top center;background-size: 100% auto; }
.prolist.cate:nth-child(3n+2) li:nth-child(1) .pic1 { background-image:url(../image/cate1.png); }
.prolist.cate:nth-child(3n+3) li:nth-child(1) .pic1 { background-image:url(../image/cate2.png); }
.prolist.cate:nth-child(3n+4) li:nth-child(1) .pic1 { background-image:url(../image/cate3.png); }
.prolist.cate li:nth-child(1) .tit { top:75.5%;right: 0;width: 76%;color: #fff;text-align: left; }
.prolist.cate li:nth-child(1) .tit p:nth-child(1) { font-size: 11px; }
.prolist.cate li:nth-child(1) .tit p:nth-child(2) { font-size: 20px;margin-top: -16px; }

.pro { padding:4% 0 4%; }
.pro .title { font-size: 22px;margin:0 0 3%;line-height: 34px; }
.pro li { width:19.75%;margin: 0 0.3% 0.35% 0;float: left;background: #fff; }
.pro li:nth-child(5n) { margin-right: 0; }
.pro li .pic { left:10%;top:14%;width:80%;height:54%;z-index:2;overflow: hidden; }
.pro li .pic img{ width: 100%;height:auto;}
.pro li:hover .pic img {transform: scale(1.05, 1.05);}
.pro li .tit { top:78%;right: 0;width: 100%;z-index: 9;text-align: center; }
.pro li .tit p:nth-child(1) { font-size: 20px; }
.pro li .tit p:nth-child(2) { font-size: 18px;margin-top: 1px; }

.products .proshow { max-width: 1031px;width: 100%;margin:2% auto; }

.news { margin:3% 0; }
.news li { margin:0 0 50px; }
.news li:nth-child(4n+1) { width:65%;float: left; }
.news li:nth-child(4n+2) { width:33%;float: right; }
.news li:nth-child(4n+3) { width:33%;float: left; }
.news li:nth-child(4n+4) { width:65%;float: right; }
.news li .tit { padding:15px 0 8px;color:#888;font-size: 14px;max-width: 250px;width:90%; }
.news li .des { font-size:16px;color:#111;max-width: 500px; }
.news li .date { color: #f39666;font-size: 16px;margin:18px 0 10px; }
.news li .more { width: 120px;height: 30px;line-height: 30px;border-radius: 30px;background: #f39666;color:#fff; }
.news li .more:hover { background: #ca5015; }

.newsview.container { max-width: 1510px;padding:5% 0; }
.newsview .title { font-size: 22px;line-height: 34px;padding:0 0 2%; }
.newsview .tit { padding:0 0 1%;margin:0 0 1.5%;border-bottom: #eee 1px solid; }
.nextpage{ padding:0 0 3%; }

.parter { padding:3% 0 5%; }
.parter li { margin:0 0 50px; }
.parter li:nth-child(1) { width:65%;float: left; }
.parter li:nth-child(2) { width:33%;float: right; }
.parter li:nth-child(3) { width:33%;float: left; }
.parter li:nth-child(4) { width:65%;float: right; }
.parter li .tit1 { padding:15px 0 8px;font-size: 20px; }

.contact { background: #fff url(../image/contact.png) no-repeat center;min-height:850px;padding:14% 0 11%;  }
.contact .text { width: 260px;top:50%;left:50%;margin:-110px 0 0 -130px;z-index: 9;line-height: 42px;font-size: 20px; }

#fenye {color:#888;padding:3% 0 0; height:25px;text-align:center;}
#fenye a { display:inline-block;padding:6px 12px;color:#888; margin:0 3px; }
#fenye a:hover {text-decoration:none; background:#005e3c;color:#fff;}
#fenye .a1 { padding:6px 10px 6px 11px; margin:0 3px;background:#005e3c;color:#fff;}