@charset "utf-8";
/**

http://www.
**/
body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,div,span,a,aside,article,section,header,nav,footer,label,img{margin:0;padding:0;box-sizing:border-box;}
fieldset,img{border:0;}
img{vertical-align:middle;max-width:100%;}
ol,ul,li{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{font-size:.875rem;font-family:inherit;margin:0;outline:none;resize:none;border:none;background:none;}
.clearfix:after{clear:both;content:".";display:block;height:0;overflow:hidden;visibility:hidden;}
.clearfix{zoom:1;}
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
body{color:#666;line-height:1.5;font-family:'Source Han Sans CN',Arial,'simsun',HELVETICA;min-width:320px;background:#fff;}
a{color:#666;text-decoration:none;transition:all ease 0.3s;}
a:hover{color:#85c226;}
html,body{position:relative;font-size:100%;}

/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.ce{text-align:center;}
.hide{overflow:hidden;}
.mb5{margin-bottom:5px;}
.mb30{margin-bottom:30px;}
.container{position:relative;max-width:1200px;min-width:320px;margin:0 auto;}
.bgImg{background-position:center;background-size:cover;position:relative;transition:all 0.5s;display:block;width:100%;height:100%;background-repeat: no-repeat;display:block;}
.pImg{position:relative;padding-top:100%;display:block;overflow:hidden;}
.pImg img{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.5s linear;}
.size8{font-size:.875rem}

@font-face {
  font-family: 'iconfont';  /* project id 689669 */
  src: url('../fonts/font_689669_fbyztjku077.eot');
  src: url('../fonts/font_689669_fbyztjku077.eot') format('embedded-opentype'),
  url('../fonts/font_689669_fbyztjku077.woff') format('woff'),
  url('../fonts/font_689669_fbyztjku077.ttf') format('truetype'),
  url('../fonts/font_689669_fbyztjku077.svg#iconfont') format('svg');
}

.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  position:relative;
}

/*  头部 */
.top { height: 30px; max-width: 1200px; margin-right: auto; margin-left: auto; }
.top1 { font-size: 14px; line-height: 30px; color: #f5f5f5; width: 40%; float:left;}
.top2 { font-size: 20px; line-height: 30px; color: #FFF; width: 50%; float:left; text-align: right; }
.top3 { font-size: 14px; line-height: 30px; color: #f5f5f5; width: 50%; float: left; text-align: right; }
.top3 a{  color: #f5f5f5;}
.header{height:70px;z-index:20;position: fixed;background:rgba(0,0,0,.5);left:0;top:0;width:100%;}
.header .logo{position:absolute;top:8px;left:195px;z-index:10;}
.header .logo2{position:absolute;top:22px;right:155px;z-index:10;color:White;}
.header .logo2 a{color:White;}
.logo2 img {width:35px;}
.searIcon{position:absolute;width:26px;height:26px;background: url('../images/sear.png') no-repeat;right:290px;top:22px;cursor:pointer;}
.searIcon2{position:absolute;width:26px;height:26px;right:290px;top:50px;}
.nav{padding:0 340px 0 37.5%;height:70px;line-height:70px;font-size:.875rem;}
.nav .m{float:left;width:14%;text-align:center;position:relative;}
.nav .m>a{color:#fff;position:relative;display:block;z-index:2;}
.nav .m:hover>a,.nav .cur>a,.nav .on>a{color:#fff;}
.nav .navSub{position:absolute;left:0;top:100%;background:#383c3e;background:rgba(0,0,0,.5);line-height:35px;width:100%;color:#fff;font-size:.875em;transform:scale(0,1);transition:all 0.4s;opacity:0;}
.nav .navSub li{border-bottom:1px solid #454545;position:relative;}
.nav .navSub a{color:#fff;display:block;}
.nav .navSub a:hover{background:#85c226;color:#fff;}
.nav .m:hover .navSub{transform:scale(1);opacity:1;}
.nav .navSub_menu{position:absolute;right:0;width:100%;left:100%;background:#383c3e;background:rgba(0,0,0,.5);display:none;top:0;}

.thisclass {background:#CCC; color:#043262!important;}
/*  导航按钮 */
.navTrigger{position:absolute;top:46px;right:30px;width:28px;overflow:hidden;white-space:nowrap;color:transparent;z-index:20;cursor:pointer;display:none;}
.navTrigger span{display:block;height:2px;background:#fff;margin-bottom:6px;transition:all 0.3s;  -webkit-transform-origin: 0% 50%;-moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%;-o-transform-origin: 0% 50%;transform-origin: 0% 50%;}
.navTrigger span:nth-child(3){margin-bottom:0;}
.navTrigger-on span:nth-child(1){transform: translateX(4px) translateY(0px) rotate(45deg);}
.navTrigger-on span:nth-child(2){opacity:0;}
.navTrigger-on span:nth-child(3){transform:translateX(2px) translateY(2px) rotate(-45deg);}

/*  广告轮播图 */
.banner{position:relative;overflow:hidden;}
.banner img{width:100%;}
.swiper-wrapper{transition-timing-function: ease-in-out;}
.banner .swiper-pagination-bullet{background:#fff;opacity:.8;width:40px;height:3px;border-radius:0;cursor:pointer;}
.banner .swiper-pagination-white .swiper-pagination-bullet-active{background:#85c226;opacity:1;}
.banner .small{display:none;}

/*  首页快捷栏目 */
.guide{padding-top:130px;overflow:hidden;position:relative;z-index:5;}
.guide ul{margin-right:-10px;}
.guide li{float:left;width:33.3%;padding-right:10px;font-size:1.375em}
.guide li a{height:185px;position:relative;display:block;overflow:hidden;color:#fff;}
.guide li h4{padding-left:35px;text-shadow:1px 1px 1px #666;line-height:1.4;width:100%;display:table-cell; vertical-align: middle;height:185px;transition:all 0.3s;position:relative;z-index:2;}
.guide li h4 span{display:block;}
.guide li .bgImg{position:absolute;left:0;top:0;transform:scale(1.06);}
.guide li a:hover h4{padding-left:45px;}
.guide li a:hover .bgImg{margin-left:-10px;}

.h_water{margin-top:-20%;}
.h_water .pic{display:none;}
.h_water video{width:100%;}

/*  首页快捷栏目 */
.product{margin-top:-14%;position:relative;z-index:2;font-size:.875rem;margin-bottom:130px;}
.hTitle{text-align:center;font-size:2.25rem;color:#454545;margin-bottom:60px;text-transform: uppercase;}
.hTitle span{display:block;color:#85c226;font-size:0.694em;padding-top:15px;background: url('../images/t_line.png') no-repeat center 6px;}
.hTitle span:after{content:"";position:absolute;}
.hTitle_s{font-size:1.5rem;}
.hTitle_s span{background-image: url('../images/t_line2.png');}
.proNav{position:relative;overflow:hidden;padding-top:10px;margin-bottom:45px;}
.proNav li{text-align:center;width:16.6%;float:left;}
.proNav li img{border:1px solid #bababa;border-radius:100%;position:relative;max-width:92px;top:0;transition:all 0.3s;}
.proNav li span{display:block;margin-top:10px;}
.proNav .on img{border:1px solid #85c226;}
.proNav li a:hover img{top:-10px;border:1px solid #85c226;}
.proNav .on a{color:#85c226;}
.proNav .swiper-button-next,.proNav .swiper-button-prev{width:20px;opacity:.5;left:0;background-size:100%;margin-top:-30px;display:none;}
.proNav .swiper-button-next{right:0;left:auto;}

.proMain,.proMain ul{overflow:hidden;}
.proMain ul{display:none;}
.proMain ul:nth-child(1){display:block;}
.proMain li{float:left;width:33%;overflow:hidden;}
.proMain li a{display:block;position:relative;overflow:hidden;z-index:2;}
.proMain li div{position:absolute;left:0;width:100%;color:#fff;padding:3%;text-align:center;text-transform: uppercase;font-size:1rem;top:50%;transform: translateY(-50%);z-index:2;opacity:0;transition:all 0.4s;margin-left:-30px;}
.proMain li a:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);transform:scale(0);transition:all 0.4s;}
.proMain li h5 span{display:block;font-size:1.286em;}
.proMain li .pImg{padding-top:100%;}
.proMain li .more{display:inline-block;width:130px;height:36px;line-height:34px;border:1px solid #fff;text-align:center;margin-top:30px;font-size:.875em;}
.proMain li a:hover:after{transform:scale(1);}
.proMain li a:hover div{margin-left:0;opacity:1;transition-delay: .2s;}
.proMain li a:hover  img,.technology li a:hover img{transform:scale(1.1);}

/*  分页广告 */
.pageBan{height:auto;overflow:hidden;font-size:.875rem;position:relative;}
.pageBan .bgImg{height:auto;}
.pageBan .font{position:absolute;width:450px;padding:25px 4%;text-align:center;color:#dadada;background:rgba(0,0,0,.5);right:18.5%;top:160px;}
.pageBan .font h4{font-size:1.286em;margin-bottom:15px;padding-bottom:10px;background: url('../images/bline.png') no-repeat center bottom;}

/*  日丰技术 */
.technology{padding:130px 0;overflow:hidden;font-size:1.375rem;}
.technology li{float:left;width:25%;}
.technology li a{position:relative;display:block;color:#fff;overflow:hidden;}
.technology li a:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);transition:all 0.4s;}
.technology li p{position:absolute;width:100%;text-align:center;padding:0 10px;top:0;left:0;z-index:2;top:50%;transform: translateY(-50%);letter-spacing:4px;transition:all  .4s;}
.technology li .pImg{padding-top:82%;}
.technology li a:hover:after{transform:scale(0);opacity:0;}
.technology li a:hover p{opacity:0;}

/*  近期新闻 */
.news{margin-bottom:130px;overflow:hidden;font-size:.875rem;}
.newsL{width:46%;overflow:hidden;border-radius:8px;position:relative;}
.newsL li {position:relative;}
.newsL li .bgImg{height:360px;}
.newsL li h4{background:#dde6ed;padding:12px 35px;font-size:1.286em;color:#333;position:relative;z-index:2;}
.newsL li h4 span{display:block;color:#666;font-size:0.778em;margin-bottom:5px;}
.newsL li:hover .bgImg{transform:scale(1.1);}

.newsL .swiper-pagination{bottom:80px;}
.newsL .swiper-pagination-bullet{background:#fff;opacity:.8;width:40px;height:3px;border-radius:0;cursor:pointer;}
.newsL .swiper-pagination-white .swiper-pagination-bullet-active{background:#85c226;opacity:1;}



.newsR{width:46%;overflow:hidden;}
.newsR li{margin-bottom:18px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.newsR li a{padding:6px 0;display:inline-block;border-left:1px solid #fff;}
.newsR li span{display:block;}
.newsR li a:hover{padding-left:20px;border-left:5px solid #d2bb97;}
.newsR .more{float:right;color:#333;font-size:1.286em;font-family:Arial;text-transform: uppercase;}
.newsR .more:hover{color:#d2bb97;}



/*  底部 */
.footer{background:#76787a;padding:60px 0 0 0;font-size:.875rem;overflow:hidden;line-height:1.8;color:#ddd;}
.footMenu{width:80%;padding-right:5%;}
.footMenu ul{float:left;width:25%;}
.footMenu li h3{color:#fff;font-size:1.429em;margin-bottom:10px;}

.footContact{font-size:.75rem;}
.footContact .phone{margin-top:20px;line-height:1.6;}
.footContact .phone span{display:block;font-size:1.5em;}
.footContact .footIcon a{font-family:"iconfont";font-size:1.2rem;color:#fff;margin-left:5px;position:relative;}
.footContact .footIcon a:hover{color:#333;}
.footIcon .wx span{position:absolute;width:100px;top:40px;left:-40px;background:#fff;padding:4px;opacity:0;transform:scale(1,0);transition:all 0.3s;transform-origin:top;}
.footIcon .wx span:after{content:"";position:absolute;left:50%;top:-12px;border:6px solid transparent;border-bottom-color: #fff;margin-left:-6px;}
.footIcon .wx:hover span{opacity:1;transform:scale(1);}

.copyright{padding-top:40px;text-align:center;}
.footWx{width:280px;overflow:hidden;text-align:center;}
.footWx p{width:130px;}
.footWx p img{width:100%;}
.firendlink{background:#000;padding:10px 0;text-align:center;margin-top:30px;color:#999;}
.firendlink .container a{margin:0 10px;color:#999;}
.footer a{color:#ddd;}
.footer a:hover{color:#85c226;}
.footBar{width:100%;height:45px;background:#333;display:none;z-index:90;overflow:hidden;position: fixed;left:0;bottom:0;}
.footBar a{float:left;width:25%;border-right:1px solid #222;text-align:center;line-height:45px;color:#fff;}
.footBar a i{margin-right:5px;font-size:1.2rem;}
.footBar a:last-child{border-right:none;}


/*  列表公用 */
.listBanner{height:600px;background-position:center;background-size:cover;background-repeat: no-repeat;position:relative;}
.proBan{height:800px;}
.listBanner .txt{color:#fff;font-size:2.75rem;line-height:1.2;bottom:40px;position:absolute;right:10%;}
.listBanner .txt span{font-size:0.875em;text-transform: uppercase;display:block;}
.listBanner .proTxt{font-size:3.75rem;}
.listBanner .proTxt,.listBanner .txt17,.listBanner .txt19,.listBanner .txt21,.listBanner .txt59,.listBanner .txt66,.listBanner .txt67{right:auto;left:18.75%;}
.listBanner .proTxt span{font-size:.5em;}
.listBanner .txt p{font-size:0.219em;max-width:420px;line-height:1.4;}
.listWrapper{padding:100px 0;overflow:hidden;font-size:.875rem;}
.nWrap{padding:100px 0;font-size:.875rem;}
.listMenu{text-align:center;margin-bottom:60px;font-size:1.5rem;}
.listMenu a{height:48px;line-height:44px;color:#333;width:165px;margin:0 10px;border:2px solid  transparent;display:inline-block;}
.listMenu a.cur{border-color:#85c226;color:#85c226;}
.proSear{width:50%;padding:80px 0;height:50px;line-height:50px;margin:0 auto;padding-right:100px;margin-bottom:100px;}
.proSear .txt{height:50px;line-height:50px;border:1px solid #ddd;border-right:none;width:100%;padding:0 10px;float:left;}
.proSear .btn{height:50px;line-height:50px;width:100px;text-align:center;font-size:16px;background:#333;color:#fff;cursor:pointer;transition:all 0.3s;float:right;margin-right:-100px;}
.proSear .btn:hover{background:#111;}


/*  关于 */
.aboutBox1{font-size:1.429em;line-height:1.8;padding-top:130px}
.aboutBox1 .tie{font-size:35px;color:#6e6e6e;margin-bottom:20px;font-size:1.8em;}
.aboutBox2{padding-top:130px;overflow:hidden;}
.historyMenu{position:relative;overflow:hidden;height:100px;font-size:1.429em;margin-bottom:80px;}
.historyMenu:after{content:"";position:absolute;left:0;top:49px;width:100%;height:2px;background:#939598;}
.historyMenu li{float:left;position:relative;text-align:center;width:6.25%;font-family:Arial;cursor:pointer;color:#333;}
.historyMenu .on:after{background:#85c226;}
.historyMenu .on{color:#85c226;}
.historyMenu li:after{content: "";position:absolute;left:50%;top:45px;width:10px;height:10px;background:#939598;border-radius:100%;margin-left:-5px;}
.historyMenu li:nth-child(2n){padding-top:75px}
.historyMain img{width:100%;}
.historyMain{position:relative;}
.historyMain .swiper-button-white{display:none;}

.aboutBox3 .main{background: url('../images/pplh.jpg') no-repeat center;background-size:cover;height:600px;position:relative;}
.aboutBox3 .txt{position:absolute;left:90px;bottom:30px;color:#fff;}
.aboutBox3 .txt p{margin-top:15px;}
.aboutBox3 .txt p span{display:block;font-size:1.286em;}
.aboutBox3,.honorSlide,.aboutBox4,#about4{padding-top:130px;overflow:hidden;position:relative;}
.honorSlide .swiper-container{position:static;}
.honorSlide{background: url('../images/honor_bg.jpg') no-repeat center;-webkit-background-size:cover;background-size:cover;padding:35px;}
.honorSlide li{float:left;width:25%;background:rgba(255,255,255,.8);overflow:hidden;position:relative;text-align:center;padding:3% 2%;}
.honorSlide li h4{font-size:1.286em;color:#333;border-bottom:1px solid #999;padding-bottom:10px;margin-bottom:15px;}
.honorSlide li .p1{min-height:60px;margin-bottom:10px;padding:0 5%;}
.honorSlide li .p2{min-height:70px;padding:0 5%;}
.honorSlide li .p2 span{display:block;color:#eb594b;}
.honorSlide li .pImg{padding-top:135%;}
.honorSlide li:hover img{transform:scale(1.1);}
.honorSlide .swiper-button-next,.honorSlide .swiper-button-prev{height:30px;width:30px; background-size:20px 20px;background-color:rgba(0,0,0,.5);padding:15px;}
.honorSlide .swiper-pagination-bullet{background:#fff;}
.honorSlide .swiper-button-prev{left:18px;}
.honorSlide .swiper-button-next{right:18px;transition:all 1s;}
.aboutBox4{margin-bottom:100px;}
.videoTop{cursor:pointer;margin-bottom:10px;overflow:hidden;}
.videoTop img{width:100%;}
.videoSlide{position:relative;overflow:hidden;}
.videoSlide li{float:left;width:33.3%;}
.videoSlide li p{position:absolute;bottom:0;text-align:center;color:#fff;padding:8px 2%;font-size:1.286em;background: rgba(0,0,0,.7);width:100%;}
.videoSlide li img{width:100%;}
.videoSlide .swiper-button-next,.videoSlide .swiper-button-prev{height:32px;width:24px; background-size:24px 32px;background-color:rgba(0,0,0,.5);padding:35px 15px;opacity:0;}
.videoSlide .swiper-pagination-bullet{background:#fff;}
.videoSlide .swiper-button-prev{left:0;}
.videoSlide .swiper-button-next{right:0;transition:all 1s;}
.videoSlide:hover .swiper-button-next,.videoSlide:hover .swiper-button-prev{opacity:1;}

/*  新闻中心 */
.newsList li{float:left;width:31%;margin:0 1.1%;border:1px solid #e5e4e4;padding:20px;margin-bottom:40px;transition:all 0.3s;}
.newsList li .date{font-size:1.429em;font-family:Arial;display:block;margin-bottom:20px;line-height:1.4;}
.newsList li .date i {font-style:normal;display:block;font-size:1.8em;margin-bottom:6px;font-weight:bold;position:relative;}
.newsList li .date i:after{content:"";position:absolute;height:1px;width:70px;left:0;bottom:0;background:#bababa;}
.newsList li .pImg{padding-top:66%;margin-bottom:10px;}
.newsList li h4{min-height:60px;font-size:1.286em;}
.newsList li h4 a{color:#333;}
.newsList li h4 a:hover{color:#85c226;}
.newsList li p{min-height:60px;}
.newsList li .more{display:inline-block;width:140px;height:34px;line-height:32px;border:1px solid #e5e4e4;text-align:center;border-radius:16px;margin-top:10px;box-shadow:0 0 8px #ccc;}
.newsList li .more i{font-family:"宋体";color:#278ed4;font-style:normal;font-weight:bold;margin-left:4px;}
.newsList li:hover img{transform:scale(1.1);}
.newsList li:hover{box-shadow:0 0 8px #ccc;}
.newsList li .more:hover i{color:#85c226;}

/*  新闻详情 */
.newsShow{padding:70px 0 100px;}
.showTie{border-bottom:1px solid #d9d0bf;overflow:hidden;margin-bottom:50px;padding-bottom:50px;}
.showTie h2{font-size:1.714em;color:#333;margin-bottom:25px;}
.jsfwMain{margin-top:100px;}
.showTie .txt span{color:#454545;position:relative;padding-left:22px;font-size:1.143em;margin-right:15px;}
.showTie .txt span:before{content:"\e62d";font-family:"iconfont";position:absolute;left:0;top:-1px;}
.showTie .txt .s:before{content:"\e735";font-size:1.2rem;top:-2px;}
.showTie .bshare-custom{margin-top:-30px;}
.showCon img {
    display: block;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 auto;
    height: auto !important;
}
.showCon{line-height:2;}
.showPage{border-top:1px solid #ddd;padding-top:40px;margin-top:30px;}
.showPage p{margin-bottom:10px;}
.showPage .back{float:right;width:130px;height:40px;line-height:40px;background:#ddd;text-align:center;margin-top:-55px;}
.showPage .back i{position:relative;margin-right:8px;font-size:1rem;}
.showPage .back:hover{background:#85c226;color:#fff;}
.waterBg{height:370px;margin-bottom:-120px;}
.jsfwMain{padding-bottom:100px;overflow:hidden;font-size:.875rem;}

/*  产品封面 */
.proAside{width:190px;font-size:1.125rem;margin-left:-210px;}
.proAside li{height:60px;line-height:60px;border:1px solid #d4d4d4;text-align:center;background:#a3a3a3;}
.proAside li a{display:block;color:#fff;}
.proAside .on a{background:#ccc;color:#043262;}

.proIndex{padding-left:210px;overflow:hidden;}
.proIndex_main{width:100%;}
.proIndex_main ul{margin-right:-15px;}
.proIndex_main li{float:left;width:25%;text-align:center;padding-right:15px;margin-bottom:20px;}
.proIndex_main li .pic{display:block;margin-bottom:10px;}
.proIndex_main li img{width:138px;border-radius:100%;border:1px solid transparent;transition:all 0.3s;}
.proIndex_main span{display:block;margin-top:10px;}
.proIndex_main .m1 li .pic{position:relative;padding-top:100%;display:block;overflow:hidden;}
.proIndex_main .m1 li .pic img{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.5s linear;border-radius:0;}
.proIndex_main li:hover img{border-color:#85c226;}


/*  产品列表公用 */
.proWidth{max-width:860px;min-width:320px;margin:0 auto;}
.proMenu{padding-top:110px;overflow:hidden;font-size:1.375rem;padding-bottom:30px;}
.proMenu ul{display: -webkit-box;display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display:flex;flex-wrap: wrap;justify-content:center;}
.proMenu ul li{float:left;width:20%;text-align:center;margin-bottom:40px;}
.proMenu ul li img{width:138px;border-radius:100%;border:1px solid transparent;transition:all 0.3s;}
.proMenu ul li span{display:block;margin-top:10px;}
.proMenu ul li a:hover img,.proMenu ul li.cur img{border-color:#85c226;}
.proMenu ul li a:hover{color:#85c226;}

.proWrap{background: url('../images/water.jpg') no-repeat center top;padding-top:270px;background-size:100%;font-size:.875rem;margin-bottom:150px;}
.proList{overflow:hidden;}
.proList ul{margin-right:-5%;}
.proList li{float:left;width:20%;text-align:center;padding-right:5%;margin-bottom:50px;}
.proList li h5 {margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.proList li h5 span{display:block;text-transform: uppercase;}
.proList li:hover img{transform:scale(1.1)}
.proList2 li{width:25%;}



/*  卫浴套间 */
.suite{padding:130px 60px;overflow:hidden;font-size:1.125rem;}
.suite li{float:left;width:25%;}
.suite li a{position:relative;overflow:hidden;display:block;}
.suite li a:after{content:"";position:absolute;background:rgba(0,0,0,.7);top:0;left:0;width:100%;height:100%;transition:all 0.4s;transform:scale(0);opacity:0;}
.suite li img{transition: all 0.5s;border:1px solid #9d9d9d;width:100%;}
.suite li span{position:absolute;color:#fff;left:0;top:0;width:100%;text-align:center;top:40%;z-index:2;opacity:0;transition:all 0.4s;transition-delay: .1s;}
.suite li a:hover img{transform:scale(1.1);}
.suite li a:hover:after,.suite li.cur a:after{opacity:1;transform:scale(1.1);}
.suite li a:hover span,.suite li.cur span{opacity:1;top:48%;}
.suite .swiper-button-prev{left:5px;opacity:.5;}
.suite .swiper-button-next{right:5px;opacity:.5}
.suite .swiper-button-prev:hover,.suite .swiper-button-next:hover{opacity:.8;}

.suitePro{overflow:hidden;margin-bottom:25px;}
.suitePro ul{margin-right:-25px;}
.suitePro li{float:left;width:33.3%;padding-right:25px;margin-bottom:20px;}
.suitePro li a{display:block;border:1px solid #ddd;padding:5px;padding-bottom:0;}
.suitePro li h5{background:#ddd;margin:5px -5px 0 -5px;position:relative;padding:0 15px;text-transform: uppercase;height:54px;line-height:54px;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.suitePro li h5 span{margin-right:20px;}
.suitePro li h5:after{content:"\e605";position:absolute;width:50px;height:100%;background:#333;font-family:"iconfont";color:#fff;right:0;bottom:0;text-align:center;font-size:1.2rem;height:54px;}
.suitePro li:hover img{transform:scale(1.1);}
.suitePro li:last-child{display:none;}


/*  产品详情 */
.proShow{padding:130px 0;overflow:hidden;}
.breadCrumb{text-align:right;font-size:1rem;margin-bottom:60px;}
.proShowTop{overflow:hidden;margin-bottom:50px;}
.gallery{width:50%;overflow:hidden;position:relative;padding:15px;background:#f7f7f7;}
.gallery .gallery-top{margin-bottom:0px;position:relative;height:590px;overflow:hidden;}
.gallery-top .swiper-slide {height:100%;}
.gallery-top li a{position:relative;height:570px;display:table-cell; vertical-align: middle;width:600px;}
.gallery-top li img{width:100%;}
.gallery-top li a:after{content:"\e639";position:absolute;right:0;bottom:0;color:#222;padding:10px 15px;font-family:"iconfont";font-size:2rem;z-index:2;}
.gallery-thumbs{margin-right:-10px;}
.gallery-thumbs li{cursor:pointer;float:left;width:25%;padding-right:10px;display:table-cell;vertical-align: middle;overflow:hidden;}
.gallery-thumbs li span{border:1px solid #bdc4ce;padding:5px;display:table-cell;height:135px; vertical-align: middle;width:100%;}
.gallery-thumbs .on span{border:1px solid #333;}
.swiper-nimg { height:123px;}
.gallery .swiper-button-white{display:none;}

.proShow_R{width:44%;overflow:hidden;font-size:1.125rem}
.proShow_R .title{font-size:2.222em;margin-bottom:50px;}
.proShow_R .title span{display:block;font-size:.6em;text-transform: uppercase;}
.proShow_R .tie{font-size:1.333em;color:#333;border-bottom:1px solid #95999a;padding-bottom:15px;margin-bottom:35px;}
.proShow_R .txt{min-height:350px;}
/* .proShow_R .txt p{color:#777;padding-left:90px;margin-bottom:15px;overflow:hidden;}
.proShow_R .txt span{float:left;margin-left:-90px;width:90px; text-align: justify;
    text-align-last: justify;} */
.proShow_R .show{margin-top:40px;padding-bottom:35px;border-bottom:1px solid #95999a;overflow:hidden;}
.proShow_R .show a{width:48%;float:left;background:#5b5b5b;color:#fff;font-size:;text-align:center;height:50px;line-height:50px;}
.proShow_R .show .btn2{float:right;}
.proShow_R .show a:hover{background:#333;}
.proShow_R .show i{font-family:"iconfont";color:#fff;font-size:4rem;position:relative;font-style:normal;float:right;right:45px;top:3px;}
.relative_pro{overflow:hidden;padding-bottom:100px;background: url('../images/water2.jpg') no-repeat center top;padding-top:220px;background-size:100%;}

/*  专卖店查询  */
.shopCity{min-height:50px;/* background:#f3f3f3;padding:3%; */margin-bottom:30px;}
.shopCity .left,.shopCity .select{float:left;position:relative;}
.shopCity .left{font-size:1.286em;line-height:50px;}
.shopCity .select{width:250px;height:50px;line-height:50px;margin-left:20px;cursor:pointer;position:relative;}
.shopCity .select span{display:block;position:relative;padding:0 10px;border:1px solid #d2d2d2;}
.shopCity .select:after{content:"\e60f";position:absolute;right:15px;top:0;color:#333;font-family:iconfont;}
.shopCity .select ul{position:absolute;top:48px;left:0;border:1px solid #d2d2d2;width:100%;background:#fff;display:none;z-index: 10;height:300px;overflow-y: auto;}
.shopCity .select li{line-height:35px;border-bottom:1px solid #d2d2d2;padding-left:15px;}
.shopL{width:35%;height:;overflow:hidden;}
.shopL li{padding:15px 0;border-bottom:1px solid #bfbfbf;padding-left:40px;transition:all 0.3s;}
.shopL li i{float:left;margin-left:40px;border:1px solid #808080;border-radius:100%;width:24px;height:24px;text-align:center;font-style:normal;margin-left:-35px;margin-top:5%;line-height:22px;}
.shopL li h4{font-size:1.143em;margin-bottom:8px;}
.shopL li a{display:inline-block;width:70px;height:26px;line-height:24px;text-align:center;margin-top:10px;border:1px solid #999;background:#fff;font-size:.7rem;color:#666;}
.shopL li:hover,.shopL li.on{background:#f5f5f5;}
.shopMap{width:60%;height:620px;overflow:hidden;}
.storePage{text-align:right;margin-top:15px;line-height:34px;}
.storePage .prev,.storePage .next{display:inline-block;height:34px;line-height:32px;border:1px solid #ccc;border-radius:100%;text-align:center;color:#333;font-family:"宋体";width:34px;cursor:pointer;font-weight:bold;font-size:16px;margin-right:8px;}
.storePage .prev:hover,.storePage .next:hover{border:1px solid #85c226;color:#85c226;}

/*  专卖店形象  */
.storeMenu{margin-top:40px;overflow:hidden;margin-right:-20px;}
.storeMenu li{float:left;width:25%;margin-bottom:20px;padding-right:20px;font-size:1.429em;position:relative;}
.storeMenu li .a1{display:block;border:1px solid #999;height:80px;line-height:44px;text-align:center;border-radius:5px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.storeMenu .on .a1{border:1px solid #85c226;color:#85c226;}
.storeMenu li .a2{position:absolute;left:50%;width:70px;height:26px;line-height:24px;text-align:center;margin-top:10px;border:1px solid #999;background:#fff;font-size:.7rem;color:#666;bottom:10px;z-index:2;margin-left:-45px;}
.storeMenu li .a2:hover{border:1px solid #85c226;color:#85c226;}


/*  案例列表  */
.caseList ul,.newsList ul{margin:0 -1.1%}
.caseList li{float:left;width:31%;margin:0 1.1%;border:1px solid #e5e4e4;padding:20px;margin-bottom:40px;transition:all 0.3s;overflow:hidden;}
.caseList li .pImg{padding-top:66%;margin-bottom:10px;}
.caseList li h4{font-size:1.286em;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.caseList li h4 a{color:#333;}
.caseList li h4 a:hover{color:#85c226;}
.caseList li p{min-height:60px;}
.caseList li .more{display:inline-block;width:140px;height:34px;line-height:32px;border:1px solid #e5e4e4;text-align:center;border-radius:16px;margin-top:10px;box-shadow:0 0 8px #ccc;float:right;}
.caseList li .more i{font-family:"宋体";color:#278ed4;font-style:normal;font-weight:bold;margin-left:4px;}
.caseList li:hover img{transform:scale(1.1);}
.caseList li:hover{box-shadow:0 0 8px #ccc;}
.caseList li .more:hover i{color:#85c226;}

/*  案例详情 */
.caseSlide{position:relative;background:#f5f5f5;overflow:hidden;}
.caseSlide .swiper-slide{width:100%;text-align:center;}
.caseSlide .swiper-slide .pic{display:block;width:100%;height:700px;}
.caseSlide .swiper-slide img {max-width: 100%;max-height: 100%;-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);position: absolute;left: 50%;top: 50%;}
.caseSlide .swiper-button-next,.caseSlide .swiper-button-prev{height:32px;width:24px; background-size:24px 32px;background-color:rgba(0,0,0,.5);padding:35px 15px;}
.caseSlide .swiper-pagination-bullet{background:#fff;}
.caseSlide .swiper-button-prev{left:20px;}
.caseSlide .swiper-button-next{right:20px;transition:all 1s;}
.caseSlide .back{position:absolute;top:20px;right:20px;z-index:10;background-color:rgba(0,0,0,.5);color:#fff;font-size:.875rem;width:120px;height:40px;line-height:40px;text-align:center;transition:all 1s;}
.caseSlide .back i{display:inline-block;width:21px;height:14px;background: url('../images/back.png') no-repeat;margin-left:5px;position:relative;}
.caseSlide .back:hover{background-color:rgba(0,0,0,.5);}
.caseShow_font{margin-top:10px;background:#363636;padding:3%;color:#fff;}
.caseShow_font .tie{font-size:1.714em;margin-bottom:15px;}

/*  图片 */
.picList ul{margin-right:-25px;overflow:hidden;}
.picList li{width:25%;float:left;margin-bottom:25px;text-align:center;padding-right:25px;}
.picList li a{display:block;background:#f2f2f2;border-bottom:3px solid #ddd;position:relative;}
.picList li .pImg{padding:4px;border:1px solid #e3e3e3;background:#fff;padding-top:135%;}
.picList li a::before{content: "";position:absolute;height:3px;bottom:-3px;left:0;transition:all 0.5s;width:0;}
.picList li a:hover::before{width:100%;background:#f0681b;transition:all 0.5s;}
.picList li p{height:45px;line-height:45px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display: block;padding:0 5px;}
.picList li:hover img{transform:scale(.95);}

.videoList li{float:left;width:50%;padding-right:15px;margin-bottom:20px;}
.videoList li img{transition:all 0.5s ease-in;width:100%;}
.videoList li a{display:block;position:relative;overflow:hidden;}
.videoList li a:after{content:"";position:absolute;left:50%;top:50%;margin-left:-30px;margin-top:-30px;width:60px;height:60px;background: url('../images/video_icon.png') no-repeat;-webkit-background-size:100%;background-size:100%;}
.videoList li .txt{position:absolute;bottom:0;left:0;width:100%;background: rgba(0, 0, 0, .4);padding:10px 15px;color:#fff;}
.videoList li h4{font-size:1.286em;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.videoList li:hover img{transform:scale(1.1);}

.layui-layer{box-shadow:0;}
#layui-layer-iframe1 body{background-color: rgb(0, 0, 0,.5)!important;}

/*  联系 */
.contact{font-size:1.25rem;color:#333;}
.contact .title{font-size:1.3em;text-align:center;margin-bottom:40px;}
.contactBox1 li{float:left;width:33.3%;text-align:center;border-left:1px dashed #999;font-size:.9em;padding:40px 0;}
.contactBox1 li i{display:inline-block;width:74px;height:74px;background: url('../images/c1.jpg') no-repeat}
.contactBox1 li:nth-child(3) i{background: url('../images/c3.jpg') no-repeat}
.contactBox1 li span{display:block;margin:15px 0;}
.contactBox1 li a{width:190px;height:60px;line-height:60px;background:#666;text-align:center;color:#fff;display:inline-block;}
.contactBox1 li a:hover{background:#454545;}
.contactBox1 li img{width:74px;height:74px;}
.contactBox1 li:last-child{border-right:1px dashed #999;}
.contact .p1{padding:60px 0;text-align:center;}
.contactBox2{margin-right:-3.3%;padding-top:30px}
.contactBox2 li{width:30%;margin-right:3.3%;border:1px solid #a0a0a0;float:left;text-align:center;padding-bottom:30px;}
.contactBox2 li span{position:relative;top:-18px;background:#fff;padding:0 10px;}
.contactBox2 li i{font-style:normal;margin-right:8px;font-size:1.4rem;}

.feedBox{padding:270px 0 200px 0;background-image: url('../images/feedback_bg.jpg');background-position:center;background-repeat: no-repeat;background-size: cover;}
.feedBox .main{overflow:hidden;padding:30px; background:#edebeb; color:#333;border-radius:5px;font-size:15px;background: rgba(255,255,255,.9);box-shadow: 0 0 8px #999;}
.feedBox h2{font-size:24px;min-height:40px;font-weight:normal;}
.feedBox h2 span{float:right;background: url('../images/close2.png') no-repeat;width:20px;height:20px;cursor:pointer;}
.feedBox .radio{margin-top:10px;}
.feedBox .radio label{margin-right:15px;}
.feedBox li{margin-top:10px;}
.feedBox li.n{padding-left:15px;}
.feedBox  i{font-size:15px;float:left;color:#ff0000;width:15px;font-style:normal;margin-top:8px;}
.feedBox li.n i{margin-left:-15px;}
.feedBox .p1 i{margin-top:2px;}
.feedBox li input{height:45px;line-height:45px;background:#fff;border:1px solid #ddd;padding:0 14px;border-radius:5px;width:100%;font-size:15px;color:#555;}
.feedBox li.gs,.feedBox li.code {padding-left:15px;overflow:hidden;}
.feedBox li.gs .g1,.feedBox li.code input{width:48%;float:left;}
.feedBox li.gs .g2{width:48%;float:right;}
.feedBox li.area textarea{height:120px;padding:9px 14px;border:1px solid #ddd;border-radius:5px;width:100%;font-size:16px;color:#555;background:#fff;}
.feedBox li.code input{width:220px;}
.feedBox li.code img{padding:11px;background:#fff;border:1px solid #ddd;border-left:none;}
.feedBox li.code .sub{width:120px;text-align:center;color:#fff;background:#333;border-radius:5px;font-size:16px;cursor:pointer;transition:all 0.3s;float:right;}
.feedBox  li.code .sub:hover{background:#000;transition:all 0.3s;}

.conl {float:left;width:48%}
.conr {float:right;width:48%}
@media all and (max-width: 720px) {
.top1 { font-size: 14px; line-height: 30px; color: #f5f5f5; width: auto; float: left; margin-right: 30px; margin-left: 20px; }
.top2 { font-size: 20px; line-height: 30px; color: #FFF;  width: 100%; float:left; }
.top3 { font-size: 14px; line-height: 30px; color: #f5f5f5; width: 20%; float: left; text-align: right;display: none;  }
.conl,.conr {float:none;width:100%}  
}