/*必备样式*/
body{padding: 0;margin: 0; font-family: "Source Han Sans CN","Microsoft Yahei"; font-size: 14px;color: #000;}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
ul,ol,dl{list-style-type:none;margin:0;padding:0;}
/*关闭iPhone 和 Android 的浏览器纵向 和橫向 模式皆有自动调整字体大小的功能.*/
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
address,caption,cite,code,dfn,em,th,var,i{font-style:normal;font-weight:normal;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button{overflow: visible;vertical-align:middle;outline:none;}
/*获得焦点时周边不会出现虚线*/
a:focus,a:hover,a:active,area,img{outline:none;blr:expression(this.onFocus=this.blur());}
a{outline:none;text-decoration: none;color: #666;}
a:hover{text-decoration: none;}
table{border-collapse:collapse;border-spacing:0}
textarea { resize:none;} 
/*img*/
img{border:0; vertical-align:middle; transition: all 0.6s;}
a img,img{-ms-interpolation-mode:bicubic;}
.img-responsive{max-width: 100%;height: auto;}
/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}
time{display:inline;}
audio,canvas,video{display:inline-block;}
audio:not([controls]){display:none;}
svg:not(:root) {overflow: hidden;}
.fl{ float:left;}
.fr{ float:right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height: 0;font-size: 0;}
/*transition*/
.tran200{-webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition:all 0.2s ease; transition:all 0.2s ease;}
.tran300{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.tran400{-webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;}
.tran500{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease;}
.tran1000{-webkit-transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; transition:all 1s ease;}
.tran2000{-webkit-transition:all 2s ease; -moz-transition:all 2s ease; -ms-transition:all 2s ease; transition:all 2s ease;}
.tran3000{-webkit-transition:all 3s ease; -moz-transition:all 3s ease; -ms-transition:all 3s ease; transition:all 3s ease;}
.scale105:hover{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.scale110:hover{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
/*滚动条*/
body *::-webkit-scrollbar{width: 5px;background: #eee;}
body *::-webkit-scrollbar-thumb{background: #ccc;}
/*按钮通用样式*/
.btns-area{font-size: 0;text-align: center;}
.btns-area .btn{display: inline-block;height: 40px;padding: 0 20px;background-color: #fff;border-radius: 3px;font-size: 14px;line-height: 40px;color: #000;cursor: pointer;}
.btns-area .btn img{display: inline-block;vertical-align: middle;margin: -3px 6px 0 0;}
.btns-area .btn:hover{opacity: .8;}
/*自定义单选框input[type="radio"]样式*/
input[type="submit"],input[type="button"]{ cursor:pointer;}
label{cursor: pointer;}
input[type="radio"]{display: none;}
input[type="radio"]+em{position: relative;display: inline-block;width: 20px;height: 20px;background-color: #fff;border: 2px solid #dedede;border-radius: 50%;vertical-align: top;cursor: pointer;}
input[type="radio"]+em:before{content: '';position: absolute;left: 50%;top: 50%;width: 8px;height: 8px;border-radius: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
input[type="radio"]:checked+em{border-color: #0897e6;}
input[type="radio"]:checked+em:before{background-color: #0897e6;}
/*自定义多选框input[type="checkbox"]样式*/
input[type="checkbox"]{display: none;}
input[type="checkbox"]+em{position: relative;display: inline-block;width: 20px;height: 20px;background-color: #fff;border: 2px solid #dedede;vertical-align: top;cursor: pointer;}
input[type="checkbox"]+em:before{content: '';position: absolute;left: 50%;top: 50%;width: 10px;height: 10px;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
input[type="checkbox"]:checked+em{border-color: #0897e6;}
input[type="checkbox"]:checked+em:before{background-color: #0897e6;}

body{ background: #eeeeee; position: relative;}
/*公共样式*/
.content{ width: 1640px; margin: 0 auto;}
.con{ width: 100%; position: relative; z-index: 9; background: #eeeeee;}

/*导航*/
.nav{width: 100%;  background: #fff; position: fixed; top: 0; left: 0; z-index: 40;}
.nav .navCon{ padding: 0 40px 0 72px; height: 96px; line-height: 92px;}
.nav .navLfet{ float: left;}
.nav .logo{ display: inline-block; width: 202px;}
.nav .logo img{ max-width: 100%;}
.nav .navAddress{position: relative; display: inline-block; padding-left: 90px; font-size: 16px;}
.nav .navAddress img{ padding-right: 6px;}
.nav .navCha{ padding-left: 40px;}
.nav .navAddress a{color: #000; }
.top-address{display: none; position: absolute; top: 96px; left: 60px; width: 120px; text-align: center; background: #fff; padding: 10px 0; box-sizing: border-box; z-index: 11;}
.top-address li{ text-align: center; border-bottom: 1px #eee solid; line-height: 34px; cursor: pointer;}
.top-address li:last-child{ border: none;}
.nav .navRight{ float: right;}
.nav .navRight li{ display: inline-block; width: 176px; text-align: center; padding-right: 14px;}
.nav .navRight li .nav-dong{position: relative; float: right; display: inline-block; margin-top: 36px; }
.nav .navRight li i{ position: absolute; top: 0; left: 0; width: 3px; height: 22px; background: #ffe400; border-radius: 10px; transform: rotate(16deg); transition: all 0.4s ease; }
.nav .navRight li .nav-dong img{ position: absolute; top: 4px; right: 10px; opacity: 0; }
/* .nav .navRight li:hover{ background: #ffe400; } */
.nav .navRight li:hover .nav-dong img{opacity: 1; -webkit-animation: spin 0.08s linear 0s 10; animation: spin 0.08s linear 0s 10; -webkit-transform-origin: center center;transform-origin: center center}
.nav .navRight li:hover i{ display: none;}
.nav .navRight li:last-child .nav-dong i{display: none;}
@-webkit-keyframes spin {
	0%{
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	}
	100% {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
	}
}

.nav .navRight li>a{ font-size: 21px; color: #000000; font-weight: bold;}
.navSub{ display: none; position: relative; width: 100%; z-index: 10; background: #e6e6e6; box-shadow: rgba(223,223,223,0.6) 0 14px 16px; overflow: hidden; padding-bottom: 14px;}
.navSub:before{ content: ""; position: absolute; top: -16px; left: 0; width: 100%; height: 16px; box-shadow: rgba(223,223,223,0.6) 0 14px 16px;}
.navSub .num{ position: absolute; top: 48px; left: 72px;}
.navSub .num span{ display: block; font-size: 50px; font-weight: bold; color: #e6e6e6; -webkit-text-stroke: 2px black;}
.navSub .navSub-list{ float: right; overflow: hidden; margin-right: 8px;}
.navSub dl{width: 188px;float: left; margin: 40px 0 60px 0; min-height: 180px; box-sizing: border-box;}
.navSub .navSub-list dl:nth-child(3){padding-left: 10px; }
.navSub .navSub-list dl:last-child{padding-left: 16px; }
.navSub dl dd{ display: block; text-align: left; line-height: 32px; }
.navSub dl dd a{font-size: 16px; font-weight: normal;color: #000; padding: 0 6px;}
.navSub .navSub-text{padding-right: 53px;}
.navSub dl dd a:hover{ background: #faeb00;}
/*banner*/
.banner{ margin-top: 96px; width:100%;  overflow:hidden; position:relative;  /*position: fixed; top: 96px; left: 0; height: 740px;*/}
.banner .bd{ position:relative; height:100%; z-index:0;   }
.banner .bd li{ zoom:1; vertical-align:middle; }
.banner .bd img{ width:100%; display:block;  margin: 0 auto; }
/* 下面是前/后按钮代码*/
.banner .prev,
.banner .next{ position:absolute; left:3%; top:50%; margin-top:-36px; display:block; width:38px; height:62px;}
.banner .next{ left:auto; right:3%; }
.banner .prevStop{ display:none;  }
.banner .nextStop{ display:none;  }
/*part1*/
.partOne{ margin-top: 58px;}
.partOne .ad{ font-size: 0;}
.partOne .ad li{ display: inline-block; font-size: 14px; width: 387px; margin-right: 30px; vertical-align: bottom;}
/*.partOne .ad li:hover{opacity: 0.6;}*/
.partOne .ad li img{ width: 100%;}
.partOne .room{ margin-top: 60px; overflow: hidden;}
.partOne .room li{position: relative; float: left; width: 19.4%; margin-right: 0.75%; height: 282px; background: #fff; padding: 8px 7px; box-sizing: border-box;}
.partOne .room li:hover{background: #faeb00; }
.partOne .room li a{ display: block; height: 100%; }
.partOne .room li a .pic{ position: relative; width: 100%; height: 208px; overflow: hidden; z-index: 3;}
.partOne .room li a .pic img{ width: 100%; height: 100%;}
.partOne .room li a .pic:before{content: ""; position: absolute; top: 50%; left: 50%; width: 0; height: 0; background: rgb(255,228,0,0.3); transition: all 0.4s ease;}
.partOne .room li a .pic:hover:before{ width: 100%; height: 100%; z-index: 10; top: 0; left: 0;}
.partOne .room li a p{margin-top: 14px; color: #000; font-size: 13px; font-weight: bold; position: relative; z-index: 3;}
.partOne .room li a i{ position: absolute; right: 18px; bottom: 16px;}
/*part2*/
.partTwo{ margin-top: 88px;}
.title{ height: 76px; line-height: 76px;}
.title .eng{ padding: 0 8px 0 22px;}
.title span{ font-size: 58px; font-weight: bold; vertical-align: bottom;}
.title i{display: inline-block; width: 94px; background: url(../image/title01.png) no-repeat 0 23px; text-align: center; margin: 0 7px 0 20px; font-size: 18px; font-weight: bold; padding-left: 2px;}
.title .num{ background: url(../image/title02.png) no-repeat 0 23px; color: #fff; margin-left: 0;}
.partTwo .events{ background: #fff; margin-top: 34px; overflow: hidden; padding: 0 1%; box-sizing: border-box; padding-bottom: 20px;}
.partTwo .events li{ float: left; width: 23.4%; margin: 39px 0.8% 0 0.8%;}
.partTwo .events li .pic{ width: 100%; overflow: hidden;}
.partTwo .events li .pic img{ width: 100%; height: 100%;}
.partTwo .events li p{position: relative; font-size: 18px; font-weight: bold; color: #000; margin: 16px 0; height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;padding-left: 2px; z-index: 1;}
.partTwo .events li p:before{ content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; background: #faeb00; z-index: -1;}
.partTwo .events li:hover p:before{ width: 100%;}
/*part3*/
.partThree{ position: relative; margin-top: 98px; /* height: 939px; */}
.threeTitle{ position: relative; background: #fff; height: 158px; line-height: 158px;}
.threeTitle img{ position: absolute; top: -34px; left: 0;}
.yang{/* position: absolute; top: 0; left: 0; */ width:100%;  overflow:hidden; /* padding-top: 158px; */}
.yang .moreTwo{ position: absolute; top: 68px; right: 5%; z-index: 9;}
.yang .hd{  overflow:hidden; position:absolute; right:5px; top: 60px; z-index:1; width: 62%;}
.yang .hd ul{ overflow:hidden; zoom:1; }
.yang .hd ul li{ float:left; margin-right:4%; cursor:pointer; }
.yang .hd ul li span{ display: block; font-size: 18px;font-weight: bold; color: #8a8a8a;}
.yang .hd ul li i{display: inline-block; font-size: 12px; transform: scale(0.8); margin-left: -7px; line-height: 18px; color: #8a8a8a; transform: scale(0.8);}
.yang .hd ul li.on span{ background:#faeb00; color:#000; }
.yang .bd{ position:relative; height:100%; z-index:0;   }
.yang .bd li{ zoom:1; vertical-align:middle; }
.yang .bd img{ width:100%; /* height: 788px; */ display:block;  margin: 0 auto;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.yang .prev,
.yang .next{ position:absolute; left:3%; top:56%;  display:block; width:38px; height:63px; overflow: hidden;}
.yang .next{ left:auto; right:3%; background-position:8px 5px; }
.yang .prevStop{ display:none;  }
.yang .nextStop{ display:none;  }
.yang .switch{ position: absolute; right: 52px; bottom: 44px; left: auto; top: auto; width: 322px; height: 44px; cursor: pointer; background: #faeb00; border: 2px #000 solid; border-radius: 30px;  line-height: 38px; font-size: 18px; font-weight: bold; box-sizing: border-box;}
.yang .switch img{ padding-left: 8px; padding-right: 14px;}
/*part4*/
.partFour{ margin-top: 84px;}
.partFour-ad{ display: block;}
.partFour-ad img{ width: 100%;}
.partFour-bottom{ margin-top: 40px; overflow: hidden; height: 100%;}
.partFour-left{ float: left; width: 48.9%; overflow: hidden;}
.partFour-left img{ width: 100%;}
.partFour-right{ float: right; width: 49%; height: 100%;}
.partFour-video{ position: relative; width: 100%; height: 343px; height: 45%;}
.partFour-video img{ width: 100%; height: 100%;}
.partFour-video .video-mask{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); cursor: pointer;}
.partFour-video .video-mask img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 97px; height: 118px;}
.partFour-right .last{ margin-top: 29px;}
/*part5*/
.partFive{ margin-top: 110px;}
.partFive .title{ position: relative;}
.partFive .title .num{ background: url(../image/title03.png)no-repeat 0 23px;}
.partFive .title a{position: absolute; right: 0; top: 20px; background: url(../image/more.png)no-repeat 0 0; width: 139px; height: 44px;  line-height: 44px; padding-left: 24px; font-size: 20px; font-weight: bold; color: #000;}
.partFive .video{background: #fff; overflow: hidden; padding: 0 2%; margin-top: 32px;}
.partFive .video li{ float: left; width: 17.4%; margin: 65px 1.3% 54px 1.3%;}
.partFive .video li .pic{ position: relative; width: 100%; height: 184px;}
.partFive .video li .pic:before{ content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: url(../image/bo.png) no-repeat 0 0; transition: all 0.4s ease; -webkit-transition: all 0.4s ease;}
.partFive .video li .pic img{ width: 100%; height: 100%;}
.partFive .video li .text{ margin-top: 34px;}
.partFive .video li .text .time b{font-size: 35px; font-weight: bold; color: #000;}
.partFive .video li .text .time span{ font-size: 18px; color: #000;}
.partFive .video li .text p{position: relative; font-size: 18px; color: #000; margin-top: 6px; font-weight: bold; height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; z-index: 1;}
.partFive .video li .text p:before{content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 0; background: #faeb00;z-index: 0; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; z-index: -1;}
.partFive .video li:hover .text p:before{ width: 100%;}
.partFive .video li:hover .pic:before{ width: 100%; }
.index-video{display: none; width: 300px; height: 580px; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 22; background: #fff; background: url(../image/videobg.png) no-repeat 0 0; background-size: contain;}
.index-video video{ width: 258px; height: 448px; position: relative; z-index: 22; top: 56px; left: 16px;}
.index-video .close{ position: absolute; top: -50px; left: 50%; transform: translateX(-50%); cursor: pointer; z-index: 24;}
.index-video .jian{ position: absolute;  bottom: 18px; right: -113px;}

.index-video2{display: none; width: 70%; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 22; }
.index-video2 video{ width: 100%; position: relative; z-index: 22; top: 0; left: 0;}
.index-video2 .close{ position: absolute; top: -50px; left: 50%; transform: translateX(-50%); cursor: pointer; z-index: 24;}
/*part6*/
.partSix{ width: 100%; margin-top: 93px; background: url(../image/sixbg.jpg) no-repeat 0 0; padding-bottom: 80px;}
.sixAd{ width:1640px; position:relative; padding-top: 76px; margin: 0 auto;}
.sixAd .bd{ position:relative; height:100%; z-index:0;   }
.sixAd .bd li{ zoom:1; vertical-align:middle; }
.sixAd .bd img{ width:100%; display:block;  }
/* 下面是前/后按钮代码*/
.sixAd .prev,
.sixAd .next{ position:absolute; left:-4%; top:50%; margin-top:-25px; display:block; width:38px; height:63px; overflow: hidden; }
.sixAd .next img,.sixAd .prev img{ position: absolute; top: 0; left: 0;}
.sixAd .next:hover img{ bottom: 0; top: auto; }
.sixAd .prev:hover img{ bottom: 0; top: auto; }
.sixAd .next{ left:auto; right:-4%; background-position:8px 5px; }
.sixAd .prevStop{ display:none;  }
.sixAd .nextStop{ display:none;  }
/*part7*/
.partSeven{ margin-top: 50px;}
.partSeven .content{ overflow: hidden; padding-top: 22px;}
.sevenLeft{ float: left; width: 56.5%; height: 700px; background: #2e4be2; padding: 50px 24px 70px 24px; box-sizing: border-box;}
.sevenLeft .title{position: relative; border-bottom: 1px #000 dashed; padding-bottom: 30px; margin-bottom: 47px; }
.partSeven .title span{ font-size: 42px; color: #fff;}
.partSeven .title .num{ background: url(../image/title04.png)no-repeat 0 23px;}
.partSeven .title a{position: absolute; right: 0; top: 20px; background: url(../image/more.png)no-repeat 0 0; width: 139px; height: 44px;  line-height: 44px; padding-left: 24px; font-size: 20px; font-weight: bold; color: #000; box-sizing: border-box;}
.sevenLeft-con{ overflow: hidden; width: 90%; margin: 0 auto;}
.sevenLeft-con .pic{ float: left; width: 316px; height: 421px; position: relative; z-index: 1; padding: 0 5px 5px 0;}
.sevenLeft-con .pic:before{ content: ""; position: absolute; bottom: 0; right: 0; width: 5px; height: 97%; background: #fff; z-index: -1;}
.sevenLeft-con .pic:after{content: ""; position: absolute; bottom: 0; right: 0; width: 97%; height: 5px; background: #fff; z-index: -1;}
.sevenLeft-con .pic a{display: block; position: relative; height: 100%;}
.sevenLeft-con .pic .time{position: absolute; right: -15px; bottom: 15px; padding: 4px 20px; background: #fff; border: 2px #000 solid;}
.sevenLeft-con .pic .time b{font-size: 30px; color: #000;}
.sevenLeft-con .pic .time em{ font-size: 16px; color: #000000; font-weight: bold;}
.sevenLeft-con .list{ float: right; width: 50%; margin-top: 16px;}
.sevenLeft-con .list li{ position: relative; margin: 24px 0; z-index: 1; padding: 0 15px ; box-sizing: border-box;}
.sevenLeft-con .list li:before{ content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: #faeb00; z-index: -1; transition: all 0.4s ease; -webkit-transition: all 0.4s ease;}
.sevenLeft-con .list li:hover:before{ width: 100%;}
.sevenLeft-con .list li:hover a{ color: #000;}
.sevenLeft-con .list li a { display: block; width: 100%; height: 24px; line-height: 24px;color: #fff;}
.sevenLeft-con .list li a span{font-size: 16px;  font-weight: bold; float: left; padding-right: 14px; max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sevenLeft-con .list li a i{display: inline-block; float: left; border-top: 1px #152369 solid; width: 100px; margin-top: 12px;}
.sevenLeft-con .list li a b{ float: right; font-size: 14px; font-weight: bold;}
.sevenRight{ float: right; width: 40.8%; height: 700px; }
.sevenRight-title{position: relative; height: 118px; background: #2b2b2b; }
.sevenRight-title img{ position: absolute; top: -22px; left: 0; width: 100%;}
.partSeven .sevenRight .list{position: relative; background: #e5432e; padding: 24px 0 52px 0; }
.partSeven .sevenRight .list ul{position: relative; z-index: 2; margin: 0 54px; height: 506px; overflow-y: auto; }
.partSeven .sevenRight .list i{display: block; position: absolute; top: 24px; right: 56px; width: 3px; height: 506px; background: #000;z-index: 1; }
.partSeven .sevenRight .list li{ overflow: hidden; margin-top: 22px;}
.partSeven .sevenRight .list li .pic{float: left; width: 56px; height: 56px; border-radius: 50%; background-position: center; background-size: cover; margin-top: 16px;}
.partSeven .sevenRight .list li .list-text{ float: left; width: 70%; margin-left: 6%; color: #fff; border-bottom: 1px #c03826 dashed; padding-bottom: 14px;}
.partSeven .sevenRight .list li .list-text h3{ font-size: 17px; margin-bottom: 6px; height: 22px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.partSeven .sevenRight .list li .list-text p{ height: 38px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; 
-webkit-line-clamp: 2; }
body .partSeven .sevenRight .list ul::-webkit-scrollbar{width: 8px;background: transparent; }
body .partSeven .sevenRight .list ul::-webkit-scrollbar-thumb{width: 8px; background: #faeb00; border: 3px #000000 solid; border-radius: 50px;}
/*part8*/
.partEight{padding-top: 85px;}
.shop{ width:100%; overflow:hidden; position:relative; }
.shop .hd{  height:12px; overflow:hidden; position:absolute; right:60px; bottom:38px; z-index:1; }
.shop .hd ul{ overflow:hidden; zoom:1; float:left;  }
.shop .hd ul li{ float:left; margin-right:15px;  width:12px; height:12px; border-radius: 50%;  background:#fff; cursor:pointer; }
.shop .hd ul li.on{ background:#faeb00;  }
.shop .bd{ position:relative; height:100%; z-index:0;   }
.shop .bd li{ zoom:1; vertical-align:middle; }
.shop .bd img{ width:100%; display:block;}
/*尾部*/
.footer{ margin-top: 100px; padding-bottom: 202px;}
.foot-top{background: #fff;}
.foot-con{ width: 94%; margin: 0 auto; padding: 66px 0; overflow: hidden;}
.foot-top .left{float: left; width: 50%; }
.foot-top .left ul{ overflow: hidden; margin-top: 42px;}
.foot-top .left ul li{float: left; width: 54px; text-align: center; margin-right: 20px; cursor: pointer;}
.foot-top .left ul li img{ width: 45px; height: 45px;}
.foot-top .left ul li span{ display: block; text-align: center; font-size: 13px; font-weight: bold; line-height: 30px;}
.foot-top .foot-right{ width: 50%; float: right; overflow: hidden; text-align: right;}
.foot-top .foot-right dl{ display: inline-block; vertical-align: top; width: 110px; margin-right: 48px; text-align: left;}
.foot-top .foot-right dl:last-child{ margin-right: 0;}
.foot-top .foot-right dl dd{ margin-bottom: 10px;}
.foot-top .foot-right dl dd a{font-size: 16px; color: #000;}
.foot-top .foot-right dl dd a:hover{background: #faeb00;}
.foot-top .foot-right dl dt{font-size: 21px; font-weight: bold; color: #000; margin-bottom: 30px;}
.foot-top .foot-right dl dt a{ color: #000;}
.foot-top .foot-right dl dt i{ float: left; display: inline-block; width: 3px; height: 22px; background: #ffe400; margin-top: 5px; border-radius: 10px; transform: rotate(16deg); margin-left: -45px;}
.foot-bottom{ background: #eeeeee; padding-top: 75px;}
.foot-phone{display: block; margin: 0 auto; max-width: 100%;}
.foot-list{ width: 1450px; margin: 0 auto; padding: 0 4%; padding-bottom: 86px; border-bottom: 1px #c8c8c8 dashed; margin-bottom: 103px; box-sizing: border-box;}
.foot-list .foot-item{position: relative; width: 294px; margin-right: 15%; display: inline-block; padding-top: 100px;}
.foot-list .foot-item>img{ max-width: 50px;}
.foot-list .foot-item:last-child{ margin-right: 0;}
.foot-list .foot-item .text{ width: 218px; float: right;}
.foot-list .foot-item .text h3{font-size: 20px; font-weight: bold; color: #303030; margin-bottom: 10px; cursor: pointer;}
.foot-list .foot-item .text h3 a{ color: #303030;}
.foot-list .foot-item .text h4{ font-size: 17px; color: rgba(0,0,0,0.75); font-weight: bold; margin-bottom: 4px;}
.foot-list .foot-item .text p{ font-size: 14px; color: rgba(0,0,0,0.75); line-height: 20px;}
.item-ma{display: none; position: absolute; top: 84px; right: -140px; width: 145px; height: 134px; background: url(../image/mabg.png) no-repeat 0 0; line-height: 134px;}
.item-ma img{ max-width: 126px; max-height: 126px; padding-left: 15px;}
.foot-xin{position: relative; width: 1400px; margin: 0 auto; display: flex; display: -webkit-flex; justify-content: space-between;}
/* .foot-xin:after{ content: ""; display: table; clear: both;} */
.foot-xin li{position: relative;height: 30px; line-height: 30px; font-size: 16px; font-weight: bold; padding-bottom: 36px;}
.foot-xin li:last-child{ margin-right: 0;}
.foot-xin li a{ color: #303030;}
.foot-xin .item-ma{ top: -12px; z-index: 1; right: auto; left: 100%;}
.link{ width: 1400px; margin: 0 auto;}
.link span{ font-weight: bold;}
.link a{position: relative; color: rgba(0,0,0,0.9); padding-right: 8px; display: inline-block; margin-right: 3px; }
.link a:before{content: ""; position: absolute; top: 3px; right: 0; width: 1px; height: 14px; background: #505050;}
.link a:last-child:before{width: 0;}
.address{ width: 1400px; margin: 0 auto; margin-top: 14px;}
.address p:last-child{ font-size: 12px;}
/*底部悬浮*/
.footFixed{ display: none; position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; height: 50px; line-height: 50px; z-index: 10;}
.footFixed-con{ width: 90%; margin: 0 auto;}
.fixed-left{ width: 74%; float: left;}
.fixed-left a{display: inline-block; margin-right: 74px; }
.fixed-left a span{position: relative;  font-size: 18px; font-weight: bold; color: #000; }
.fixed-left a span em{position: absolute; right: -22px; top: -4px; background: #e5432e; color: #fff; display: inline-block; width: 17px; height: 17px; border-radius: 50%; font-size: 12px; line-height: 17px; text-align: center;}
.fixed-left>span{ display: inline-block; margin-left: 30px;}
.fixed-left span b{ font-size: 18px; font-weight: bold; padding-left: 6px;}
.fixed-left span i{position: relative; top: 4px; font-size: 28px; font-weight: bold; font-style: italic;}
.fixed-right{ width: 26%; float: right; text-align: right;}
.fixed-right span{ font-size: 18px; font-weight: bold; color: #e5432e; padding: 8px 34px; background: #faeb00; border: 2px #000 solid; border-radius: 30px; cursor: pointer;} 
.fixed-right span i{ font-weight: bold; color: #000;}
.fixed-right a{position: relative; padding-left: 18px; font-size: 18px; color: #e5432e;}
.fixed-right a i{ position: absolute; right: -22px; top: -4px; width: 17px; height: 17px; line-height: 17px; text-align: center; color: #fff; background: #e5432e; border-radius: 50%; font-size: 12px;}
/*预约报价*/
.mask{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; background: rgba(0,0,0,0.3);}
.popup{ display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 772px; height: 500px; border-radius: 10px; background: #eeeeee; z-index: 21; padding: 30px 22px;}
.close{ position: absolute; top: -18px; right: -18px; cursor: pointer;}
.offer-title{font-size: 39px; font-weight: bold; color: #f100f4; text-shadow:#fff 2px 4px 0; overflow: hidden;}
.offer-title span{ float: left; margin-top: 14px;}
.offer-title i{float: left; font-weight: bold; color: #000000; margin-top: 14px;}
.offer-title img{ float: right;}
.offerBox{position: relative; width: 722px; height: 324px; border: 1px #000000 solid; margin-top: 14px; background: #ffffff; z-index: 1;}
.offerBox:before{ content:""; position: absolute; top: -10px; right: -10px; width: 100%; height: 100%; background: #FFFFFF; border: 1px #000 solid; z-index: -1;}
.offerBox-left{float: left; width: 400px; height: 99.8%; border-right: 1px #000 solid; border-top: 1px #000 solid; background: #fff;}
.offerBox-left p{ padding:0 18px; height: 64px; line-height: 64px; overflow: hidden; border-bottom: 1px #000 solid; background: #fff;}
.offerBox-left p i{float: left; font-size: 18px; font-weight: bold; color: #ff0000;}
.offerBox-left p span{display: inline-block; width: 140px; float: left; font-size: 17px; font-weight: bold; color: #000;}
.offerBox-left p span em{ float: right;}
.offerBox-left p input{float: left; width: 189px; height: 64px; line-height: 64px; border: none; font-size: 18px; padding-left: 16px;}
.offerBox-left p input::-webkit-input-placeholder{ color: #c2c2c2;}
.offerBox-left p input::-moz-placeholder{ color: #c2c2c2;}
.offerBox-left p input:-ms-input-placeholder{ color: #c2c2c2;}
.clickSum{display: block; width: 100%; padding: 0 22px; box-sizing: border-box; height: 64px; line-height: 64px; background: #f40062; color: #fff; border: none; text-align: left; font-size: 24px; color: #fff; font-weight: bold; cursor: pointer; border-bottom: 1px #000 solid;}
.clickSum img{ float: right;  padding-top: 18px;}
.clickSum:after{ border: none;}
.sum{ font-size: 36px; color: #f40062; font-weight: bold; padding: 8px 22px 0 22px; box-sizing: border-box; text-align: right;  }
.sum em{ font-size: 20px; font-weight: bold; float: right; color: #000; padding-top: 10px; padding-left: 6px;}
.offerBox-right{ float: right; width: 321px; height: 100%;}
.offerBox-right img{ width: 100%; height: 100%;}
.offer .zhu{font-weight: bold; color: #7c7c7c; margin-top: 20px;}
/*滴滴专车*/
.car{display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 772px; height: 374px; background: #2744d5; z-index: 22; border-radius: 10px; padding: 18px 0 0 20px; box-sizing: border-box; }
.car .car-title{position: relative;} 
.car .car-title .car-txt{ float: left; padding-top: 15px;}
.car .car-title i{font-size: 77px; color: #fff; font-weight: bold;}
.car .car-title .pig{ position: absolute; top: 0; right: -6px;}
.car .offerBox{ height: 194px; margin-top: 30px;}
/*左侧滑块*/
.zuo{display: none; position: fixed; left: 0; top: 300px; z-index: 19; transition: all 0.3s ease;}
.zuo li{position: relative; font-size: 0;  }
.zuo li a{position: relative; font-size: 14px; display: inline-block; background-size: cover; height: 82px; width: 33px; border-bottom: 1px #f2f2f2 solid;}
.zuo li a span{ position: absolute; top: 0; right: 0; display: inline-block; background: #fff; line-height: 82px; width: 33px; text-align: center;}
.zuo .backTop{display: inline-block; background: #fff; line-height: 82px; width: 33px; text-align: center; cursor: pointer;}
.zuo li:last-child{ border: none;}
.zuo .backTop:hover{ background: #fff718;}
.zuo .zuo-ma{display: none; position: absolute; top: 0; right: -150px; background: url(../image/mabg.png); width: 145px; height: 134px; line-height: 134px; }
.zuo .zuo-ma img{ padding-left: 15px;}
/*样板间列表*/
.nbanner{ margin-top: 96px;}
.roomList{ position: relative; padding-top: 61px; width: 1666px; margin: 0 auto;}
.roomList ul{overflow: hidden; font-size: 0;}
.roomList ul li{font-size: 14px; display: inline-block; width: 533px; background: #fff; margin:0 11px 31px 11px;  height: 743px;}
.roomList ul li .pic{ position: relative; width: 100%; height: 428px; overflow: hidden;}
.roomList ul li .pic img{ width: 100%; height: 100%;}
.roomList ul li .text{ width: 86%; margin: 0 auto; padding: 41px 0 28px 0;}
.roomList ul li .text h3{ font-size: 33px; font-weight: bold; color: #000; height: 44px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.roomList ul li .text h4{ font-size: 12px; color: #000;}
.roomList ul li .text p{ font-size: 15px; color: #707070; line-height: 24px; margin-top: 18px; height: 72px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; } 
.more{ overflow: hidden; margin-top: 20px;}
.more span{ float: left; font-size: 58px; font-weight: bold; color: #fff; -webkit-text-stroke: 1px #000;}
.more i{display: inline-block; float: right; width: 139px; height: 44px; text-align: center; line-height: 44px;  font-size: 20px; font-weight: bold; color: #000; margin-top: 15px;}
.more i img{ float: right; padding: 12px 12px 0 0;}
.roomList ul li .pic .roomTxt{ position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: rgba(0,0,0,0.4); }
.roomList ul li .pic .roomTxt img{ position: absolute; top: 19px; right: 29px; width: 76px; height: 76px;}
.roomList ul li .pic .roomTxt .txt{ position: absolute; left: 38px; bottom: 30px;}
.roomList ul li .pic .roomTxt .txt h3{font-size: 34px; color: #fff; font-weight: bold;}
.roomList ul li:hover .more i{background: url(../image/more3.png) no-repeat 0 0;}
.roomList ul li:hover .pic .roomTxt{ left: 0;}
.roomList ul li:nth-child(5){ margin-right: 550px;}
.didi{position: absolute; top: 835px; right: 11px; cursor: pointer;}
/*内页左侧悬浮*/
.nZuo{position: fixed; left: 0; top: 300px; z-index: 19; transition: all 0.3s ease;}
.nZuo:before{content: ""; position: absolute; top: -7px; left: 0; width: 83px; height: 7px; background: url(../image/neitop.jpg) no-repeat 0 0; z-index: 1;}
.nZuo:after{content: ""; position: absolute; top: -7px; right: -7px; width: 7px; height: 348px; background: url(../image/neiright.png) no-repeat 0 0; z-index: 1;}
.nZuo li{position: relative; background: #099625; width: 76px; height: 83px; text-align: center; background: #099625; border: 1px #000 solid; border-right: 2px #000 solid; z-index: 2;}
.nZuo li img{ padding-top: 16px;}
.nZuo li span{ display: block; text-align: center; color: #fff; padding-top: 6px;}
.nZuo li:first-child{border-top: 2px #000 solid;}
.nZuo .nei-back{ background: #000;}
.nZuo .nei-back img{padding-top: 22px;}
.nZuo .bao{ background: #e42a1d;}
.nZuo .zixun{ background: #324fe2;}
.nZuo .nWei .zuo-ma{display: none; position: absolute; top: 0; right: -150px; background: url(../image/mabg.png); width: 145px; height: 134px; line-height: 134px; }
.nZuo .nWei .zuo-ma img{ padding-left: 13px; padding-top: 0px;}
.nZuo .zixun i{position: absolute; top: 12px; right: 14px; width: 18px; height: 18px; background: #e42a1d; color: #fff; font-size: 14px; border-radius: 50%;}
/*样板间详情*/
.roomMain .main{ margin-bottom: 187px;}
.main{ background: #fff; width: 100%; margin-top: 50px; padding-bottom: 130px; margin-bottom: 84px;}
.main-con{ width: 1200px; margin: 0 auto;  padding-top: 90px;}
.mainTitle{ overflow: hidden;}
.mainTitle .left{ width: 68%; float: left;}
.mainTitle h4,
.mainTitle h5{ font-size: 16px; font-weight: bold; line-height: 16px;}
.mainTitle h3{ font-size: 92px; font-weight: bold;}
.mainTitle h3 b{font-size: 60px; font-weight: bold; color: #fff; -webkit-text-stroke: 1px #000; vertical-align: top; display: inline-block; line-height: 90px;}
.mainTitle p{ font-size: 16px; color: #707070; line-height: 28px; margin-top: 28px; text-align: justify;}
.button{ margin-top: 50px;}
.button a{padding: 4px 16px; border-radius: 20px; background: #faeb00; border: 1px #000 solid; font-size: 20px; color: #000; font-weight: bold; display: inline-block; margin-right: 10px;}
.button .clickCar{background: #43a9ff;}
.mainTitle .right{ float: right;}
.word{padding-top: 80px;}
.word img{ max-width: 100%;height:auto; display: block; margin: 0 auto; }
.bottom-but{ margin-top: 307px; overflow: hidden;}
.bottom-but .all{ background: #ff54ad;}
.bottom-but .right{ background: none; border: none; float: right;}
.roomFixed{ z-index: 10;position: fixed; bottom: 0; left: 0; width: 100%; height: 77px; line-height: 76px; background: #faeb00;}
.roomFixed a{display: inline-block; margin: 0 56px;}
.roomFixed a span{ font-size: 24px; color: #000; font-weight: bold; display: inline-block; position: relative; top: 5px; padding-left: 6px;}
/*视频列表*/
.main .video{ padding-top: 65px;}
.main .video li{ border-bottom: 1px #eee solid; padding-bottom: 50px; margin-top: 0; margin-right: 0; margin-left: 0; padding-right: 1.3%; padding-left: 1.3%;}
/* .main .video li:last-child{ border-bottom: none;}
.main .video li:nth-last-child(2){ border-bottom: none;}
.main .video li:nth-last-child(3){ border-bottom: none;}
.main .video li:nth-last-child(4){ border-bottom: none;}
.main .video li:nth-last-child(5){ border-bottom: none;} */
.lookAll{display: block; width: 511px; height: 69px; text-align: center; line-height: 68px; background: url(../image/lookAll.png) no-repeat 0 0; margin: 0 auto; border: none; cursor: pointer; font-size: 24px; color: #000000; font-weight: bold;}
.lookAll:after{ border: none; }
.video-con .main{padding-bottom: 0;}
.videoAd{margin-top: 116px;}
.videoAd img{width: 100%;}
.bg{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index: 20;}
/*口碑评价*/
.evaluate .main{ padding-bottom: 55px;}
.evaluateList{ overflow: hidden; padding: 93px 30px 100px 30px;}
.evaluateList li{width: 460px; float: left; margin: 0 33px 18px 33px;}
.evaluateList li .pic{float: left; width: 57px; height: 57px; border-radius: 50%;}
.evaluateList li .text{float: right; width: 378px; border-bottom: 1px #b2b2b2 dashed; padding-bottom: 18px;}
.evaluateList li .text h3{ font-size: 17px; color: #000; height: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.evaluateList li .text p{ font-size: 15px; color: rgba(0,0,0,0.8); line-height: 20px; height: 40px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-top: 6px;}
.evaluate .videoAd{ margin-top: 61px;}

/*计算*/
.evaSum{width: 100%; background: #fff; /*padding: 30px 25px;*/ box-sizing: border-box; margin-top: 15px;}
.evaSum-box{  /*border: 1px #000 solid;*/ overflow: hidden;}
.evaSum-box .sunImg{float: left; width: 531px; height: 422px;}
.evaSum-box .left{ float: left; width: 1085px; height: 398px; margin: 12px; border: 6px #000000 solid; box-sizing: border-box; overflow: hidden;}
/*.evaSum-box .left .top{ height: 64px; line-height: 64px;}
.evaSum-box .left .top p{float: left; overflow: hidden; width: 33.333%; padding-left: 16px; box-sizing: border-box; border-right: 1px #000 solid;}
.evaSum-box .left .top p i{ float: left; font-size: 18px; color: #ff0000; font-weight: bold; padding-right: 4px;}
.evaSum-box .left .top p span{float: left; display: inline-block; width: 150px; font-size: 18px; font-weight: bold; color: #000; overflow: hidden;}
.evaSum-box .left .top p span em{ float: right;}
.evaSum-box .left .top p input{ float: right; border: none; width: 214px; height: 64px; line-height: 64px; font-size: 18px; padding-left: 8px; box-sizing: border-box;}
.evaSum-box .left .top p input::-webkit-input-placeholder{ color: #c2c2c2;}
.evaSum-box .left .top p input::-moz-placeholder{ color: #c2c2c2;}
.evaSum-box .left .top p input:-ms-input-placeholder{ color: #c2c2c2;}*/
.evaSum-box .left .sunLeft{ float: left; width: 494px; margin-left: 63px; margin-top: 53px;}
.evaSum-box .left .sunLeft p{ width: 100%; background: #fff; border: 1px #dddddd solid; height: 60px; line-height: 60px; padding: 0 23px; margin-bottom: 8px; box-sizing: border-box; overflow: hidden;}
.evaSum-box .left .sunLeft p span{ float: left; font-size: 22px; color: #000000;}
.evaSum-box .left .sunLeft p span em{color: #ff0000;}
.evaSum-box .left .sunLeft p input{ float: left; height: 60px; line-height: 60px; width: 280px; border: none; padding-left: 14px; font-size: 16px;}
.evaSum-box .left .sunLeft .sumBtn{width: 100%; height: 70px; text-align: center; line-height: 70px; background: #f40062; border: none; font-size: 26px; color: #ffffff; font-weight: bold; cursor: pointer;} 

.evaSum-box .left .bottom{ float: right; width: 484px; height: 64px; line-height: 64px; box-sizing: border-box; padding-top: 72px;}
.evaSum-box .left .bottom h3{ text-align: center; font-size: 29px; font-weight: bold; height: 54px; line-height: 54px; margin-bottom: 6px;}
.evaSum-box .left .bottom h3 em{font-size: 14px; font-weight: bold;}
.evaSum-box .left .bottom span{ display:block; width: 100%;box-sizing: font-size: 16px; color: #7c7c7c; line-height: 22px; text-align: center; margin-top: 38px;}
.evaSum-box .left .bottom b{ display:block; text-align: center; font-size: 108px; color: #f40062; font-weight: bold; height: 100px; line-height: 100px; }
.evaSum-box .left .bottom b em{ font-size: 17px; font-weight: bold; color: #000;}
.evaSum-box .right{ float: right; width: 398px; background: #f100f4; height: 129px; line-height: 128px;}
.evaSum-box .right .but{ height: 128px; line-height: 128px; background: none; border: none; font-size: 40px; color: #fff; font-weight: bold; text-align: center; display: block; width: 100%; cursor: pointer;}
.evaSum-box .right .but img{ padding-left: 18px;}

.tan{display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 772px; border: 4px #000 solid; border-radius: 4px; box-shadow: #666 0 0 10px; background: #fff; z-index: 22; padding: 36px 24px; box-sizing: border-box; }
.tan .evaImg{ display: block; margin: 0 auto; max-width: 100%;}
.tan .pic{ float: left; width: 38px;}
.tan .pic em{display: block; width: 38px; height: 38px; border-radius: 50%; background-position: center; background-size: cover;}
.tan .text{ width: 90%; float: right; color: #333; }
.tan .text h4 span{padding-left: 6px;}
.tan .text p{ margin-top: 10px; line-height: 22px;max-height: 400px; overflow-y: auto;}
.tan .text h5{ margin-top: 30px; color: #666;}
.tan .text h5 span{ display: inline-block; padding-right: 12px; margin-right: 12px; border-right: 1px #666 solid;}
.tan .text h5 span:last-child{border-right: none;}
.tan .text .picture{ margin-top: 12px;}
.tan .text .picture img{display: inline-block; height: 64px; margin-right: 4px;}
.tan .text .time{ margin-top: 16px; color: #666; overflow: hidden;}
.tan .text .time span{ float: right;}
.tan .text .time span a{display: inline-block; margin: 0 4px;}
/*设计师列表*/
.designer .main{ background: none; margin-bottom: 0; padding-bottom: 0px;}
.retrieval{background: #fff; margin: 51px 0; padding: 0 52px; box-sizing: border-box;}
.retrieval .item{border-bottom: 1px #e5e5e5 solid; overflow: hidden; padding: 38px 0;}
.retrieval .item b{float: left; display: block; width: 270px;}
.retrieval .item b img{ position: relative; top: -5px;}
.retrieval .item b i{ font-size: 22px; color: #000; font-weight: bold; padding-left: 18px;}
.retrieval .item b i em{ font-style: italic; font-weight: bold;}
.retrieval .item b span{float: right; margin-top: 12px; display: inline-block; }
.retrieval .item .item-txt{width: 79%; float: right;}
.retrieval .item .item-txt span{display: inline-block; font-size: 18px; color: #333; padding: 0 22px; margin: 0 8px; margin-bottom: 10px; cursor: pointer;}
.retrieval .item .item-txt .on{ background: #faeb00; color: #000;}

.designerList{ overflow: hidden; margin-bottom: 20px;}
.designerList li{position: relative; float: left; width: 320px; height: 468px; padding: 8px; box-sizing: border-box; background: #fff; margin:0 10px 41px 0;}
.designerList li:nth-child(5n){ margin-right: 0;}
.designerList li .pic{ width: 100%; height: 283px;}
.designerList li .pic img{ width: 100%; height: 100%;}
.designerList li .text{ margin-top: 22px; padding: 0 12px;}
.designerList li .text h3{ font-size: 28px; color: #000;}
.designerList li .text h3 span{font-size: 18px;}
.designerList li .text h4{ margin-top: 14px;}
.designerList li .text h4 span{color: #707070; font-size: 15px; padding-right: 6px;}
.designerList li .text h4 span i{color: #000;}
.designerList li .text h5{font-size: 15px; color: #000; margin-top: 6px;}
.designerList li .text h5 span{ padding-left: 14px;position: relative; top: 2px;}
.designerList li .text h5 span i{display: inline-block; width: 18px; height: 18px; background: url(../image/star01.png) no-repeat 0 0; padding-right: 10px; }
.designerList li .more{position: relative; display: block; width: 100%; height: 18px; }
.designerList li .more i{ position: absolute; bottom: 0; right: 18px; display: inline-block; width: 4px; height: 17px; background: #7f7f7f; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.designerList li .more i:first-child{transform: rotate(90deg);}
.designerList li .lable{ position: absolute; top: 15px; left: -1px; background: url(../image/biaobg.png) no-repeat 0 0; width: 108px; height: 49px; text-align: center; line-height: 49px; font-size: 19px; color: #fff; font-weight: bold;}
.designerList li:hover{ background: #faeb00;}
.designerList li:hover .text h5 span i{ background: url(../image/star001.png) no-repeat 0 0;}
.designerList li:hover .more i{transform: rotate(45deg); background: #000;}
.designerList li:hover .more i:first-child{transform: rotate(-45deg);}
.designer .videoAd{ margin-top: 116px;}
/*设计师详情*/
.box{ background: #fff; margin-top: 51px;}
.box-con{ width: 1200px; margin: 0 auto;}
.designTxet{ padding: 76px 0; overflow: hidden;}
.designTxet .left{ position: relative; width: 60%; float: left; overflow: hidden;}
.designTxet .left .left-pic{float: left; width: 304px; height: 283px;}
.designTxet .left .left-pic em{display: block; width: 100%; height: 100%; background-size: cover; background-position: center;}
.designTxet .left .text{position: absolute; bottom: 0; left: 350px;  display: inline-block; width: 50%;}
.designTxet .left .text h3{ font-size: 28px; color: #000; font-weight: bold;}
.designTxet .left .text h3 span{font-size: 18px; font-weight: normal;}
.designTxet .left .text h4{ margin-top: 34px;}
.designTxet .left .text h4 span{color: #707070; font-size: 15px; padding-right: 6px;}
.designTxet .left .text h4 span i{color: #000;}
.designTxet .left .text h5{font-size: 15px; color: #000; margin-top: 6px;}
.designTxet .left .text h5 span{ padding-left: 14px;position: relative; top: 2px;}
.designTxet .left .text h5 span i{display: inline-block; width: 18px; height: 18px; background: url(../image/star01.png) no-repeat 0 0; padding-right: 10px; }
.designTxet .left .text .text-lable{ margin-top: 34px; height: 78px; overflow: hidden;}
.designTxet .left .text .text-lable span{ display: inline-block; padding: 6px 20px; background: #eeeeee; font-size: 15px; border-radius: 20px; margin-right: 5px; margin-bottom: 4px;}
.designTxet .right{ float: right; width: 360px; text-align: right;}
.designTxet .right .right-but{ margin-top: 164px;}
.designTxet .right .right-but a{ position: relative; display: inline-block; width: 156px; height: 46px; text-align: center; line-height: 46px; background: #00face; border: 2px #000000 solid; border-radius: 30px; font-size: 21px; color: #000; font-weight: bold; margin-left: 12px;}
.designTxet .right .right-but a:first-child{background: #faeb00;}
.designTxet .right .right-but a img{ position: relative; top: -2px;}
.designTxet .right .right-but a .ma{display: none; position: absolute; top: -148px; left: 8px; background: url(../image/mabg2.png) no-repeat 0 0; width: 134px; height: 145px;}
.designTxet .right .right-but a .ma img{ top: 4px; width: 126px; height: 126px;}
.work .box{margin-top: 26px; padding-bottom: 156px;}
.work .box-title{ font-size: 31px; color: #000;  font-weight: bold; padding-top: 100px;}
.work ul{ overflow: hidden; margin-top: 30px;}
.work ul li{ width: 279px; float: left; margin: 0 28px 33px 0;}
.work ul li:nth-child(4n){ margin-right: 0;}
.work ul li .pic{ width: 100%; height: 191px; overflow: hidden;}
.work ul li .pic img{ width: 100%; height: 100%;}
.work ul li .text{ position: relative; height: 54px;}
.work ul li .text h4{font-size: 12px; color: #000; padding: 13px 10px 0 10px;}
.work ul li .text .jia{ position: absolute; right: 10px; bottom: 10px;}
.work ul li:hover .text .jia{-webkit-animation: jia 0.08s linear 0s 10; animation: jia 0.08s linear 0s 10; }
@-webkit-keyframes jia {
	0%{
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	}
	100% {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
	}
}
.work-but{ overflow: hidden; margin-top: 100px;}
.work-but a{ display: inline-block; font-size: 18px; color: #000; font-weight: bold; padding: 4px 10px; background: #ff54ad; border: 2px #000 solid; border-radius: 20px; margin-right: 10px;}
.work-but a:first-child{ background: #faeb00;}
.work-but .next{ float: right; background: none; border: none;}
/*装修攻略列表*/
.medoth{ padding: 54px 34px 10px 34px; overflow: hidden;}
.medoth li{ float: left; width: 333px; margin: 0 30px; margin-bottom: 66px;}
.medoth li .pic{ position: relative; width: 100%; height: 252px; overflow: hidden;}
.medoth li .pic img{ width: 100%; height: 100%;}
.medoth li .text h3{ font-size: 20px; font-weight: bold; color: #000; margin-top: 28px; height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.medoth li .text p{font-size: 15px; color: #707070; line-height: 24px; height: 48px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-top: 10px; margin-bottom: 14px;}
.medoth li .pic .txt{ position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: rgba(0,0,0,0.3);}
.medoth li .pic .txt img{ position: absolute; top: 14px; right: 22px; width: 56px; height: 56px;}
.medoth li .pic .txt .txt-word{ position: absolute; left: 18px; bottom: 18px;}
.medoth li .pic .txt .txt-word h3{ font-size: 22px; color: #fff; font-weight: bold; line-height: 24px;}
.medoth li:hover .pic .txt{ left: 0;}
.medoth-box .box{ padding-bottom: 54px;}
.medoth-box .videoAd{ margin-top: 62px;}
/*装修攻略详情*/
.details{ overflow: hidden; margin-top: 55px;}
.details .left{ float: left; width: 1164px; background: #fff; padding: 100px 124px 85px 124px; box-sizing: border-box;}
.details .left .details-title h3{ font-size: 40px; color: #000; font-weight: bold;}
.details .left .details-title h4{ margin-top: 14px;}
.details .left .word{ padding-top: 48px; font-size: 16px; color: #707070; line-height: 28px; text-align: justify; min-height: 938px;}
.details .left .word img{ display: block; margin: 0 auto; max-width: 100%;}
.details .left .clickCar{ background: #43a9ff;}
.details .right{ float: right; width: 436px;}
.details .right a{ display: block; padding-bottom: 20px;}
.details .right img{ width: 100%;}
/*装修客片列表*/
.guestList{ margin-bottom: 46px;}
.guestList ul li{width: 319px; background: #fff; padding: 8px; box-sizing: border-box; margin: 0 10px 40px 0;}
.guestList ul li .pic{ position: relative; height: 208px;}
.guestList ul li .pic:before{content: ""; position: absolute; top: 50%; left: 50%; width: 0; height: 0; background: rgb(255,228,0,0.3); transition: all 0.4s ease;}
.guestList ul li .pic:hover:before{ width: 100%; height: 100%; z-index: 10; top: 0; left: 0;}
.guestList ul li:hover{ background: rgb(255,228,0,1);}
.guestList ul li:nth-child(4n){ margin-right: 10px;}
.guestList ul li:nth-child(5n){ margin-right: 0;}
.chart{ margin-top: 30px;}
.chart .chart-top{ height: 48px; line-height: 48px; border: 1px #000 solid;}
.chart .chart-top span{display: inline-block; width: 194px; padding-left: 20px; box-sizing: border-box; border-right: 1px #000 solid; font-size: 16px; font-weight: bold; height: 100%;}
.chart .chart-top span:last-child{ border-right: 0; width: 300px;}
.chart .chart-top span i{padding: 0 8px 0 6px;}
.chart .chart-center{ border-left: 1px #000 solid; border-right: 1px #000 solid;  padding: 22px 24px 36px 24px; box-sizing: border-box;}
.chart .chart-center h3{ font-size: 16px; color: #000; font-weight: bold; margin-bottom: 6px;}
.chart .chart-center p{ font-size: 15px; color: #707070; line-height: 26px; text-align: justify;}
.chart .char-bottom{ text-align: right; border: 1px #000 solid; height: 48px; line-height: 48px; font-size: 0;}
.chart .char-bottom a{display: inline-block; width: 156px; text-align: center; font-size: 15px; color: #000; font-weight: bold; background: #faeb00; border-left: 1px #000 solid;}
/*店面地址*/
.address-con{width: 1288px; margin: 0 auto; padding-bottom: 160px;}
.address-top{overflow: hidden; padding-top: 98px;}
.address-top .left{ float: left; width: 387px; overflow: hidden;}
.address-top .left img{ float: left; padding-top: 7px;}
.address-top .left .text{ float: right; width: 310px;}
.address-top .left .text h3{ font-size: 32px; font-weight: bold;}
.address-top .left .text p{ width: 75%; font-size: 16px; color: rgba(0,0,0,0.75); line-height: 22px; margin: 8px 0;}
.address-top .left .text h4{ font-size: 38px; font-weight: bold; color: #faeb00; -webkit-text-stroke: 1px #000;}
.address-top .right{ float: right; width: 853px; height: 206px;}
.map{position: relative; width: 100%; height: 576px; border: 3px #000 solid; margin-top: 84px; box-sizing: border-box;  }
.map iframe{ width: 100%; height: 100%;}
.mapText{ position: absolute; top: 21%; left: 40%; width: 260px; background: #fff; padding: 10px 20px; border: 1px #999 solid; border-radius: 14px;}
.mapText:before{content: ""; position: absolute; left: 50%; bottom: -50px; transform: translateX(-50%); width: 34px; height: 50px; background: url(../image/jiantou.png) no-repeat 0 0; background-size: cover;}
.mapText h3{ font-size: 16px; color: #333;}
.mapText p{ font-size: 14px; color: #666;}
/*人才平台*/
.person{ width: 1374px; margin: 0 auto; padding-top: 120px; padding-bottom: 150px;}
.person ul{ overflow: hidden;}
.person ul li{ width: 50%; float: left; border-bottom: 1px #e5e5e5 dashed; padding-bottom: 40px; margin-bottom: 40px;}
.person ul li:last-child{border-bottom: none;}
.person ul li:nth-last-child(2){border-bottom: none;}
.person ul li a{ display: block; padding-left: 20px; width: 86%;}
.person ul li a h3{ font-size: 32px; font-weight: bold; color: #000;}
.person ul li a h3 i{ padding: 0 8px; background: #e42a1d; border: 1px #000 solid; border-radius: 20px; font-size: 15px; font-weight: bold; color: #fff;}
.person ul li a p{ margin-top: 20px; font-size: 16px; color: #000; line-height: 28px; text-align: justify; height: 77px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.person ul li a p span{color: #707070; }
.welcome-box{position: relative;}
.welcome{ width: 1360px; margin-left: 12px; margin-top: 80px;  width: 100%; height: 78px; line-height: 74px; border: 2px #000 solid; box-sizing: border-box; background: #fcac00;}
.welcome span{ float: right; padding-right: 32px; font-size: 42px; font-weight: bold; color: #fcac00; -webkit-text-stroke: 1px #000;}
.welcome-text{ position: absolute; top: -7px; left: 0; width: 994px; height: 78px; line-height: 74px; border: 2px #000 solid; box-sizing: border-box; background: #faeb00;}
.welcome-text i{display: inline-block; float: left; width: 76px; height: 100%; border-right: 2px #000 solid;}
.welcome-text span{display: inline-block; float: left; width: 340px; line-height: 76px; font-size: 18px; color: #000; font-weight: bold; text-align: center; box-sizing: border-box;}
.welcome-text .you{ width: 480px; border-right: 2px #000 solid;}
.welcome-text .two img{ position: relative; top: -14px; left: 4px;}

/*2019.6.14*/
.zhuanTi .main{ padding-bottom: 0;}
.zhuanTi-text{ margin-top: 96px;}
.zhuanTi-text img{ display: block; margin: 0 auto; max-width: 100%; height: auto !important;}

/*2019.9.10新增 VR体验*/
.vrList ul{ overflow: hidden;}
.vrList ul li{ float: left; width: 395px; height: 330px; margin: 0 20px 61px 0; overflow: hidden;}
.vrList ul li:nth-child(4n){margin-right: 0;}
.vrList ul li a{ position: relative; display: block; height: 100%;}
.vrList ul li a img{display: block; width: 100%; height: 100%;  transition: 0.3s;}
.vrList ul li a .vrIcon{ display: block; position: absolute; top: 16px; right: 20px; width: 120px; height: 39px; padding-left: 16px; box-sizing: border-box; line-height: 39px; background: url(../image/vrIcon.png) no-repeat 0 0; color: #fff; font-size: 16px;}
.vrList ul li a p{ position: absolute; bottom: 26px; left: 0; width: 100%; font-size: 18px; color: #ffffff; padding: 0 24px; box-sizing: border-box; height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  }
.vrList ul li a p i{display: block; float: left; width: 15px; height: 15px; border-radius: 50%; background: #faeb00; margin: 5px 10px 0 0;}
.vrList ul li:hover img{transform: scale(1.1);}

.partVr{ margin-top: 80px;}
.partVr .title .num{ background: url(../image/title05.png) no-repeat 0 23px;}
.partVr .vrBox{position: relative; background: #fff; overflow: hidden; padding: 38px 28px; box-sizing: border-box; margin-top: 30px;}
.partVr .vrBox .left{ float: left; width: 81.6%; overflow: hidden;}
.partVr .vrBox .left .leftBig{ float: left; width: 66.4%;}
.partVr .vrBox .left .leftBig a{ position: relative; display: block;}
.partVr .vrBox .left .leftBig img{ display: block; width: 100%;}
.partVr .vrBox .left .vrIcon{ display: block; position: absolute; top: 16px; right: 20px; width: 120px; height: 39px; padding-left: 16px; box-sizing: border-box; line-height: 39px; background: url(../image/vrIcon.png) no-repeat 0 0; color: #fff; font-size: 16px;}
.partVr .vrBox .left a p{ position: absolute; bottom: 26px; left: 0; width: 100%; font-size: 18px; color: #ffffff; padding: 0 24px; box-sizing: border-box; height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  }
.partVr .vrBox .left a p i{display: block; float: left; width: 15px; height: 15px; border-radius: 50%; background: #faeb00; margin: 5px 10px 0 0;}
.partVr .vrBox .left .leftLittle{ float: right; width: 32%;}
.partVr .vrBox .left .leftLittle a{position: relative; display: block;}
.partVr .vrBox .left .leftLittle img{display: block; width: 100%;}
.partVr .vrBox .left .leftLittle .item:first-child{ margin-bottom: 24px;}
.partVr .vrBox .right{ float: right; width: 14%;}
.partVr .vrBox .right .text{margin-top: 88px; }
.partVr .vrBox .right .text h3{ font-size: 38px; color: #000000; font-weight: bold; margin-bottom: 20px;}
.partVr .vrBox .right .text p{ font-size: 22px; color: #000000; line-height: 26px;}
.partVr .vrBox .hd{ position: absolute; right: 0; bottom: 140px; width: 15%;}
.partVr .vrBox .hd ul{ margin-top: 100px; overflow: hidden;}
.partVr .vrBox .hd ul li{ float: left; height: 32px; line-height: 32px; padding: 0 10px; border: 1px #dcdcdc solid; border-radius: 18px; box-sizing: border-box; margin: 0 12px 24px 0; cursor: pointer;}
.partVr .vrBox .hd ul li.on{ background: #faeb00; border-color: #faeb00;}

@media only screen and (max-width: 1640px) {
	.content{ width: 100%;}
	.partOne .ad li{ width: 23.5%; margin-right: 2%;}
	.yang .moreTwo{ right: 10px;}
	.sixAd{ width: 100%;}
	.sixAd .prev, .sixAd .next{ left: 0;}
	.sixAd .next{left: auto; right: 0; }
	.yang .hd{ width: 56%;}
	.yang .hd ul{ text-align: right; padding-right: 28px;}
	.yang .hd ul li{ float: initial; display: inline-block; text-align: left; margin-right: 2%;}
	.foot-xin .item-ma{ top: 44px; left: 0;}
	/*宜家主张*/
	.roomFixed a{ margin: 0 2.9%;}
	.nbanner img{ width: 100%;}
	/*客片装修*/
	.fixed-left a{ margin-right: 4%;}
	.guestList ul li{ width: 19.4%;}
	.guestList ul li .pic{ height: 190px;}
	/*视频*/
	.partFive .video li .pic{ height: 170px;}
	/*评价*/
	.evaluateList li{ width:30%; margin: 0 3.3% 18px 0;}
	.evaluateList li .text{ width: calc(100% - 66px);}
	.evaSum-box .left{ width: calc(100% - 560px);}
	.evaSum-box .left .sunLeft{ margin-left: 24px; width: 46%;}
	.evaSum-box .left .bottom{ width: 50%;}
	.evaSum-box .left .top p span{ width: 41%;}
	.evaSum-box .left .top p input{ width: 52%;}
	.evaSum-box .right{ width: 18%;}
	.evaSum-box .right .but{ font-size: 29px;}
	/*单页*/
	.details .left{ width: calc(100% - 450px); padding: 70px 50px;}
	.details .left .word{ min-height: 736px;}
	/*尾部*/
	.foot-list{ width: 100%;}
	/*样板间*/
	.roomList{width: 100%;}
	.roomList ul li{ width: 31.5%; margin-right: 1%;}
	.roomList ul li .pic{ height: 380px;}
	.roomList ul li:nth-child(5){ margin-right: 475px;}
	.didi{ width: 31.5%;}
	.didi img{ width: 100%;}
	/*vr*/
	.vrList ul li{ width: 23.9%; height: 279px;}
	.partVr .vrBox .right .text h3{ font-size: 32px;}
	.partVr .vrBox .right .text{ margin-top: 60px;}
	.partVr .vrBox .hd{ bottom: 70px;}
	
}
@media only screen and (max-width: 1420px) {
	.nav .navAddress{padding-left: 30px;}
	.nav .navCon{ padding: 0 0 0 28px;}
	.nav .navRight li{ width: 158px;}
	.navSub dl{ width: 158px;}
	.navSub .navSub-list{ margin-right: 51px;}
	.navSub .num{ left: 20px;}
	.yang .hd{ width: 74%; top: 40px;}
	.yang .moreTwo{ top: 50px;}
	.threeTitle{ height: 119px; line-height: 119px;}
	.threeTitle img{ left: -80px; width: 44%;}
	.yang .hd ul li{ margin-right: 10px;}
	.partOne .room li a .pic{ height: 176px;}
	.partOne .room li{ height: 252px;}
	.partFive .video li .pic{ height: 160px;}
	.sevenLeft-con{ width: 100%;}
	.sevenLeft-con .pic{ width: 290px;}
	.sevenLeft-con .pic img{ width: 100%;}
	.partSeven .sevenRight .list i{ right: 22px;}
	.partSeven .sevenRight .list ul{ margin: 0 20px;}
	.foot-top .foot-right{ width: 60%;}
	.foot-top .left{ width: 40%;}
	.foot-top .left>img{ width: 72%;}
	.foot-list .foot-item{ margin-right: 9%;}
	.foot-xin{ width: 100%;}
	.foot-xin li{ margin-right: 4%;}
	.footFixed-con{width: 97%;}
	.fixed-left span i{ font-size: 24px;}
	.fixed-left{ width: 64%;}
	.fixed-right{ width: 34%; text-align: left;}
	.address{ width: 100%;}
	.link{ width: 100%;}
	/*内页*/
	.roomFixed a{ margin: 0 22px;}
	.main-con{ width: 100%;}
	.retrieval{ padding: 0 26px;}
	.retrieval .item .item-txt{ width: 74%;}
	.guestList ul li{ width: 19.2%;}
	.guestList ul li .pic{ height: 174px;}
	.evaSum-box .sunImg{ width: 400px;}
	.evaSum-box .sunImg img{ width: 100%;}
	.evaSum-box .left{ width: calc(100% - 430px);}
	.evaSum-box .left .bottom b{ width: 78%;}
	.evaSum-box .left .top p input{ font-size: 14px;}
	.evaSum-box .right{ width: 22%;}
	.medoth li{ margin: 0 18px;}
	.box-con{ width: 98%;}
	.person{ width: 100%;}
	.welcome{ width: 98%;}
	.welcome-text{ width: 824px;}
	.welcome-text .you{ width: 390px;}
	.welcome-text span{ width: 268px;}
	.welcome span{ padding-right: 7px;}
	.address-con{ width: 98%;}
	.address-top .right{ width: 760px;}
	.details .left{ padding: 50px 24px;}
	.chart .chart-top span{ float: left; width: 128px; font-size: 14px; padding-left: 8px;}
	.chart .chart-top span:last-child{ width: 260px;}
	/**/
	.roomList ul li{ margin-right: 0.6%; height: 630px;}
	.roomList ul li .pic{ height: 310px;}
	.roomList ul li:nth-child(5){ margin-right: 31%;}
	.roomList ul li .text h3{ font-size: 28px;}
	.didi{ top: 722px;}
	
	/*2019.6.12*/
	.navSub dl{margin: 10px 13px 0 0;}
	.navSub .num{ top: 26px;}
	
	/*vr*/
	.vrList ul li{ width: 23.7%; height: 233px;}
}

@media only screen and (max-width: 1360px) {
	.partVr .vrBox .right .text h3{ font-size: 28px;}
	.partVr .vrBox .right .text p{ font-size: 17px;}
	.partVr .vrBox .hd{ width: 17%;}
}