@charset "utf-8";
*{margin: 0px;padding: 0px;font-family:"微软雅黑";}
body{font-size: 12px;}
ul{list-style:none;}
a{text-decoration:none;color:#686868;}
a:hover{text-decoration:none;color:#f3782a;}
.top-blank{height:105px;overflow:hidden;background:none;}
.top-head{height:105px;position:fixed;top:0;width:100%;z-index:1000;background:none;}
/*.shadow{width:100%;height:7px;font-size:0;overflow:hidden;background:url(../images/nav_shadow.png) repeat-x;}*/
.shadow{width:100%;height:1px;font-size:0;overflow:hidden;background-color: #e7e6e7}
.top01{width:100%;height:30px;line-height:30px;background:#f5f5f5;/*color:#f5f5f5;*/ color:#686868;overflow:hidden;border-bottom:1px solid #e7e6e7}
.top01_center{text-align:left;/* width:362px;*//*padding-left:840px;margin:0 auto;*/ float:right;}
.top01_center img{float:left;margin-top:3px;}
.top02{height:75px;width:100%;}
.logo{width:200px;float:left;padding-top:18px;}
.nav{width:1200px;float:right;}
.nav ul{width:1200px;}
.nav li{width:100px;margin:0 5px 0 6px;float:left;text-align:center;/* position:relative;*/}
.nav a{width:100px;height:47px;padding-top:25px;display:block;font-size:1.33em;/*overflow:hidden;*/}
.nav li a:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: -3px;height: 3px;opacity: 0;background-color: #dc6103;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav li a:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}

.nav a#sel{border-bottom:3px solid #f3782a;color:#f3782a;}
.nav a#sel:hover:after{opacity: 0;}

.nav .sub{display:none;width:100%;padding:0;position:fixed;top:106px;overflow:hidden;text-align:left;z-index:110;left:0px;background-color:#f5f5f5;}
.nav .sub .nav_xiao{width:1400px;overflow:hidden;padding-top:0px;margin:0 auto;padding-bottom:10px;}


.nav .sub .nav_xiao .example{width:1050px;float:left;margin-top:15px;margin-left:10px;}
.nav .sub .nav_xiao .example div{width:320px;height:150px;float: left; }
.nav .sub .nav_xiao .example div a{height:30px;padding-top:0;width:120px;}
.nav .sub .nav_xiao .example .links{margin-left:20px; margin-bottom:10px;}
.nav .sub .nav_xiao .example div div{width:70px;height:35px;margin-left:25px;}
.nav .sub .nav_xiao .example .middenline{width:20px;margin-top:10px;height:125px;border-left:1px dashed #cccccc}
.nav .sub .nav_xiao .example_r{width:320px;height:150px;float:right;text-align:center;}
.nav .sub .nav_xiao .example_r img{display:block;margin:0 auto;margin-bottom:15px;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;}
.nav .sub .nav_xiao .example_r a{float:left;width:100px;height:auto;padding-top:0;margin-top:30px;}
.nav .sub .nav_xiao .example_r a:hover img{margin-top:-4px;margin-bottom:15px;}


.nav .sub .nav_xiao .example .twowidth{width:340px;height:150px;float: left;}
.nav .sub .nav_xiao .example .twowidth div{width:130px;float: left;height:35px}
.nav .sub .nav_xiao .example .twowidth div a{;padding-top:0;}


.nav .sub .nav_xiao .price{width:700px;height:150px;margin:0px auto;text-align:center;}
.nav .sub .nav_xiao .price img{display:block;margin:0 auto;margin-bottom:15px;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;}
.nav .sub .nav_xiao .price a{float:left;width:140px;height:auto;padding-top:0;margin-top:30px;}
.nav .sub .nav_xiao .price a:hover img{margin-top:-4px;margin-bottom:15px;}


.nav .sub .nav_xiao .article{width:910px;float:left;margin-top:15px;margin-left:10px;}
.nav .sub .nav_xiao .article div{width:180px;height:150px;float: left;}
.nav .sub .nav_xiao .article div a{height:30px;padding-top:0;width:50px;}
.nav .sub .nav_xiao .article .links{margin-left:20px; margin-bottom:10px;width:100px;}
.nav .sub .nav_xiao .article div div{width:50px;height:30px;margin-left:20px;}
.nav .sub .nav_xiao .article .middenline{width:20px;margin-top:10px;height:110px;border-left:1px dashed #cccccc}

.nav-icon-size{margin-top:15px;margin-bottom:15px;color:#f3782a;}

.nav-icon-size-big{margin-top:15px;margin-bottom:15px;color:#585657;}



.main{width:1400px;margin:0px auto;margin-top:50px;height:1280px;position: relative}
.main1{width:1400px;margin:0px auto;height:auto;overflow:hidden;}
.main2{width:1400px;margin:0px auto;height:auto;position: relative}
.main-title{font-size:35px;font-weight:bold;width:100%;text-align:center;height: auto;}
.main-title span{color:#f3782a;}
.main-title-sort{text-align:center;font-size:16px;margin-top:30px;color:#686868;width:100%}
.mainbgcolor{background-color:#f5f6fb;width:100%;height:900px;}

.main-server{width: 100%;height: 242px;margin: 0px;}


.main-server-border{width: 318px;height:242px;padding: 15px;float: left;}

.main-server-block{width: 100%;border: 1px solid #e7e6e7;height: 210px;border-radius:8px;background-color: #f7f7f7}
.main-server-block:hover{background-color: #f3782a;}
.main-server-h1{font-weight: bold;font-size: 28px;margin-left: 15px;margin-top: 15px;color: #666666;}
.main-server-content{font-size: 16px;margin-left: 15px;margin-top: 15px;margin-right: 15px;line-height: 30px;color: #666666;}



.examplecontent{width:100%;margin-top:40px;}
.exampletable{width:436px;float:left;padding:15px;margin-top:5px;}
.exampleborder{width:99.5%;margin:0px auto;border:1px solid #dfdedf;border-radius:8px;overflow:hidden;}
.exampletitle{font-size:18px;margin-top:15px;margin-left:10px;color:#585657;}
.examplesort{font-size:16px;margin-top:15px;margin-left:10px;color:#979596;margin-bottom:15px;}
.exampleblock{width:70px;height:30px;background-color:#f3782a;border-radius:8px;margin:0px auto;color:#FFFFFF;text-align:center;margin-top:25px;font-size:14px;padding-top:9px;}
.exampleblock:hover{background-color:#ffffff;color:#f3782a;border:1px solid #f3782a;text-align:center;margin-top:25px;font-size:14px;padding-top:6px;}
.exampleleft{width:75%;float:left}
.exampleright{width:25%;float:right}
.examplewidth{width:100%;}
.examplewidth-title{font-size:16px;margin-top:18px;margin-left:15px;margin-right:15px;color:#979596;margin-bottom:15px;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;}
.examplewidth-title:hover{font-size:16px;margin-top:18px;margin-left:15px;margin-right:15px;;color:#f3782a;margin-bottom:15px;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;}
.examplebutton{width:140px;height:35px;background-color:#f3782a;border-radius:8px;color:#FFFFFF;text-align:center;margin-top:15px;font-size:16px;padding-top:10px;}
.examplebutton:hover{background-color:#ffffff;border-radius:8px;color:#f3782a;border: 1px solid #f3782a;}

.examplemorebutton{width:200px;height:35px;background-color:#f3782a;border-radius:20px;color:#FFFFFF;text-align:center;margin-top:15px;font-size:16px;padding-top:10px;margin: 0 auto;}
.examplemorebutton:hover{background-color:#ffffff;border-radius:20px;color:#f3782a;border: 1px solid #f3782a;}

.morebutton{width:200px;height:32px;background-color:#ffffff;border-radius:20px;color:#f3782a;text-align:center;margin-top:15px;font-size:16px;padding-top:10px;margin: 0 auto;border: 1px solid #f3782a;}

.examplegrid{width:180px;height:30px;background-color:#f3782a;border:1px solid #f3782a;border-top-left-radius:15px;border-bottom-right-radius:15px;margin-left:15px;color:#FFFFFF;text-align:center;margin-top:10px;font-size:14px;padding-top:9px;margin-bottom: 15px;}
.examplegrid:hover{background-color:#ffffff;color:#f3782a;border:1px solid #f3782a;}

.setimg{
	width:100%;
	max-width:100%;
	object-fit:none;
}
.example-title-en{
	color:#585657;
	font-size: 48px;
	font-weight: bold;
	font-family: "'Arial' Helvetica";
	letter-spacing:-2px;
	margin-top: 20px;
	margin-left: 8px;
}
.example-title-cn{
	font-size: 32px;
	color: #f3782a;
	margin-top:5px;
	margin-left: 8px;
}

.processnext{
	padding-left:10px;border: 1px solid #f3782a;border-radius: 8px; height: 40px;line-height: 40px;width: 330px;padding-right: 10px;-webkit-line-clamp:1;-webkit-box-orient:vertical;display: -webkit-box;overflow: hidden;font-size: 16px;
}
.processnext:hover{
	background-color:#f3782a;color:#f3782a;padding-left:10px;border: 1px solid #f3782a;height: 40px;line-height: 40px;width: 330px;padding-right: 10px;-webkit-line-clamp:1;-webkit-box-orient:vertical;display: -webkit-box;overflow: hidden;
}
.processnext:hover a{
	color:#FFFFFF;
}

.process{
	padding-left:10px;border: 1px solid #f3782a;height: 40px;line-height: 40px;padding-right: 10px;float: left;margin-right: 10px;border-radius: 8px;font-size: 16px;
}
.process:hover{
	background-color:#f3782a;color:#FFFFFF;padding-left:10px;border: 1px solid #f3782a;height: 40px;line-height: 40px;padding-right: 10px;float: left;margin-right: 10px;border-radius: 8px;
}



.houseblock{margin-left:55px;width:80px;height:50px;background-color:#f3782a;border-radius:8px;color:#ffffff;text-align:center;font-size:16px;padding-top:5px;border: 1px solid #f3782a;}
.houseblock:hover{background-color:#ffffff;color:#f3782a;text-align:center;font-size:16px;padding-top:3px;border: 1px solid #f3782a;}


.houseblockborder{margin-top:30px;width:80px;height:56px;background-color:#f3782a;border-radius:8px;color:#ffffff;text-align:center;font-size:16px;padding-top:8px;border: 1px solid #f3782a;}
.houseblockborder:hover{margin-top:30px;background-color:#ffffff;color:#f3782a;text-align:center;font-size:16px;border: 1px solid #f3782a;}


.exampleproduct{margin-left:15px;width:100px;height:30px;background-color:#f3782a;border-radius:8px;color:#ffffff;text-align:center;margin-top:25px;font-size:14px;padding-top:8px;border: 1px solid #f3782a;}
.exampleproduct:hover{background-color:#ffffff;color:#f3782a;border: 1px solid #f3782a;}

.desginblock{width:180px;margin-top:10px;margin-left:10px;height:35px;font-size:16px;color:#666;border:2px solid #f3782a;text-align:center;padding-top:10px;float:left;border-radius:8px;}
.desginblock:hover{color:#ffffff;border:2px solid #f3782a;background-color: #f3782a;}




.main-server-block:hover .exampleproduct{background-color:#ffffff;border-radius:8px;color:#f3782a;text-align:center;border: 1px solid #f3782a;}
.main-server-block:hover .main-server-h1{color:#ffffff;}
.main-server-block:hover .main-server-content{color:#ffffff;}
.examplepic{
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	cursor: pointer;
	transition: all 0.6s;
}
.examplepic:hover{
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	transform: scale(1.08,1);

}

.aricleblock{width:140px;height:32px;background-color:#f3782a;border-radius:8px;margin:0px auto;color:#FFFFFF;text-align:center;margin-top:20px;margin-bottom:20px;font-size:16px;padding-top:8px;}
.aricleblock:hover{background-color:#ffffff;border-radius:8px;margin:0px auto;color:#f3782a;text-align:center;margin-top:20px;margin-bottom:20px;font-size:16px;padding-top:8px;border: 1px solid #f3782a;}


.example-no {
	height: 80px;
	line-height: 80px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #f3782a;
}

.housecontent{width:100%;margin-top:40px;}
.housetable{width:416px;float:left;padding:25px;margin-top:5px;}
/*.houseborder{width:100%;height:450px;margin:0px auto;border:1px solid #dfdedf;border-top-left-radius:80px;border-bottom-right-radius:80px;overflow:hidden;background-color: #f3782a}*/
.houseborder{width:100%;height:440px;margin:0px auto;border-top-left-radius:50px;border-bottom-right-radius:50px;background-color: #ebebeb}
.housepic{
	border-top-left-radius:50px;
	cursor: pointer;
	transition: all 0.6s;
}
.houseleft{width:100%;}
.housetitle{font-size:25px;margin-top:20px;margin-left:20px;color:#585657;}
.housesort{font-size:16px;margin-top:20px;margin-left:20px;color:#ffffff;margin-bottom:15px;}
.house-words{font-size: 16px;color: #8f8e8f;}
.house-words1{font-size: 16px;margin-top:10px;color: #8f8e8f;}
.house-top{width: 80px;float: left;border-right: 1px solid #8f8e8f;}
.house-left{width: 80px;float: left;}




.main-body{width:1400px;margin:0px auto;margin-top:50px;height:740px;position: relative}
.main-body-bg{background-image:url('../images/bg-01.png')}
.main-body-height{width:1400px;margin:0px auto;margin-top:50px;position: relative}
.main-body100{width:100%;margin:0px auto;margin-top:50px;height:720px;position: relative}
.main-body-bg100{background-image:url('../images/bg-01.png')}

.allview{width:100%;height:600px;margin-top:40px;}
.allview-name{padding-top:40px;padding-left:40px;font-size: 35px;color: #FFFFFF;}
.allview-name1{font-size: 28px;margin-bottom: 20px;}
.allview-name-h1{padding-top:25px;padding-left:40px;font-size: 35px;color: #FFFFFF;}
.allview-sort{margin-top:20px;padding-left:40px;font-size: 18px;color: #cccccc;margin-bottom: 40px;}
.allview-area{padding-left:40px;font-size: 18px;color: #ffffff;}
.allview-area-h1{padding-left:40px;font-size: 16px;color: #ffffff;}
.allview-number{margin-top:5px;padding-left:40px;font-size: 60px;color: #ffffff;}
.allview-desgin{padding-top:20px;padding-left:40px;font-size: 35px;color: #585657;width: 330px;}
.allview-desgin-h1{padding-top:15px;padding-left:40px;font-size: 30px;color: #585657;width: 330px;}
.allview-desgin-content{padding-top:20px;padding-left:40px;font-size: 16px;line-height:30px;color: #8f8e8f;width: 330px;}
.allview-desgin-content-h1{padding-top:10px;padding-left:40px;font-size: 16px;line-height:30px;color: #8f8e8f;width: 330px;}
.allview-bottom{width: 396px;height: 250px;background-color: #ebebeb;}
.allview-top{width: 396px;height: 350px;background-color: #f3782a;border-top-right-radius: 100px;}
.allview-right{width: 1000px;height:602px;float: left;}
.allview-left{width: 396px;height: 602px;float: left;}
.allview-next{--swiper-navigation-size: 0;width:50px;height:40px;background-color: #f3782a;color: white;top:551px;right:40px;border-top-right-radius: 8px;border-bottom-right-radius: 8px;}
.allview-prev{--swiper-navigation-size: 0;width:50px;height:40px;background-color: #f3782a;color: white;top:551px;left:1260px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;border-right: 1px solid #FFFFFF;}
.allview-bottom-h1{width: 400px;height: 250px;background-color: #ebebeb;}
.allview-top-h1{width: 400px;height: 300px;background-color: #f3782a;border-top-right-radius: 20px;}
.allview-sort-h1{margin-top:20px;padding-left:40px;font-size: 18px;color: #cccccc;margin-bottom: 20px;}
.allview-sort-h2{margin-top:15px;padding-left:40px;font-size: 16px;color: #cccccc;margin-bottom: 15px;width: 400px;}
.price-input{width:270px;height:60px;border-radius:8px;border: 1px solid #cccccc;margin-right: 10px;font-size: 16px;}
.price-button{width:195px;margin-left:10px;height:60px;font-size:18px;color:#f3782a;border:2px solid #f3782a;text-align:center;border-radius:8px;background-color: #FFFFFF;}
.price-button1{width:315px;height:45px;font-size:16px;color:#666666;text-align:center;border-radius:8px;background-color: #FFFFFF;}
.price-button2{width:315px;height:45px;font-size:16px;color:#ffffff;text-align:center;border-radius:8px;background-color: #585657;}
.price-button3{width:415px;height:50px;font-size:18px;color:#ffffff;text-align:center;border-radius:8px;background-color: #f3782a;}
.price-content{margin-top: 40px;font-size: 16px;color: #f3782a;line-height: 25px;}
.price-block{margin-top:50px;height: 400px;padding-top: 1px;border-top:1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;}
.price-input1{width:300px;height:45px;border-radius:8px;border: 1px solid #cccccc;margin-right: 10px;font-size: 16px;}
.price-input2{width:240px;height:45px;border-radius:8px;border: 1px solid #cccccc;margin-right: 10px;font-size: 16px;}
.price-input3{width:400px;height:50px;border-radius:8px;border: 1px solid #f3782a;margin-right: 10px;font-size: 16px;}


.company-name{padding-top:35px;padding-left:20px;padding-right:20px;font-size: 27px;color: #FFFFFF;}
.company-sort-h1{margin-top:15px;padding-left:20px;font-size: 17px;color: #cccccc;margin-bottom: 20px;}
.company-area{padding-left:20px;font-size: 17px;color: #ffffff;}
.company-number{margin-top:5px;padding-left:20px;font-size: 50px;color: #ffffff;}
.company-desgin-h1{padding-top:15px;padding-left:20px;font-size: 30px;color: #585657;width: 330px;}
.company-desgin-content-h1{padding-top:10px;padding-left:20px;font-size: 16px;line-height:30px;color: #8f8e8f;width: 340px;}
.company-desgin-content-h2{padding-left:20px;font-size: 16px;line-height:38px;color: #8f8e8f;width: 360px;}

.mainbuild{background-color:#f5f6fb;width:100%;height:850px;position: relative}
.build{width:100%;height:600px;margin-top:40px;}
.buildpic{border-bottom-right-radius:80px;cursor: pointer;transition: all 0.6s;}
.build-name{padding-top:40px;padding-left:40px;font-size: 35px;color: #585657;}
.build-name1{padding-top:10px;padding-left:10px;font-size: 35px;color: #585657;}
.build-sort{margin-top:20px;padding-left:40px;font-size: 18px;color: #8f8e8f;margin-bottom: 40px;}
.build-sort1{margin-top:10px;padding-left:10px;font-size: 14px;color: #585657;margin-bottom: 40px;line-height: 25px;}
.build-area{padding-left:40px;font-size: 18px;color: #8f8e8f;}
.build-area1{padding-left:40px;font-size: 16px;color: #585657;line-height: 30px;}
.build-area2{padding-left:40px;font-size: 16px;color: #585657;line-height: 30px;padding-right:40px}
.build-number{margin-top:5px;padding-left:40px;font-size: 60px;color: #585657;}
.build-pic{margin-top:5px;padding-left:40px;}
.build-pic1{margin-top:5px;padding-left:35px;}
.build-desgin{padding-top:20px;padding-left:40px;font-size: 35px;color: #585657;width: 330px;}
.build-content{padding-top:20px;padding-left:40px;font-size: 16px;line-height:30px;color: #8f8e8f;width: 330px;-webkit-line-clamp:3;-webkit-box-orient:vertical;display: -webkit-box;overflow: hidden;text-overflow:ellipsis;}
.build-top{width: 396px;height:600px;float: left;border-bottom-left-radius:80px;}
.build-bottom{width: 1000px;height:600px;float: left;}
.build-left{width: 196px;;float: left;}
.build-right{width: 396px;height: 250px;background-color: #ebebeb;border-top: 1px solid #8f8e8f;}

.design-maincontent{padding-left:30px;padding-right:30px;font-size: 16px;color: #585657;line-height: 30px;-webkit-line-clamp:5;-webkit-box-orient:vertical;display: -webkit-box;overflow: hidden;text-overflow:ellipsis;}
.bottom-title{margin-left:30px;margin-top:10px;font-size: 14px;color: #c9cbcb;}
.bottom-line{margin-left:30px;margin-top:20px;border-bottom: 1px solid #c9cbcb;width: 940px;}

.bottomcontent{width: 100%;height: 420px;background-color: #474f51;position: absolute}
.bottomcontent-body{width:1400px;margin:0px auto;height:300px;position: relative}
.bottom-dh{margin-left:30px;font-size: 16px;color: #FFFFFF;}
.bottom-left{margin-top:50px;width: 200px;height:200px;float: left;}
.bottom-right{margin-top:40px;width: 1196px;height:200px;float: left;}
.bottom-center{text-align: center;}
.bottom-center1{text-align: center;margin: 30px;}


.artcle-server{width: 100%;height: 470px;margin: 0px;}
.artcle-right1{width: 1000px;height:550px;float: left;}
.artcle-left1{width: 400px;height: 550px;float: left;}
.artcle-right{width: 1000px;height:500px;float: left;}
.artcle-left{width: 400px;height: 500px;float: left;}
.artcle-desgin{padding-top:20px;padding-left:40px;font-size: 35px;color: #585657;width: 330px;}
.artcle-bottom{width: 400px;height: 225px;background-color: #ebebeb;}
.artcle-top{width: 400px;height: 225px;background-color: #f3782a;}
.artcle-top1{width: 400px;height: 225px;background-color: #f3782a;border-radius: 8px;}
.artcle-server-border{width: 330px;height:442px;float: left;}
.artcle-server-block{width: 100%;height:460px;border: 1px solid #e7e6e7;border-radius:8px;background-color: #f7f7f7}
.artcle-fa-size{font-size: 30px;margin-bottom: 10px;}
.artcle-title{margin-left:24px;font-size: 15px;color:#585657;line-height: 40px;margin-right: 20px; -webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;}
.artcle-top-left{float: left;width: 50px;font-size: 60px;padding: 6px 0 0 25px;font-weight: bold;color: #f3782a;}
.artcle-top-right{float: left;width: 260px;}
.artcle-top-right-top{font-size: 24px;margin: 17px 0 0 30px;font-weight: bold;color: #585657;}
.artcle-top-right-bottom{font-size: 16px;margin: 3px 0 0 30px;color: #585657;}
.artcle-h1{margin-left:8px;font-size: 18px;color: #444444;text-align: left;-webkit-line-clamp:1;-webkit-box-orient:vertical;display: -webkit-box;overflow: hidden;margin-top: 15px;}
.artcle-h1-content{margin-left:8px;font-size: 15px;color: #585657;text-align: left;margin-top: 12px;line-height: 25px;-webkit-line-clamp:2;-webkit-box-orient:vertical;display: -webkit-box;overflow: hidden;text-overflow:ellipsis;}
.artcle-h2{margin-left:8px;font-size: 18px;color: #444444;text-align: left;-webkit-line-clamp:1;-webkit-box-orient:vertical;display: -webkit-box;overflow: hidden;margin-top: 10px;}
.artcle-h2-content{margin-left:8px;font-size: 15px;color: #585657;text-align: left;margin-top: 8px;line-height: 25px;-webkit-line-clamp:1;-webkit-box-orient:vertical;display: -webkit-box;overflow: hidden;text-overflow:ellipsis;}

.artcle-h3{margin-left:8px;font-size: 22px;color: #444444;text-align: left;-webkit-line-clamp:1;-webkit-box-orient:vertical;display: -webkit-box;overflow: hidden;margin-top: 10px;}
.artcle-h3-content{margin-left:8px;font-size: 16px;color: #585657;text-align: left;margin-top: 10px;line-height: 25px;-webkit-line-clamp:2;-webkit-box-orient:vertical;display: -webkit-box;overflow: hidden;text-overflow:ellipsis;}

.artcle-h3-content-text{margin-left:8px;font-size: 16px;color: #585657;text-align: left;margin-top: 10px;line-height: 25px;}
.artcle-h3-content-text img{width: 100%;}

.artcle-h4-content-text{margin-left:8px;font-size: 16px;color: #585657;text-align: left;margin-top: 10px;line-height: 25px;}

.artcle-date{height: 85px;width: 85px;background-color: #efefef;margin-top: 15px;font-size: 30px;text-align: center;color: #666666;border-radius: 10px;}
.artcle-border{float: left;width: 98%;height: auto;border: 1px solid #e7e6e7;border-radius: 8px;background-color: #FFFFFF;margin-top: 15px;}
.artcle-border:hover{background-color: #f9f9f9;}
.artcle-border-content{width: 980px;height: auto;border: 1px solid #e7e6e7;border-radius: 8px;background-color: #FFFFFF;margin-top: 15px;}
.artcle-border-content:hover{background-color: #f9f9f9;}
.artcle-list-right{float: right;width: 98%;height: auto;border: 1px solid #e7e6e7;border-radius: 8px;}
.artcle-list-right1{float: right;width: 98%;height: auto;border: 1px solid #e7e6e7;border-radius: 8px;background-color: #f3782a;}
.artcle-block-left{float: left;width: 71%;height: auto;}
.artcle-block-right{float: left;width: 29%;height: auto;margin-top: 15px;}
.artcle-hot-title{width:390px;font-size: 25px;margin-left: 10px;margin-top: 10px;padding-bottom:10px;border-bottom: 2px solid #f3782a;}
.artcle-hot-title1{width:940px;height:33px;font-size: 25px;margin-left: 10px;margin-top: 10px;padding-bottom:10px;border-bottom: 2px solid #f3782a;}
.artcle-hot-title2{width:360px;font-size: 18px;margin-left: 25px;margin-top: 10px;padding-bottom:10px;border-bottom: 1px solid #cccccc;}
.artcle-hot-title3{width:360px;font-size: 18px;margin-left: 25px;margin-top: 10px;padding-bottom:10px;}
.artcle-sort{margin-top:15px;padding-left:40px;font-size: 18px;color: #efefef;margin-bottom: 15px;}
.artcle-h3-title{width:98.5%;margin-left: 8px;padding-bottom:10px;border-bottom: 1px solid #cccccc;margin-top: 10px;}
.artcle-h3-date{width:100%;font-size: 15px;margin-left: 10px;margin-top: 20px;color: #8f8f8f;}
.artcle-h3-date1{width:100%;font-size: 15px;margin-left: 10px;margin-top: 20px;color: #333333;}
.artcle-table{margin-left:8px;width:100px;height:30px;background-color:#f3782a;border-radius:8px;color:#ffffff;text-align:center;margin-top:10px;font-size:14px;padding-top:8px;border: 1px solid #f3782a;float: right;}
.artcle-table:hover{background-color:#ffffff;color:#f3782a;border: 1px solid #f3782a;}




.artcle-table1{margin-left:8px;width:100px;height:25px;background-color:#f3782a;border-radius:8px;color:#ffffff;text-align:center;font-size:14px;padding-top:5px;border: 1px solid #f3782a;float: right;}
.artcle-table1:hover{background-color:#ffffff;color:#f3782a;border: 1px solid #f3782a;}

.artcle-table2{margin-left:8px;width:120px;height:25px;background-color:#f3782a;border-radius:8px;color:#ffffff;text-align:center;font-size:14px;padding-top:5px;border: 1px solid #f3782a}
.artcle-table2:hover{background-color:#ffffff;color:#f3782a;border: 1px solid #f3782a;}

.bgcolor-grey{background-color: #ebebeb;}

.artcle-border-big-content{width: 690px;height: auto;border: 1px solid #e7e6e7;border-radius: 8px;background-color: #FFFFFF;margin-top: 15px;}


.allviewsrcoll{height: 160px;overflow-y: scroll;}

.allviewsrcoll::-webkit-scrollbar {/*滚动条整体样式*/
	width: 3px;     /*高宽分别对应横竖滚动条的尺寸*/
	height: 1px;
}
.allviewsrcoll::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	background: #535353;
}
.allviewsrcoll::-webkit-scrollbar-track {/*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	border-radius: 10px;
	background: #EDEDED;
}



.examplesrcoll{height: 100px;overflow-y: scroll;}

.examplesrcoll::-webkit-scrollbar {/*滚动条整体样式*/
	width: 3px;     /*高宽分别对应横竖滚动条的尺寸*/
	height: 1px;
}
.examplesrcoll::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	background: #535353;
}
.examplesrcoll::-webkit-scrollbar-track {/*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	border-radius: 10px;
	background: #EDEDED;
}



.companysrcoll{height: 160px;overflow-y: scroll;}

.companysrcoll::-webkit-scrollbar {/*滚动条整体样式*/
	width: 3px;     /*高宽分别对应横竖滚动条的尺寸*/
	height: 1px;
}
.companysrcoll::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	background: #535353;
}
.companysrcoll::-webkit-scrollbar-track {/*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	border-radius: 10px;
	background: #EDEDED;
}

.companysrcoll-new{height: 190px;overflow-y: scroll;}

.companysrcoll-new::-webkit-scrollbar {/*滚动条整体样式*/
	width: 3px;     /*高宽分别对应横竖滚动条的尺寸*/
	height: 1px;
}
.companysrcoll-new::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	background: #535353;
}
.companysrcoll-new::-webkit-scrollbar-track {/*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	border-radius: 10px;
	background: #EDEDED;
}


/*设计师*/
.img-content{
	width: 1400px;
	height:700px;
	padding-top: 10px;

}
.img-content .small-img{

	margin-top:108px;
	width: 600px;
	float:left;

}
.small-img ul{
	list-style: none;

	width: 700px;
	margin: 0;
	padding: 0;
	right:0;
	/*transition: all 1s;*/
}
.small-img ul:after{
	content: "";
	display: block;
	clear: both;
}
.small-img ul li{
	float: left;
	width: 120px;
	height: 157px;


    box-sizing: border-box;
}
.small-img ul li img.moveimg{
	width: 100%;
	height: 100%;
	cursor: pointer;
	border:1Px solid transparent;

}
.small-img ul li img.moveimg.active{
	/*border: 0px solid #FF0000;*/
}
.img-content .big-img{

	width: 600px;
	height: 600px;
	position:relative;
	overflow: hidden;
	border-radius: 10px;

	float:left;
	margin-right:195px;

}
.img-content .big-img img{
	margin-left:68px;
	width: 100%;
	height: 100%;
	cursor:pointer;
	border-radius: 10px;
 

}


.big-img .img-parent{
	width:460px;
	height: 600px;
	position: absolute;

}
.small-img-body{position: absolute;background: #343434;top:317px; width:120px;height:157px; opacity:0.8;display: none;margin-left: 1px;}
.small-img-body1{position: absolute;background: #343434;top:473px; width:120px;height:157px; opacity:0.8;display: none;margin-left: 1px;}


.imgcontent{
	height: 307.3px;
}
.imgmask{
	top:217px;
	position: absolute;
	background: #000;
	width:270px;
	height:307.3px;
	font-size: 16px;
	color: #fff;
	opacity:0.6;
	line-height: 30px;
	display: none;
}
.imgmask-title {
	margin-top:100px;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
}
.imgmask-title-content{
	margin-top:10px;
	font-size: 18px;
	text-align: center;
}

.img-parent-mark{
	position: absolute;width: 460px;height: auto;padding:20px;margin-left: 70px;margin-top: 300px;display: none;
}
.desgin-h1{
	font-size: 40px;color: #FFFFFF;width: 460px;margin-bottom: 20px;
}
.desgin-li{
	font-size:18px;color: #f3782a;width: 460px;line-height: 30px;margin-bottom: 10px;
}
.desgin-content{
	font-size:18px;color: #ffffff;width: 460px;line-height: 30px;
}
.desgin-border{margin-left:15px;width:100px;height:25px;background-color:#ffffff;border-radius:8px;color:#f3782a;text-align:center;font-size:14px;padding-top:5px;border: 1px solid #f3782a;float: left;margin-bottom: 10px;}
.desgin-border:hover{background-color:#f3782a;color:#ffffff;border: 1px solid #f3782a;}

/*设计师*/


.nav li{ position:relative;}
input, button {
     border: none;
     outline: none;
}
 
input {
    height: 35px;
    padding-left: 13px;
}
button {
    height:35px;
    width: 35px;
    cursor: pointer;
    position: absolute;
}
 
         /*搜索框7*/
.bar7 form {
    height: 35px;
}
.bar7 input {
    width: 250px;
    border-radius: 42px;
    border: 2px solid #f3782a;
	margin-top:18px;
    transition: .3s linear;
    float: right;
}
.bar7 input:focus {
    width: 250px;
}
.bar7 button {
    background: none;
    top: 20px;
    right: 5px;
}
.swiper {
	width: 100%;
	height: 100%;
}
/*案例css结合处 */

.type_nav a {
	margin:5px 16px 12px 0;
    float:left;
    height: 35px;
    line-height: 35px;
    color:#a18b74;
    display:block;
    padding:0 10px;
    width: 110px;
	border: 1px solid #cccccc;
	text-align: center;
	font-size: 16px;
	border-radius: 8px;

}

.type_nav a:hover {
	background: #f3782a;
	color: #fff;
}

.type_nav1 a {
	margin:5px 16px 12px 0;
	float:left;
	height: 35px;
	line-height: 35px;
	color:#ffffff;
	display:block;
	padding:0 10px;
	width: 110px;
	border: 1px solid #f3782a;
	background-color: #f3782a;
	text-align: center;
	font-size: 16px;
	border-radius: 8px;

}

.type_all_selected a{
	margin:5px 0 0 0;
	float:left;
	height: 35px;
	line-height: 35px;
	color:#ffffff;
	display:block;
	width: 80px;
	border: 1px solid #f3782a;
	text-align: center;
	background-color: #f3782a;
	border-radius: 8px;
}

.type_all a{
	margin:5px 0 0 0;
	float:left;
	height: 35px;
	line-height: 35px;
	color:#a18b74;
	display:block;
	width: 80px;
	border: 1px solid #cccccc;
	text-align: center;
	border-radius: 8px;
}

.searchcontent{width:100%;margin-top:50px;overflow: hidden;}
.searchtype{width:100%;overflow: hidden;}
.search-left{width:170px;line-height: 40px;float:left;font-size:16px;color:#666666;margin-left:10px;}
.search-left-left{width: 72px;float: left;font-size: 16px;line-height:40px;margin: 4px 0 0 0; }
.search-left-right{width: 98px;float: left;}
.search-right{width:1218px;line-height:40px;float:left;}

.search-input{width:270px;height:40px;border-radius:8px;border: 1px solid #cccccc;margin-right: 10px;font-size: 16px;}
.search-button{width:80px;height:40px;font-size:18px;color:#ffffff;border:2px solid #f3782a;text-align:center;border-radius:8px;background-color: #f3782a;}
.search-title-sort{text-align:center;font-size:16px;margin-top:10px;color:#686868;width:100%}

.exampleborder:hover {background-color: #f5f6fb}


.desgintable{width:436px;float:left;padding:15px;}
.desgingrid{width:50px;height:50px;background-color:#f3782a;border:1px solid #f3782a;border-top-left-radius:15px;border-bottom-right-radius:15px;margin-left:15px;color:#FFFFFF;text-align:center;margin-top:30px;font-size:14px;padding-top:9px;margin-bottom: 15px;}
.desgingrid:hover{background-color:#ffffff;color:#f3782a;border:1px solid #f3782a;}
.desginleft{width:50%;float:left}
.desginright{width:50%;float:right}
.desgin-area{padding-left:15px;font-size: 16px;color: #8f8e8f;}
.desgin-number{margin-top:5px;padding-left:15px;font-size: 35px;color: #585657;}
.desginborder{width:100%;margin:0px auto;border:1px solid #dfdedf;border-radius:15px;overflow:hidden;}
.desgintop{width: 100%;height: 160px;}
.desginbottom{width: 100%;height: 116px;float: left;background-color: #f3782a;}
.desginname{margin:15px 0px 0px 15px;font-size: 25px;color: #585657;font-weight: bold;}
.desginname span{font-size: 14px;color: #585657;font-weight: normal;}
.desgintop-left{width: 49%;margin-top:15px;border-right: 1px solid #ffffff;float: left;}
.desgintop-right{width: 49%;margin-top:15px;float: left;}
.desgin-bottom-content{padding-left:15px;padding-right:15px;font-size: 14px;color: #ffffff;margin-top: 10px;line-height: 25px;}
.desgin-bottom-table{margin-left:15px;margin-top:8px;width:80px;height:30px;background-color:#ebebeb;border-radius:8px;color:#585657;text-align:center;font-size:14px;line-height: 30px;}
.desgin-bottom-content1{padding-left:15px;padding-right:15px;font-size: 14px;color: #ffffff;margin-top: 10px;line-height: 25px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;}


/*案例css结合处 */



/*右侧浮动条*/

.left-fixed-nav{position: fixed; bottom: 32%; right: 5%; width: 70px; height: auto; background: #dcdcdc; padding: 1px; z-index: 10086;}
.left-fixed-nav a{display: block; margin-top: 1px;color: #f3782a}
.left-fixed-nav a:first-child{margin-top: 0;color: #f3782a}
.left-fixed-nav li{padding-top: 15px;width: 100%; height: 73px;  background: #fff; text-align: center; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s;}
.left-fixed-nav li i{ margin-top: 21px; font-size: 30px;}
.left-fixed-nav li h6{color: #999; line-height: 30px;}

.left-fixed-nav li:hover{background: #f3782a; color: #fff;}
.left-fixed-nav li:hover h6{color: #fff;}
/*右侧浮动条*/

/*底部浮动*/
.floatBottom{min-width: 1440px;width: 100%;height: 300px;position: fixed;bottom: -212px;left: 0;background-size:100%;background-repeat: no-repeat;z-index: 100; transition: bottom .5s; -moz-transition: bottom .5s; -webkit-transition: bottom .5s; -o-transition: bottom .5s;}
.showbottom{bottom: 0px;}
/*.floatBottom input,.floatBottom select{background:none;position: absolute;color: #333;border:0;padding-left: 64px;font-size: 16px;width: 319px;height: 50px;}*/
.floatBottom a{display: block;position: absolute;}
.floatBottomBg{min-width: 1440px;width: 100%;height: 128px;position: fixed;bottom: 0;background-color: rgba(000,000,000,0.7);z-index: 99}
body{padding-bottom: 0px;}/* 调整底部位置*/
.floatBottom .bottomup{background-size: 100%;width: 50px;height: 36px;position: absolute;top: 35px;right: 23.5%;animation: bmove 0.8s infinite ease-in;}

/*按钮颜色*/
.submit-block{
	background-color: #f3782a;width:120px;height: 110px;font-size: 18px;line-height: 28px;border-radius: 8px;
}
.submit-blue-block{
	background-color: #003990;height: 45px;margin-bottom: 4px;
}
/*按钮颜色*/


/*首页四个价格*/

/*弹出层询问价格*/
.offerprice-title{
	margin-top:20px;font-size: 30px;font-weight: bold; color: #bda583;text-align: center;
}
.offerprice-input{
	width: 328px;height: 45px;margin: 0 auto;margin-top:30px;
}
.offerprice-btn{
	margin-top:20px;background-color: #bda583;height: 45px;margin-bottom: 4px;width: 200px;
}
.offerprice-text{
	margin-top:20px;text-align: center;font-size: 14px;color:#bda583;
}
/*弹出层询问价格*/

.artclecontent{position: absolute;top:224px;left:16px;width:445px;height:40px;opacity: 0.6;background-color: #000000;text-align: center;font-size:22px;color: #FFFFFF;padding-top:6px;}

.oneline{line-height: 29px;-webkit-line-clamp:1;-webkit-box-orient:vertical;display: -webkit-box;overflow: hidden;}
.threeline{line-height: 29px;-webkit-line-clamp:3;-webkit-box-orient:vertical;display: -webkit-box;overflow: hidden;}
.fourline{line-height: 29px;-webkit-line-clamp:4;-webkit-box-orient:vertical;display: -webkit-box;overflow: hidden;}
.build-sort2{margin-top:10px;padding-left:10px;font-size: 14px;color: #585657;line-height: 25px;}


.yingyuchatui,.launchYYButtonBox,.launchMButtonBox{ display: none !important;}