@charset "utf-8";
article, aside, details, figcaption, figure, header, hgroup, nav, section {display:block}
html {font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body {font-size: 14px;font-family: "Microsoft YaHei","微软雅黑", Arial, sans-serif;line-height: 24px;background:#fff;color: #555;}
* {margin:0;padding:0}a {transition: all 0.6s ease;color:#555; text-decoration:none;}a:hover {color:#9e2727;}a:active, a:focus, a:hover {outline:0}.css3-animate {transition: all 0.8s ease;}li{list-style:none}img{border:0;vertical-align:middle}table{border-collapse:collapse;border-spacing:0}.line{border-top: #ccc 1px dotted;margin:6px 0;}.hidden { display:none!important;visibility:hidden;}.left{ float:left;}.right{ float:right;}.text-center { text-align: center; }.text-left { text-align: left; }.text-right { text-align: right; }.gray { color: #888; }.black{ color:#222; }.bgwhite { background: #fff; }.clear { clear: both; }.phonepic { width: 100%; }.wrap {max-width: 1620px;width:100%;margin: 0 auto; position:relative;}.container {max-width: 1320px;width: 100%;margin:0 auto;}.container-fluid { width:100%;display: block; }.relative{ position: relative; }.absolute{ position: absolute; }.inline-block{ display: inline-block; }.block{ display: block; }

.header {width:100%;height: 48px;background:#fff;padding-top:6px;position: fixed;top:0;left:0;z-index: 9999; }
.logo { float:left;padding-left:4%;max-width:100px;width:15%;padding-top: 8px; }
.nav-m {width:75%;float:right;margin-right:1%;padding-top:20px;}
.nav-link-wrap {height: 100%;width:14.66%;margin:0 1%;text-align: center;height: 30px;float: left;background-size: 0 1px;transition: all 0.8s ease;}

.nav-link-wrap a {color: #666;line-height: 16px;font-size: 13px;}
.nav-link-wrap .nav-link {width: 100%;height: 100%;display: block; color:#666;}
.nav-link-wrap.hover .nav-link{background:#83B518;}
.nav-link-wrap .nav-hover-box {position:relative;left:-14px;top: 8px;width: 105px;height: 0;background: url(../images/menubg.png);opacity: 1;overflow: hidden;text-align:center;transition: all 0.4s ease;box-shadow:1px 1px 1px #aaa;}
.nav-link-wrap .nav-hover-box li { width:90%;padding:0 5%;float:left; }
.nav-link-wrap .nav-hover-box li a { color:#111;width:100%;border-top:#ddd 1px solid;line-height:26px;display:block; transition: all 0.3s ease;}
.nav-link-wrap .nav-hover-box li a:hover { color:#000; }
.nav-link-wrap .nav-hover-box li.big a { font-size:15px;line-height:42px;border:0; }
.nav-link-wrap .nav-hover-box li:nth-child(1) a { border-top:0; }
.nav-link-wrap .nav-hover-box li.m1a a { border-top:0; }
.nav-link-wrap:hover .nav-hover-box{z-index: 10;padding-top:5px;}
.nav-link-wrap:hover .m1{height: 150px;} 

.home-banner {width: 100%;display: block;border-top: #fff 54px solid;}
.home-banner img {width: 100%;}
.swiper-container {width: 100%;}
.swiper-slide {font-size: 18px;background-repeat: no-repeat;background-position: center;background-size: cover;display: flex;justify-content: center;align-items: center;}
.swiper-container .swiper-pagination {  }
.swiper-container .swiper-pagination-bullet{opacity:0.6;width:32px;height:2px;border-radius:0;background:#fafafa}
.swiper-container .swiper-pagination-bullet-active{opacity:1;}
.swiper-container .swiper-button-prev { width:57px;height:57px;background:url(../images/arrprew.png) no-repeat center;left:2%;transition: all 0.3s ease;opacity: .6;filter:alpha(opacity=60); }
.swiper-container .swiper-button-next { width:57px;height:57px;background:url(../images/arrnext.png) no-repeat center;right:2%;transition: all 0.3s ease;opacity: .6;filter:alpha(opacity=60);  }
.swiper-container .swiper-button-prev:hover { opacity: 1;filter:alpha(opacity=100);  }
.swiper-container .swiper-button-next:hover { opacity: 1;filter:alpha(opacity=100);  }
.home-1 { padding: 4% 0; }
.home-1 .title { padding:0 0 15px;}
.home-2 { padding:0 0 40px;}
.home-2 li{float:left;width:49%;margin-right:0.3%;margin-bottom:0.3%;text-align:center;overflow:hidden; position:relative;}
.home-2 li.m1 { width:16.52%; }
.home-2 li.m2 { width:49.64%; }
.home-2 li.m3 { width:33.24%;margin-right: 0; }
.home-2 li.m4 { width:100%;margin-right: 0; }
.home-2 li.m11 { width:33.33%; }
.home-2 li.m12 { width:66.37%;margin-right: 0; }
.home2c .left,.home2c .right{ width:49.85%; }
.home2c li { margin-bottom: 0.6% }
.home-2 li.m21 { width:33.2%;margin-right: 0.6% }
.home-2 li.m22 { width:66.2%;margin-right: 0.6% }
.home-2 li.m23 { width:32.8%;margin-right: 0.6% }
.home2d li { width:33.13333%; }

.home-2 .title { font-size: 22px;font-weight: bold;color:#666;margin-bottom: 4px; }
.home-2 .titlen { font-size: 16px;color:#666;margin-bottom: 3%; }
.home-2.pinpai li { width:32.6666%;margin:0 0.1% 0.1% 0; }
.home-2.fuwu .content { padding:3% 0 2%;background: #ececec; }
.home-2.fuwu li { width:32.6666%;margin:0 0.1% 0.1% 0; }
.home-2.zixun { margin:0 ; }

/* main_img */
.anli .main_img{ width: 100%;overflow:hidden;font-size: 14px;position: relative;cursor: pointer;z-index:1;float: left;}
.anli .main_img .pic1{ width: 100%;overflow-x: hidden;overflow-y: hidden;position: relative;z-index:1;transition-delay: 0s;transition-duration: 1s;transition-property: all;transition-timing-function: ease;}
.anli .main_img .show img {width:34px; margin-bottom:20px;}
.anli .main_img .show {background: rgba(0, 0, 0, 0.8);width: 100%;height: 100%;z-index: 200;left: 0;opacity: 0;filter:alpha(opacity=0);position: absolute;top: 0;transition-delay: 0s;transition-duration: 0.3s;transition-property: opacity; transition-timing-function: ease-in;}
.anli .main_img .show .imgArea {left: 0%; top:50%;width:100%;margin:-15px 0 0;text-align:center;opacity: 0;font-size:18px;color:#fff;position: absolute;transition-delay: 0s;transition-duration: 0.8s;transition-property: all; transition-timing-function: ease;}
.anli li:hover .show {opacity: 1;filter:alpha(opacity=100);}
.anli li:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);top:47%;}
.anli li:hover .pic1 {transform: scale(1.1, 1.1);}

/* main_img */
.about3 .main_img{ width: 100%;overflow:hidden;font-size: 14px;position: relative;cursor: pointer;z-index:1;float: left;}
.about3 .main_img .pic1{ width: 100%;overflow-x: hidden;overflow-y: hidden;position: relative;z-index:1;transition-delay: 0s;transition-duration: 1s;transition-property: all;transition-timing-function: ease;}
.about3 .main_img .show {background: rgba(0, 0, 0, 0.8);width: 100%;height: 100%;z-index: 200;left: 0;opacity: 0;filter:alpha(opacity=0);position: absolute;top: 0;transition-delay: 0s;transition-duration: 0.3s;transition-property: opacity; transition-timing-function: ease-in;}
.about3 .main_img .show .imgArea {left: 0%; top:50%;width:100%;margin:-15px 0 0;text-align:center;opacity: 0;font-size:18px;color:#fff;position: absolute;transition-delay: 0s;transition-duration: 0.8s;transition-property: all; transition-timing-function: ease;}
.about3 li:hover .show {opacity: 1;filter:alpha(opacity=100);}
.about3 li:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);top:47%;}
.about3 .tit1 { width:100%;height: 60px;  }
.about3 .tit2 { margin-top: 15%; }

.link { display: inline-block;word-spacing: 3px;margin-bottom: 38px;}

.footer_top{height:50px; overflow:hidden; width:100%;}
#footer {background: #ededed;padding: 18px 3% 8px; color:#666;}
#footer li {float: left;width:60%;margin:8px 0;}
#footer li:nth-child(1) { width:38%;padding-left: 2%; }
#footer li:nth-child(1) img { width:100px;}
#footer .title  {font-size: 16px;font-weight:bold;}
#footer .title span { display: inline-block;border-bottom:#888 1px solid; }
#footer .tit  {font-size: 11px;padding-bottom: 3px;}
#footer .text { padding:1px 0;font-size: 12px;line-height: 23px;}
#footer .text a {color: #666;padding-bottom: 7px;}
.button {position: relative;z-index: 2;display: inline-block;min-width: 140px;height: 44px;border: 1px solid #222;border-radius: 50px;margin:0 auto;line-height: 42px;text-align: center;color: #333;padding: 0 10px;cursor: pointer;}
.button:hover {background-color: #333;color: #fff;text-decoration: none;}
.backTop {position: fixed;right: 0;bottom: 0;width: 43px;height: 43px;z-index: 9999;text-align: center;line-height: 43px;font-size: 20px;cursor: pointer;display: none;}
.backTop:before {content: " ";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #666;opacity: 0.6;z-index: -1;}
.backTop:hover {background-color: #333;color: #fff;}
.backTop span {color: #fff;}
.fadeinright { animation:fadeInRight 1.3s 0.0s both }
@keyframes fadeInRight{0%{opacity:0;transform:translate3d(50px, 0, 0)}100%{opacity:1;transform:none}}
.fadeinleft { animation:fadeInLeft 1.3s 0.0s both }
@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-50px, 0, 0)}100%{opacity:1;transform:none}}
.fadein { animation:fadeIn 1.3s 0.0s both}
@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}
.fadeinup { animation:fadeInUp 1.3s 0.2s both }
@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0, 50px, 0)}100%{opacity:1;transform:none}}
@keyframes myfirst1 {0%   {}100% {transform:translateY(2px);}}

.fenlei { padding:3% 0;background: #e4e4e4;word-spacing: 42px;font-size: 16px; }

.banner { border-top: #fff 54px solid; }

/*联系我们*/
.qiehuan.container { max-width:2920px;width:100%;}
.topbar{width:100%;height:45px;z-index:999;}
*html .topbar{position:absolute;z-index:999;top:expression(documentElement.scrollTop + 0 + "px");}
.topbar { background: #e4e4e4;padding:3% 0 1%; }
.casesnav.container { max-width: 1100px; }
.aboutnav.container { max-width: 700px;}
.animationnav.container { max-width: 600px; }
.topbar li{ width:25%;float:left; background: url(../images/shu.gif) no-repeat left 50%;}
.topbar li a { width:100%;display:block;height:40px; line-height:40px;font-size:15px; }
.topbar li a:hover { color: #9e2727; }

.cases { padding:3% 0; }
.cases .content { padding:1% 0 2%;min-height: 200px; }
.cases li { width:49.8%;margin: 0 0.4% 0.4% 0;float: left; overflow:hidden;  }
.cases li img { width: 100%; }
.cases li:nth-child(2n) { margin-right: 0; }
.cases li.duoge { width: 49.85%; }
.cases li.duoge:nth-child(2n) { margin-right: 0;}

.cases .daohang { padding:2% 0; }
.cases .daohang .left{ width: 18%;font-size: 24px;font-weight: bold; }
.cases .daohang .right { width: 82%; }
.cases .daohang .right p { display: inline-block;margin-right:50px;background: url(../images/arr2.png) no-repeat left 50%;font-size: 18px;padding-left:24px; }
.caseshow .container { max-width: 1150px; }
.caseshow .container img { width: 100%; }

.case-banner { width: 100%;background: #212121;}

.brand .content { padding:1% 0 2%;min-height: 200px; }
.brand li { width:49.8%;margin: 0 0.4% 0.4% 0;float: left; overflow: hidden;  }
.brand li img { width: 100%; }
.brand li:nth-child(2n) { margin-right: 0; }

.about1 { padding:3% 0;line-height: 28px; }

.about2 .title { font-size: 16px;font-weight: bold;padding:0 0 12px;}
.about2  { padding:2% 5%;line-height: 28px; }
.about2 .tit { font-size: 16px;font-weight: bold;padding:0 0 5px; }
.about2 p { line-height: 28px;padding:0 0 30px; }

.about3 { padding:0 0 4%; }
.about3 .title { font-size: 26px;font-weight: bold;padding:0 0 14px; }
.about3 li { width:49.5%;margin: 0 1% 1% 0;float: left;  }
.about3 li:nth-child(2n) { margin-right: 0; }
.about3 li img { width: 100%; }

.about4 { padding:3% 5%; }
.about4 .title { font-size: 20px;font-weight: bold;padding:0 0 20px;}
.about4 .left { width: 17%;padding:0 5% 0 44%; }
.about4 .tit1 { font-size: 20px;word-spacing: 5px;display: inline-block;border-bottom: #ccc 1px solid;line-height: 28px; }
.about4 .tit2 { width: 100%;clear: both;line-height: 22px;padding:0;font-size: 12px;margin:0 0 6px; }
.about4 .left p { min-height: 20px;padding:0 0 3px 18px;background: url(../images/arr.gif) no-repeat 0 0; }
.about4 .right { width: 34%;padding:52px 0 0; }
.about4 .right p { padding:0 0 36px; }
.about4 p.arr1 { line-height: 16px;height: 33px; }
.about4 p.arr2 { background-position: 0 -35px; }
.about4 p.arr3 { background-position: 0 -65px; }
.about4 p.arr4 { background-position: 0 -88px; }

.creat { padding:4% 0; }
.creat2 { font-size: 28px;font-weight: bold;color: #fe7100;padding:2% 0;letter-spacing: 6px; }
.creat2 li { width: 100%;float: left;margin:0 0 2%; }
.creat2 li .buy { width: 88px;height:88px;right:0;bottom: 0;z-index:9;background: #ff7200 url(../images/buy.png) no-repeat center;cursor: pointer;transition: all 0.6s ease; }
.creat2 li:hover .buy { background-color: #333; }