@charset "utf-8";
/* CSS Document */

body{ font-size:14px; color:#000; background:#FFF;   font-family: "Microsoft YaHei",  Verdana, sans-serif, "SimSun";  -webkit-text-size-adjust:none;-webkit-font-smoothing: subpixel-antialiased;-moz-osx-font-smoothing: grayscale;  margin:0px; padding:0px;word-break:break-all;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100% }ul,li,p{ list-style-type:none; padding:0px; margin:0px;}img{ border:0px;}
a:link {color:#000;text-decoration: none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
a:visited {text-decoration: none;color: #000;}a:hover {text-decoration: none;color: #000;}a:active {text-decoration: none;color: #000;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

em, i {
    font-style: normal;
}
.w-all{ display:none;}
body, button, input, select, textarea {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: "liga", "kern";
    font-family: "Microsoft Yahei", PingFangSC-Regular, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
}

body{font-family: Microsoft JhengHei, MHei, PingFang TC, Helvetica Neue, Helvetica, STHeitiTC-Light, Verdana, Arial, sans-serif;}
*, ::after, ::before {
    box-sizing: border-box;
    outline: none;
}


body{box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;}


.main{ max-width:1200px; margin:0 auto; overflow:hidden;}
.main_h{ max-width:1200px; height:100px; margin:0 auto; }


 .box {
            position: relative;         
          
            width: 100%;            
            height: 100vh;             

            margin: 0 auto;
             
        }
        .index_logo {
            width: 300px;
			overflow:hidden;

            position: relative;
            top: 50%;
            -moz-transform: translateY(-50%);  /*向上平移 自身的50%*/
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            margin: auto;
        }
 .index_logo img{ width:100%; display:block;}
 
 .main{ max-width:1200px; overflow:hidden; }
.main_logo{ width:100%; overflow: hidden; }

.menu{ width:100%; overflow:hidden; margin-top:4%;}

.menu  ul{/*display: table;*/
margin:0 auto;

text-align: center;
padding:0;}
.menu li { overflow:hidden; float:left;line-height:50px; margin-left:70px; margin-right:70px;font-size:18px; font-weight:bold;  text-align:center; position: relative;}
.menu li:first-child {  margin-left:0px; }
.menu li:last-child {margin-right:0px; float:right}
.menu ul li .current{ color:#fff; background: #ea421e; background:url(more1.jpg) no-repeat #ea421e; display:block; border-radius:0px; }
.menu li:before {
	content: "";
	position: absolute;
	top: 30px;
	right: 0;
	left: 0;
	width: 0px;
	height: 2px;
	margin: 15px auto;
	background-color: #333;
	transition: 0.2s 0.2s;
}
.menu li.current:before {
	width: 100%;	
} 

/*.index_nav li.current:before {
	width: 100%;	
} */


.main_baody{  position: absolute;width:1200px;
left:50%;
top:50%;
transform: translate(-50%, -50%);



}






.index_main{ width:100%; overflow:hidden; margin-top:50px;}.index_main img{ width:100%; display:block;}


.art{ width: 100%;
    margin: 0 auto;

    line-height: 50px;
    font-size: 14px;
    position: fixed;
   top:0; z-index:999; background:#FFF;}

.art_m{width: 98%;
    margin: 0 auto;
    overflow: hidden; text-align:left;}

.art_main{ max-width:800px; /*overflow:hidden;*/ margin:0 auto; }



.art_top{ margin-top:180px; margin-bottom:100px;}



.art_menu{ width:100%; overflow:hidden; margin-top:5%; margin-bottom:5%;}

.art_menu  ul{display: table;
margin:0 auto;

text-align: center;
padding:0;}
.art_menu li { font-weight:bold; overflow:hidden; float:left;line-height:50px;position: relative; margin-left:15px; margin-right:15px; font-size:18px;  text-align:center;}

.art_menu li:before {
	content: "";
	position: absolute;
	top: 30px;
	right: 0;
	left: 0;
	width: 0px;
	height: 2px;
	margin: 15px auto;
	background-color: #333;
	transition: 0.2s 0.2s;
}
.art_menu li.current:before {
	width: 100%;	
} 











.nav { width:100%; display:block;
}

.nav li {
	float: left;
	position: relative;
	width:auto;
	}
	
.nav  ul{
	
	display: table;
    margin: 0 auto;
    text-align: center;
    padding: 0;
	
	
	
	
	
	}	
	
	
	
	
	
.nav a {


	display: block;
	font-size:18px;
	padding: 0px 20px;
line-height:100px;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;font-weight:700;
	
}
.nav li:hover a {
	
color:#000; font-weight:700;
}
.current a{
	color:#000; font-weight:700;}
	
.nav li:before {
	content: "";
	position: absolute;
	top: 55px;
	right: 0;
	left: 0;
	width: 0px;
	height: 3px;
	margin: 15px auto;
	background-color: #000;
	transition: 0.2s 0.2s;
}
.nav li:hover:before {
	width: 60%;
}
#submenu {
	left: 10px;
	opacity: 0;
	position: absolute;
	top: 100px;
	visibility: hidden;
	z-index: 1;
	width:auto;
/*box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);*/
transition: all .6s ease 0s;
	transform: translate3d(0, 10px, 0);
	-moz-transform: translate3d(0, 10px, 0);
	-webkit-transform: translate3d(0, 10px, 0);

}
li:hover ul#submenu {
	opacity: 1;
	top: 100px;	/* adjust this as per top nav padding top & bottom comes */
	visibility: visible;
transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);

}
#submenu li {
	float: none;
	width: 100%;
	overflow:hidden;white-space:nowrap;
	border-bottom:0PX solid #ccc;


	



}
#submenu a:hover {
	background: #000;
	color:#FFF;

}
#submenu a {
background: rgba(255, 255, 255,1);
		font-weight:100;
			padding: 10px 20px;
				font-size:14px;
				text-align:left;
				min-width:64px;
				color:#000;
					line-height:25px;
}





.nav li.current:before {
	width: 60%;	
} 






.yishu { width:100%; overflow:hidden; margin-top:180px; margin-bottom:80px; display:block;-webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease; }
	
	
	

.yishu li img{     filter: grayscale(100%); max-width:100%; margin:0 auto; }

.yishu li:hover img{    filter: grayscale(0%);}


.lefta{float: left; display:block}

.leftb{float: right; display:block}
.yishu   li { width:100%; overflow:hidden; text-align:center ;display:block; margin-bottom:20px; /*text-align: right;*/}


.yishu p{ width:100%; overflow:hidden; text-align:center; font-size:16px;}



.yishuleft{ width:200px; margin-right:40px; float:left; overflow:hidden; line-height:200%; margin-left:-240px; position:fixed; font-size:16px;}

.yishulefttxt{ width:100%; overflow:hidden; line-height:180%;}
.yishur{ width:100%; float:right; overflow:hidden; line-height:180%;margin-bottom:100px;}.yishur img{ max-width:100%; display:block;}
.yishur img{ width:100%; display:block;}

.txt{ font-size:18px; margin-bottom:10px; font-weight:900; width:100%; overflow:hidden;}



.txta{ width:100%; display:block; overflow:hidden; font-size:16px; line-height:180%; text-align:justify; margin-bottom:80px;}

.tuan{ width:100%; overflow:hidden;}
.ren{ float:left; width:30%; float:left; overflow:hidden; margin-top:20px; margin-bottom:80px;}.ren img{ width:100%; display:block;}

.rentxt{ width:60%; float:right; overflow:hidden;margin-top:100px;}.rentxt p{ line-height:180%; }
.cont{ width:45%; font-size:16px; float:left; overflow:hidden; margin-top:0px;}.cont b{ font-size:20px;  font-weight:800; line-height:50px;}

.cont  p{ line-height:40px;}

.cont_map{ width:48%; float:right; overflow:hidden;}.cont_map img{ width:100%; display:block;}
.news_n{ width:100%; text-align:justify; overflow:hidden; line-height:180%; margin-top:30px; font-size:16px; margin-bottom:140px;}

  .listd {
            width: 23%; float:left;
            border-bottom: solid 1px #fff;
            margin: 40px auto 0 auto; margin-left:1%; margin-right:1%;
        }

.fonnter{ width:100%; margin:0 auto; overflow:hidden; text-align:right; line-height:50px; font-size:14px; position:fixed; bottom:0px;}

.fonnter_m{ width:98%; margin:0 auto; overflow:hidden; text-align:right; line-height:50px; font-size:14px;   text-shadow: 0 0 1px #fff, 0 0 1px #fff;

      }

.tuand{ width:30%; overflow:hidden; float:left; margin-right:3%; margin-top:20px; margin-bottom:0px;}


.tuanpic{ width:100%; overflow:hidden;}


.tuanpic img{ width:100%; display:block;}



.list_dl{ width:100%; overflow:hidden;}
.list_dt{
    background: #fff;
    color: white;
    width: 100%;
    padding: 0 40px 0 20px;
    height: 34px;
    line-height: 34px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;

}


.main_tuandui{width:100%; overflow:hidden; margin-bottom:100px;}

.list_dt_icon{
    position: absolute;
    left: 10px;
    top: 9px;
    display: block;
    width: 16px;
    height: 16px;
    background: url("off.png") no-repeat;
}
#open .list_dt_icon{
    background: url("on.png") no-repeat;
}
.list_dd{
    display: none; padding:10px; text-align:justify; font-size:16px; line-height:180%; background:#FFF;
}

.pictxt{text-align: center; font-size:25px; font-weight:bold; line-height:25px; margin-bottom:20PX;}.pictxt p{ font-size:14px; color:#666; font-weight:100;}

#gallery img{ margin-bottom:50px;}

.index_nav { width:100%;display: flex;
    flex-flow: row wrap;
}

.index_nav li {
	float: left;
	position: relative;
	width:auto; margin-left:0px; margin-right: 142px;
	}
	
.index_nav  ul{ width:100%; 
	
	
	
	
	
	
	
	}	
	
	
	
	
	
.index_nav a {

	display: block;
	font-size:18px;
line-height:100px; font-weight:700;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
	
}
.index_nav li:hover a {
	
color:#000; font-weight:700;
}
.current a{
	color:#000; font-weight:700;}


.index_nav li:first-child {
    margin-left: 0px;
}
.index_nav li:last-child {
    margin-right: 0px;
    float: right;margin-left: 0px;
}
	
.index_nav li:before {
	content: "";
	position: absolute;
	top: 60px;
	right: 0;
	left: 0;
	width: 0px;
	height: 3px;
	margin: 15px auto;
	background-color: #000;
	transition: 0.2s 0.2s;
}
.index_nav li:hover:before {
	width: 100%;
}
#submenu_index {
	left: -10px;
	opacity: 0;
	position: absolute;
	top: 100px;
	visibility: hidden;
	z-index: 1;
	width:auto;
/*box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);*/
transition: all .6s ease 0s;
	transform: translate3d(0, 10px, 0);
	-moz-transform: translate3d(0, 10px, 0);
	-webkit-transform: translate3d(0, 10px, 0);

}
li:hover ul#submenu_index {
	opacity: 1;
	top: 100px;	/* adjust this as per top nav padding top & bottom comes */
	visibility: visible;
transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);

}
#submenu_index li {
	float: none;
	width: 100%;
	overflow:hidden;white-space:nowrap;
	border-bottom:0PX solid #ccc;
	margin-left:0px; margin-right:0px;

	



}
#submenu_index a:hover {
	background: #000;
	color:#FFF;

}
#submenu_index a {
background: rgba(255, 255, 255,1);
		font-weight:100;
			padding: 10px 20px;
				font-size:14px;
				text-align:left;
				min-width:64px;
				color:#000;
					line-height:25px;
}


.yi{ margin-top:0%; margin-bottom:2%;}
.yie{margin-bottom:20%;}

.index_mainbmain{ margin:0 auto; width:1200px; position: absolute;

    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);}
.baguetteBox img{ margin-bottom:30px;}




















.izl-rmenu{position:fixed;left:90%;bottom:50px;background:url(../images/r_b.png) 0px bottom no-repeat;z-index:999;}
.izl-rmenu .btn{width:160px;height:45px;margin-bottom:1px;cursor:pointer;position:relative;}
.izl-rmenu .btn-phone{background-color:#a2abb0;background:url(../images/customer_service.png) 0px 0px no-repeat; background-size:100%;}
/*.izl-rmenu .btn-phone:hover{background-color:#f06f52;background:url(../images/customer_service_two.png) 0px 0px no-repeat;}*/
.izl-rmenu .btn-top{background:url(../images/return_top.png) 0px 0px no-repeat;background-color:#fe9700;display:none;}
.izl-rmenu .btn-top:hover{background-color:#f06f52;background:url(../images/return_top_two.png) 0px 0px no-repeat;}