

body{font-family:'Microsoft YaHei','SimSun',Arial,Sans-Serif;}
a,a:visited{ text-decoration:none !important; color: #4A4747;}
a:hover{color:#6f4b04;}
img {
    border: none;
    vertical-align: top;
	transition:all .3s;
-moz-transition:all .3s; /* Firefox 4 */
-webkit-transition:all .3s; /* Safari 和 Chrome */
-o-transition:all .3s; /* Opera */
}

.index-bg{
margin-top:85px;
background-color: #000;
background-position: center center;
background-repeat: no-repeat;
transition: background 1.5s;
-moz-transition: background 1.5s;	/* Firefox 4 */
-webkit-transition: background 1.5s;	/* Safari 和 Chrome */
-o-transition: background 1.5s;
	overflow: hidden;
}

.floor{display:inline-block; width:100%;}
.my-mt--5{margin-top:-5px;}
.my-pl-10{ padding-left:10px;}
.my-pr-10{ padding-right:10px;}
.my-plr-5{ padding-left:5px; padding-right:5px;}
.my-pl-0{padding-left:0;}
.my2-plr-0{padding-left:0; padding-right:0;}
.my-pr-0{padding-right:0;}

.my-pb-35{ padding-bottom:35px !important;}
.my-bt-50{ padding-top:100px;}
.my-fontw{ font-weight:bold;}
.my-f-70{ font-size:70px; line-height:70px;}
.my-f22{ font-size:22px;}
.my-f18{ font-size:18px;}
.my-f14{ font-size:14px;}
.my-border-2{ border-bottom:1px solid #e8e8e8;}
.my-border-3{ border-bottom:1px solid #c68a0e;}
.my-pt-45{padding-top: 45px;}
.my-pt-80{ padding-top:80px;}
.my-pt-150{padding-top:150px;}
.my-pb-50{padding-bottom:50px;}
.my-pb-90{padding-bottom: 90px;}
.my-pb-100{padding-bottom: 100px;}
.my-pb-150{padding-bottom: 150px;}
.my-bg-fff{ background-color:#FFF;}
.my-ml-0{ margin-left:0;}
.my-mr-0{ margin-right:0;}

.my-border-0{ border:0 !important;}
.my-c-4c4948{ color:#4c4948;}
.my-left-30{ left:30px !important;}
.my-top-100{position:fixed; top:100px;}
.a-000 a{ color:#666; text-decoration:none;}
.a-000 a:hover{ color:#000;}
.my-border-4{border-top:1px solid #b6b7ba;}
.my-bg-ddd{ background-color: #dddddd;}
.my-bg-dcdcdc{ background-color: #dcdcdc;}
.my-flex-hc{display: flex; justify-content: center; align-items: center; flex-direction:column;}
.my-flex-hl{display: flex; justify-content:center; align-items:flex-start; flex-direction:column;}
.my-flex-c{display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap: wrap;justify-content:center;align-items:center; }
.my-flex-ct{display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap: wrap;justify-content:center;align-items:top; }
.my-flex-lc{display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap: wrap;justify-content:flex-start;align-items:center;align-content:center;}
.my-flex-rc{display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap: wrap;justify-content:flex-end;align-items:center;align-content:center;}
.my-flex-rt{display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap: wrap;justify-content:flex-end;align-items:flex-start;align-content:flex-start;}
.my-flex-bc{display: -webkit-flex; /* Safari */display: flex;flex-direction: row;justify-content:space-between;align-items:center;}
.floatl{float:left;}
.floatr{float:right;}
.font12{ font-size:12px;}
.font15{ font-size:15px !important;}
.font16{ font-size:16px !important;}
.font18{ font-size:18px;}
.font20{ font-size:20px;}
.font22{ font-size:22px;}
.fontw{ font-weight:bold;}
.fontc{ text-align:center;}
.my-f-c68a0e{color:#c68a0e;}
.my-one-bg{ background-color:#fff;} 
.my-two-bg{ background-color:#eee;} 
.my-pt-60{ padding-top:60px;}


/*页头*/
.container-fluid{padding:0;}
.header.container-fluid,header.container-fluid{background-color:#fff;height: 85px; position: fixed; top: 0; left: 0; z-index: 100;}
.my-topnav{padding-top: 15px; padding-bottom: 15px;}
.my-navbar{ padding-top: 15px; height:40px;line-height:40px; padding-left:0; padding-right: 0;}
.my-navbar>div{padding:0 5px; float: left; position: relative;text-align: center;height:60px; margin: 0 5px;}
.my-navbar>div>a{display:block; overflow: visible;}
.my-navbar>div>a.active{border-bottom: 2px solid #c68a0e;}
.my-navbar>div .item{display:none;position: absolute;top:55px;  width:550px; min-height:300px; background-color: #eee; box-sizing: border-box; padding: 30px 40px; }
.my-navbar>div .item1{left: -100px;}
.my-navbar>div .item2{right: -80px;}
.my-navbar>div .item>ul{width:150px; float: left; padding:10px 0 30px 0; border-right: 1px solid #ccc;}
.my-navbar>div .item>ul li{text-align: left; font-size: 16px; position: relative;}
.my-navbar>div .item>ul li .ziclass{position:absolute; top: 10px; left: -130px;  width:120px; box-sizing: border-box; background-color: rgba(0,0,0,.7); display: none;}
.my-navbar>div .item>ul li .ziclass>a{width:100%;padding:5px 10px; box-sizing: border-box; color: #fff; display: block; line-height:20px; font-size: 14px;}
.my-navbar>div .item>ul li .ziclass>a:hover{background-color: rgba(0,0,0,1);}

.my-navbar>div .item>div{width: 280px; float: right; padding-left: 20px;}
.my-navbar>div .item>div .img{display:flex; justify-content: center; align-items: center; overflow: hidden; width:100%; height: 180px; margin-bottom: 15px;}
.my-navbar>div .item>div .img img{width:100%;}
.my-navbar>div .item>div .img img:hover{transform:scale(1.1);}

.my-navbar>div .item>div p{line-height:25px; text-align: justify; font-size: 14px; overflow: hidden; max-height:150px;}

.head-pronav{width: 180px; height:265px; padding-top:12px; padding-left:0; padding-bottom: 20px; position:absolute; left:-30px; top:40px; display: none; font-size: 12px; background:url(../images/sdb2019-up.png) no-repeat 60px top; z-index: 99;}

.head-pronav .my-nav-list{background-color: rgba(0, 0, 0, 0.7); position:absolute; padding: 20px 0 0 0; top:12px; left:0; width:100%; line-height:30px; height:280px;box-sizing: border-box; font-size: 14px}
.head-pronav .my-nav-list div{border-bottom:1px solid #7a7a7d; text-align: left; padding-top:0.15rem; padding-bottom: 0.15rem;}
.head-pronav .my-nav-list div a{}
.head-pronav .my-nav-two{background-color: rgba(0, 0, 0, 0.7); position:absolute; top:12px; padding: 20px 0 0 5px; left:-180px; border-right: 1px solid #7a7a7d; width:100%; height:280px;  display: none;line-height:28px; box-sizing: border-box;text-align: left;font-size: 14px;}
.head-pronav .my-nav-two div a{}

.allsearch i{cursor:pointer; font-size: 20px;}
.allsearch>div{display:none;position: absolute;top:55px; right: -20px;  width:280px; height:120px; background-color: #eee; box-sizing: border-box; padding:20px 20px 10px 20px; overflow:hidden;}
.allsearch>div input[type=text]{width:100%; height: 35px; padding:5px 20px; border: 1px solid #c68a0e; box-sizing: border-box; border-radius: 5px;}
.allsearch>div input[type=submit]{width:100%; height: 35px; color: #fff; background-color:#c68a0e; padding:5px 20px;box-sizing: border-box; border-radius: 5px;border: 0; font-size: 14px; cursor: pointer; letter-spacing: 10px;}


/*首页轮显*/
#swiper-banner video{ width: auto; height:790px;padding: 0; margin: 0;}
#swiper-banner .swiper-slide{height:790px;}
#swiper-banner .swiper-slide a{height:790px;}



/*6大版块*/
.my-iconnav{margin-top:60px;}
#my-main{ margin-top:10px; margin-bottom:10px; z-index: 999; }
.my-iconnav{position:relative;}
.my-iconnav li{ height:200px; padding-left:0; padding-right:0; cursor:pointer; background:url(../images/index-icon1.png) no-repeat;position:relative;opacity: .85; filter:Alpha(opacity=85); }
.my-iconnav li:hover{background-color:#c68a0e; background-image: url(../images/index-icon.png)}
.my-iconnav a{ width:100%; height:100%; display:block; text-decoration:none;}
.my-iconnav .nav-bg-1{ background-color:#eee;}
.my-iconnav .nav-bg-2{background-color:#d1d1d1;}
.my-iconnav .icon-bg-1{ background-position:center 50px;}
.my-iconnav .icon-bg-2{ background-position:center -372px;}
.my-iconnav .icon-bg-3{ background-position:center -772px;}
.my-iconnav .icon-bg-4{ background-position:center -1172px;}
.my-iconnav .icon-bg-5{ background-position:center -1572px;}
.my-iconnav .icon-bg-6{ background-position:center -1972px;}
.my-title a{ text-decoration:none;}
.my-title a:hover{ color:#000;}
.my-nav{background-color:#1d1d1d; height:100%; padding-left:0; position:relative; left:0; font-size: 14px; display: none;}
.my-pronav{left:-133px;}
.my-nav-list{ position:absolute; padding-top: 40px; top:0; left:0; width:100%;}
.my-nav-list div{width:90%; border-bottom:1px solid #444548; box-sizing:border-box; padding-left:15px;}
.my-nav-list div:last-child{border-bottom:0;}
.my-nav-list div a{ color:#dfdfdf; text-decoration:none; line-height:30px;}
.my-nav-list div a:hover,.my-nav-list div.active a{ color:#13823b;}
.my-nav-two{position:absolute; top:0; padding-top: 40px; left:-133px; width:100%;background-color:#1d1d1d; height: 100%; display: none; border-right:1px solid #444548; }
.my-nav-two div{width:90%;  box-sizing:border-box; padding-left:15px;}
.my-nav-two div:last-child{border-bottom:0;}
.my-nav-two div a{ color:#dfdfdf; text-decoration:none; line-height:28px;}
.my-nav-two div a:hover{ color:#13823b;}
.index-video{width:100%; max-width: 1920px; position: absolute; top: 0; padding: 0; overflow: hidden;}
.index-video video{ width: 100%; height:auto;padding: 0; margin: 0;}

/*六好工程*/
.my-goodobject{display:flex; justify-content: center; align-items: center; flex-wrap: nowrap; margin-top: 60px;}
.my-goodobject li{flex-grow: 1; height: 160px;display:flex; justify-content: center; align-items: center; cursor: pointer;}
.my-goodobject li img{width:80%;}
.my-goodobject li:hover{background-color:#c68a0e;}
.my-goodobject li:hover img{transform:scale(1.3);}
.my-goodobject .bg-1{ background-color:#ecebe9;}
.my-goodobject .bg-2{background-color:#d1d1d1;}



/*首页新闻资讯*/
.homeNew{padding: 40px 0 30px 0; margin-top: 60px;}
.homeNew .title{position:relative; margin-bottom:20px; }
.homeNew .title h2{font-size: 20px; line-height:20px;font-weight: bold; text-align: center;}
.homeNew .title h2 font{font-size:12px; color: #D3D2D2; font-weight: normal;}
.homeNew .title div{width:60px; height: 10px; background-color: #6f4b04;}
.homeNew .title::after{position: absolute; content: ""; background-color: #6f4b04; width:100%; height: 1px; bottom: 5px; left: 0;}
.myc-pb-50{padding-bottom:50px;}
.myc-pt-50{padding-top:50px;}
.sm-pr-0{ padding-right:0;}
.homeNew .swiper-container,.swiper-wrapper{ width:100%; min-width:500px; margin-top:0; padding-top:0;}
.home-news .swiper-slide{width:100%;min-width:500px; height:400px !important; position: relative; }
.home-news .swiper-slide a{width:100%;min-width:500px; height:400px !important; opacity:1; z-index:10; text-decoration:none; background-color: #d2d2d2;}
.home-news .swiper-slide a img{width:100%; height: 100%;}
.home-news .news-btn{
    margin: 0 5px;
	padding-right: 20px;
    cursor: pointer;
	width:10px;
	height:10px;	
}
.home-news .news-btn .swiper-pagination-bullet{background:#7E7B7B;}
.home-news .news-btn .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}
.home-newstit{ position: absolute; left: 0; bottom:0; opacity:.8; filter:Alpha(opacity=80); background-color: #000; color: #fff; line-height: 35px; height: 35px; width: 100%; box-sizing: border-box; padding: 0 15px;}
.home-newstit div{ width: 70%;}
.homenew-right{ overflow:hidden; padding-top: 40px;}
.homenew-right li{ margin-bottom: 10px;}
.homenew-right li .time{background-color: #ccc; color:#fff; width: 20%; height:92px; text-align: center;}
.homenew-right li:hover .time{background-color: #c68a0e;}
.homenew-right li .time span{width: 100%;}
.homenew-right li .time span.big{font-size:40px;}
.homenew-right li .detail{background-color: #fff; width: 80%; height:92px; box-sizing: border-box; padding:5px 15px 10px 15px;}
.homenew-right li .detail h4{ color: #000;}
.homenew-right li .detail p{ color: #878585; height: 35px; overflow: hidden;}
.homenew-right li:hover .detail{background-color: #eae9e9;}
.homenew-right li:hover .detail h4,.homenew-right li:hover .detail p{ color: #c68a0e;}
.homenew-right li:hover .time,.homenew-right li:hover .detail h4,.homenew-right li:hover .detail p,.homenew-right li:hover .detail{
transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out; /* Firefox 4 */
-webkit-transition:all .5s ease-in-out; /* Safari and Chrome */
-o-transition:all .5s ease-in-out; /* Opera */
}



/*预约量尺*/
.liangci{padding-top: 40px;} 
.liangci .title{position:relative; margin-bottom:40px; }
.liangci .title h2{font-size: 20px; text-align: center; line-height:20px;font-weight: bold;}
.liangci .title h2 font{font-size:12px; color: #D3D2D2; font-weight: normal;}
.liangci .title div{width:60px; height: 8px; background-color: #6f4b04;}
.liangci .title::after{position: absolute; content: ""; background-color: #6f4b04; width:100%; height: 1px; bottom: 4px; left: 0;}

.bespoke{padding-top:50px;}
.bespoke_1{width:750px; margin:0 auto; clear:both;}
.bespoke-con_1{border:1px solid #d7d5d5; width:300px; height:375px; float:left;}
.bespoke{ float:left; display:inline-block;}
.bespoke-con{border:1px solid #d7d5d5; width:280px; height:375px; float:left;}
.bespoke-tit{ background:url(../images/bglan.jpg) no-repeat center bottom; text-align:center;padding:30px 0 35px 0; line-height:30px; font-size:16px; margin-bottom:15px;}
.bespoke-list{ padding:0 25px; margin-top:10px;}
.bespoke-list li{padding:10px 0; float:left;}
.bespoke-list li span{display:block;color:#373737;}
.bplist_1{float:left; padding-left:20px; background:url(../images/ling.jpg) no-repeat left center;}
.bplist_2{float:right;}
.bplist_3{color:#aaaaaa !important; float:left;}
.bpform{ width:300px; padding-left:30px; float:left; }
.bpform ul{ float:left;}
.bpform ul li{padding:0 0 0 0;}
#diqu li input{width:250px;padding:8px 8px 8px 40px;border-radius:5px; border:1px solid #d0d0d0;outline:none;color:#666;}
#diqu li select{width:300px;padding:9px 8px 9px 40px;border-radius:5px; border:1px solid #d0d0d0;outline:none; color:#666;}
.uname{padding:10px 8px 10px 40px !important; background:url(../images/form1.png) no-repeat 15px center;}
.umobile{padding:10px 8px 10px 40px !important; background:url(../images/form2.png) no-repeat 15px center;}
.utime{background:url(../images/form5.png) no-repeat 15px center;}
.ucity{background:url(../images/form3.png) no-repeat 15px center;}
.ustore{background:url(../images/form6.png) no-repeat 15px center;}
.uok{background-color:#302168;width:300px !important; border:0 !important; padding-left:0px !important; color:#FFF !important; cursor:pointer;padding:10px 0 !important; font-size:16px;}

.my-yuyue{ overflow:hidden; padding-right: 0;}
.my-yuyue img{ max-width:100%;}
.my-yuyue a{display:flex; width:225px; height: 225px; justify-content: center;align-content: center; align-items: center; flex-direction: column; overflow: hidden; position:relative; flex-wrap: wrap; }
.my-yuyue a.bg-1,.my-yuyue a.bg-3{background-color: #c68a0e;}
.my-yuyue a.bg-1 img,.my-yuyue a.bg-3 img{max-height:100%; max-width: 100%;}
.my-yuyue a.bg-1 img:hover,.my-yuyue a.bg-3 img:hover{transform:scale(1.1);}
.my-yuyue a.bg-1::after{content:""; width: 100%; height: 10px; background: url(../images/img-5.png) no-repeat center bottom; background-size: auto 10px; position: absolute;bottom:0;}
.my-yuyue a.bg-3::after{content:""; width: 100%; height: 10px; background: url(../images/img-6.png) no-repeat center bottom; background-size: auto 10px;position: absolute;top:0;}
.my-yuyue a.bg-2 img{width:60px; height: 60px;}
.my-yuyue a.bg-2 h2{font-size:18px; padding-bottom: 5px;}
.my-yuyue a.bg-2 p{font-size:12px; color: #ccc;}

/*专门店*/
.mendian{margin-top:60px; padding: 80px 0; background: url(../images/img-9.jpg) no-repeat center center;}
.mendian .container{padding:0;}
.home-store ul{ background-color:#FFF;}
.home-store ul li{ padding-left:0; padding-right:0;}
.home-store ul li>div{height:174px; box-sizing: border-box; overflow: hidden;padding:10px;}
.home-store ul li>div.img{padding:0;}
.home-store ul li>div.img img{max-width: 100%;}
.home-store ul li>div.img img:hover{transform:scale(1.1);}
.home-store ul li>div h4{ line-height:30px; margin:0;font-size: 18px; margin-bottom:5px; }
.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;}
.hit-icon:link,.hit-icon:visited{ background:url(../images/hit.png) no-repeat center center; background-size:100% 100%;}
.more-1{ width:37px; height:37px; display:block;}
.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-four-bg{background-color:#c68a0e;}
.morezi:link,.morezi:visited,.morezi:hover{ color:#fff;}
.morezi span{display:block; font-size:18px; padding-right:10px; font-weight:bold;}


/*产品查询入口*/
.index-product{}
.proEntry{}
.proEntry .title{position:relative; margin-bottom:40px; }
.proEntry .title h2{font-size: 20px; line-height:20px;font-weight: bold; text-align: center; padding-top: 60px;}
.proEntry .title h2 font{font-size:12px; color: #D3D2D2; font-weight: normal;}
.proEntry .title div{width:60px; height: 10px; background-color: #6f4b04;}
.proEntry .title::after{position: absolute; content: ""; background-color: #6f4b04; width:100%; height: 1px; bottom: 5px; left: 0;}
.proEntry .part1{ position: relative; min-height: 1800px; }
.proEntry .part1>div{float:left; overflow: hidden; margin-bottom: 10px; cursor: pointer; position: relative;}
.proEntry .part1>div img{width: 100%;}
.proEntry .part1>.area1{width:695px; height: 405px;float: left; margin-bottom: 115px;}
.proEntry .part1>.area2{width: 465px; height: 255px; margin-left: 10px; }
.proEntry .part1>.area3{width: 465px; height: 255px; margin-left: 10px; }
.proEntry .part1>.area4{width: 430px; height: 210px; margin-right: 10px;}
.proEntry .part1>.area4-1{width: 180px; height: 350px; margin-right: 10px; background-color: #e1e1e1;}
.proEntry .part1>.area5{width: 730px; height: 430px;}

.proEntry .part1>.area6{width: 430px; height: 210px; position: absolute; top:750px; left:0;}
.proEntry .part1>.area7{width: 730px; height: 400px; margin-right: 10px;}
.proEntry .part1>.area7 img{height: 100%;}
.proEntry .part1>.area7-1{width: 700px; height: 110px; margin-right: 10px; background-color: #cccaca;position: absolute; top:1380px; left:0;padding-left:30px;}
.proEntry .part1>.area7-1 img{ width: 400px;}
.proEntry .part1>.area8{width: 430px; height: 255px;}
.proEntry .part1>.area9{width: 430px; height: 255px;}
.proEntry .part1>.area10{width: 730px; height: 280px; position: absolute; top:1500px; left:0;}
.proEntry .part1>.area10-1{width: 430px; height: 280px; position: absolute; top:1500px; right:0; background-color: #a0a0a0;}
.proEntry .part1>.area10-1 img{width:150px;}
.proEntry .part1>.area11{width:580px; height: 350px; margin-right: 10px; margin-top: 290px;}
.proEntry .part1>.area12{width:580px; height: 350px;margin-top: 290px;}

.proEntry .part1>div>a{width:100%; height: 100%; position: absolute; background-color: rgba(0, 0, 0, 0.7);display: flex; justify-content: center; align-items: center; color: #fff; font-size: 18px; line-height: 30px; left: 0; bottom:-800px;
transition:all .3s;
-moz-transition:all .3s; /* Firefox 4 */
-webkit-transition:all .3s; /* Safari 和 Chrome */
-o-transition:all .3s; /* Opera */
}
.proEntry .part1>div a{text-decoration:none; text-align: center;}

.proEntry .part1>div:hover>a{bottom:0;}
.proEntry .part1>div:hover img{transform:scale(1.1);}
.proEntry .part1>.end{position:absolute; left: 0; top:430px; color: #4c4948; line-height: 30px; text-align:left;margin-bottom: 0;}
.proEntry .part1>.end-1{width:750px; height: 100px; position:absolute; right: 0; top:930px; color: #4c4948; line-height: 30px; text-align:right;margin-bottom: 0;}


/*页脚*/
footer{background-color:#262626; padding-top: 30px !important; padding-bottom: 50px !important;}
.my-footer{ color:#fff;}
.my-footer a{color:#fff;}
.my-footer a:hover{color:#dfd9f4;}
.my-footer-1{text-align:center;padding-bottom: 20px;}
.my-footer-1 img{ width:100px;}
.footnav li{ padding-top:20px; width:20%; box-sizing:border-box; padding:0 10px; float:left; box-sizing: border-box;}
.footnav li h4{ font-weight:bold; font-size:16px; line-height:30px}
.footnav li p a{ display:block; line-height:22px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color:aliceblue;}
.footnav li p a:hover{ color:#c68a0e;}
.my-gongzhonghao{padding:20px 0 0 0;}
.my-gongzhonghao div{ width:30%; box-sizing: border-box; padding: 0 3%; line-height: 30px; font-size: 14px;}
.my-gongzhonghao img{ width:100%;}
@-webkit-keyframes rotation{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}
.my-sound{ background-color: #E4E3E3; cursor: pointer;}
.my-sound img.playsound{
-webkit-transform: rotate(360deg);
animation: rotation 3s linear infinite;
-moz-animation: rotation 3s linear infinite;
-webkit-animation: rotation 3s linear infinite;
-o-animation: rotation 3s linear infinite;
}




/*内页页头广告*/
#inpage-banner .swiper-slide{height:400px;}
#inpage-banner .swiper-slide a{height:400px;}



/*工程案例内页*/
.pcase-class{display:flex; justify-content: center; align-items: center; padding-top: 60px; padding-bottom: 50px;}
.pcase-class a{padding:8px 30px; margin-left: 10px; margin-right: 10px; border: 1px solid #4A4747; font-size: 16px;}
.pcase-class a:hover{color: #c68a0e; border:1px solid #c68a0e;}
.pcase-class a.active{color: #c68a0e; border:2px solid #c68a0e; font-weight: bold;}
.my-project .list{}
.my-project .list li{margin-bottom:10px; font-size: 14px; padding-top: 15px; cursor: pointer;}
.my-project .list li .img{height:180px; overflow: hidden; box-sizing: border-box; padding:5px; border:1px solid #eee;}
.my-project .list li .img div{width:100%; height: 100%; overflow: hidden;}
.my-project .list li .img img{width: 100%;}
.my-project .list li .img:hover img{transform:scale(1.1);}
.my-project .list li:hover{box-shadow: 0 0 30px #ccc;}
.my-project .list li p{text-align:center; line-height: 40px;}


/*6好工程页面*/
.my-goodpj{padding-top: 60px; padding-bottom: 60px;}
.my-goodpj .my-title{ border-bottom:1px solid #c68a0e; height:45px;  overflow: visible;}
.my-goodpj .my-title a{ height:44px; line-height:45px; width: auto;margin-left:30px; margin-right: 30px; border-radius: 5px; overflow: hidden;}
.my-goodpj .my-title a.active{font-size: 20px; border-bottom: 8px solid #c68a0e;color: #c68a0e; font-weight: bold;}
.my-goodpj .part1{margin-top: 40px;color: #4c4948;}
.my-goodpj .part1 img{max-width:100%;}
.goodpjFloat{position:fixed; top:25px; z-index: 88; }



/*关于骏程*/
.my-aboutus{padding-top: 60px; padding-bottom: 60px;}
.my-aboutus .my-title{ border-bottom:1px solid #c68a0e; height:45px;  overflow: visible;}
.my-aboutus .my-title a{ height:44px; line-height:45px; width: auto;margin-left:30px; margin-right: 30px; border-radius: 5px; overflow: hidden;}
.my-aboutus .my-title a.active{font-size: 20px; border-bottom: 8px solid #c68a0e;color: #c68a0e; font-weight: bold;}
.my-aboutus .part1{margin-top: 40px;color: #4c4948;}
.my-aboutus .part1 img{max-width:100%;}



.my-aboutus .part3{ margin-top: 50px;}
.my-aboutus .part3 .list{background-color: #dcdcdc; width: 100%; padding-right: 0;}
.my-honors .rollpicshow ul li{display:flex;justify-content: center; align-items: center;}
.my-honors .prev,.my-honors .next{ margin-top:290px !important;}
.rollpicshow li{height:600px; width:450px;}
.rollpicshow img{ width: 100%;}
.pro-rollpic{padding-left:0; padding-right:0; padding-top:20px;}
.pro-rollpic .prev,.pro-rollpic .next{ margin-top:30px;}
.pro-rollpicshow li{height:75px; width:75px; background-color: #f5f5f5;margin-right: 5px;}
.pro-rollpicshow li img{max-width: 100%; max-height:100%;}
.my-honors{padding-top:40px; padding-bottom: 40px;}



.my-hengkuai{ width:55px; height:8px; background-color:#6d6968; position:relative; left:8px; top:-4px;}
.my-hengkuai-1{ width:55px; height:8px; background-color:#6d6968; position:relative; top:-4px;margin:0 auto;}
.my-hk-left-20{ left:20px;}
.my-about{ background-color:#dcdcdc; padding:20px;}
.my-about img{ max-width:100%;}
.my-mt-100{ margin-top:100px;}
.my-zhengshu{ height:630px; background-color:#dcdcdc;  box-sizing:border-box; padding:5%; text-align:center;display: flex; justify-content: center;align-items: center;}
.my-zhengshu img{ max-width:100%; max-height:100%;}
.my-img-100{ width:100%;}
.my-font-1{ font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
.my-border-1{ border:1px solid #dcdcdc;}
.my-honors-tit{ height:180px; background:url(../images/about-4.jpg) no-repeat right center;}

.my-technology img{ max-width:100%; text-align:center;}

/*新闻资讯内页*/
#news-swiper,#news-swiper .swiper-wrapper{ width:100%; min-width:100%; margin-top:0; }
#news-swiper .swiper-slide{ width:100%; min-width: 100%; background-color:transparent;}
#news-swiper .swiper-slide a{ width:auto;min-width:10px; overflow: hidden; opacity:1; z-index:10; display:flex; text-decoration:none; justify-content: center; align-items: center;}
#news-swiper .img{height:270px; display: flex; align-items: center; justify-content: center;}
#news-swiper .img img{max-width:100%; max-height: 100%;}
.news-class{display:flex; justify-content: center; align-items: center; padding-top: 60px; padding-bottom: 50px;}
.news-class a{padding:8px 30px; margin-left: 20px; margin-right: 20px; border: 1px solid #4A4747; font-size: 16px;}
.news-class a:hover{color: #c68a0e; border:1px solid #c68a0e;}
.news-class a.active{color: #c68a0e; border:2px solid #c68a0e; font-weight: bold;}

.my-hotnews{ background-color:#dcdcdc; padding:30px 30px 20px 30px;}
.my-hotnews p,.my-hotnews span{ color:#686463;}
#news-swiper .my-hotmore a{ display:block;  padding:0 30px; color:#686463; border:1px solid #686463; width:50px; text-align:center; text-decoration:none;}
#news-swiper .my-hotmore a:hover{color:#c68a0e; border:1px solid #c68a0e;}
.my-newslist{padding:0 60px;}
.my-newslist li{ border-bottom:1px solid #b5b5b5; }
.my-newslist li a{display:block; text-decoration:none; width:100%; height:160px; color:#7d7d7d; box-sizing: border-box;padding:30px 15px;background-color:#fff; }
.my-newslist li a:visited{ background-color:#eee; color:#FFF;}
.my-newslist li a:visited div,.my-newslist li a:visited h4{ color:#FFF;}


.my-newslist li a:hover{ background-color:#c68a0e; color:#FFF;}
.my-newslist li a:hover div,.my-newslist li a:hover h4{ color:#FFF;}
.my-newslist h4{padding-bottom:15px;}
.my-content{ overflow:hidden;}
.my-content img{ max-width:100%; text-align:center;}
.detail-left{ z-index:10;}
.detail-left a{ float:none; clear:both;}
.leftpinglun{}
.sharewx{width:32px !important; margin-top:5px; z-index:10 !important; }
.sharewx_ewm{ width:80px; height:80px; margin:5px 0; background-color:#FFF !important;}







/*设计师内页，品牌视频内页*/
.video-class{display:flex; justify-content: center; align-items: center; padding-top: 60px; padding-bottom: 50px;}
.video-class a{padding:8px 30px; margin-left: 20px; margin-right: 20px; border: 1px solid #4A4747; font-size: 16px;}
.video-class a:hover{color: #c68a0e; border:1px solid #c68a0e;}
.video-class a.active{color: #c68a0e; border:2px solid #c68a0e; font-weight: bold;}
.my-video ul li{overflow:visible;padding-bottom: 0;}
.my-design{ border:1px solid #eee;  position:relative; padding: 5px; box-sizing: border-box;}
.my-design:hover{box-shadow: 0 0 40px #9d9d9c;border:1px solid #fdeac3;}
.my-design img{ height:225px; width:100%;background-color:#ededed;}
.my-design p{ padding:15px; height:60px; display: -webkit-flex; display: flex; flex-direction: row;justify-content: center; align-items:center; text-align:center; overflow:hidden;background-color:#ededed; margin-bottom: 0}
.rollpic .prev,.rollpic .next{display:block; height:38px; width:38px; cursor:pointer; float:left; background:url(../images/unslider-arrow.png) no-repeat 0 0; margin-top:80px}
.rollpic .prev{background-position:0 0; margin-right:5px}
.rollpic .prev:hover{background-position:0 -38px}
.rollpic .next{background-position:0 -76px;margin-left:5px}
.rollpic .next:hover{background-position:0 -114px}
.rollpicshow{float:left; border:0;}
.rollpicshow li{padding:5px; cursor:pointer;}
#showdesign img,.my-huaxu img{ max-width:100%;}
.my-design-tit{ display:inline-block; text-align:center; width:100%;}
.my-store{width:100%; display:inline-block; text-align:center;}
.my-store a{ display:block; border:1px solid #fff;border-radius:2px; padding:5px 25px; font-size:16px; }
.my-store a:hover{ color:#000;}
.my-store .active{border:1px solid #cacaca; }
.clearfix:after{content:"\20";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}
#tab_demo{width:100%; margin-top:50px;}
.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 10px !important; font-size:16px;cursor: pointer; color:#4c4948; background-color:transparent; text-align:center; width:auto; font-weight:normal; height:25px; line-height:25px; margin: 0 10px;}
.tabBar span.current{border:1px solid #cacaca;background-color:transparent;color:#4c4948;}
/*.tabCon {display: none}*/




/*招商加盟*/
.my-zhaoxiang{margin-top:80px; margin-left:0; margin-right:0; position: relative;}
.my-zx-left{ background:#dcdcdc; padding:80px 50px 100px 50px; display:inline; text-align:center;}
.zhaoshang-tit{padding-bottom:20px;}
.zsbg{ background-image:url(../images/zhaoshang_bg.jpg);}
.zx-form{ width:100%; display:inline-block; padding-left:20px; box-sizing:border-box;} 
.zx-form ul{ float:left;}
.zx-form ul li{padding:5px 0;}
.zx-contact{ width:100%; overflow:hidden; padding-top:20px;}
.my-zx-left #diqu{ width:350px; margin:0 auto;}
.my-width-350{ width:350px; margin:0 auto;}
.my-width-450{width:450px; margin:0 auto;}
#diqu li{padding-bottom:10px;}
#diqu li input{width:300px;padding:8px 8px 8px 40px;border-radius:5px; border:1px solid #CCC;outline:none;color:#666; background-color:#FFF;}
#diqu li select{width:350px;padding:9px 8px 9px 40px;border-radius:5px; border:1px solid #CCC;outline:none; color:#666;background-color:#FFF;}
.uname{padding:10px 8px 10px 40px !important; background:url(../images/form1.png) no-repeat 15px center;}
.umobile{padding:10px 8px 10px 40px !important; background:url(../images/form2.png) no-repeat 15px center;}
.utime{background:url(../images/form5.png) no-repeat 15px center;}
.ucity{background:url(../images/form3.png) no-repeat 15px center;}
.ustore{background:url(../images/form6.png) no-repeat 15px center;}
.uok{background-color:#c68a0e !important;width:350px !important; font-size: 16px; border:0 !important; padding-left:0px !important; color:#FFF !important; cursor:pointer;padding:10px 0 !important;}
.my-zx-right{padding:80px 30px 10px 30px; text-align:center;}
.my-zx-right .tit{border-bottom:1px solid #3e3e3e; font-size: 28px; font-weight: bold; padding-bottom: 15px; margin-bottom: 30px; width: auto;}
.my-zx-right .con{font-size:16px;line-height:30px;}
.my-zx-right .con .tel{font-size:24px; font-weight: bold;}
.my-zx-right .con img{margin-top:20px;}

.join-part1{border-bottom:2px solid #f2f2f2; height:297px; overflow: visible; margin-bottom:130px; }
.join-part1 .one{width:1370px; padding: 0; position: relative;}
.join-part1 .one h1{color: #3e3e3e; text-align: center; margin-top: 60px; height: 40px; font-size:38px; font-weight: bold;}
.join-part1 .one div{padding-top:100px;}
.join-part1 .one img{width:1370px;}
.join-part2{padding-top:80px;}
.join-part3{height: 344px; background: #292a2a url(../images/join3.jpg) no-repeat center top; margin-top: 160px;}
.join-part4{ background-color: #fff; padding: 70px 0 110px 0;}
.join-part4 .one{width:1240px;}
.join-part5{ background-color: #f8f8f8; padding: 160px 0 120px 0;}
.join-part6{background: #2f2e2e url(../images/join6.jpg) no-repeat center top; padding-top: 85px; height:700px; overflow: hidden;}
.join-part6 .one{width: 1300px; display: flex; justify-content:flex-start ; align-items: flex-end; flex-direction: column;}
.join-part6 .one img{margin-bottom: 80px;}
.join-part6 .one p{line-height: 50px; color: #fff; font-size: 18px; text-align: right;}
.join-part7{ background-color: #fff; padding: 90px 0 100px 0;}
.join-part7 .one{width:1235px;}
.join-part8{ background-color: #3a3a3a; padding: 50px 0;}
.join-part8 .one>img{}
.join-part8 .one>div img{margin-bottom:50px;}
.join-part8 .one>div p{line-height: 50px; color: #fff; font-size: 18px; text-align: center;}
.join-part9{height: 707px; background: #fff url(../images/join9.jpg) no-repeat center top;}
.join-part10{ background-color: #f8f8f8; padding: 90px 0 50px 0;}
.join-part10 .one{width:1250px;}
.join-part11{ background-color: #bf8718; height:243px;  position: relative;}
.join-part11 .one{width: 100%; max-width:1920px; height: 295px; background: url(../images/join11.png) no-repeat center bottom; position: absolute;left: 0;bottom:0; padding: 0; margin: 0;}
.join-part12{height: 880px; background: #fff url(../images/join12.jpg) no-repeat center top;}

/*产品中心内页*/
.my-products{ background-color: #f5f5f5; padding-bottom:60px;}
.proClass{border-top:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5; margin-top: 60px;}
.proClass ul li{ cursor: pointer; position: relative; box-sizing: border-box;padding-left:30px; width: 33.33%; height: 90px;border-right:1px solid #f5f5f5; display: flex; align-items: center; justify-content: flex-start;}
.proClass ul li .icon{width:40px; height: 40px; background-color: #ccc; box-sizing: border-box; padding:7px; overflow: hidden; border-radius: 50%; margin-right:10px; }
.proClass ul li .icon img{width:26px; height: 26px;}
.proClass ul li .tit{font-size: 18px;}
.proClass ul li:first-child{border-left:1px solid #f5f5f5;}
.proClass ul li.active{ background-color: #f5f5f5;border-top:2px solid #c68a0e;}
.proClass ul li.active .icon{background-color: #c68a0e;}
.proClass ul li.active .tit{color:#c68a0e;}
.class-con{padding: 0 15px;}
.my-ziclass{padding:30px 15px; display: none;}
.my-ziclass>div{float: left; position: relative;}
.my-ziclass a{float: left; display: block; padding: 3px 15px; margin-right: 10px; box-sizing: border-box; border-radius: 5px; font-size: 14px;}
.my-ziclass a.check,.my-ziclass a:hover{background-color:#c68a0e; color: #fff;}

.my-ziclass>div>div{position:absolute; bottom: -35px; left: 0;  width:120px; box-sizing: border-box; background-color: rgba(0,0,0,.7); z-index: 10; display: none;}
.my-ziclass>div>div>a{width:100%;padding:5px 10px; box-sizing: border-box; color: #fff; display: block; line-height:20px; font-size: 14px;}
.my-ziclass>div>div>a:hover{background-color: rgba(0,0,0,1);}
.my-ziclass>div>div>a.on{background-color: rgba(0,0,0,1);}



.swiper-slide-1{height:310px !important;}
.swiper-slide-1 a{height:310px !important;}


.my-pro-list1{ width:100%; padding-top:50px;}
.my-pro-list1 li{padding:0 10px 30px 10px;}
.my-pro-list1 .img{width:100%; height: 280px; overflow:hidden; background-color:#eee;}
.my-pro-list1 .img:hover{box-shadow: 0 0 25px #666;}
.my-pro-list1 .img img{ max-width:100%; max-height: 100%; transition:all .3s;}
.my-pro-list1 .img img:hover{transform:scale(1.1); }
.my-pro-list1 .tit{ font-size:14px;text-align:center;padding-top:15px;}
.my-pro-list1 .tit i{font-size:18px;}
.my-pro-list1 li a{color: #c68a0e;}
.my-pro-list1 li a:hover{color: #ccc;}

.my-shangfo{margin-top: -123px; box-shadow: 0px 0px 25px -5px #6c6969; z-index:20; position: relative;}
.proview-class{ box-sizing:border-box; border-radius:20px; margin-bottom:50px; }
.proview-class li{ border-bottom:1px solid #eee; height:42px; text-align:center; width:100%;}
.proview-class li.jiantou{}
.proview-class li a{  width:100%; height:42px;  font-size:14px; display:block; line-height:42px; }
.proview-class li a:hover,.proview-class li a.check{ color: #302168; background-color:#e4e3e2;}
.proview-class li.tit{ line-height:30px;  font-size:18px; height:50px;}
.proview-class-2{ width: 100%;}
.proview-class-2 img{ max-width: 100%;}
.proview-class-2 li{padding-top:5px; padding-bottom: 5px;}

.my-pro-title{ margin-top:50px; padding: 0; position: relative;}
.my-pro-title::after{position: absolute; content: ""; background-color: #4c4948; width:100%; height: 1px; bottom:-5px; left: 0; z-index: 1;}
.my-pro-title .left{width:500px; font-size: 20px; line-height: 35px; color:#c68a0e;}
.my-pro-title .left span{padding-left :5px; color:#ccc; font-size: 14px;}
.my-pro-title .right{width:500px; position: absolute;top: 0; right: 0; z-index: 2;}
.my-pro-title .right div{ position: relative; width: auto;}
.my-pro-title .right a{ margin:0 15px; line-height: 35px; font-size: 16px; padding-bottom: 10px; text-decoration: none; }
.my-pro-title .right a.active,.my-pro-title .right a:hover{color: #148647;border-bottom:3px solid #148647;}
.my-pro-left{padding-left:0;}
.my-loading{width:20px; height: 20px; margin-top: 200px;}
.my-pro-left-tit{position: absolute; display:none;background-color:#000; height:40px; width:100%; line-height:40px; bottom:0; left:0; padding:0 20px; box-sizing:border-box; font-size:14px; opacity:0.5;filter:Alpha(opacity=50);}
.my-leftImg{height: 600px; overflow: hidden; cursor: pointer; background-color: #eee;}
.my-leftImg img{max-width: 100%; max-height: 100%;}
.my-leftImg .tit{width:100%; height:30px; line-height: 30px; color: #fff; background-color:#bf8718; text-align: center; position: absolute;left:0; bottom: 0; }
.my-pro-right .title{margin-bottom: 40px;}
.my-pro-right .title>div:first-child{font-size: 20px;}
.pview-share{ }
.pview-share div{float:left; line-height:30px;}
.pro-texing img{height:60px; width: auto; padding-left: 5px; padding-right: 5px; margin-bottom:5px;}
.pview-love{margin-top: 40px; width:145px; padding:10px 0 0 5px; background:url(../images/like.jpg) no-repeat 0 10px; line-height: 25px; text-indent:25px; float:left;}
.pview-love a{text-decoration:none;}
.pview-love a:hover{color: #148647;}

.my-pro-class{ width:100%; padding-bottom:25px; font-size:17px;}
.my-pro-class a{ display:block; border-bottom:2px solid #fff; color:#4c4948; padding:5px 0; margin-right:45px; text-decoration:none; float:left;}
.my-pro-class a:hover{ border-bottom:2px solid #4c4948; color:#000;}
.my-pro-class span{display:block; border-bottom:2px solid #4c4948; color:#000; padding:5px 0; margin-right:45px; text-decoration:none; float:left;}
.my-pro-canshu{padding-bottom:35px;}
.my-pro-canshu li{ margin: 5px 0; height:30px; line-height:30px;}
.my-pro-canshu li div{ float:left; box-sizing:border-box;}
.my-canshu-tit{width:15%;}
.my-canshu-value{width:85%;}
#my-pro-effect{border-top: 1px solid #eee;}


/*圣德保的
.my-pm1-1{padding-left:80px; padding-top:70px; font-size:30px; line-height:30px;}
.my-pm1-2{ margin-left:80px; width:45px; height:10px; border-top:1px solid #575453;}
.my-pm1-3{ padding-left:80px; font-size:16px; }

*/






.my-pmeuc-1{ background-color:#dfdfdf; height:560px; overflow:hidden; position:relative;}
.my-pmeuc-2{ height:385px; overflow:hidden;}
.my-pmeuc-3{ height:460px; border:1px solid #c7c7c7; overflow:hidden; position:relative;}
.my-pmeuc-4{ height:287px; overflow:hidden; background-color:#f1f1f1;}
.my-pm3-img{ position:absolute; bottom:0;}
.my-other-pro{ display:inline-block; text-align:center;}
.my-hk-pro{ width:55px; height:8px; background-color:#6d6968; position:relative; top:-4px; margin:0 auto;}
.my-font-out{text-align:center; margin:0 auto; display:inline-block;}
.my-font-in{text-align:left; width:auto; display:inline-block;}
.pro-rollpic .prev,.pro-rollpic .next{display:block; height:25px; width:25px; cursor:pointer; float:left; background:url(../images/unslider-arrow-1.png) no-repeat 0 0;}
.pro-rollpic .prev{background-position:0 0; margin-right:5px}
.pro-rollpic .prev:hover{background-position:0 -25px}
.pro-rollpic .next{background-position:0 -50px;margin-left:5px}
.pro-rollpic .next:hover{background-position:0 -75px}
.my-proItems .pro-rollpicshow{float:left; border:0;}
.my-proItems .pro-rollpicshow li{padding:3px; cursor:pointer;}
.my-proItems .pro-rollpicshow{float:left; border:0;}
.my-proItems .pro-rollpicshow li{ padding:1px 4px; cursor:pointer;display: -webkit-flex; /* Safari */display: flex;flex-direction:column;flex-wrap: wrap;justify-content:center;align-items:center; overflow:hidden; width:68px; height:68px; border:2px solid #f5f5f5;}
.my-proItems .pro-rollpicshow li img{ box-sizing: border-box;}
.my-proItems .pro-rollpicshow li:hover, .my-proItems .pro-rollpicshow li.check{ border:2px solid #999;}

#swiper-container-1{  padding-top:50px; }
#swiper-container-1 img{max-width:100%;}
#swiper-container-1 .swiper-wrapper .swiper-slide{background-color: #eee;}
#swiper-pagination-1{ top:5px;}
#morepro{ padding-top:10px; padding-bottom:50px; display:none;}
#morepro li{display: flex; align-items: center; justify-content: center; padding-left:5px; padding-right:5px; padding-top:10px; cursor:pointer;width:88px; height: 88px;}


.allZhuantu .img{width: 100%; height:265px; overflow: hidden; cursor: pointer;}
.allZhuantu .img img{width: 100%;}
.allZhuantu h3{ text-align: center; font-size: 16px; line-height: 25px; padding-top:10px;}
.loveAndqr{position:relative;}

.loveAndqr .vrcode{position:absolute;right:50px; top: 70px;width: 200px; text-align: center;}
.loveAndqr .vrcode>div{margin-right:10px;}
.loveAndqr .vrcode>div>img{ width: 60px; margin-top: 10px;}
.loveAndqr .vrcode>div>p{padding:0; margin:-10px 0 0 0;}
.loveAndqr .vrcode>a>img{width:70px;}



.small-pronav{width: 135px; height:auto; padding-top:12px; padding-left:0; padding-bottom: 5px; position:absolute; left:0; top:5px; display: none; font-size: 12px; background:url(../images/sdb2019-up.png) no-repeat center top; z-index: 99;}

.small-pronav .my-nav-list{background-color: rgba(0, 0, 0, 0.7); position:absolute; padding:10px 0 10px 0; top:0; left:0; width:100%; line-height:20px;box-sizing: border-box; font-size: 12px}
.small-pronav .my-nav-list div{border-bottom:1px solid #7a7a7d; text-align:center; padding-top:10px; padding-bottom:10px;padding-left: 5px;}
.small-pronav .my-nav-list div a{line-height: 20px; text-align:center; margin: 0;}
.small-pronav .my-nav-list div a:hover{border-bottom: 0;}
.small-pronav .my-nav-list div.active a{color: #13823b;}


/*全国门店内页-------*/
.paddingt2{ padding-top:2px;}
.expDiv{ position:relative; min-width:1170px; z-index:99;}
.exp-con{padding:70px 40px; background-color:#FFF;}
.exp-search{ float:left; width:100%; padding-bottom:40px;}
.exp-search div{ float:left;}
.exp-search select{width:200px; padding:7px 10px; border-radius:5px; color:#999; outline:none; margin-right:30px;border:1px solid #d0d0d0; float: left;}
.exp-search input[type="text"]{width:200px;padding:8px;border-radius:5px; border:1px solid #d0d0d0;margin-right:30px;outline:none;}
.exp-search input[type="submit"]{width:75px;padding:7px 8px;border-radius:5px; border:1px solid #fff; position:relative; top:-2px; background-color:#c68a0e; cursor:pointer; outline:none; color: #fff;}
.exp-search input[type="submit"]:hover{background-color:#906409;}

.exp-left{width:315px; float:left;}
.expleft-tit{padding:0 0 0 35px; height:55px; line-height:55px;font-size: 16px; color:#c68a0e; }
.expleft-list li{padding:20px 25px 40px 25px; width:265px; overflow:hidden; border-top:2px solid #f4f4f4; cursor:pointer;}
.expleft-list li div{float:left;}
.expleft-list li{background-color:#FFF;}
.expleft-list li .expleft-num{line-height:30px; text-align:center; width:30px; height:30px; border-radius:50%; background-color:#c2c2c2; color:#FFF;}
.expleft-list .check,.expleft-list li:hover{background-color:#fafafa;}
.expleft-list li:hover .expleft-num{background-color:#c68a0e; color:#FFF;}
.expleft-list .check .expleft-num{ line-height:30px; text-align:center; width:30px; height:30px; border-radius:50%; background-color:#c68a0e; color:#FFF;}
.expleft-con{padding-left:10px; width:215px; overflow:hidden;}
.expleft-con h2{ font-weight:normal; font-size:16px; line-height:30px; padding: 0;}
.expleft-con p{ color:#b7b6b6; padding:0; margin:0;}
.expleft-page a{ float:left; width:157px; height:65px; display:block;}
.expleft-page .prev{ background:url(../images/prev_b.jpg) no-repeat center center;}
.expleft-page .prev:hover{ background-image:url(../images/prev_a.jpg)}
.expleft-page .next{ background:url(../images/next_b.jpg) no-repeat center center;}
.expleft-page .next:hover{ background-image:url(../images/next_a.jpg)}

.exp-right{width:785px; float:left; padding-left:35px;}
.exp-right img{ max-width:780px;transition:all .3s;}
.exp-right .swiper-container,.exp-right .swiper-wrapper{min-width:780px; margin-top: 0; }
.exp-right .swiper-slide{min-width:780px; background-color:transparent;}






/*经销商专区*/
.sellDiv{background:#f2f2f2 url(../images/zhaoshang_bg.jpg) no-repeat center top; margin-top: 85px; min-height:780px;}
.login-box {background-color: rgba(255, 255, 255, 0.8);color: #6c6c6c;margin:0 auto;margin-top:150px;padding: 25px 0 30px 30px;width: 350px;}
.login-title {
    color: #3c3c3c;
    font-size: 18px;
    font-weight: 700;
    height: 18px;
    line-height: 18px;
    margin-top: 9px;
    padding-bottom: 8px;
}
.login-box .field {
    margin-top: 20px;
    position: relative;
}
.login-box .field label {display: block;height: 40px;left: 1px;line-height: 40px;outline: 0 none;position: absolute;text-align: center;top: 1px;width: 40px;}
.login-box .field .l-icon01 {background:url(../images/login-1.png) no-repeat 0 0;}
.login-box .field .l-icon02 {background:url(../images/login-2.png) no-repeat 0 0;}
.login-text {
    border: 1px solid #ddd;
    font-size: 14px;
    height: 18px;
    line-height: 18px;
    padding: 11px 8px 11px 50px;
    width: 240px;
	color:#666;
}
.login-box .submit {margin-top:20px;}
.login-box .submit input {
    background: #c68a0e none repeat scroll 0 0;
    border: 0 none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    vertical-align: middle;
    width: 300px;
}
.login-links {
    margin: 25px 0 5px;
    overflow: hidden;
    text-align: right;
}
.login-links a {display: inline-block; margin-left:15px;}
.case-con{padding:30px; background-color:#FFF; box-sizing: border-box;} 
.case-list{float:left; display:inline; padding:20px 0; margin:0px; text-align:center; width: 100%; box-sizing: border-box;}
.case-list dl dd img{transition:all .3s; width:100%; height:175px;}
.case-list dl dd a:hover img{transform:scale(1.1);}
.case-list dl{margin-bottom: 20px;}
.case-list dl dd{ float:left; width:100%;}
.case-list dl dt{ float:left; width:100%; padding-top:15px; text-align:center; color:#333; font-size:14px; line-height:20px; text-decoration:none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.case-list dl dt a:hover{ float:left; width:260px; margin-top:10px; text-align:center; color:#ff652d; font-size:14px; line-height:14px;}
.tags{float:left; padding-bottom:30px; height:35px;}
.tags a{float:left; width:auto; height:30px; line-height:30px;color:#000; margin-top:15px; font-size:16px; text-decoration:none;margin-right: 50px;text-align: center; display:block; padding: 0;}
.tags a:hover,.tags a.check{border-bottom:2px solid #c68a0e;color:#c68a0e;text-decoration: none; text-align: center;}
.showLayer{width:100%; height: 100%; background-color:rgba(0,0,0,0.8); position: fixed; top: 0; left: 0; z-index: 101; display: flex; align-items: center; justify-content: center; display: none;}
.showLayer .con{z-index: 102; background-color: #fff; width: 1300px; height: 100%; overflow-y: auto; box-sizing: border-box; padding: 20px 15px; margin: 0 auto;}
.showLayer .con h1{padding:20px 0; border-bottom: 1px solid #ccc; font-size: 20px; line-height: 25px; text-align: center; font-weight: bold;}
.showLayer .con p{ font-size: 14px; text-align: justify; padding-top: 30px; padding-bottom: 20px;}
.showLayer .con p img{max-width:100%;}
.showLayer .close{width:50px; height: 50px; line-height: 50px; background-color: rgba(255,255,255,1); color: #fff; font-size: 30px; position: absolute; top: 20px; right: 20px; z-index: 103; text-align: center;}
.showLayer .close i{color:#000;}


/*VR馆*/
.vr-part1{margin-bottom:60px; }
.vr-part1 img{width:100%;}
.proEntry1 .title{position:relative; margin-bottom:30px; }
.proEntry1 .title h2{font-size: 20px; line-height:30px; padding-top: 60px;}
.proEntry1 .title div{width:60px; height: 10px; background-color: #c68a0e;}
.proEntry1 .title::after{position: absolute; content: ""; background-color: #c68a0e; width:100%; height: 1px; bottom: 5px; left: 0;}
.vrsearch-part1{margin-top:50px; }
.vrsearch-part1 a{font-size: 16px; border-bottom:2px solid #fff; line-height: 25px; margin: 0 25px; text-decoration: none;}
.vrsearch-part1 a:hover,.vrsearch-part1 a.active{border-bottom: 2px solid #c68a0e; color: #c68a0e;}

.vrsearch-part2{margin-top:40px; margin-bottom: 50px;}
.vrsearch-part2 a{padding:0; margin: 0; text-decoration: none;}
.vrsearch-part2 a:hover{color:#c68a0e;}
.vrsearch-part2 li{padding:21px; width: 250px;}
.vrsearch-part2 li .img{height: 250px; width: 250px; overflow: hidden; position: relative;}
.vrsearch-part2 li .img>img{max-width:100%; max-height: 100%;}
.vrsearch-part2 li .img .qr{border:1px solid #b8b8b9; box-sizing: border-box;padding:10px; position: absolute; left: 0;bottom:-250px; background-color: #fff; width: 250px; height: 250px;}
.vrsearch-part2 li .img .qr img{width:100%;}
.vrsearch-part2 li h2{margin-top: 10px; line-height: 25px; text-align: center; font-size: 14px; padding: 0;}


/*遮罩层*/
.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/sdb2019-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);}

/*分页*/

#list-page .m-pagination{height:36px;padding-top:10px;line-height:36px;text-align:center;color:#666;}
#list-page .m-pagination .inner{display:inline-block;}
#list-page .m-pagination .inner .btn,
#list-page .m-pagination .inner .page,
#list-page .m-pagination .inner .hidden,
#list-page .m-pagination .inner .selected{display:inline-block;min-width:16px;_width:16px;height:34px;padding:0 15px;border:1px solid #e5e5e5;line-height:34px;white-space:nowrap;font-family:Tahoma,SimSun,Arial;text-align:center;vertical-align:top;text-decoration:none;color:#000;}
#list-page .m-pagination .inner .btn:hover,
#list-page .m-pagination .inner .page:hover{border-color:#e5e5e5;color:#999999;background-color:#efefef;}
#list-page .m-pagination .inner .selected{border-color:#e5e5e5;font-weight:bold;color:#999999;background-color:#efefef;}
#list-page .m-pagination .inner .prev,#list-page .m-pagination .inner .next{position:relative;width:60px;}
#list-page .m-pagination .inner .prev{padding-left:20px;}
#list-page .m-pagination .inner .next{padding-right:20px;}
#list-page .m-pagination .inner .text{display:inline-block;padding-left:10px;}
#list-page .m-pagination .inner .num{width:30px;height:18px;border:solid 1px #999;text-align:center;}
.pro-page{ width:880px !important; padding-top:90px !important;}


/*弹出框*/
.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}






/*
公共样式--------------------
轮播*/
.swiper-container,.swiper-wrapper{ width:100%; min-width: 1200px; margin-top: 40px; }
.swiper-slide{ width:100%; min-width: 1200px; background-color: #c68a0e;}
.swiper-slide a{ width:100%;min-width: 1200px; overflow: hidden; opacity:1; z-index:10; display:flex; text-decoration:none; justify-content: center; align-items: center;}
.swiper-pagination-bullet {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background: #fff;
    margin: 0 5px;
    opacity: 0.8;
    border: 1px solid #6f4b04;
    cursor: pointer;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #6f4b04;
}
.swiper-button-next{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'%23cccccc'%2F%3E%3C%2Fsvg%3E");}
.swiper-button-next:hover{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'%23c68a0e'%2F%3E%3C%2Fsvg%3E");}
.swiper-button-prev{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'%23cccccc'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-prev:hover{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'%23c68a0e'%2F%3E%3C%2Fsvg%3E")}


/* CSS Document */
@media ( min-width : 768px) {
	.container {width: 1170px}
	.container-fluid{width:1200px;}
	
}
@media ( min-width : 992px) {
	.container {width: 1170px;}
	.container-fluid{width:1200px;}
	
	/*视频*/
	.modal-dialog{width:750px; height:650px;}	
	.modal-content iframe{ width:100%; height:500px;}
	
	/*新闻资讯*/
	.my-hotmore{padding-top:0;}
	/*
	.rollpicshow img{ height:170px; width:110px;}
	.pro-rollpic{padding-left:0; padding-right:0; padding-top:10px;}
	.pro-rollpicshow li{height:62px; width:62px;}
	.pro-rollpicshow img{width: 100% !important; height: auto !important;}
	.pro-rollpic .prev,.pro-rollpic .next{ margin-top:20px;}
	.my-honors{padding-top:60px;}
	
	
	.my-mh-230{ max-height:190px; overflow:hidden;}
	.imageflow{overflow:hidden; position:relative; text-align:left; visibility:hidden; width:980px; height:600px !important; margin:0 auto;}
	*/
}
@media ( min-width : 1200px) {
	.container {width: 1170px}
	.container-fluid{width:100%;}
	/*#my-main{margin-top:80px;}
	.my-iconnav::after{content:""; width:60px; height: 65px; background: url(../images/sandebo2019-2.png) no-repeat center center; background-size: 100% auto;position: absolute; right:10px; top: -70px; }
	*/
	/*视频*/
	.modal-dialog {width:900px; height:700px;}
	.modal-content iframe{ width:100%; height:600px;}
	
	/*新闻资讯*/
	.my-hotmore{padding-top:30px;}
	.my-plr-0{padding-left:0; padding-right:0;}
	

	/*
	.my-mh-230{ max-height:230px; overflow:hidden;}
	.imageflow{overflow:hidden; position:relative; text-align:left; visibility:hidden; width:1100px; height:600px !important; margin:0 auto;}
	*/
	
}
@media ( min-width : 1300px) {
	.container {width: 1170px}
	.container-fluid{width:100%;}
	/*#my-main{margin-top:120px;}
	.my-iconnav::after{content:""; width:80px; height: 85px; background: url(../images/sandebo2019-2.png) no-repeat center center; background-size: 100% auto;position: absolute; right:0; top: -100px; }
	*/
}

@media ( min-width : 1400px) {
	/*
	#my-main{margin-top:150px;}
	.my-iconnav::after{content:""; width:90px; height: 100px; background: url(../images/sandebo2019-2.png) no-repeat center center; background-size: 100% auto;position: absolute; right:0; top: -130px; }
	*/
}

@media ( min-width : 1500px) {
	/*
	#my-main{margin-top:200px;}
	*/

}





