body{ width:100%; overflow-x:hidden;margin:0;padding:0;font-family:"PingFang SC","Microsoft Yahei"; color:#444; background:#fff; m-webkit-tap-highlight-color:transparent;/*去除苹果链接带边框*/ -webkit-text-size-adjust:none;}
img,input,button,select,textarea{margin:0;padding:0;resize:none;border:none;outline:none; vertical-align:middle} 
ol,ul,li{list-style:none; margin:0; padding:0} 
h1,h2,h3,h4,h5,h6,p,em,i,b,em{font-size:100%;word-wrap:break-word;font-style:normal; font-weight:normal; margin:0; padding:0}
a{text-decoration:none; color:#444}
a:active,a:focus,a:hover{outline:none; color:#0cb184}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
input[type="button"], input[type="submit"], input[type="reset"]{-webkit-appearance:none;}


@font-face {   
   font-family: 'fontMon';   
   src: url('/css/font/mon/monofonto.eot');   
   src: url('/css/font/mon/monofonto.eot?') format('embedded-opentype'),         
		url('/css/font/mon/monofonto.woff') format('woff'),         
	    url('/css/font/mon/monofonto.ttf') format('truetype'),         
		url('/css/font/mon/monofonto.svg') format('svg');   
  font-weight: normal;   
  font-style: normal;  
}
@font-face {   
   font-family: 'fontSyst';   
   src: url('/css/font/syst/SourceHanSerifCNBold.eot');   
   src: url('/css/font/syst/SourceHanSerifCNBold.eot?') format('embedded-opentype'),         
		url('/css/font/syst/SourceHanSerifCNBold.woff') format('woff'),         
	    url('/css/font/syst/SourceHanSerifCNBold.ttf') format('truetype'),         
		url('/css/font/syst/SourceHanSerifCNBold.svg') format('svg');   
  font-weight: normal;   
  font-style: normal;  
}

/*.bodyMove{position:relative;left:-300px;animation:mymove 0.5s;}
@keyframes mymove{0%{left:0;}100%{left:-300px;}}*/

.boxMax{ width:100%; max-width:1530px; padding:0 15px; box-sizing:border-box; overflow:hidden; margin:0 auto}

.boxTop{height:100px; background:#fff;}
.boxTopMax{width:100%; max-width:1530px;padding:0 15px; box-sizing:border-box;margin:0 auto;position:relative; }

.logo{position:absolute; top:22px; left:15px; width:180px; z-index:100;}

.btnLink{position:absolute;top:27px;right:15px;display:inline-block; width:100px; height:36px; background:#00a7f4; text-align:center; border-radius:4px;}
.btnLink i{display:inline-block; padding-right:15px; font-size:15px; font-weight:bold; color:#fff; line-height:36px; background:url(../image/icoTopJt.png) right center no-repeat; opacity:1.0}
.btnLink:hover i{opacity:0.8}


.btnWx{position:absolute;top:0;right:125px;display:inline-block;width:45px; height:90px;background:url(../image/icoWx.png) center no-repeat; background-size:22px 22px; opacity:0.3;z-index:100;}
.btnWx:hover{opacity:0.5}

.btnSearch{position:absolute;top:0;right:170px;display:inline-block;width:45px; height:90px;background:url(../image/icoSearch.png) center no-repeat; background-size:22px 22px; opacity:0.3;z-index:100;}
.btnSearch:hover{ opacity:0.5}


.btnLng{position:absolute;top:0;right:225px;display:inline-block; line-height:90px; color:#000;opacity:0.3;z-index:100; font-size:16px; font-weight:bold}
.btnLng:hover{color:#000;opacity:0.5}


.boxWxEwm{position:absolute; width:100%;top:73px; text-align:center; z-index:101; display:none}
.boxWxEwm div{position:relative; width:100%; max-width:1500px; margin:0 auto;}
.boxWxEwm span{ position:absolute; top:0; right:70px;display:inline-block;width:120px; height:160px; padding:22px 15px 0 15px; text-align:center; background:url(../image/bgEwm.png) no-repeat; z-index:3;  overflow:hidden}
.boxWxEwm img{width:120px; height:120px}
.boxWxEwm i{display:block; font-size:14px;}

.boxSearch{position:absolute; top:100px; z-index:101; height:50px; line-height:50px; background:url(../image/bgSubNav.png); width:100%; font-size:0; text-align:center; display:none}
.boxSearch div{ width:100%;max-width:1530px; text-align:right; display:inline-block; padding-top:7px;}
.inputTop{width:250px; height:36px; line-height:36px; font-size:14px; color:#777; text-indent:10px; vertical-align:top; border-top-left-radius:4px;border-bottom-left-radius:4px;}
.submitTop{padding:0 20px;height:36px;line-height:36px; background:#fff; color:#444; font-size:15px; font-weight:bold;cursor:pointer; vertical-align:top; margin-right:15px;border-top-right-radius:4px;border-bottom-right-radius:4px;}  
.submitTop:hover{color:#c39961;}

.boxLink{position:fixed; width:100%; height:100%;top:0;right:0; z-index:101; text-align:right; overflow:hidden; display:none}
.boxLink div{position:absolute;width:100%; height:100%;top:0;right:0;z-index:0;background:url(../image/bgBlack1.png)}
.boxLink ul{position:relative;z-index:1;display:inline-block;width:290px;height:100%;background:#392216;font-size:0; padding:0 30px; text-align:left;margin-right:0;animation:mymove 0.5s; overflow:hidden;}
.boxLink li{display:block; margin-bottom:20px;}
.boxLink li h1{width:22px; height:100px; background:url(../image/icoNavClose.png) left center no-repeat; background-size:22px 22px; opacity:0.5; cursor:pointer}
.boxLink li h1:hover{opacity:1.0;}
.boxLink li h2{font-size:22px; color:#ffa200; display:block; }
.boxLink li h3{font-size:22px; color:#ffa200; font-family:fontDate;text-transform:uppercase}
.boxLink li i{display:block;font-size:22px; color:#fff; border-bottom:1px solid #fff; line-height:40px; margin-bottom:5px; opacity:0.6}
.boxLink li a{display:block; line-height:40px; font-size:13px; color:#fff; border-bottom:1px solid #887a73;opacity:0.6}
.boxLink li a:hover{ opacity:1.0}
@keyframes mymove{0%{margin-right:-300px;}100%{margin-right:0;}}




.nav{position:absolute; top:0; left:260px;height:90px;z-index:100; font-size:0;}
.nav a{display:inline-block; line-height:90px;height:90px;font-size:16px; margin:0 18px;position:relative;}
.nav a i{display:block; position:absolute; bottom:0; width:0; height:5px; background:#ffa019;}
.nav a:hover{  line-height:40px; height:40px; border-bottom:3px solid #0cb184; color:#0cb184; position:relative; border-radius:0px}


.subNav{position:absolute; top:100px; z-index:101; height:50px; line-height:50px; background:url(../image/bgSubNav.png); width:100%; font-size:0; text-align:center; display:none}
.subNav div{ width:100%;max-width:1530px; text-align:left; display:inline-block}
.subNav a{color:#fff;font-size:15px; margin:0 20px;}
.subNav a:hover{ color:#ffc900;font-weight:bold}


.boxTopM{width:100%; height:70px;position:fixed; top:0; left:0;background:#fff; text-align:center; z-index:101; display:none}
.logoM{ position:absolute; top:17px; left:15px; height:36px; }
.btnLngM{position:absolute; top:15px; right:70px;width:50px; height:40px; font-size:16px; color:#ccc; line-height:40px; border-right:1px solid #e8e8ea;}

.btnNavTop{width:70px; height:70px; display:block; position:absolute; top:0; right:0;background:url(../image/icoNavList.png) center no-repeat; background-size:29px 22px;}

.navTopBlack{background:url(../image/bgBlack.png);position:fixed; top:0; left:-100%; width:100%;height:100vh;z-index:102; display:none}
.btnCloseNav{width:70px; height:70px; display:inline-block; float:right;background:url(../image/icoNavClose.png) center no-repeat; background-size:22px 22px;background-color:#0cb184;}

.navTop1{background:#fff;float:left;width:calc(100% - 70px); height:100vh; overflow:hidden;}
.navTopLogo{height:70px;border-bottom:1px solid #e5e5e5; overflow:hidden; position:absolute; top:0; left:0; width:calc(100% - 70px); background:#fff}
.navTopLogo img{margin:17px 0 0 15px; height:36px;}
.navTop{height:calc(100vh - 70px); overflow-y:auto; padding:10px 20px 20px 10px; box-sizing:border-box}
.navTop ul{background-color:#fff}
.navTop li{display:block}
.navTop i{display:block; width:100%; height:50px; line-height:50px; font-size:16px; border-bottom:1px solid #e5e5e5; background:url(../image/icoNav.png) right center no-repeat; background-size:19px 11px; text-indent:0;}
.navTop i a{ display:block;}
.navTop div{display:none; width:100%;}
.navTop div a{display:block;height:50px; line-height:50px; border-bottom:1px solid #78cba5; color:#fff; font-size:14px; background:#5cb78d; text-align:center}
.navTop div a:hover{ background:#0cb184}
.navTop .on{background:url(/images/icoNav1.png) right center no-repeat!important; background-size:19px 11px!important}


.navTopSearch{background:#f4f4f4; width:100%;border-bottom:1px solid #ddd;  height:69px;}
.inputSearch{ height:29px; padding:20px 0; line-height:31px;width:calc(100% - 60px);border:none; background:none;text-indent:20px; font-size:14px;font-family: "PingFang SC","Microsoft YaHei","Hiragino Sans GB","WenQuanYi Micro Hei","Arial","sans-serif";}
.submitSearch{height:70px; width:60px;border:none;background:url(../image/btnSearch1.png) center no-repeat; background-size:20px 20px; font-size:0}


.banner{width:100%; height:600px; /*height:calc(100vh - 90px);*/ overflow:hidden; position:relative;color:#fff;}
.banner .swiper-slide{ width:100%; height:100%;}
.banner .swiper-pagination{bottom:15px!important; }
.banner .swiper-pagination-bullet{width:10px; height:10px; background:#fff;  opacity:0.5; margin:0 5px!important;}
.banner .swiper-pagination-bullet-active{ width:20px;border-radius:6px; background:#562c18; opacity:0.3}
.banner .swiper-button-prev{left:20px; margin-top:-50px; width:40px; height:90px; background-size:100% 100%;fill:#fff!important;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); opacity:0.5}
.banner .swiper-button-prev:hover{opacity:0.9}
.banner .swiper-button-next{right:20px;margin-top:-50px;width:40px; height:90px; background-size:100% 100%;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); opacity:0.5}
.banner .swiper-button-next:hover{opacity:0.9}



.indNews{width:100%; height:80px; background:url(../image/bgIndNews.png) center no-repeat; position:absolute; bottom:0; z-index:100;}
.indNews1{width:100%; max-width:1530px; padding:0 15px; box-sizing:border-box;  margin:0 auto; overflow:hidden; position:relative}
.indNewsNav{ background:url(../image/bgIndNewsTitle.png) center right no-repeat; float:left; padding:0 50px 0 15px; margin-left:-15px;}
.indNewsNav i{ display:inline-block; font-size:17px; color:#fff; font-weight:bold; background:url(/images/icoNews.png) left center no-repeat; background-size:30px 42px; padding:0 0 0 40px; line-height:80px;}
.indNewsList{height:80px; overflow:hidden; float:left; padding-left:20px;}
.indNewsList .swiper-slide{width:100%; height:100%;}
.indNewsList .swiper-slide a{font-size:0}
.indNewsList .swiper-slide a span{color:#fff; line-height:80px; font-size:16px;} 
.indNewsList .swiper-slide a h1{display:inline-block;}
.indNewsList .swiper-slide a h2{opacity:0.5; display:inline-block; padding-left:10px;}
.indNewsList .swiper-slide a i{display:none}

.moreNews{ float:right;display:inline-block; width:23px; height:80px; background:url(../image/icoMore.png) center no-repeat; background-size:23px 23px; opacity:0.5}
.moreNews:hover{opacity:1.0}

.indNav{}
.indNav i{color:#0cb184; border-bottom:2px solid #0cb184; display:inline-block}
.indNav h1{font-size:30px;}
.indNav h2{ font-size:17px; padding:5px 0 20px 0}

.btnMore{display:block; text-align:center; width:180px; line-height:46px; border:2px solid #0cb184; color:#0cb184; font-size:14px;}
.btnMore:hover{ background:#0cb184; color:#fff}


.indAbout{text-align:right;font-size:0; margin-top:20px;}
.indAboutText{width:50%; display:inline-block; max-width:750px; padding:0 50px 0 20px; box-sizing:border-box; text-align:left; vertical-align:middle}
.indAboutText span{display:block; font-size:16px; line-height:30px; padding:33px 0}
.indAboutImg{width:50%; height:26vw; min-height:400px; display:inline-block; background:url(../image/imgIndAbout.jpg) center no-repeat; background-size:cover;vertical-align:middle}
.indAboutText span.en{font-size:14px; line-height:24px;  padding:0px 0 33px 0}


.indNav1{ text-align:center; padding:50px 0;background:url(../image/bgIndBus.jpg) top center no-repeat;}
.indNav1 i{color:#0cb184;display:inline-block}
.indNav1 h1{font-size:30px; line-height:30px;}
.indNav1 h2{ font-size:17px; line-height:17px; padding:18px 0 0 0}

/*首页产品展示*/

@keyframes Amore{0%{top:70%;}100%{top:50%;}}
.indBus{margin-top:20px;}
.indBusList{ font-size:0; text-align:center; padding-top:20px;}
.indBusList a{ width:33.3%; display:inline-block; background:#url(../image/bgWhite.png);}
.indBusList a:nth-child(even){ background:#fff}
.indBusList a div{padding:10px 0 15px 0 ;}
.indBusList a h1{ padding:60px 0 0 0}
.indBusList a h1 img{width:128px; height:128px}
.indBusList a h2{ font-size:22px; line-height:50px;}
.indBusList a h3{ display:inline-block; width:120px; height:2px; background:#c39961; margin:10px 0;}
.indBusList a h4{ font-size:16px; line-height:26px; padding:0 20px;}
.indBusList a span{width:100%; overflow:hidden; position:relative; display:block; background:#5cb78d;}
.indBusList a span i{ position:absolute; left:50%; top:50%; margin:-25px 0 0 -90px; display:block; width:180px; line-height:50px; background:#fff; color:#5cb78d; font-size:14px; display:none; z-index:1;animation:Amore 1s;}
.indBusList a span img{width:100%;  transition:transform 1s;}
.indBusList a:hover span img{transform:scale(1.2);opacity:0.1;}
.indBusList a:hover i{display:block;}

.indBus .btnMore{margin:50px auto 50px auto}

/*首页新闻列表*/

.indBrand{ margin-top:20px;}
.indBrandList{ font-size:0; padding-top:20px;}
.indBrandList a{ width:33.3%; display:inline-block; vertical-align:top}
.indBrandList a .fl{ float:left;background:#eaeaea; padding:20px 30px; text-align:center; border-radius:3px; color:#666}
.indBrandList a .fl .day{ font-size:48px;}
.indBrandList a .fl .month{ font-size:16px;}

.indBrandList a .fr{ float:left; width:320px; padding:10px 15px 10px 15px; vertical-align:top}
.indBrandList a .fr h2{height:60px; font-size:24px; overflow:hidden;}
.indBrandList a .fr h4{height:120px; font-size:15px; overflow:hidden;line-height:26px; color:#999; padding:15px 0;}

.indBrand .btnMore{margin:50px auto}


@keyframes Aico{0%{top:50%;}100%{top:28%;}}
.indOther{ background:#fff; padding:50px 0; display:none}
.indOtherList{ font-size:0}
.indOtherList a{width:calc((100% - 40px)/2);margin-right:40px; display:inline-block; position:relative; text-align:center;color:#fff; overflow:hidden}
.indOtherList a:nth-child(even){margin-right:0}
.indOtherList a div{ position:absolute; top:30px; left:30px; text-align:left; z-index:1}
.indOtherList a h1{ font-size:30px; line-height:30px;}
.indOtherList a h2{ font-size:17px; line-height:17px; padding-top:15px;}
.indOtherList a h3{ position:absolute; top:28%; left:0; width:100%; z-index:1; display:none;animation:Aico 1s;}
.indOtherList a h3 img{ width:18%}
.indOtherList a h3 i{display:block; font-size:28px; padding-top:15px;}
.indOtherList span{display:block; width:100%; background:#000}
.indOtherList span img{ width:100%; opacity:0.8;transition:transform 1s;}
.indOtherList a:hover span img{transform:scale(1.2);opacity:0.5}
.indOtherList a:hover h3{ display:block}


.boxFoot{ background:#3d3c3b; color:#7f7e7e; padding:60px 0;}
.boxFoot a{color:#7f7e7e}
.boxFoot a:hover{color:#5cb78d}
.boxFoot2{float:right; padding-top:10px}
.boxFoot2 a{}
.boxFoot2 a i{width:42px; height:42px; border-radius:50%; background:url(../image/icoWx1.png) center no-repeat; background-size:25px 25px; background-color:#5cb78d; display:inline-block; margin-left:10px; vertical-align:middle;}
.boxFoot2 span{display:block; padding-top:10px;}

.boxFoot3{line-height:30px;}
.boxFoot3 div{font-size:15px;}
.boxFoot3 a{display:inline-block; margin-right:10px;}
.boxFoot3 span{display:block}


.toTop{ position:fixed;bottom:10px; right:10px;  display:block; width:42px; height:42px; border-radius:100%; background:url(../image/toTop.png) no-repeat; background-size:100% 100%; z-index:1000; display:none; opacity:0.7}
.toTop:hover{background:url(../image/toTopHover.png) no-repeat;background-size:100% 100%;opacity:1.0}

.boxEwmFoot{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:10000; background:url(../image/bgBlack.png); text-align:center; display:none}
.boxEwmFoot a{}
.boxEwmFoot span{ position:absolute; top:50%; left:50%; margin:-125px 0 0 -100px}
.boxEwmFoot img{width:200px; height:200px}
.boxEwmFoot i{display:block; color:#fff; padding-top:10px;}
.boxEwmFoot a{ width:40px; height:40px; display:block; position:absolute; top:20px; right:20px; opacity:0.5; background:url(../image/icoClose.png) center no-repeat; z-index:2;transition:transform 0.4s ease-out;}
.boxEwmFoot a:hover{ opacity:1.0;transform:rotateZ(180deg);}


.subBanner{font-size:0; width:100%; height:25vw; background-size:cover!important}
.subBanner1{font-size:0; width:100%; height:200px; background-size:cover!important}

.navCur{ width:100%; height:80px; background:#e8e8ea}
.navCur1{ width:100%;height:80px;max-width:1530px; padding:0 15px; box-sizing:border-box; overflow:hidden; margin:0 auto; position:relative;}
.navCur1 h1{ position:absolute; left:15px; top:0; line-height:80px; font-size:24px; background:url(../image/icoJt.png) right center no-repeat; width:170px;}
.navCur1 span{display:inline-block; padding-left:200px; font-size:0}
.navCur1 span a{display:inline-block; padding:0 20px; margin:0 10px; font-size:16px; line-height:80px; position:relative}
.navCur1 span a i{ position:absolute; bottom:0; left:0; width:100%; height:4px; background:#5cb78d; font-size:0; display:none}
.navCur1 .on i{ display:block;}
.navCur1 h2{ position:absolute; top:0; right:15px; font-size:0}
.navCur1 h2 a{ display:inline-block; line-height:80px; font-size:14px; color:#a2a2a2; padding-left:13px; background:url(../image/icoJt1.png) left center no-repeat; margin-left:10px;}
.navCur1 h2 a:first-of-type{background:url(../image/icoHome.png) left center no-repeat;padding-left:20px; }
.navCur1 h2 a:last-of-type{ color:#5cb78d}
.navCur1 h2 a:hover{color:#5cb78d}

.navCur1 h3{ position:absolute; top:0; left:15px; font-size:0}
.navCur1 h3 a{ display:inline-block; line-height:80px; font-size:14px; color:#a2a2a2; padding-left:13px; background:url(../image/icoJt1.png) left center no-repeat; margin-left:10px;}
.navCur1 h3 a:first-of-type{background:url(../image/icoHome.png) left center no-repeat;padding-left:20px; }
.navCur1 h3 a:last-of-type{ color:#5cb78d}
.navCur1 h3 a:hover{color:#5cb78d}



.boxAbout{ position:relative; padding:0 0 30px 0}
.aboutTitle{ padding:68px 0 50px 0; border-bottom:2px solid #e8e8ea; margin-bottom:20px; color:#0cb184}
.aboutTitle h1{ font-size:40px;}
.aboutTitle h2{ font-size:28px; padding-top:10px}

.aboutIco{ position:absolute; right:0; top:50px; font-size:0}
.aboutIco li{display:inline-block; text-align:center; padding:0 50px;}
.aboutIco h1{ font-size:17px; font-weight:bold; color:#8c8c8c}
.aboutIco h2{ font-size:70px; font-weight:bold; color:#5cb78d; line-height:70px; font-family:'fontMon';letter-spacing:-1px; padding:8px 0;}

.aboutCon strong{display:block}
.aboutCon p{line-height:26px; font-size:16px; margin-bottom:15px;}

.navTitle{ font-size:40px; color:#0cb184; line-height:40px; padding:50px 0; text-align:center; position:relative}

.historyList{ background:url(/images/bgLine.jpg) center repeat-y; width:100%; max-width:880px; margin:0 auto 50px auto; overflow:hidden; padding:30px 0}
.historyList li{width:50%; padding:0 32px 0 0; position:relative; margin-top:0; float:left}
.historyList li h1{margin:0 -32px 0 0; text-align:right; background:url(/images/icoClock.jpg) center right no-repeat; padding:0 132px 0 0; font-size:70px; font-family:'fontSyst'; font-style:italic; color:#dac6ad; line-height:70px; letter-spacing:-7px;}
.historyList li span{ display:block; padding:10px 100px 0 0; text-align:right;line-height:26px;}

.historyList li:nth-child(even){padding:0 0 0 32px;  float:right}
.historyList li:nth-child(even) h1{margin:0 0 0 -32px; text-align:left;background:url(/images/icoClock.jpg) center left no-repeat; padding:0 0 0 132px; }
.historyList li:nth-child(even) span{padding:10px 0 0 100px; text-align:left;}

.boxVideo1{}
.boxVideo{ width:100%; max-width:1280px;margin:0 auto; overflow:hidden; font-size:0; padding:0px 40px 80px 40px; box-sizing:border-box; text-align:center}
.boxVideo span{float:left; width:100%; text-align:left}
.boxVideo h1{ font-size:24px; color:#0cb184; padding:8px 0 10px 5px; background:url(/images/_icoYh1.png) no-repeat left top / 37px 31px; display:block; font-weight:700; border-bottom:1px solid #ddd; margin-bottom:10px; margin-left:10px; margin-right:10px}
.boxVideo p{ font-size:16px; line-height:26px; display:block; padding:0 0 10px 15px;text-align:justify}
.boxVideo .icoYh{ width:37px; margin-top:15px;}
.boxVideo h2{font-size:16px;text-align:right; margin-top:0; line-height:30px;}
.boxVideo strong{}
.boxVideo iframe{height: 600px;}

@media (max-width: 768px){
.boxVideo iframe{height: 240px;}
}

.boxYY{ width:100%; margin:0 auto; overflow:hidden; font-size:0; padding:0px 0px 80px 0px; box-sizing:border-box; text-align:center;}
.boxYY img{display:inline-block; width:49%; border:5px solid #FFF}
.boxYY .boxYY1{ font-size:16px; line-height:26px; display:block; margin:0px 10px; text-align:justify}
.boxYY .boxYY1 h1{ font-size:24px; color:#0cb184; padding:8px 0 10px 5px; display:block; font-weight:700; border-bottom:1px solid #ddd; margin-bottom:10px;}
.boxYY .boxYY1 h3{ padding:20px 5px 5px 5px; font-size:18px; font-weight:700;}
.boxYY .boxYY1 p{padding-left:5px;padding-right:5px;}

.boxQywh{}
.boxQywh li{width:100%; height:31.25vw; background:url(../image/imgQywh3.jpg) no-repeat; background-size:cover; position:relative; text-align:center}
.boxQywh li div{ position:absolute; top:0; left:0;width:50%; height:100%; background:#0cb184; opacity:0.6;  z-index:1}
.boxQywh li span{position:relative;width:100%; max-width:1580px; padding:0 40px; box-sizing:border-box; color:#fff; z-index:2; top:50%;margin:-90px auto 0 auto; text-align:left; display:inline-block}
.boxQywh li span i{display:inline-block; border-bottom:2px solid #fff; margin-bottom:10px}
.boxQywh li span h1{ font-size:30px; opacity:0.5}
.boxQywh li span h2{ font-size:17px; opacity:0.8; padding:8px 0 15px 0;}
.boxQywh li span h3{ font-family:'fontSyst'; font-size:60px;opacity:0.8}


.boxQywh li:nth-child(2){ background:url(../image/imgQywh2.jpg) no-repeat; background-size:cover;}
.boxQywh li:nth-child(2) span {text-align:right; color:#fff}
.boxQywh li:nth-child(2) div{left:50%;background:#c39861;}



.boxGsry{ margin-bottom:60px;}
.boxGsry li{width:100%; background:#5cb78c; text-align:center; padding:50px 0;margin-bottom:2px;}
.boxGsry div{display:inline-block; width:100%; margin:0 auto; min-height:300px; line-height:300px;}
.boxGsry img{display:inline-block; margin-right:50px; vertical-align:middle}
.boxGsry span{display:inline-block; vertical-align:middle; color:#fff; text-align:left; line-height:30px;}
.boxGsry span h1{ font-size:30px; line-height:30px; padding-bottom:10px; border-bottom:2px solid #fff; margin-bottom:10px; display:inline-block}
.boxGsry span i{ display:block; line-height:36px; font-size:18px; min-width:400px}

.boxGsry li:nth-child(2){background:#e09330}
.boxGsry li:nth-child(3){background:#dba729}
.boxGsry li:nth-child(4){background:#b77a22}


.busList{text-align:right;font-size:0}
.busList li{background:#f9f5ef;width:100%; overflow:hidden}
.busList li .busText{width:50%; display:inline-block; max-width:790px; padding:0 40px; box-sizing:border-box; text-align:left; vertical-align:middle}
.busList li .busText span{display:block; font-size:16px; line-height:26px; padding:30px 0 15px 0; text-align:justify}
.busList li .busText span p{ padding-bottom:15px;}
.busList li .busText i{ display:block}
.busList li .busText i a{display:inline-block; text-align:center; width:180px; line-height:46px; border:2px solid #c39961; color:#c39961; font-size:14px;}
.busList li .busText i a:hover{ background:#c39961; color:#fff}
.busList li .busImg{width:50%;min-height:650px;display:inline-block;background-size:cover!important; float:right}


.busList li:nth-child(even){background:#fff; text-align:left}
.busList li:nth-child(even) .busImg{ float:left}

.busText1{display:inline-block; width:calc(100% - 1px); vertical-align:middle; padding:40px 0; box-sizing:border-box}
.busText2{display:inline-block;width:1px; vertical-align:middle}

.boxJyfw{width:100%; height:650px; background:url(/images/imgBus2.jpg) center no-repeat; margin:0 0 60px 0; text-align:center; position:relative}
.boxJyfw span{ position:absolute; top:50%; left:0; width:100%; margin-top:-170px;}
.boxJyfw span i{display:block; font-size:36px; line-height:55px; color:#fff; padding:20px 0 0 0}

.newsList{ font-size:0;}
.newsList a{display:block; padding:40px 0;}
.newsList a:nth-child(even){ background:#f3f3f4}
.newsList a div{width:100%; max-width:1500px; overflow:hidden; margin:0 auto; padding:0 20px; box-sizing:border-box;}
.newsList a span{float:left; width:210px; display:inline-block;}
.newsList a h2{ display:block; font-size:24px; color:#444;   font-family:'fontSyst'; padding-top:20px}
.newsList a strong{font-size:24px; line-height:60px; padding-bottom:10px; font-family:'fontSyst'; }
.newsList a h3{width:1px; display:inline-block; vertical-align:middle}
.newsList h1{display:inline-block; width:calc((100% - 0px)*0.24); vertical-align:middle}
.newsList h1 img{width:100%}
.newsList i{display:inline-block; width:calc((100% - 0px)*0.75); vertical-align:middle; padding-left:40px; box-sizing:border-box}
.newsList a h4{ font-size:30px; font-weight:bold}
.newsList a h5{ font-size:18px; line-height:30px; color:#999; padding-top:10px; display:block}

.navTitleM{display:none}


.boxLine{ border-top:1px solid #e4e4e4; padding-top:40px;}

.boxPage{width:100%; overflow:hidden; margin:0 0 40px 0; font-size:0}
.boxPage a{ display:inline-block;font-size:19px;color:#fff;background-color:#c4c3c8;width:56px; height:56px;text-align:center; line-height:56px; margin-right:8px; border-radius:50%}
.boxPage a:hover{ color:#fff; background-color:#0cb184;}
.curPage{color:#fff!important; background-color:#0cb184!important;}
.numPage{float:left;}
.btnPage{float:right; }
.prePage{ background:url(../image/pagePre.png) center no-repeat; }
.nextPage{background:url(../image/pageNext.png) center no-repeat; margin-right:0!important}


.loadMore{display:block; height:60px; line-height:60px; background:#fff; font-size:15px; color:#444;text-align:center; display:none; }
.loadMore:hover{background:#ffa300; color:#fff;}

.boxMain{ width:100%; overflow:hidden}
.boxShow{ width:1200px; padding:0 0 40px 0; background:#fff;position:relative; left:50%;margin:50px 0 50px -600px; overflow:hidden;min-height:400px; border:1px solid #e0e0e0;text-align:left}
.showTitle{font-size:34px; line-height:40px; margin-top:30px;  font-weight:bold; padding:0 40px 0 40px; text-align:center}
.showInfo{  font-size:14px; color:#999; padding:15px 0 20px 0; margin:0 40px 10px 40px; font-family:fontDate; position:relative;text-align:center}
.showCon{font-size:16px; line-height:26px; padding:0px 40px 0 40px; }
.showCon p{ text-align:justify; padding-bottom:15px;margin:0 auto}
.showCon img{max-width:100%; height:auto; margin:15px 0 8px 0;}

.showlist{display:none;}
.showzz{display:none;}

.showVideo{width:100%; height:530px; margin:20px auto;}

.btnShare1{position:absolute;top:512px; left:50%;/* margin-left:-530px;*/  margin-left:400px;width:200px;font-size:0; z-index:100}
.btnShare1 i{font-size:12px; display:block; border-bottom:2px solid #dcdcdc; color:#999; text-indent:5px; line-height:30px; margin-bottom:15px}
.btnShare1 a{display:block; margin-bottom:10px; font-size:16px; color:#444; line-height:40px; height:40px; overflow:hidden}
.btnShare1 div{width:40px; height:40px; text-align:center;border-radius:6px; display:inline-block; margin-right:10px;}
.btnShare1 a img{ vertical-align:middle}
.btnShare1 .shareWx div{background-color:#6ac334}
.btnShare1 .shareWb div{background-color:#ff4444}
.btnShare1 .shareQz div{background-color:#f1a718}
.btnShare1 .shareQq div{background-color:#27a0f5}
.btnShare1 .shareWx:hover div{background-color:#7fde46}
.btnShare1 .shareWb:hover div{background-color:#ff6767}
.btnShare1 .shareQz:hover div{background-color:#ffc34f}
.btnShare1 .shareQq:hover div{background-color:#4fb6fe}


.btnShare{position:absolute;top:5px; right:0;font-size:0; z-index:100}
.btnShare i{font-size:12px; display:inline-block; color:#999;vertical-align:middle}
.btnShare a{display:inline-block; font-size:0; color:#e8e8ea;vertical-align:middle}
.btnShare div{width:40px; height:40px;border-radius:6px; margin-left:5px; line-height:40px; text-align:center}
.btnShare .shareWx div{background-color:#6ac334}
.btnShare .shareWb div{background-color:#ff4444}
.btnShare .shareQz div{background-color:#f1a718}
.btnShare .shareQq div{background-color:#27a0f5}
.btnShare .shareWx:hover div{background-color:#7fde46}
.btnShare .shareWb:hover div{background-color:#ff6767}
.btnShare .shareQz:hover div{background-color:#ffc34f}
.btnShare .shareQq:hover div{background-color:#4fb6fe}


.btnShare1Fixed{position:fixed!important;top:100px!important; left:50%; margin-left:400px; }
.boxEwm{ position:fixed; width:640px; height:400px; top:50%; margin-top:-205px; left:50%; margin-left:-325px; z-index:1000; background:#FFF url(../image/close.png) no-repeat right 5px; background-size:48px; padding:5px; font-size:0; line-height:0; display:none; box-sizing:content-box; border-radius:6px;}
.boxEwm a{display:block;height:26px; width:100%;}
.boxEwm img{ width:178px; height:178px; display:inline-block; margin:22px 0 0 22px}
.boxBlack{background:url(../image/bgBlack.png); width:100%; height:100%; position:fixed; z-index:999; top:0; left:0; display:none}
.boxEwm h3{font-size:18px; color:#5cb78c; font-weight:700; padding:20px 0 0 10px}
#CaseText{ margin-top:5px; font-size:16px; line-height:26px; padding:20px 10px 10px 10px; border-top:2px solid #5cb78c; height:300px; overflow-y:auto;}

.brandList{ width:100%; font-size:0;}
.brandList a{ display:inline-block; width:calc((100% - 90px)/3); vertical-align:top; margin:0 45px 45px 0;}
.brandList a:nth-child(3n){margin-right:0}
.brandList div{ width:100%; overflow:hidden; background:#000}
.brandList img{width:100%;transition:transform 1s;}
.brandList span{ display:block;background:#fff; padding:15px 0; box-shadow:0 0 5px rgba(0,0,0,0.2);}
.brandList span h1{ width:99%; vertical-align:middle; display:inline-block; font-size:20px; font-weight:700; line-height:30px; padding:0 20px; box-sizing:border-box}
.brandList span h1 i{ display:block; font-family:'fontSyst'; font-size:16px;}
.brandList span h2{ height:100px; width:1px; vertical-align:middle; display:inline-block}
.brandList a:hover span{ background:#fff; color:;}
.brandList a:hover img{transform: scale(1.2); opacity:0.7}


.showBrand{ width:980px; margin:0 auto; padding:0 0 50px 0; position:relative}


.brandImg{width:100%; height:800px; padding-bottom:40px; margin-bottom:40px;overflow:hidden; position:relative;}
.brandImg .swiper-slide{ width:100%; height:100%; text-align:center}
.brandImg .swiper-slide img{ width:auto; max-width:1200px; height:800px;box-shadow:0px 0px 30px 5px #ccc; border-top:2px solid #e7e7e7}
.brandImg .swiper-pagination{bottom:0!important; }
.brandImg .swiper-pagination-bullet{width:10px; height:10px; background:#a2a2a3;  opacity:0.5; margin:0 5px!important;}
.brandImg .swiper-pagination-bullet-active{ width:20px;border-radius:6px; background:#5cb78c; opacity:1.0}
.brandImg .swiper-button-prev{left:50%; margin:-70px 0 0 -700px; width:46px; height:102px; background:url(../image/btnLeft.png) center no-repeat}
.brandImg .swiper-button-prev:hover{background:url(../image/btnLeftHover.png) center no-repeat}
.brandImg .swiper-button-next{right:50%;margin:-70px -700px 0 0;width:46px; height:102px;background:url(../image/btnRight.png) center no-repeat}
.brandImg .swiper-button-next:hover{background:url(../image/btnRightHover.png) center no-repeat}

/*产品图片详细*/
.proImg{width:100%; height:600px; padding-bottom:40px; overflow:hidden; position:relative;}
.proImg .proImg-slide{ width:100%; height:100%; text-align:center}
.proImg .proImg-slide img{ width:auto;height:600px}



.bgYellow{background:#f5e9db}

.navHr{ line-height:100px; font-size:26px;}

.boxRcln{ font-size:0; padding-bottom:10px;}
.boxRcln li{display:inline-block; width:calc((100% - 40px)/2); margin-right:40px; background:#fff; min-height:560px; text-align:center; vertical-align:top}
.boxRcln li:nth-child(even){ margin-right:0;}
.boxRcln li span{display:block;width:100%; padding:70px 10% 0 10%; box-sizing:border-box;}
.boxRcln li span h1{font-size:26px; padding:0 0 25px 0; line-height:26px;}
.boxRcln li span i{display:block;min-height:200px; font-size:16px; line-height:28px; text-align:justify;}
.boxRcln li div{ width:100%; height:240px; background-size:cover!important}

.boxRcln1{ font-size:0; padding:0 0 50px 0}
.boxRcln1 li{display:inline-block;width:25%; padding:30px 2.5%; box-sizing:border-box; background:#9c795f; text-align:center; min-height:500px; color:#fff; vertical-align:top}
.boxRcln1 li:nth-child(2){background:#b48d5a}
.boxRcln1 li:nth-child(3){background:#d69d57}
.boxRcln1 li:nth-child(4){background:#cba983}
.boxRcln1 li img{width:100px; height:100px}
.boxRcln1 li h1{ font-size:26px;padding:20px 0 20px 0; line-height:26px; display:block}
.boxRcln1 li h2{ background:#fff; width:105px; height:2px; background:#fff; margin:0 0 10px 0; display:inline-block}
.boxRcln1 li span{ font-size:16px;line-height:28px; display:block; text-align:justify}
.boxRcln1 li:nth-child(1) span{text-align:center}


.boxHr{ width:100%; height:560px; background:url(/images/bgHr.jpg) left center no-repeat; background-size:58% auto; padding:40px 0; box-sizing:border-box; text-align:right; margin-bottom:60px;}
.boxHr div{width:50%; height:480px; display:inline-block; text-align:left; background:#e09330; color:#fff; font-size:0; padding:0 6%; box-sizing:border-box;}
.boxHr div i{width:1px; height:100%; display:inline-block; vertical-align:middle}
.boxHr div span{ width:99%; display:inline-block; vertical-align:middle; font-size:16px; line-height:26px;}
.boxHr div span p{padding-bottom:15px}


.rczpList{font-size:0;}
.rczpList a{display:inline-block; width:calc((100% - 40px)/2); margin:0 40px 40px 0; border:2px solid #e8e8ea; padding:30px 52px 30px 20px; box-sizing:border-box; position:relative; vertical-align:top}
.rczpList a:nth-child(even){ margin-right:0;}
.rczpList a h1{ font-size:26px; font-weight:bold; line-height:26px}
.rczpList a h2{ font-size:16px; color:#999; padding-top:10px; line-height:26px;}
.rczpList a i{ position:absolute; right:20px; top:50%; margin-top:-16px; width:32px; height:32px; background:url(/images/icoJt2.png) center no-repeat;}
.rczpList a:hover{ background:#f9f5ef}
.rczpList a:hover i{background:url(/images/icoJt2Hover.png) no-repeat;}

.tableHrShow{ border-top:1px solid #e4e4e4; border-left:1px solid #e4e4e4; font-size:16px; background:#fff;line-height:26px}
.tableHrShow td{ border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; padding:20px; }
.tableHrShow strong{display:block; text-align:right}
.tRightHr{ background:#f5f5f5; text-align:right; font-weight:bold}

.invHead{font-size:0; color:#999; border-top:2px solid #e6e6e9; border-bottom:2px solid #e6e6e9; line-height:30px; padding:25px 0}
.invHead h1{display:inline-block; width:20%; font-size:18px; font-weight:bold;vertical-align:middle;max-width:220px;text-indent:20px;}
.invHead h2{display:inline-block; width:60%; padding:0 10px; box-sizing:border-box;font-size:18px; font-weight:bold;vertical-align:middle}
.invHead h3{display:inline-block; width:20%; font-size:18px; font-weight:bold;vertical-align:middle}
.invHead h4{display:inline-block; width:80%; padding:0 10px; box-sizing:border-box;font-size:18px; font-weight:bold;vertical-align:middle}

.invList{font-size:0; padding-bottom:40px;}
.invList a{display:block;border-bottom:2px solid #e6e6e9; line-height:30px; padding:25px 0;}
.invList h1{display:inline-block; width:20%;font-size:22px; vertical-align:middle; font-family:'fontSyst';max-width:220px; text-indent:20px;}
.invList h2{display:inline-block; width:60%; padding:0 10px; box-sizing:border-box;font-size:22px;font-weight:bold; vertical-align:middle}
.invList h3{display:inline-block; width:20%;font-size:18px; color:#999; vertical-align:middle}
.invList a:hover{background:#f9f5ef;}
.invList h4{display:inline-block; width:80%; padding:0 10px; box-sizing:border-box;font-size:22px;font-weight:bold; vertical-align:middle}

.searchNotice{position:absolute; right:0; top:60px; font-size:0}
.searchNotice select{ width:110px; height:38px; border:1px solid #d3d3d3; padding:0 5px; box-sizing:border-box; border-radius:3px;}
.searchNotice .inputNotice{width:160px; height:38px; border:1px solid #d3d3d3; padding:0 10px; box-sizing:border-box; margin:0 7px;border-radius:3px;}
.searchNotice .submitNotice{ width:90px;height:38px; background:#263f5f; color:#fff; font-size:15px; font-weight:bold;border-radius:3px; cursor:pointer}
.searchNotice .submitNotice:hover{ background:#2f64a8}

.invLxfs{ font-size:0; margin-bottom:50px; width:100%; overflow:hidden}
.invLxfsMap{float:left; width:50%; height:450px; padding:9px; border:1px solid #e6e6e8; box-sizing:border-box}
.invLxfsCon{width:50%; padding-left:40px; box-sizing:border-box; display:inline-block}
.invLxfsCon div{ width:99%; display:inline-block; vertical-align:middle}
.invLxfsCon i{width:1px; display:inline-block; vertical-align:middle}
.invLxfsCon h1{ font-size:30px; font-weight:bold; color:#bf9a66}
.invLxfsCon h2{ font-size:20px; color:#bf9a66; opacity:0.7; display:block; border-bottom:1px solid #e6e6e8; padding:0 0 20px 0; margin-bottom:15px;}
.invLxfsCon span{ font-size:16px; line-height:26px;}

.contactTitle{ padding:50px 0 0 0}
.contactTitle h1{ font-size:30px; font-weight:bold; color:#0cb184}
.contactTitle h2{ font-size:20px; color:#0cb184; opacity:0.7; display:block; border-bottom:2px solid #e6e6e8; padding:0 0 20px 0;}

.contactCon{ font-size:0; padding:40px 0;}
.contactCon li{display:inline-block; padding-right:8%;}
.contactCon li:last-of-type{padding-right:0}
.contactCon li img{display:inline-block; vertical-align:middle; margin-right:15px; width:70px; height:70px}
.contactCon li span{ display:inline-block; font-size:16px; line-height:26px; vertical-align:middle}

.contactMap{ width:100%; height:500px; margin-bottom:20px;}

.contactList{ padding:40px 0 50px 0}
.contactNav{ font-size:0}
.contactNav a{ display:inline-block; width:25%; box-sizing:border-box; border-right:1px solid #fff; text-align:center; font-size:16px; background:#e8e8ea; line-height:50px;}
.contactNav a:last-of-type{ border:none}
.contactNav .on{background:#c39961; color:#fff; font-weight:bold; font-size:17px;}

.contactList1{ margin-top:1px; background:#f3f3f4; display:none; padding:50px; position:relative; font-size:16px; line-height:30px;}
.contactList1 strong{display:block}
.goMap{position:absolute; top:50%; right:50px; margin-top:-20px;}
.goMap i{ padding-right:33px; background:url(/images/icoJt3.png) center right no-repeat; display:inline-block;}
.goMap:hover i{background:url(/images/icoJt3Hover.png) center right no-repeat;}