/* CSS Document */
a,a:visited{ color:#3f3f3f; text-decoration:none;}
a:hover{ color:#4d4948; text-decoration:none;}
.text-big{ text-transform:uppercase;}
.f-c-0260aa{color:#0260aa;}
.my-c-red{color:red;}
.my-f-16{ font-size:16px;}
.my-f-20{ font-size:20px;}
.my-f-30{ font-size:30px;}
.my-c-f9c385{ color:#6c6a6a;}
.my-c-e87c19{ color:#e87c19;}
.my-fontn{ font-weight:normal !important;}
.my-textl-5{ letter-spacing:5px;}
.my-hide{ display:none !important;}
.my-p-2{ line-height:25px; font-size:16px; color:#545454; }
.my-p-05{padding-left:.5rem; padding-right:.5rem;}
.my2-plr-0{padding-left:0; padding-right:0;}
.my-line{ border-bottom:0; border-top:1px solid #CCC;}
.my-p-30{ padding:30px;}
.my-pt-0{ padding-top:0;}
.my-pb-50{padding-bottom:50px;}
.my-pt-50{padding-top:50px;}
.my-pl-50{ padding-left:50px;}
.my-pr-50{ padding-right:50px;}
.my-pt-60{ padding-top:60px;}
.my-pt-80{ padding-top:80px;}
.my-pb-60{ padding-bottom:60px;}
.my-pb-100{ padding-bottom:100px;}
.my-plr-30,.my-plr-30a{ padding-left:30px; padding-right:30px;}
.my-plr-0{ padding-left:0; padding-right:0;}
.my-plr-40{padding-left:40px; padding-right:40px;}
.my-pl-0{ padding-left:0;}
.my-pr-0{ padding-right:0;}
.my-pr-10{ padding-right:10px;}
.my-mb-0{ margin-bottom:0;}
.my-mb-30{ margin-bottom:30px;}
.my-padding-3{ padding:50px !important;}
.my-fontw{ font-weight:bold;}
.my-h-100{ height:80px;}
.my-flex-c{display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap: wrap;justify-content:center;align-items:center; }
.my-flex-tc{display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap: wrap;justify-content:center;}
.my-flex-lc{display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap: wrap;justify-content:flex-start;align-items:center; }
.my-flex-rc{display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap: wrap;justify-content:flex-end;align-items:center; }
.my-flex-bc{display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap: wrap;justify-content:space-between;align-items:center; }
.flex-rc{
	display: -webkit-box; -webkit-box-orient:horizontal; -webkit-box-pack:end; -webkit-box-align:center;
	display: flex; justify-content:flex-end; align-items:center; flex-direction: row;
}
.flex-rt{
	display: -webkit-box; -webkit-box-orient:horizontal; -webkit-box-pack:end; -webkit-box-align:start;
	display: flex; justify-content:flex-end; align-items:flex-start; flex-direction: row;
}


.my-move{
transition:all .3s ease;
-moz-transition:all .3s ease; /* Firefox 4 */
-webkit-transition:all .3s ease; /* Safari and Chrome */
-o-transition:all .3s ease; /* Opera */
}
.my-top-50{position:fixed; top:50px;}
.hit-icon:link,.hit-icon:visited{ background:url(../images/hit.png) no-repeat center center; background-size:100% 100%;}
.hit-icon:hover{ background:url(../images/hit-hover.png) no-repeat center center; background-size:100% 100%;}
.hit-icon-2{background:url(../images/more-1.png) no-repeat center center; background-size:100% 100%;}

/*页头*/
.my-logoline{ margin-top:8px; width: 100%; border-top:1px dashed #fff; height: overflow: hidden;}
.my-logo{ text-align:center; display: block; width:70%; box-sizing:border-box; background-color:#efefef; position:absolute; top:0; left:0; z-index:100; box-shadow: 0px 0px 25px -5px #6c6969; }
.my-logo img{padding: 0 15% 15% 15%; max-width:70%; }
.my-nav{ padding-top:20px; margin-left: 140px;}
.my-nav li{ padding-left:2px; padding-right: 2px;}
.my-oType ul.dropDown-menu.menu{ border:0; left:0; background-color:transparent;}
.my-oType a{ font-size:14px !important;}
.menu > li > a {
    border-bottom:0;
	margin-bottom:1px;
	font-size:14px;
	background-color:#838281;
	color:#fff;
}
.menu > li > a:hover{color:#4d4948;}
.my-oType.hover > a{background-color:#c2c1c1;color:#4d4948;}
.my-oType:hover{ padding-top:10px;}
.search{ box-sizing:border-box; border-radius:50px; border:1px solid #e9e9e9; width: 200px; height:25px; margin-left:20px; margin-top:10px; line-height:25px;flex-wrap: nowrap; color: #969696;}
.search div{ box-sizing:border-box; float:left;}
.s-input{ border:0; padding:0; margin:0; width:100px; }
.s-left{margin-top:-10px; width:87%; font-size: 12px; }
.s-right{margin-top:-11px; width:10%; padding-right:3%; cursor:pointer;}

/*有用---start*/




boby{font-family:'Microsoft YaHei','SimSun',Arial,Sans-Serif; color:#414141; background-color:#f0f0f2;} /*有用*/
div{ box-sizing:border-box;}
.my-body-bg{background-color:#efefef;}
.my-one-bg{ background-color:#fff;} /*有用*/
.my-two-bg{background-color:#c2c1c1;}
.my-three-bg{background:#ebebed url(../images/lb-2.jpg) no-repeat center center;}
.my-four-bg{background-color:#0260aa;}
.my-five-bg{background-color:#f0f0f2;}
.my-top-bg{background-color:#fff;} /*有用*/
.navbar-nav > ul > li > a{ font-size:16px; color:#4d4948; }/*有用*/
.navbar-nav > ul > li > a:hover{ background-color:#c2c1c1; color:#4d4948;}/*有用*/

/*轮播*/
.swiper-container{ width:100%; background-color:#ebebed;}
.swiper-wrapper{width: 100%; height: 100%;}
.swiper-slide{ width:100%; height: 100% !important; background-position:center center; background-repeat:no-repeat; background-color:#c2c1c1; background-size: cover;}
.swiper-slide a{ width:100%; height: 100%; opacity:1; z-index:100; display:block; text-decoration:none;}
.swiper-container{ display:inline-block;}
.swiper-pagination-bullet {
    display: inline-block;
	background-color:#6c6a6a;
    margin: 0 5px;
    opacity: 0.8;
    cursor: pointer;
	width:15px;
	height:15px;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}




/*-------首页-------------*/
.big-tit{ font-size:30px; line-height:35px;}
.my-border-1{width:100%;}
.my-border-1 span{ display:block; border-bottom:5px solid #0260aa; width:50px; height:30px; }
.hnews{width:100%; padding:15px 30px 30px 0;}
.hnews li{padding-bottom:30px;}
.hnews .tit{ font-size:18px; line-height:30px;}
.hnews .con{ font-size:12px; line-height:22px;}
.more-new{ width:114px; height:34px; display:block;}
.home-case li img{height:188px; width:100%;}
.home-case .tit{ font-size:14px; font-weight:bold; line-height:40px;}
.home-case .con{ font-size:12px; color:#999; height:40px; overflow:hidden; line-height:20px;}
.home-case .more{width:77px; height:24px; display:block;}
.jumpcase{ width:100%; padding-top:60px;}
.jumpcase a{ display:block; line-height:30px; width:auto; font-size:16px; color:#0260aa;border-bottom:2px solid #0260aa;}
.jumpcase a:hover{ color:#000; border-bottom:2px solid #000;}
.home-store{ height:613px ;}
.home-store ul{ background-color:#FFF;}
.home-store ul li{ padding-left:0; padding-right:0;}
.home-store ul li>div{ width:100%; height:190px; overflow:hidden;}
.home-store ul li>div{ padding:30px;}
.home-store ul li>div h4{font-weight:bold; line-height:30px; margin:0;}
.home-store ul li>div p{ height:40px; overflow:hidden; line-height:20px; color:#666; text-align:left;}
.home-store .more{ width:78px; height:22px; display:block;}
.more-1{ width:37px; height:37px; display:block;}
.morezi:link,.morezi:visited,.morezi:hover{ color:#fff;}
.morezi span{display:block; font-size:18px; padding-right:10px; font-weight:bold;}

/*首页页脚*/
.my-foot{top:-5px; position:relative;}
.my-foot1{padding:40px 0;}
.my-footer{ }
.my-footer a:hover{color: #000;}
.footnav li{ width:12%; box-sizing:border-box; padding:0 0 0 30px; float:left; }
.footnav li h4{ font-weight:bold; font-size:16px; text-align:left; line-height:30px; border-right:1px solid #918f8e; width: auto;}
.footnav li p a{ display:block; line-height:22px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.my-foot2-left{ text-align:left; padding:15px 25px; font-size:45px; font-weight:bold; line-height:45px; }
.my-foot2-left img{ max-width:40px; _width:40px; padding-right:10px;}
.my-foot2-right{text-align:center;padding:15px 25px; color:#767675;}
.my-foot2-right a{ color:#767675;}


/*产品轮显*/
.pro-rollpic .prev,.pro-rollpic .next{display:block; height:68px; width:25px; cursor:pointer; float:left; color:#FFF; background-color:#ceced0; line-height:68px; text-align:center; font-size:20px;}
.pro-rollpic .prev{margin-right:20px}
.pro-rollpic .prev:hover,.pro-rollpic .next:hover{background-color:#0260aa;}
.pro-rollpic .next{margin-left:20px}
.pro-rollpicshow{float:left; border:0;}
.pro-rollpicshow li{padding:0 15px; cursor:pointer;display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap: wrap;justify-content:center;align-items:center; overflow:hidden;}
.pro-rollpicshow li{ width:560px; height:276px;}
.pro-rollpicshow img{ max-width:560px;}
.pro-rollpic{padding-left:0; padding-right:0;}
.pro-rollpic .prev,.pro-rollpic .next{ margin-top:105px;}


/*产品页*/
.my-product{padding:60px 30px; background-color:#FFF; margin-top:38px;}
.my-pro-tit{ border-bottom: 1px solid #eee;}
.my-pro-tit a{ color:#CCC;}
.my-pro-tit a:hover{ color:#000;}
.swiper-slide-1{height:350px !important;}
.swiper-slide-1 a{height:350px !important;}
.my-pro-list{ width:100%; padding-top:50px;}
.my-pro-list li{padding:0 10px 30px 10px;}
.my-pro-list .img{width:100%; overflow:hidden; background-color:#F3F3F3;}
.my-pro-list .img img{ max-width:100%; transition:all .3s;}
.my-pro-list .img img:hover{transform:scale(1.1);}
.my-pro-list .tit{ font-size:16px; padding-top:20px; text-align:center;}
.my-ziclass{padding:15px;}
.my-ziclass a{float: left; display: block; padding: 10px 15px; margin-right: 10px; box-sizing: border-box; border-radius: 5px; font-size: 14px;}
.my-ziclass a.check,.my-ziclass a:hover{background-color:#3f3f3f; color: #fff;}
.my-ziclass2{ padding:15px 0 0 0;}
.my-ziclass2 a{margin-right:15px; margin-bottom: 10px;border-bottom:1px solid #fff; line-height: 25px; font-size: 14px;}
.my-ziclass2 a:hover,.my-ziclass2 a.check{ border-bottom:1px solid #605d5c;}

/*工程案例*/
.case-class{ width:100%; padding:30px 0 0 0;}
.case-class a{ margin:0 15px; padding:10px 0; font-size:18px;}
.case-class a:hover,.case-class a.check{border-bottom:2px solid #0260aa;}

/*关于我们*/
#tab_demo{width:100%;}
.tabBar {text-align:center; border:none; white-space:nowrap; width:auto;}
.tabBar span {display:inline-block; border:1px solid #fff;border-radius:2px; padding:0 25px !important; font-size:16px;cursor: pointer; color:#929292; font-weight:bold !important; background-color:transparent; text-align:center; width:auto; font-weight:normal; height:25px; line-height:25px;}
.tabBar span.current{border:1px solid #fff;background-color:transparent;color:#000;}
.tabCon {display: none; padding-top:25px;}
.tabCon img{ max-width: 100%; height: auto;}
.tabCon table tr td{padding:10px;}
.my-keyinput{ line-height:2.2rem; width:85%; border:0; background-color:transparent; padding-left:3%; font-size:1rem}
.my-search-icon{ line-height:2.2rem; font-size:1.5rem; background-color:#969594; text-align:center; width:12%; color:#FFF; cursor:pointer;}
.my-search-icon:hover{background-color:#000;}
.my-shangjia{ border:1px solid #dfdede; width:60%;}
.my-sjmap{}

.pro-rollpic2{ width:100%;}
.pro-rollpic2 .prev,.pro-rollpic2 .next{display:block; cursor:pointer; text-align:center; font-size:50px; width:30px; float:left;  }
.pro-rollpic2 .prev{ padding-right:15px;}
.pro-rollpic2 .prev:hover{}
.pro-rollpic2 .next{}
.pro-rollpic2 .next:hover{}
.pro-rollpicshow2{float:left; border:0; padding:80px 0;}
.pro-rollpicshow2 li{padding:10px; cursor:pointer;display: -webkit-flex; overflow:hidden; width:100px; }
.pro-rollpicshow2 li img{ width:100px; height:120px; border:1px solid #fff; padding:1px;}
.pro-rollpicshow2 li img:hover,.pro-rollpicshow2 li img.check{ border:1px solid #999;}
.my-big-img1{ border:1px solid #fff; padding:10px;}

.my-big-in1{ width:100%; overflow:hidden; padding:0;}
.my-big-in1 img{ max-width:70%;}	
	
	
	
/*全国门店页面*/
.my-store-con{ padding-left:0; padding-right:0; height:auto; min-height:600px;}
.my-store-con img{ max-width:100%;}
.my-store-tit{ padding-top:15px; padding-bottom:15px;}
.my-store-meuc li{ padding-bottom:5px;}
.my-store-meuc a{ display:block; padding:5px 10px; border-radius:3px;}
.my-store-meuc a:hover{ background-color:#F0F0F0;}
.my-store-meuc a.check{background-color:#F0F0F0; color:#000;}
.my-store-link{ width:25px; padding-top:50px;}
.my-store-link a{ margin-right:0; margin-bottom:20px;}
.my-store-link img{ width:25px; height:25px;}
.rightfloat{ position:fixed; top:0;}
.erweima_small{ width:100px !important; height:100px !important;}
.Huifold .item h4{ border-radius:5px;}
.Huifold2 .item{ position:relative; padding-top:15px;}
.Huifold2 .item h4{margin:0;font-weight:bold;border:0; position:relative; border-radius:5px;font-size:18px;line-height:50px;padding:0 10px;background-color:#eee;cursor:pointer;padding-right:30px}
.Huifold2 .item .info{display:none;padding:10px}
.Huifold2 .item h4 span{position:absolute;display: block; cursor:pointer;right:10px;top:3px;width:45px;height:45px; overflow:hidden; border-radius:50%; text-align:center; color:#666; }
.Huifold2 .item h4 span img{ text-align:center; height:60px;}	

/*招商加盟*/
.my-join-tone{ border-bottom:1px solid #d69d4d; height:90px; line-height:90px; color:#d69d4d; font-size:30px; font-weight:bold; position:relative;}
.my-join-table{ margin-top:40px; line-height:30px; font-size:16px;}
.my-join-table td{font-size:16px;}

/*新闻资讯页面*/
.newinfo{}
.newmain{background-color:#fff; margin-top:50px; padding:40px 30px;}
.newmain-1{ padding:50px 45px; width:1120px; overflow:hidden; background-color:#FFF; margin-bottom:70px;}
.newmain-tit{padding:0 15px 15px 0;}
.newmain-hot{ padding:20px 0 50px 0; margin-bottom:20px;}
.newmain-hot .img{max-height:255px; overflow:hidden;}
.newmain-time,.newmain-more{ font-size:12px; padding:10px 0;}
.newmain-list{ border-bottom:1px solid #e8e8e8;border-top:1px solid #e8e8e8; padding:30px 0; display:inline-block;}
.newmain-list li{}
.newview{padding:50px; overflow:hidden; background-color:#FFF;}
.newview-tit{ text-align:center; padding:15px 0;}

.newview-con{border-top:1px solid #e8e8e8;padding:30px 0; margin-top:20px; line-height:30px; font-size:14px;}
.newview-con img{ text-align:center; max-width:100%;}
.nvbg{background-image:url(../images/newview_bg.jpg);}
.newpage{width:100%; float:left; text-align:center; padding:40px 0 0 0;}
.newpage div{ display:inline-block;}
.newpage div a{ display:block; margin:0 150px; font-size:16px; float:left;}

.viewpage{width:100%; float:left; text-align:center; padding:50px 0;}
.viewpage div{ display:inline-block;}
.viewpage div a{ display:block; padding:0 80px; font-size:16px; float:left;}
.viewpage .meuc{ background:url(../images/meuc.png) no-repeat 60px 7px;}


.about-share1 div{padding-right:20px; line-height:35px;}
.gn-sj-share1>div{width:140px; height:50px; padding:5px 0 0 5px;}
.gn-sj-share1>div>div,.gn-sj-share1>div>div>a{ float:left; width: auto;}
.gn-sj-share1 .sharewx{padding-top:7px; margin-top:0;  }
.gn-sj-share1 .sharewx_ewm{ width:80px; height:80px; margin:5px 0; background-color:#FFF !important; background:url(../images/loading.gif) no-repeat center center; background-size:15px 15px;}
.pro-class1{ box-sizing:border-box;}
.pro-class1 li{ height:35px;}
.pro-class1 li a{ width:100%; height:35px; display:block;}
.pro-class1 li.tit{ line-height:45px; letter-spacing:7px; font-size:22px; height:45px; background-color:#4d4948; color:#FFF; text-align:center;}
.new-more{ box-sizing:border-box; border-bottom:1px solid #999;}
.new-more li{ padding-left:10px; }
.new-more li img{ max-width:100%; height:auto;}
.new-more li a{ width:100%; line-height:30px;  font-size:14px; display:block;}
.new-more li a:hover,.new-more li a:hover i,.new-more li a.check,.new-more li a.check i{ color:#c1c0c0;}
.new-more li a:hover{padding-left:10px;
transition:all .3s ease;
-moz-transition:all .3s ease; /* Firefox 4 */
-webkit-transition:all .3s ease; /* Safari and Chrome */
-o-transition:all .3s ease; /* Opera */}
.new-more li.tit{ line-height:45px; letter-spacing:7px; font-size:22px; height:45px; background-color:#4d4948; color:#FFF; text-align:center;}
.new-more li.bottom{ border-bottom:1px solid #e3e2e2; height:20px; width:90% }
.pro-more li{padding:15px 10px 0 10px;}
.pro-more li.tit{ padding-top:0;}

/*产品详细页面CSS*/
.pview{ margin-bottom:20px; padding:40px 0; }
.pview-left{ padding-left:40px;}

.pview-btn{padding-top:20px;}
.pview-btn img{ width:45px; height:45px; border:1px solid #FFF; margin-right:5px; float:left; cursor:pointer; }
.pview-btn .check,.pview-btn img:hover{border:1px solid #29675c;}
.pview-right{ padding-right:40px;}
.pview-rtop{ border-bottom:2px solid #f5f5f5; padding:0 0 5px 0; text-align:right; color:#b6b6b5;}
.pview-rtop a{ color:#b6b6b5;}
.pview-rtop a:hover{ color:#000;}
.pview-tit{ line-height:60px; font-size:24px; font-weight:normal; height:60px; overflow:hidden;border-right:2px solid #f5f5f5; padding:0;}
.pview-love{ padding:10px 0 0 55px; background:url(../images/like.jpg) no-repeat 55px 7px; text-indent:30px;}


.pview-rmid{padding:10px 0 40px 0;border-bottom:2px solid #f5f5f5;}
.pview-rmid td{padding:5px 0; font-size:14px;}
.pview-rmid .big{font-size:20px;}
.pview-share{ padding-top:10px;}
.pview-share > div{float:right; padding-right:20px; font-size:14px; line-height:30px;}
.pro-detial{background-color:#FFF; padding:45px; border-top:20px solid #efefef;}
.pro-dleft{padding-right:10px; overflow:hidden;}

.gn-sj-share{ position:absolute; bottom:-50px; left:-50px; z-index:10; display:none; padding-top:10px;}
.gn-sj-share>div{width:140px; height:50px; border:1px solid #F3F3F3; background-color:#FFF;  padding:5px 0 0 10px;}
.gn-sj-share>div>div{ float:left;}
.gn-sj-share .sharewx{padding-top:3px;z-index:15 !important; font-size:18px;  }
.gn-sj-share .sharewx_ewm{ width:80px; height:80px; margin:5px 0; background-color:#FFF !important; background:url(../images/loading.gif) no-repeat center center; background-size:15px 15px;}
/*.pro-dleft h2{background-color:#b4b2b2; text-align:center; height:25px; line-height:25px; color:#FFF; font-size:16px; font-weight:normal; margin-bottom:20px;}
.pro-dleft a{ margin:10px 0; display:block;}
.pro-dleft a img{ width:190px;}
*/
.pro-dright{}
.pro-dright img{ max-width:100%;}
.dright-tit{ height:40px;}
.dright-con{ width:100%; overflow:hidden; padding-top:30px;}
.dright-con img{ max-width:100%;}
.dright-alert{ border-bottom:#999 1px dotted; float:none; height:20px; text-align:center; margin:20px 0 20px 0; }
.dright-alert-zi{padding:0 30px; display:inline-block; background-color:#FFF; position:relative; top:8px;}
.pro-texing img{ padding-top:10px; padding-right:15px; width:40%; box-sizing:border-box;}
.pro-class{ box-sizing:border-box;}
.pro-class li{ height:55px;}
.pro-class li a{ width:100%; height:48px; line-height:24px; font-size:16px; display:block;}
.pro-class li a:hover,.pro-class li a:hover i,.pro-class li.check a,.pro-class li.check a i{ color:#c1c0c0;}




.pro-class li a:hover{padding-left:10px;
transition:all .3s ease;
-moz-transition:all .3s ease; /* Firefox 4 */
-webkit-transition:all .3s ease; /* Safari and Chrome */
-o-transition:all .3s ease; /* Opera */}
.detail-left{ z-index:99;}
.pro-class li.tit,.detail-left > .tit{ line-height:45px; letter-spacing:7px; font-size:22px; height:45px; background-color:#4d4948; color:#FFF; text-align:center;}
.pro-class li.bottom,.detail-left > .bottom{ border-bottom:1px solid #e3e2e2; height:20px; width:90% }
.pro-left-two{ border:2px solid #dcdbdb; border-radius:20px; margin-top:30px; padding:20px;}
.pro-left-two img{ max-width:100%; text-align:center; padding:10px 0;}
.my-big-img{padding:0;}
.my-big-in{ width:100%; overflow:hidden;padding:0; background-color:#CCC;}
.my-big-in img{ width:100%;}
.my-pro-left-tit{position: absolute; background-color:#000; height:40px; width:100%; line-height:40px; bottom:0; left:0; box-sizing:border-box; font-size:14px; opacity:0.7;filter:Alpha(opacity=70); color:#fff;}
.pro-rollpic1{}
.pro-rollpic1 .prev,.pro-rollpic1 .next{display:block; height:25px; width:25px; cursor:pointer; float:left; text-align:center; font-size:40px;}
.pro-rollpic1 .prev{margin-top:20px;padding-right:15px;}
.pro-rollpic1 .prev:hover{}
.pro-rollpic1 .next{margin-top:20px; padding-left:0;}
.pro-rollpic1 .next:hover{}
.pro-rollpicshow1{float:left; border:0;}
.pro-rollpicshow1 li{padding:3px 7px; cursor:pointer;display: -webkit-flex; /* Safari */display: flex;flex-direction:column;flex-wrap: wrap;justify-content:center;align-items:center; overflow:hidden; width:95px; height:95px; }
.pro-rollpicshow1 li img{ width:95px; border:1px solid #fff; padding:1px;}
.pro-rollpicshow1 li img:hover,.pro-rollpicshow1 li img.check{ border:1px solid #999;}
#morepro{display:none;}
#morepro ul li{padding:10px; cursor:pointer;display: -webkit-flex; /* Safari */display: flex;flex-direction:column;flex-wrap: wrap;justify-content:center;align-items:center; overflow:hidden;}
#morepro ul li img{ max-width:100%; height:atuo !important; border:1px solid #fff; padding:1px;}
#morepro ul li img:hover,#morepro ul li img.check{ border:1px solid #999;}



/*招商页面*/
.my-join-tit{text-align:center;}
.my-join-ttwo{ position:absolute; bottom:-15px; background-color:#d69d4d; border-radius:50px; height:30px; line-height:30px; font-size:16px; color:#fff; left:0; right:0; }
.my-img-70{ width:80%; text-align:center;}

.my-form {
    width: 100%;
    margin: 30px auto;
}
.my-form tr th{ font-size:16px;}
.red{ color:#F00; padding-left:5px;}
.zx-new-1{width:100%; padding:60px 25%; float:left; }
.zx-new-1 td{ padding-bottom:1rem;}
.zx-tit{ font-size:1.2rem; color:#e9a02d; padding-right:.5rem; }
.zx-input{ box-sizing:border-box; margin-top: 5px; border:1px solid #b6b5b5; width:100%;  padding:7px 10px; border-radius:5px; font-size:14px;}
.zx-submit{ text-align:center; width:100px; font-size:14px; padding:7px 10px; border-radius:5px; background-color:transparent; box-shadow:none; border:1px solid #b6b5b5; font-family:'Microsoft YaHei','SimSun',Arial,Sans-Serif; cursor:pointer; margin-left: 20px;}
.zx-submit:hover{border:1px solid #eb3d00; color: #eb3d00;}


/*视频*/
.my-design{ border:1px solid #bbbbbb; background-color:#ededed; position:relative;}
.my-design img{width:100%;}
.my-design p{ padding:5px 15px; height:80px; display: -webkit-flex; display: flex; flex-direction: row;justify-content: center; align-items:center; text-align:center; overflow:hidden; font-size:16px; box-sizing:border-box;}

/*有用----end*/









/*分页*/

.m-pagination{height:36px;color:#666; padding-bottom:35px;}
.m-pagination .inner{display:inline-block; list-style-type:none; clear:both; padding-bottom:20px;}
.m-pagination .inner li{ float:left; }
.m-pagination .inner a{margin-bottom:0.5rem !important; }
.m-pagination .inner .btn,.m-pagination .inner .page,.m-pagination .inner .hidden,.m-pagination .inner .selected{display:inline-block;min-width:16px;_width:16px;height:25px;padding:0 3px;border:1px solid #908b8a;line-height:25px;white-space:nowrap;font-family:Arial,Tahoma,SimSun;text-align:center;vertical-align:top;text-decoration:none;color:#484848;font-size:18px; margin:0;}
.m-pagination .inner .btn:hover,.m-pagination .inner .page:hover{border-color:#000;color:#000;background-color:#9e9e9e;}
.m-pagination .inner .selected{border-color:#000;font-weight:bold;color:#000;background-color:#9e9e9e;}
.m-pagination .inner .prev,#list-page .m-pagination .inner .next{position:relative;width:60px;}
.m-pagination .inner .prev{padding-left:20px;}
.m-pagination .inner .next{padding-right:20px;}
.m-pagination .inner .text{display:inline-block;padding-left:10px;}
.m-pagination .inner .num{width:30px;height:18px;border:solid 1px #999;text-align:center;}






/*遮罩层*/
.maskBox{position:absolute;width:100%; height:100%;top:0;left:0; bottom:0;right:0;z-index:2;color:#fff!important; background-repeat:no-repeat; background-position:center center; display:block;}

.maskWraper.hover .maskBox{ background-color:rgba(0,0,0,0.6); background-image:url(../images/logoicon-1.png);
 transition: all 500ms;
  -moz-transition: all 500ms; /* Firefox 4 */
  -webkit-transition: all 500ms; /* Safari 和 Chrome */
  -o-transition: all 500ms; /* Opera */
}
.maskWraper.hover .maskBox-1{background-image:url(../images/video-icon.png);}




/*弹出框*/
.fade {opacity: 0;
	-webkit-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	transition: opacity .15s linear}
.fade.in {opacity: 1}
.modal-open {overflow: hidden}
.modal{ position:fixed; left:0; top:0; right:0; bottom:0; z-index:1040; display:none; overflow:hidden;-webkit-overflow-scrolling:touch; outline:0}
.modal.fade .modal-dialog{
	-webkit-transition: -webkit-transform .3s ease-out;
	-o-transition: -o-transform .3s ease-out;
	transition: transform .3s ease-out;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%)}
.modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0)}
.modal-open .modal {overflow-x: hidden;overflow-y: auto}
	.modal-backdrop {position: fixed;top: 0;right: 0;bottom: 0;left: 0;background-color: #000}
	.modal-backdrop.fade {filter: alpha(opacity=0);opacity: 0}
	.modal-backdrop.in {filter: alpha(opacity=50);opacity: .5}
	
	.modal-content{position: relative;background-color: #fff;border: 1px solid #999;border: 1px solid rgba(0,0,0,.2);outline: 0;
		-webkit-background-clip: padding-box;
		background-clip: padding-box; 
		-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
		box-shadow: 0 3px 9px rgba(0,0,0,.5);
		}
	
		.modal-header {min-height: 16.42857143px;padding: 15px;border-bottom: 1px solid #eee; position:relative}
		.modal-header .close{position:absolute; right:10px; top:10px}
		.modal-header h3,.modal-header .modal-title{margin:0; padding:10px 0; font-size:16px}
	
		.modal-body {position:relative;padding: 15px;overflow-y:visible;word-break:break-all; clear:both;}
			.modal-form {margin-bottom: 0}
	
		.modal-footer {padding:15px;margin-bottom: 0;text-align: right;background-color: #f5f5f5;border-top: 1px solid #eee;*zoom: 1}
		.modal-footer:before,.modal-footer:after {display: table;content: ""}
		.modal-footer:after {clear: both}
		.modal-footer .btn + .btn {margin-left: 5px;margin-bottom: 0}
		.modal-footer .btn-group .btn + .btn {margin-left: -1px}
		.modal-footer .btn-block + .btn-block {margin-left: 0}
		
	.modal-scrollbar-measure {position: absolute;top: -9999px;width: 50px;height: 50px;overflow: scroll}
	
	.radius .modal-content{ border-radius:6px}
	.radius .modal-footer{ border-bottom-left-radius:6px; border-bottom-right-radius:6px;}

	
	


@media (max-width: 320px) {
  	.my-xx-f-08{ font-size:.8rem;}
}


@media (max-width: 765px) {
	body{ margin:0; padding:0;overflow-x:hidden; font-size:16px; }
	.container{ padding:0;}
	.my-xs-f-08,.my-xs-f-1{font-size:1rem;}
	.my-xs-mt-0{ margin-top:0;}
	.my-xs-m-0{ margin:0;}
	.my-xs-mb-1{ margin-bottom:1rem;}
	.my-xs-pt-0{ padding-top:0 !important;}
	.my-xs-pl-30{ padding-left:30px !important;}
	.my-xs-p-0{padding-left:0 !important; padding-right:0 !important;}
	.my-xs-p-05{padding-left:.5rem; padding-right:.5rem;}
	.my-xs-p-05i{padding-left:.5rem !important; padding-right:.5rem !important;}
	.my-xs-lh-2{ line-height:2rem;}
	.visible-xs::after{ background-color:transparent}
	.my-top-icon img{ width:20px; height:20px;}
    .my-top-icon{margin-right:10px; display:block; float:right;}
	.my-search{ height:2rem; overflow:auto; background-color:#FFF; border:#cccacb 1px solid; box-shadow:1px 1px 1px #CCC; box-sizing:border-box; padding-left:0; padding-right:0;}
   .my-search form{ background-color:transparent;}
   .my-search input{ line-height:2rem; height:1.9rem; border:0; float:left;  overflow:hidden; background-color:#FFF;}
   .my-search img{height:1.8rem;  padding:2px; cursor:pointer;  opacity:1;}
   .panel-header{ height:auto !important;}
   .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    border-radius: 5px;
    border: 1px solid #fff;
   }
   .swiper-pagination{ bottom:0 !important;}
   /*移动*/
   .my-join-ttwo.col-offset-3{ margin-left:0;}
   .my-pro-meuc{padding:0;}
   .my-pro-meuc a{ font-size:0.8rem;}
   .my-pro-con{padding:0;}
   .my-xs-prozi{ padding-right:0;}
   .my-xs-prozi h4{ font-size:1rem; color:#333;}
   .my-xs-prozi p{ font-size:0.6rem; color:#333;}
   .mui-ellipsis-3 {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
	}
	.my-pro-img{ height:6rem !important;}
	.my-xs-h3{ font-size:1.2rem; font-weight:bold; padding:0.5rem 0 0 0;}
	.HuiTab{ padding-left:0;}
	.my-xs-meuc{ text-align:right; margin-top:-.3rem;}
	.my-xs-meuc > a{ display:inline-block; padding:0 .2rem !important; border:2px solid #CCC; border-radius:5px; background-color:#F3F3F3; font-size:2rem; color:#999; line-height:1.8rem; height:1.8rem;}
	.my-xs-meuc > a.active{ border:2px solid #333;background-color:#333; color:#fff !important;}
	.my-xs-meuc > a:hover{ color:#999;}
	.my-xs-item{ position:absolute; right:0; top:2.5rem; z-index:999; background-color:#F3F3F3; display:none;}
	.my-xs-item li{ width:6rem; padding:0.5rem; text-align:center; border-bottom:1px solid #ccc; }
	
	
	/*关于我们*/
	#tab_demo{width:100%;}
	.tabBar {display:inline-block; text-align:center; border:none; white-space:nowrap; width:auto;}
	.tabBar span {display:inline-block; border:1px solid #fff;border-radius:2px; padding:0 .6rem; font-size:1rem;cursor: pointer; color:#929292; font-weight:bold !important; background-color:transparent; text-align:center; width:auto; font-weight:normal; height:25px; line-height:25px;}
	.tabBar span.current{border:1px solid #fff;background-color:transparent;color:#000;}
	.tabCon {display: none; padding:25px 15px 0 15px;}
	.tabCon img{ max-width: 100%; height: auto; display: block;}
	.tabCon table tr td{padding:10px;}
	/*招商加盟*/
	.my-join-tone{ border-bottom:1px solid #d69d4d; height:90px; line-height:90px; color:#d69d4d; font-size:1.5rem; font-weight:bold; position:relative;}
	.my-join-table{ margin-top:40px; line-height:30px; font-size:1rem;}
	.my-join-table td{font-size:1rem;}
	/*工程案例*/
	.my-pcase{padding-bottom:1rem;}
	.my-pcase-img{ background-color:#F2F2F2; border:2px solid #CCC; padding:0.5rem; border-radius:10px;}
	.my-xs-ml--06{margin-left:-0.6rem;}
	.my-xs-ml-06{margin-left:0.8rem;}
	/*产品中心*/
	.my-pro-guo{ height:9rem; overflow:hidden;display: -webkit-flex; /* Safari */ display: flex; align-items:center; padding-left:.5rem; padding-right:.5rem; margin-bottom:1rem;}
	.my-xs-pt-2{ padding-top:2rem;}
	.my-canshu-tit{font-weight:bold;}
	.my-pro-canshu{padding-bottom:1rem;}
	.my-pro-canshu li{ height:1.5rem; line-height:1.5rem; width:100%; clear:both;}
	.my-oType.open .my-oType-item{padding:25px 0px !important; margin-left:1.5rem;}
	.m-pagination .inner span,.m-pagination .inner a{ font-size:1rem !important;}
}


@media ( min-width : 768px) and (max-width: 991px) {
	.container {width: 750px}
	.my-f-16{ font-size:14px;}
	.modal-dialog{width:750px; height:650px;}
	.my-nav{padding-top:36px;margin-left: 120px;}
	.my-nav li{ padding-left:0; padding-right:0;}
	.my-logo{width:100%;}
	.navbar-nav > ul > li{line-height:30px;}
	.navbar-nav > ul > li > a{padding:4px 10px; font-size:12px; line-height:30px; }
	.menu > li > a{font-size:12px !important; }
	.my-h-100{ height:85px;}
	.search{ position:absolute !important; top: 0; right: 0;}
	.search div{padding-top:6px;}
	
	.my-foot2-left{ text-align:left; padding:15px 25px; font-size:30px; font-weight:bold; line-height:45px; }
    .my-foot2-left img{ max-width:30px; _width:30px; padding-right:10px;}
	.pro-class li.tit,.detail-left > .tit,.pro-class1 li.tit{ font-size:16px; line-height:35px; height:35px; }
	.footnav li{ padding:0 10px 0 10px; }
	.footnav li h4{font-size:14px; line-height:28px;}
	.viewpage div a{ padding:0 50px; font-size:16px; float:left;}
    .viewpage .meuc{ background:url(../images/meuc.png) no-repeat 30px 7px;}
	.gn-sj-share1>div{padding:5px 0 0 15px;}
	.my-product{padding:40px 15px;}
	.my-pro-list{padding-top:30px;}
	.my-pro-list .tit{ font-size:14px;}
	.pro-class li{ height:40px;}
    .pro-class li a{ width:100%; height:40px; line-height:20px; font-size:12px; display:block;}
    .pro-class li a:hover,.pro-class li a:hover i,.pro-class li.check a,.pro-class li.check a i{ color:#c1c0c0;}
	
	.my-pr-10{ padding-right:5px;}
	.pview-rmid td{font-size:12px; padding:2px 5px 2px 0;}
	.pview-rmid .big{font-size:16px;}
	.pro-rollpicshow1 li{padding:3px 2px; width:50px; height:50px;}
	.pro-rollpicshow1 li img{ width:50px;}
	.pro-rollpic1 .prev{margin-top:8px;padding-right:5px; font-size:30px;}
    .pro-rollpic1 .next{margin-top:8px; padding-left:0; font-size:30px}
	.pview-share{ padding-top:0;}
	.pview-share > div{ font-size:12px;}
	.pro-detial{padding:30px 20px;}
	.my-design p{ padding:10px 10px 0 10px; height:40px; font-size:14px;}
	
	
	
	.home-case li img{height:105px;}
	.pro-rollpicshow li{ width:320px; height:157px;}
    .pro-rollpicshow img{ max-width:320px;}
	.pro-rollpic .prev,.pro-rollpic .next{ margin-top:40px;}
	.pro-rollpicshow li{padding:0 10px;}
	.pro-rollpic .prev{margin-right:10px}
    .pro-rollpic .next{margin-left:10px}
	
	.home-store{ height:400px ;}
	.home-store ul li>div{ padding:5px 10px 10px 10px;}
	.home-store ul li>div{height:111px;}
	.home-store ul li>div h4{ line-height:26px; font-size:14px;}
	.my-big-in{height:255px;}
	.pview-tit{ line-height:50px; font-size:20px; height:50px; }
	.pview-love{ padding:10px 0 0 20px; background:url(../images/like.jpg) no-repeat 55px 7px; text-indent:10px;}
	.pro-texing img{width:50%;}
	.newpage div a{margin:0 100px;}
	.f-14{ font-size:12px;}
	.f-18{ font-size:16px;}
	.my-plr-30a{padding-left:0px; padding-right:0px;}

	
   
}
@media ( min-width : 992px) and (max-width: 1199px) {
	.container {width: 970px;}
	.my-f-16{ font-size:14px;}
	.modal-dialog{width:750px; height:650px;}	
	.my-nav{padding-top:15px;margin-left: 0x;}
	.my-nav li{ padding-left:0; padding-right:0;}
	.my-logo{width:90%;}
	.menu > li > a{font-size:14px; }
	.navbar-nav > ul > li > a{ font-size:14px; padding-left: 8px; padding-right: 8px; }
	.my-h-100{ height:70px;}
	
	.pro-class li.tit,.detail-left > .tit,.pro-class1 li.tit{ font-size:20px; }
	.footnav li{ padding:0 10px 0 25px; }
	.my-product{padding-top:40px;}
	.my-pro-list{padding-top:30px;}
	.pro-rollpicshow1 li{padding:3px 4px; width:70px; height:70px;}
	.pro-rollpicshow1 li img{ width:70px;}
	.pro-rollpic1 .prev{margin-top:10px;padding-right:15px;}
    .pro-rollpic1 .next{margin-top:10px; padding-left:0;}
	
	.home-case li img{height:140px;}
	.pro-rollpicshow li{ width:410px; height:201px;}
    .pro-rollpicshow img{ max-width:410px;}
	.pro-rollpic .prev,.pro-rollpic .next{ margin-top:55px;}
	.home-store ul li>div{height:143px;}
    .home-store{ height:450px ;}
	.home-store ul li>div{ padding:10px;}
	.my-big-in{height:348px;}
	.pview-tit{ line-height:50px; font-size:20px; height:50px; }
	.pview-love{ padding:10px 0 0 20px; background:url(../images/like.jpg) no-repeat 55px 7px; text-indent:10px;}
	.pro-texing img{width:50%;}
	.my-plr-30a{padding-left:0px; padding-right:0px;}
	
	
	
	
	
}
@media ( min-width : 1200px) and (max-width: 1299px) {
	.modal-dialog {width:900px; height:700px;}
	.navbar-nav > ul > li > a{padding-left:14px;padding-right:14px;}
	
	.container {width: 1170px}
	.home-case li img{height:173px;}
	.pro-rollpicshow li{ width:500px; height:245px;}
    .pro-rollpicshow img{ max-width:500px;}
	.pro-rollpic .prev,.pro-rollpic .next{ margin-top:90px;}
	.home-store ul li>div{height:174px;}
	.my-big-in{height:430px;}
    .my-nav li{ padding-left:0; padding-right:0;}
	.my-logo{width:75%;}


	
	
}
@media ( min-width : 1300px) {
	.container {width: 1270px;}
	.modal-dialog {width:900px; height:700px;}
}