/*header*/
.el{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.el_2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
.el_3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
.header{height: 100px; width: 100%; padding: 0 30px; box-sizing: border-box; border-bottom:1px solid #dcdcdc; background-color: #fff;z-index: 9999;}
.header .logo{width:272px;padding-top: 10px;}
.header .nav{ height: 100px; width: 664px; position:absolute; top:0; left:50%; margin-left:-332px;}
.header .nav ul{ height: 100px; width: 100%; margin: 0 auto;}
.header .nav ul li a { float: left; padding: 21px 20px; font-size: 15px; color: #545454;}
.header .nav ul li span{ font-family: "copperplate gothic light"; font-size: 30px; display: block; text-align: center; line-height: 40px; }
.header .nav ul li a:hover{ color: #000;}
.header .header_right{ width: 140px;}
.header .header_right .search_box{ width: 35px; position: relative; height: 90px; float: left;     overflow: visible !important;}
.header .header_right .language{ width: 105px; float: left; padding-top: 40px; height: 45px; }
.header .header_right .language select{ width: 92px; height: 24px; line-height: 24px; font-size: 12px;}
/*鐒︾偣鍥?/
.slideBox {
	width: 100%;
	/* height: 790px;*/
	overflow: hidden;
	position: relative;
}
.slideBox .hd {
	height: 15px;
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 15px;
	z-index: 1;
}
.slideBox .hd ul {
	overflow: hidden;
	zoom: 1;
	text-align: center;
}
.slideBox .hd ul li {
	text-align: center;
	display: inline-block;
	margin-right: 4px;
	font-size: 0px;
	color: #fff;
	width: 40px;
	height: 4px;
	line-height: 4px;
	background: #fff;
	cursor: pointer;
}
.slideBox .hd ul li.on {
	background: #000;
	color: #000;
}
.slideBox .bd {
	position: relative;
	height: 100%;
	z-index: 0;
}
.slideBox .bd li {
	zoom: 1;
	vertical-align: middle;
}
.slideBox .bd img {
	width: 100%;
	/* height: 790px;*/
	display: block;
}
.slideBox .bd li a {
	display: block;
	width: 100%;
	/* height: 790px;*/
}
/* 涓嬮潰鏄墠/鍚庢寜閽唬鐮侊紝濡傛灉涓嶉渶瑕佸垹闄ゅ嵆鍙 */
.slideBox .prev  {
	position: absolute;
	left: 3%;
	top: 40%;
	margin-top: -25px;
	display: block;
	width: 96px;
	height: 200px;
	background:url(../img/pre.png) left center no-repeat;
}
.slideBox .next {
	position: absolute;
	left: 3%;
	top: 40%;
	margin-top: -25px;
	display: block;
	width: 96px;
	height: 200px;
	background:url(../img/next.png) left center no-repeat;
}
.slideBox .next {
	left: auto;
	right: 3%;
	background-position: 8px 5px;
}
.slideBox .prev:hover,  .slideBox .next:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}
.slideBox .prevStop {
	display: none;
}
.slideBox .nextStop {
	display: none;
}
/*棣栭〉list*/

.list { margin-top: 32px;}
.list .box{ width: 19%; height: auto; margin: 0 0.6%;  float: left; position: relative; overflow: hidden; }
.list .box:hover img{ 
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
  }
.list .box .jt{ background: url(../img/jt.png)right center no-repeat; position: absolute; left: 0; bottom: -75px;  height: 75px; width: 95%; z-index: 3;transition: bottom ease 1.2s;-webkit-transition: bottom ease 1.2s;}
.list .box:hover .box_title{ bottom: 0px;}
.list .box:hover .jt{ bottom: 2px;}
.list .box .box_title{ z-index: 2; transition: bottom ease 0.5s;-webkit-transition: bottom ease 0.5s; position: absolute; left: 0; bottom:-75px; background: rgba(0,0,0,0.5); font-size: 24px; color: #fff; line-height: 75px; width: 100%; padding: 0 10px; box-sizing: border-box;}
.list div.box:first-child{ margin-left: 0;}
.list .margin-right{ margin-right: 0;}
.list .box img{ width: 100%;
   -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
@media only screen and (max-width: 1360px){

.header .nav{ margin-left:-260px !important;}
}
@media only screen and (max-width: 1101px){
.list .box .jt{ display: none;}	
.header{padding: 0 10px; !important;}
}

/*footer*/
.footer{ margin-top: 50px; color: #5e5e5e;}
.footer .contact_title{ color: #9d9d9d;  font-size: 30px; line-height: 30px; width: 80px; padding-right: 90px; text-align: center;}
.footer .contact_title span{ font-size: 14px; display: block; color: #cdcdcd;}
.content_footer{ margin: 0 auto; width: 1100px;}
.contact_box1{width: 366px;  font-size: 12px;     color: #7e7e7e; box-sizing: border-box;    padding-right: 50px;}
.contact_box1 ul, .contact_box2 ul, .contact_box3 ul{ margin-top: 10px;}
.contact_box1 ul li a{float: left; margin: 0 4px;}
.contact_box2{    padding: 0px 60px; border-left: solid 1px #e5e5e5; border-right: solid 1px #e5e5e5;  font-size: 12px; color: #5e5e5e;  width: 366px; box-sizing: border-box; }
.contact_box1 ul li,.contact_box2 ul li,.contact_box3 ul li{ line-height:20px;}
.contact_box3  { font-size: 12px; color: #5e5e5e;  width: 366px; box-sizing: border-box;     padding-left: 50px; }
.footer .copyright{ line-height: 46px; font-size: 12px; color: #888; background-color: #ececec; padding: 0 30px;box-sizing: border-box; width: 100%; margin-top: 55px;}
.footer .copyright a{ color: #888;}
/*棣栭〉footer*/
.contact_wrap1{  color: #7e7e7e;   padding-right: 50px;}
.contact_wrap1 ul{ margin-top: 10px;}
.contact_wrap1 ul li a{float: left; margin: 0 4px;}
.contact_wrap2{    padding: 0px 60px; border-left: solid 1px #e5e5e5; border-right: solid 1px #e5e5e5;  font-size: 12px; color: #5e5e5e;}
.contact_wrap1 ul li,.contact_box2 ul li,.contact_box3 ul li{ line-height:20px;}
.contact_wrap3  { font-size: 12px; color: #5e5e5e;     padding-left: 50px; }
/*棣栭〉鏍峰紡缁撴潫锛屽唴椤垫牱寮忓紑濮?/
/*about椤甸潰*/
.about_Img{ background: url(../img/about_Img.jpg) center center no-repeat;  height: 263px; width: 100%;}
.main{ padding: 50px 0;}
.submenu ul{ width: 235px; margin: 0 auto;}
.submenu ul li { float: left; height: 31px;}
.submenu ul li a{ float: left; font-size: 14px; color: #858585; padding: 0 5px; line-height: 30px; margin: 0 10px; text-align: center;}
.submenu ul li span{ display: block; width: 0%;  height: 1px; background: #000; transition:width ease-in 0.4s;}
.submenu ul li a:hover span{ width:100%;}
.submenu ul li a:hover { font-weight: bold; color: #000;}
.about_warp{ color: #626262; font-size: 14px;}
.about_warp .text_warp{ padding: 60px 30px; width: 1040px; box-sizing: border-box; margin: 0 auto; min-height: 500px; line-height:25px;}
/*Fashion鏃跺皻鍦堥〉闈?/
.title_warp{ text-align: center; color: #000; font-size: 24px; line-height: 24px;}
.title_warp span{ color: #bfbdbd; font-size: 14px; display: block;}
.Img_list{ padding: 40px 60px 0 60px;}
 .chroma-screen .chrg-wrap .chrgi-next{    position: absolute;
    right: 8%;
    top: 950%;
    width: 75px;
    height: 175px;
    font-size: 78px;}
  .chroma-screen .chrg-wrap .chrgi-previous{ position: absolute;
  	  left: 8%;
    top: 950%;
    width: 75px;
    height: 175px;
    font-size: 78px;
  }
/*鍔ㄦ€侀〉闈?/
.news_Img{ background: url(../img/news_Img.jpg) center center no-repeat; height: 263px; width: 100%;}
.news_list{ width: 1100px; margin: 0 auto; border-top: solid 1px #eaeaea; margin-top: 30px; min-height: 400px;}
.news_list ul li{ width: 100%; box-sizing: border-box; padding: 32px 10px; height: 217px; border-bottom: solid 1px #eaeaea;}
.news_list ul li img{width: 226px; height: 148px;}
.news_list .news_time{ padding-right: 15px; font-size: 24px; font-family: "helveticaNeueLTPro THEx"; color: #909090;}
.news_list .news_title{ color: #666666; margin-bottom: 20px; }
.news_list .digest{ font-size: 12px; color: #8b8b8b;}
.news_list .news_time i{ width: 33px; height: 31px; display: block; margin-top: 50px; transition: background-color ease 0.8s;-webkit-transition: background-color ease 0.8s;}
.news_list .news_time i img{ width: 33px; height: 31px;}
.news_list .news_time span{ width: 20px; height: 1px; margin: 0 10px;    display: inline-block;
    background-color: #909090; margin-bottom: 6px; transition: all ease 0.8s; -webkit-transition: all ease 0.8s; }
.news_list ul li:hover .news_time span{ width: 60px; background-color: #000; }
.news_list ul li:hover .news_title{ color:#000000; }
.news_list ul li:hover .news_time{ color:#000000;}
.news_list ul li:hover .news_time i{ background-color: #000000;}
.news_list .news_btn{ width: 180px; height: 32px; border: solid 1px #E5E5E5; margin:80px auto 0 auto; background: url(../img/icon_jt.png)-205px -23px no-repeat; transition: all ease 0.8s;-webkit-transition: all ease 0.8s; }
.news_list .news_btn:hover{background: url(../img/icon_jt.png)-10px -23px no-repeat;}
/*鍖荤枟琛屼笟*/
.me_Img{ background: url(../img/me_img.jpg) center center no-repeat; height: 700px; width: 100%;}
.me_warp{
	 width: 1100px; 
	 margin: 0 auto;
	 margin-bottom: 40px; 
	 overflow: hidden;
	 line-height: 25px;
}
.me_warp img{
	max-width:100% !important;
}
.news_list_me{
	 width: 1100px; 
	 margin: 0 auto;
	 margin-top: 30px; 
	 overflow: hidden;
}
.news_list_me ul li{
	width: 23%;
    float: left;
    margin-right: 2%;
    margin-bottom: 3%;
}
.news_list_me ul li:nth-child(4n+0){
	margin-right: 0;
}
.news_list_me ul li a .img{
	width: 100%;
	height:160px;
	overflow: hidden;
}
.news_list_me ul li a .img img{
	width: 100%;
	height: 100%;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}
.news_list_me ul li a .title{
	font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    margin: 10px 0;
    min-height: 48px;
    color: #666;
}
.news_list_me ul li:hover a .img img{
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.news_list_me ul li:hover a .title{
	color: #333;
}
.news_list_me ul li a .digest{
	font-size: 14px;
	min-height:28px; 
}
/*鍔ㄦ€佽缁?/
/*鍒楄〃鍐呭椤?/
.listConts{line-height:26px;color:#626262; width:960px; margin:0 auto; padding-top:20px;}
.listConts .title{font-size:18px;text-align:center;line-height:40px;color:#000; font-weight:normal;}
.listConts .info{width: 100%;height: 27px;line-height: 28px; text-align: center; margin: 0px 0px 30px auto;padding-bottom: 15px; border-bottom: 1px solid #e8e8e8;color: #999999;}
.listConts .info small{margin-left:8px;margin-right:3px;color:#999;font-size:12px;}
.listConts .info .small,.info .big{font-family:Georgia;font-weight:bold;cursor:pointer;}
.listConts .info .small{font-size:10px;padding-right:3px;}
.listConts .info .big{color:#003ba6;padding-left:3px;}
.listConts .desc{margin:20px 0 15px;padding:5px 10px;line-height:20px;border:1px solid #f4e4b4;background:#fffff0;}
.listConts .showimg{margin:20px 0;text-align:center;}
.listConts .showimg a img{border:1px solid #ccc;padding:1px;}
.listConts .showimg a:hover img{border:1px solid #F90;padding:1px;}
.listConts .conttitle{font-weight:bold;padding-bottom:7px;margin-bottom:7px;color:#2f2f2f;line-height:24px;border-bottom:1px solid #ddd;font-size:14px;}
.listConts .author{text-align:right;color:#999;}
.listConts img{max-width:100% !important;}
/*璇︾粏椤靛姛鑳藉尯*/
.back_btn{ position:absolute; cursor:pointer; width:52px; height:25px; line-height:25px; text-align:center; right:0; top:25px; font-size:12px; border:1px solid #ccc; background:#FBFBFB; }
.back_btn:hover{ color:#000; border:1px solid #000;}
.preNext{position:relative;padding-top:60px;}
.preNext .text{color:#626262;}
.preNext .text li{width:440px; padding:0px 10px; float:left; margin:0px 10px; background:#f8f8f8; height:33px; line-height:33px; overflow:hidden; }
.preNext .text li a{text-overflow:ellipsis;}
.preNext .text li i.r{margin-top:11px;margin-left:5px; height:11px; width:34px; background: url(../img/icon-b.png) 0px 0px no-repeat; float: right; transition: all ease 0.8s; -webkit-transition: all ease 0.8s;}
.preNext .text li:hover i.r{background: url(../img/icon-b.png)-40px 0px no-repeat;}
.preNext .text li i.l{margin-top:11px; margin-right:5px; height:11px; width:34px; background: url(../img/icon-b.png) 0px -47px no-repeat; float:left; transition: all ease 0.8s; -webkit-transition: all ease 0.8s;}
.preNext .text li:hover i.l{background: url(../img/icon-b.png)-40px -47px no-repeat;}
/*椤圭洰鏈嶅姟椤甸潰鏍峰紡*/
.service_Img { background: url(../img/service_Img.jpg) center center no-repeat; width: 100%; height: 263px;}
.service_list{ width: 1052px; padding: 75px 24px; box-sizing: border-box; margin: 0 auto;}
.service_list .Item1{ width:490px ; height: auto; margin-bottom: 97px;}
.service_list .Item2{ width: 490px; height: auto;}
.service_list .Item3{width: 490px; height: auto; margin-bottom: 90px;}
.service_list .Item4{width: 490px; height: auto;}
.service_list .Items img{ 
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
  
}
.service_list .Item_title{ margin-top: 10px; height: 60px; line-height: 60px; color: #575757; font-size: 16px;}
.service_list .Item_title i{ width: 39px; height: 60px; background: url(../img/service_jt.png)-125px 10px no-repeat; float: right; transition: all ease 0.8s; -webkit-transition: all ease 0.8s; }
.service_list .Items span{ width: 150px; height: 1px; background-color: #a7a7a7; display: block; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s; -webkit-transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;}
.service_list .Items:hover span{ width: 100%; color: #000000;}
.service_list .Items:hover img{ box-shadow: 5px 5px 5px #E5E5E5; -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    }
.service_list .Items:hover .Item_title i{background: url(../img/service_jt.png)-40px 10px no-repeat;}
.service_list .Items:hover .Item_title { color: #000000;}
.service_show{ width: 1052px; padding: 75px 24px; box-sizing: border-box; margin: 0 auto; line-height: 30px; }
.service_show p{ text-indent: 2em; }
.service_title{width: 1000px;margin:0 auto; text-align: left;}
/*鎶曡祫鑰呬笓鍖烘牱寮?/
.investor_Img{ width: 100%; height: 263px; background: url(../img/investor_Img.jpg) center center no-repeat;}
.investor_warp{ width: 1100px; height: auto; margin: 0 auto;}
.investor_title { height: 69px; width: 100%; border-bottom: solid 1px #dcdcdc; }
.investor_title h1{ font-weight: normal; line-height: 40px; font-size: 24px;}
.investor_title p { color: #9e9c9c;}
.investor_textwarp{padding-top: 30px;}
.investor_textwarp .warp_left{ float: left; }
.investor_textwarp .warp_right{ float: right;}
.investor_textwarp .warp_left ul li { width: 130px; height: 41px; border-bottom: solid 1px #ededed; line-height: 42px; text-indent: 2em; }
.investor_textwarp .warp_left ul li a{ color: #858585;}
.investor_textwarp .warp_left ul li  span{ float: right; font-family: "瀹嬩綋"; color: #b7b7b7;font-weight: bold;}
.investor_textwarp .warp_left ul li:hover span{ color: #000000;}
.investor_textwarp .warp_left ul li:hover a{color: #000000;}
.investor_textwarp .warp_right .text_box{ color: #626262; padding: 0 30px; width: 890px; min-height: 400px; line-height: 24px;}

/*鑱旂郴鎴戜滑椤甸潰鏍峰紡*/
.contact_Img{ width: 100%; height: 263px; background: url(../img/contact_Img.jpg)center center no-repeat ;}
.title_box{ text-align: center;}
.title_box h2{ font-size: 24px; font-weight: normal; line-height: 40px;}
.title_box p{color: #9E9C9C;}
.contact_warp{ margin-top: 70px;}
.map{ width: 100%; height:auto; margin-top: 20px;}

/**/
.center_box{ max-width: 1200px; min-width: 1000px; margin: 0 auto; }
.bg1{ background-color: #fff; padding: 50px 0; }
.bg2{ background-color: #eee;  padding: 50px 0;}
.wor_wrap{ margin-top: 20px;  }
.wor_title{text-align: center; margin-bottom: 30px; line-height: 30px; font-size: 20px; margin-top: 30px;}
.mode { padding: 0 30px;
    margin: 0 auto;}
 .mode img{width: 45%;}
.mode p{width: 45%;
    line-height: 34px;
    font-size: 16px;
    padding-top: 12%;}
 .store_box .store_text h2{margin-bottom: 20px; line-height: 30px; text-align: center;}
  .store_box h2 span{font-weight: normal;}
 .store_box .store_text h2::after{ content: "" ; display: block; width: 50px; height: 3px; background-color: #000; margin:0 auto; }
  .store_box .store_text{ width: 50%; padding: 0 80px; padding-top: 13%;    box-sizing: border-box; line-height: 30px; font-size: 16px;  }
  .store_box .store_text p{ text-indent: 2em; font-size: 16px; }
  .map_store img{width: 60%;}
  .map_storetext{ padding: 18% 20px 0px 20px; box-sizing: border-box;  }
  .map_storetext h2{ text-align: center;  margin-bottom: 20px; font-size: 20px;line-height: 30px;}
    .map_storetext h2::after{ content: "";display: block; width: 50px; height: 3px; background-color: #000; margin: 0 auto;  }
.map_storetext p{ font-size: 16px; text-indent: 2em; line-height: 30px; }
.design h2{ border:solid 3px #000 ; padding: 15px 0px; text-align: center; width: 400px; margin:0 auto; font-size: 24px; }
.design p{ text-align: center; font-size: 16px; line-height: 24px; margin: 20px 0px; }
.design img{width: 100%;}
.showroom h2{line-height: 24px; text-align: center; margin-bottom: 40px;}
.showroom_text{width: 38%;box-sizing: border-box; padding: 15px; border-bottom: solid 1px #000; border-top: solid 1px #000;}
.showroom_text img{width: 50%; margin: 0 auto; display: block;}
.showroom_text p{ line-height: 30px; font-size: 16px; }
.showroom div ul{width: 60%;  padding-top: 80px; }
.showroom div ul li{ line-height: 34px; font-size: 18px;}
.showImgbox h2{line-height: 24px; text-align: center; margin-bottom: 40px;}
.show_Img{margin-top: 20px; margin-bottom: 10px;}
.show_Img li{float: left; width: 23%; margin: 0px 1%;}
.show_Img li img{width: 100%;}
.link_text { width: 60%; padding: 80px 50px; box-sizing: border-box;   }
.link_text h2{ margin-bottom: 20px;  text-align: center; line-height: 24px; }
.link_text p{ line-height: 45px; font-size: 18px; }
.link img{width: 40%;}
.link { margin-top: 15px; }

.btn_place{ position: fixed; top: 30%; right: 0;z-index: 99999; width: 100px; text-align: center; background-color: #fff; border:solid 1px #eee; border-bottom: none; }
.btn_place h3{ line-height: 30px;  background-color: #000; color: #fff; margin-bottom: 5px; }
.btn_place a{ display: block; line-height: 24px;     border-bottom: solid 1px #eee;
    padding: 5px 0px; }

 .service_design .fl img{ width:450px;  }
  .service_design .fr {width: 500px;}


  /*鎶曡祫鑰呬笓鍖?鍏憡*/
  ul.public-notice li{ border-bottom:  dashed 1px #c9c9c9;  margin-bottom: 10px; padding: 10px 5px; }
   ul.public-notice li:hover{ background-color: #eee; }
  ul.public-notice li .public-notice-title{ font-weight: bold; font-size: 14px; margin-bottom: 5px; }
  ul.public-notice li .public-notice-summary{ font-size: 12px; color: #8a8a8a; }
  ul.public-notice li .public-notice-time{ font-size: 12px; color: #8a8a8a; }