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

html,body{ transition:all ease 0.4s;}
.left{ float:left;}
.right{ float:right;}
.wrap{ width:100%; background:#006634; position:relative; overflow:hidden; margin:0 auto;}
.content{ overflow:hidden;}
.clear{ height:0; clear:both;}

/*头部*/
.header{ width:100%; background:#006634; position:relative; z-index:99;}
.header .head{ width:80vw; height:112px; position:relative; margin:0 auto;}
.header h1.logo{ display:block; overflow:hidden; float:left;}
.header h1.logo a{ display:block;}
.header h1.logo a img{ display:block; height:112px; box-sizing:border-box; padding:10px 0;}

/*导航*/
ul.nav{ display:block; height:82px; padding:30px 0 0; float:right;}
ul.nav li{ display:block; float:left; position:relative; margin-left:2.1875vw;}
ul.nav li a{ display:block; line-height:82px; color:#eac66e; font-size:18px; text-align:center;}
ul.nav li a:hover,
ul.nav li.on a,
ul.nav li.cur a{ color:#00ff82;}
ul.nav li p.sub{ display:none !important; width:120%; background:#fff; overflow:hidden; position:absolute; left:-10%; top:100%;}
ul.nav li p.sub a{ line-height:3; color:#444; font-size:14px; padding:0;}
ul.nav li p.sub a:hover{ color:#fff; background:#0052fe;}

.header,
.header .head,
.header h1.logo a img,
.header ul.nav,
.header.fixed ul.nav li a{ transition:all ease 0.3s;}
.header.fixed{ box-shadow:0 0 6px 0 rgba(0,0,0,0.6);}
.header.fixed .head,
.header.fixed h1.logo a img,
.header.fixed ul.nav{ height:76px;}
.header.fixed ul.nav li a{ line-height:76px;}

/*banner*/
.banner{ height/:728px; background-size:cover !important; overflow:hidden;}
.banner img{ display:block; width:100%;}

div.slogan{ background:#028c44;}
div.slogan img{ display:block; max-width:100%; margin:0 auto;}
div.slogan1{}
div.slogan1 img{ display:block; max-width:90%; margin:0 auto;}

/*底部*/
.footer{ background:#eac66e; padding:1% 0;}
.footer .foot{ width:80vw; text-align:center; overflow:hidden; margin:0 auto;}
.footer p.nav{ line-height:4; color:#333; font-size:18px; padding:1em 0 0.5em;}
.footer p.nav a{ margin:0 3.5%;}
.footer p.nav a:hover{ color:#006634;}
.footer .copyright{ line-height:2; color:#333; font-size:14px; overflow:hidden;}
.footer .copyright a{}
.footer .copyright a:hover{ color:#fff;}
.footer .copyright img.code{ display:block; height:7.14em; margin:2.5em auto;}
/*返回顶部*/
.backToTop{ display:block; width:48px; height:48px; background:#0052fe url(../images/common/top.png) center no-repeat; background-size:contain; border-radius:4px; position:fixed; right:1%; bottom:33%; bottom:9%; z-index:9999; cursor:pointer; text-indent:-9999px;}

/*主体样式*/
.main{ overflow:hidden; position:relative;}
.main::before,
.main::after{ content:''; display:block; overflow:hidden; clear:both;}

a.ads{ display:block; max-width:1200px; margin:0 auto;}
a.ads img{ display:block; width:100%;}

.main .menu{ background:#0f8644; padding:48px 0;}
.main .menu ul{ width:80vw; text-align:center; overflow:hidden; margin:0 auto;}
.main .menu ul li{ display:inline-block; vertical-align:top; font-size:22px;}
.main .menu ul li a{ display:block; width:8.7333em; height:auto; line-height:2.5; color:#008d75; font-weight:bold; background:url(../images/icons/menu.png) center no-repeat; background-size:contain; border-radius:0; opacity:0.5; margin:0 2.45em; position:relative;}
.main .menu ul li.cur a{ opacity:1;}

/*内容样式*/
.main .attr{ width:80vw; overflow:hidden; margin:0 auto;}
.main .attr h2.title{ display:block; color:#eac66e; font-size:20px; text-align:center; padding:3.75em 0 0; overflow:hidden;}
.main .attr h2.title em{ display:block; line-height:1.3; font-size:2.16em;}
.main .attr h2.title span{ display:block; line-height:1.75; font-weight:normal; text-transform:uppercase;}
.main .attr h3.title{ display:block; line-height:1.5; color:#444; font-size:40px; text-align:center; padding:1.5em 1em 0;}
.main .attr p.mark{ display:block; line-height:2.5; color:#444; font-size:18px; font-weight:bold; text-align:center; padding:0 1em 0.33em; border-bottom:3px solid #444;}
.main .article{ line-height:2; color:#000; font-size:16px; overflow:hidden; padding:1.875em 0 2em;}
.main .article *{ line-height:inherit; color:inherit; font-size:inherit;}
.main .article img{ max-width:100%;}
.main .article p {margin: 10px 0;}

/*文章切换*/
.main .change{ overflow:hidden; line-height:1.5; color:#444; font-size:16px; padding:2% 0 4%;}
.main .change a{ color:#444;}
.main .change a:hover{ color:#006634;}

/*页码样式*/
.pages{ text-align:center; font-size:14px; padding:0 0 70px;}
.pages span,
.pages a{ display:inline-block; *display:inline; *zoom:1; min-width:12px; color:#fff; height:24px; line-height:24px; text-align:center; padding:4px 11px; border:1px solid #fff; margin:0 8px;}
.pages a:hover,
.pages span{ color:#333; background:#eac66e; border-color:#eac66e;}

.culture{ background:#fcf3db url(../images/icons/culture_bg.png) repeat; padding:70px 0;}
.culture .attr{ background:#fff; padding:20px 0 80px;}
.culture h4{ display:block; line-height:4.3; color:#333; font-size:30px; text-align:center; margin:0 10%;}
.culture .txt{ line-height:2; color:#333; font-size:16px; margin:0 10%;}

.relate{ position:relative; padding:90px 0 90px; border-bottom:2px solid #dcc06b; margin-top:-40px;}
.relate .swiper-container{ margin:0 100px;}
.relate .swiper-slide{ font-size:14px; position:relative; cursor:pointer; pointer-events:auto; z-index:3;}
.relate .swiper-slide a{ display:block; overflow:hidden; background:#fff; margin:0 10px; position:relative;}
.relate .swiper-slide em{ display:block; overflow:hidden;}
.relate .swiper-slide img{ display:block; width:100%; transition:all ease 0.5s;}
.relate .swiper-slide span{ display:block; line-height:3.72; color:#4f4f4f; font-size:16px; text-align:center; transition:all ease 0.5s;}
.relate .swiper-slide a:hover span{ color:#222; background:#e4c16d;}
.relate .swiper-slide a:hover img{ transform:scale(1.1);}
.relate .swiper-button-prev,
.relate .swiper-button-next{ width:88px; height:88px; background-size:contain !important; top:50%; margin-top:-44px;}
.relate .swiper-button-prev{ background:url(../images/icons/prev.png) center no-repeat; left:0;}
.relate .swiper-button-next{ background:url(../images/icons/next.png) center no-repeat; right:0;}

/*案例列表*/
.main ul.caseList{ display:block; overflow:hidden; margin:60px -16px 56px;}
.main ul.caseList li{ display:block; width:33.33%; overflow:hidden; position:relative; float:left;}
.main ul.caseList li a{ display:block; overflow:hidden; background:#fff; margin:16px; position:relative;}
.main ul.caseList li em{ display:block; overflow:hidden;}
.main ul.caseList li img{ display:block; width:100%; transition:all ease 0.5s;}
.main ul.caseList li span{ display:block; line-height:5.5; color:#4f4f4f; font-size:18px; text-align:center; transition:all ease 0.5s;}
.main ul.caseList li a:hover span{ color:#222; background:#e4c16d;}
.main ul.caseList li a:hover img{ transform:scale(1.1);}

/*联系我们*/
dl.contact{ display:block; line-height:1.86; color:#333; font-size:16px; font-weight:300; overflow:hidden; padding:3.5% 0 7%;}
dl.contact dt{ display:block; width:34%; float:left;}
dl.contact dt em{ display:block;}
dl.contact dd{ display:block; overflow:hidden;}
dl.contact dd h4{ display:block; font-size:2.1em; font-weight:300; padding:2.6% 0 0;}
dl.contact dd p.line{ display:block; border-bottom:2px solid #efefef; margin:3.5% 0; margin-right:9%;}
dl.contact dd a.tel{ display:block; line-height:1.2; color:#333; font-size:2.88em; padding:0.3em 0 0;}


@media only screen and (max-width:1500px){
.header .head,
.footer .foot,
.main .attr{ width:1200px; margin:0 auto;}
}

@media only screen and (max-width:1240px){
.header .head,
.footer .foot,
.main .attr{ width:auto; margin:0 20px;}
}

@media only screen and (max-width:1024px){
.header{ z-index:99999;}
.header .head,
.footer .foot,
.main .menu ul,
.main .attr{ width:auto; margin:0 16px;}
.header .head,
.header h1.logo a img{ height:96px;}
.header a.menu{ display:block; width:60px; height:96px; background:url(../images/common/head_menu.png) center no-repeat; background-size:50% auto; float:right; transition:all ease 0.3s;}

ul.nav{ height:auto; background:rgba(234,198,110,1); padding:0; float:none; position:fixed; right:0; top:96px; z-index:99999; box-shadow:0 0 6px 0 rgb(0,0,0,0.6); transform:translateX(110%);}
ul.nav.show{ transform:translateX(0%);}
ul.nav li{ float:none; margin:0;}
ul.nav li a{ line-height:3; color:#333; font-size:18px; width:8.5em;}
ul.nav li a:hover,
ul.nav li.on a,
ul.nav li.cur a{ color:#333; background:#eac66e;}

.header.fixed a.menu{ height:76px;}
.header.fixed ul.nav{ top:76px; height:auto;}
.header.fixed ul.nav li a{ line-height:3.5;}

.footer p.nav{ font-size:15px;}
.footer p.nav a{ margin:0 2%;}

.main .menu{ padding:36px 0;}
.main .menu ul li a{ margin:0 0.5em;}

.main .attr h2.title{ padding:3em 0 0;}
.main .attr h3.title{ padding:1em 1em 0.2em;}
.main .attr p.mark{}
.main .article{}
.main .change{ padding:2% 0 6%;}

.culture{ padding:40px 0;}
.culture .attr{ padding:10px 0 60px;}
.culture .txt{ margin:0 20px;}

.relate{ padding:90px 0 90px; margin-top:-40px;}
.relate .swiper-container{ margin:0 68px;}
.relate .swiper-button-prev,
.relate .swiper-button-next{ width:60px; height:60px; margin-top:-30px;}

.main ul.caseList{ margin:30px -8px 56px;}
.main ul.caseList li a{ margin:8px;}
.main ul.caseList li span{ line-height:3.5;}

}

@media only screen and (max-width:767px){
.header .head,
.footer .foot,
.main .attr{ width:auto; margin:0 12px;}

.header .head,
.header h1.logo a img,
.header a.menu{ height:60px;}
.header a.menu{ width:40px;}
.header ul.nav{ top:60px;}
.header ul.nav li a{ font-size:13.5px;}

.header.fixed .head,
.header.fixed h1.logo a img,
.header.fixed a.menu{ height:52px;}
.header.fixed ul.nav{ top:52px;}

.footer{ padding:16px 0 0;}
.footer p.nav{ display:none;}
.footer .copyright{ font-size:12px; margin:0;}
.footer .copyright img.code{ margin:20px auto;}

.main .menu{ padding:20px 0;}
.main .menu ul{ margin:0;}
.main .menu ul li{ font-size:14px;}
.main .menu ul li a{ width:7em; margin:0 0.25em; background-size:100% 100%;}

.main .attr h2.title{ font-size:12px; padding:2.75em 0 0;}
.main .attr h3.title{ font-size:22px; padding-bottom:1%;}
.main .attr p.mark{ line-height:1.6; font-size:13px; padding-top:0.4em; padding-bottom:0.6em; margin-top:1%;}
.main .article{ font-size:13px;}
.main .change{ font-size:13px; padding:0 0 8%; margin:0 -4px;}

.pages{ font-size:12px; padding:0 0 44px;}
.pages span,
.pages a{ padding:1px 8px;}

.culture{ padding:20px 0;}
.culture h4{ font-size:22px; line-height:3.5;}
.culture .txt{ margin:0 12px; font-size:13px;}

.relate{ padding:40px 0 40px; margin-top:-20px;}
.relate .swiper-container{ margin:0 32px;}
.relate .swiper-slide span{ line-height:3; font-size:14px;}
.relate .swiper-button-prev,
.relate .swiper-button-next{ width:32px; height:32px;}

.main ul.caseList{ margin:20px -5px 40px;}
.main ul.caseList li{ width:50%;}
.main ul.caseList li a{ margin:5px;}
.main ul.caseList li span{ line-height:3; font-size:13px;}

}





/**/