@charset "utf-8"; 
*{margin:0;padding:0;}
a{text-decoration:none;}
img{border:none;}
body{font-family:'webfont-alibaba','webfont-siyuan',"微软雅黑";font-size: 12px;font-weight: normal;}
ul,li{list-style:none;}
.clear{ margin:0px; padding:0px; height:0px; width:0px; line-height:0px; clear:both;}
input,button,select{ outline:none}
 
.fl{ float:left}
.fr{ float:right}
.wrap{ width:1440px; margin:0 auto}
.w1200{ width:1200px; margin:0 auto}
.wmain{ width:1280px; margin:0 auto}
.cen{ text-align:center}

.header{   height:120px; overflow:hidden;  position:absolute; top:0; width:94%; padding:0 3%;display:flex;align-items: center; align-content:center;justify-content:space-between; z-index:999 }

.header .lo1{ display:block}
.header .lo2{ display:none}
.header .tel1{ display:block}
.header .tel2{ display:none}

.logo{ float:left; }
 
.menu{ overflow:hidden;}
.menu a{ font-size:16px; color:#fff; display:block; margin:0 20px; float:left;}
.menu a:hover{ color:#c2a474}
.menu a.on{ color:#c2a474}
 
.whilebg{ position: fixed;    left: 0;    top: 0;    z-index: 9999;background:#fff; border-bottom:1px solid #f1f1f1;}
.whilebg .lo2{ display:block}
.whilebg .lo1{ display:none}
.whilebg .tel2{ display:block}
.whilebg .tel1{ display:none}
.whilebg a{ font-size:16px; color:#333; display:block; margin:0 20px; float:left;}
.whilebg a:hover{ color:#c2a474}
.whilebg a.on{ color:#c2a474}


.ban{ height:860px; background:url(../img/ban1.jpg) center;}

.indti{ text-align:center}

.indpro{ overflow:hidden; background:#fff; padding:60px 0 80px; position:relative}
.indpro .fl{ width:600px; float:left; margin-top:60px;}
.indpro .fl img{ margin-bottom:60px;}
.indpro .fl a{ display:block; font-size:16px; color:#333;}
.indpro .fl a:hover{ color:#c2a474}
.indpro .fr{ width:600px; position:relative;}
.indpro .fr i{ font-size:30px; color:#999}
.indpro .fr i:hover{ color:#c2a474}
.indpro .swiper-button-prev:after,.indpro .swiper-button-next:after {
	display:none
}
.indpro .swiper-button-prev {
    left: -150px;
    right: auto;
	top:auto;
	bottom:0;
 
}
.indpro .swiper-button-next{
    left: -100px;
    right: auto;
	top:auto;
	bottom:0;
	padding-left:25px;
	border-left:1px solid #dadada;
}
.indpro .swiper-button-next.swiper-button-disabled ,.indpro  .swiper-button-prev.swiper-button-disabled {     
	opacity: 1;
}

.indgal{ overflow:hidden; background:url(../img/indgalbg.jpg) center top no-repeat; padding:50px 0 70px;}
.indgal .indgalti{ overflow:hidden; margin-bottom:40px; color:#fff;}
.indgal .indgalti h1{ font-size:50px; font-weight:normal;}
.indgal .indgalti p{ font-size:34px;}
.indgal .ingalmain{ overflow:hidden; display:flex; justify-content:space-between;align-items: center;}
.ingalmain a{ display:block; width:24.5%; overflow:hidden;}
.ingalmain a .galtti{ background:#fff; padding:40px; color:#333; position:relative; z-index:9}
.ingalmain a .galtti h1{ font-size:24px; font-weight:normal; color:#414141; line-height:26px; margin-bottom:5px;}
.ingalmain a .galtti p{ font-size:16px; color:#767676;}
.ingalmain a img{ width:100%;transition: 500ms}

.ingalmain a:hover .galtti{ background:#c2a474;}
.ingalmain a:hover .galtti h1,.ingalmain a:hover .galtti p{ color:#fff;}
.ingalmain a:hover  img{ transform:scale(1.1)}



.indser{ overflow:hidden; background:#f1f1f1; padding:60px 0 80px; position:relative}
.indser .wrap{ position:relative; overflow:hidden;}
.indser .fl{ width:600px; float:left; }
.indser .fl img{ margin-bottom:60px;}
.indser .fl a{ display:block; font-size:16px; color:#333;}
.indser .fl a:hover{ color:#c2a474}
.indser .fr{ width:840px; }
.indser .fr i{ font-size:30px; color:#999}
.indser .fr i:hover{ color:#c2a474}
.indser .swiper-button-prev:after,.indser .swiper-button-next:after {
	display:none
}
.indser .swiper-button-prev {
    left: 0px;
    right: auto;
	top:auto;
	bottom:0;
 
}
.indser .swiper-button-next{
    left: 50px;
    right: auto;
	top:auto;
	bottom:0;
	padding-left:25px;
	border-left:1px solid #dadada;
}
.indser .swiper-button-next.swiper-button-disabled ,.indser  .swiper-button-prev.swiper-button-disabled {     
	opacity: 1;
}

.indnews{ padding:60px 0 80px; overflow:hidden;}
.indnews .indnewsti{ overflow:hidden; margin-bottom:40px; color:#000;}
.indnews .indnewsti h1{ font-size:50px; font-weight:normal;}
.indnews .indnewsti p{ font-size:34px;}
   
.indnewsmain{ overflow:hidden; display:flex; justify-content:space-between;align-items: center;}
.indnewsmain a{ display:block; width:29%; overflow:hidden;} 
.indnewsmain a .imgs{ overflow:hidden; margin-bottom:20px;}
.indnewsmain a  h1{ font-size:22px; font-weight:normal; color:#414141; line-height:26px; margin-bottom:10px;text-overflow: ellipsis;    white-space: nowrap; overflow:hidden}
.indnewsmain a  p{ font-size:16px; color:#767676; margin-bottom:10px;}
.indnewsmain a  span{ font-size:14px; color:#767676; margin-bottom:10px;}
.indnewsmain a  span img{ float:left; margin-top:10px; margin-right:10px;}
.indnewsmain a .imgs img{ width:100%;transition: 500ms}

 
.indnewsmain a:hover  h1{ color:#c2a474;}
.indnewsmain a:hover .imgs  img{ transform:scale(1.1)}

.gallery-top {
	width: 1200px;	         
	height: 600px;
	margin:50px auto 30px;
	position:static;
	overflow:auto
}

 
.gallery-top .swiper-slide {
	width: 500px;
	max-width: 100%;	
	position:relative;
}
.gallery-top .swiper-slide h1{
	position:absolute;
	left:80px;
	bottom:40px;
	font-size:50px;
	color:#fff;
	font-weight:normal;
	display:none
}

.gallery-thumbs {
	width: 1200px;
	margin:0 auto;
	box-sizing: border-box;
	padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
	width: 190px;
 
	opacity: 0.4;
}
.gallery-thumbs .swiper-slide  img{
	width: 100%;
	margin-bottom:10px;
}
.gallery-thumbs .swiper-slide  h1{
	color:#fff;
	font-size:14px;
	text-align:center;
	font-weight:normal;
}
.gallery-thumbs .swiper-slide-active {
	opacity: 1;
}
.gallery-top .swiper-button-prev, .gallery-top .swiper-container-rtl .gallery-top .swiper-button-next{
	left:-
}

.indpronva{ overflow:hidden; padding:60px 0;}

.indpronva ul{  width:90%; margin:60px auto 0}
.indpronva ul li{width:48%;float:left; overflow:hidden; margin:0 1% 30px;  }
.indpronva ul li a{display:block; position:relative; overflow:hidden;}
.indpronva ul li a:before{content:''; display:block; width:100%; height:100%; background:linear-gradient(-180deg, transparent, rgba(0,0,0,.8)); position:absolute; left:0; top:0;transition:cubic-bezier(0.215,.61,.355,1) .45s; z-index:2;}
.indpronva ul li a:after{content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,.8); position:absolute; left:0; bottom:0;transition:cubic-bezier(0.215,.61,.355,1) .45s; opacity:0;}
.indpronva ul li .text>div{position:absolute; left:0; top:50%; right:0; text-align:center;transition:cubic-bezier(0.215,.61,.355,1) .45s; transform:translateY(9vw); z-index:2;}
 
.indpronva ul li .text .nname{opacity:.6; font-size:16px; color:#fff; font-variant:normal}
.indpronva ul li .text .name{ font-size:34px; color:#fff;font-weight: normal;}
.indpronva ul li a:hover:after{opacity:1;}
.indpronva ul li a:hover:before{opacity:0;}
.indpronva ul li a:hover .text>div{transform:translateY(-50%);}
.indpronva ul li a:hover .text .lh-more.two{opacity:1; visibility:visible;}
.indpronva ul li a:hover{box-shadow:0 3px 20px rgba(72,72,72,.6);}
.indpronva ul li .img{position:relative; }
.indpronva ul li .img img{width:100% }
.indpronva ul li .img:after{content:''; display:block; width:100%; height:6px; background:#c2a474; position:absolute; left:0; bottom:0; z-index:3; transform:scaleX(0); transform-origin:left center;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.indpronva ul li a:hover .img:after{transform:scaleX(1);}
.indpronva ul li a:hover   .lh-more{ border:1px solid #fff; margin:20px auto 0;}
 
.lh-more{width:136px; height:35px; line-height:35px; border-radius:35px; margin:0 auto;  display:block; padding:0 16px; position:relative; overflow:hidden; color:#fff}
.lh-more:before{content:''; display:block; width:98%; height:90%; background:#c2a474; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(0); border-radius:30px;transition:cubic-bezier(0.215,.61,.355,1) .45s; opacity:0;}
.lh-more i{position:absolute; right:16px; top:50%; transform:translateY(-50%); color:#01a29a; font-size:30px; font-weight:bold; z-index:2;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.lh-more span{position:relative; z-index:2; font-weight:normal;}
.lh-more:hover:before{transform:translate(-50%,-50%) scale(1); opacity:1;}
.lh-more:hover,.lh-more:hover i{color:#fff;}


.indgallery{  overflow:hidden; position:relative; margin-bottom:25px;}
.indgallery .hd{position:absolute;width:1400px;height:725px;left:50%; margin-left:-700px;border-left:1px solid #918c87;border-right:1px solid #918c87; z-index:99}
.indgallery .hd ul{ overflow:hidden; height:100%;  display:flex;   justify-content:center; }
.indgallery .hd ul li{ text-align:center; width:18%; overflow:hidden; text-align:center; position:relative; cursor:pointer;}
.indgallery .hd ul li h1{ margin-top:390px; color:#fff; font-size:20px; font-weight:normal; display:none}
.indgallery .hd ul li em{ display:block; margin:40px 0 160px; display:none}
.indgallery .hd ul li h2{ position:absolute; bottom:60px;color:#fff; font-size:20px; font-weight:normal; text-align:center; width:100%;}
.indgallery .hd ul li.on{ background:url(../img/ind1.png)}
.indgallery .hd ul li.on h1{ display:block}
.indgallery .hd ul li.on em{ display:block}
.indgallery .hd ul li.on h2{ color:#ceb690}
.indgallery .bd{ position:relative; height:725px;overflow:hidden; z-index:98}
.indgallery .bd ul{ width:100%; height:725px;}
.indgallery .bd .indgalti{ color:#fff; font-size:14px; text-align:center; position:absolute; bottom:160px; width:100%; background:url(../img/indline.png) center no-repeat}


.indjoin{ height:849px; background:url(../img/indbotbg.jpg) center;    overflow: hidden;}
.indjoin .fl{ width:70%; height:100%; float:left; text-align:center; display:flex; align-items: center;flex-wrap:wrap;align-content:center}
.indjoin .fl P{ width:100%; display:block; margin-bottom:4%;}
.indjoin .fl img{ width:60%;}
.indjoin .fl a{ width:130px; height:36px; line-height:36px; background:#fff; display:block; color:#000; font-size:14px; border-radius:18px; margin:0 auto; font-weight:bold}
.indjoin .fl a i{ float:right; margin-right:15px;}
.indjoin .fl a:hover{ background:#c2a474; color:#fff; }
.indjoin .fr{ height:100%; width:30%; float:right;}
.indjoin .fr a{ display:flex;justify-content:space-between;align-items: center; height:50%; background:url(../img/indgray.png); border-bottom:1px solid #4e4e4e; padding:0 10%;}
.indjoin .fr a span{ display:block; width:100%; color:#fff;}
.indjoin .fr a i{ display:block; color:#c2a474; font-size:22px;}
.indjoin .fr a span:nth-child(1){ font-size:20px; margin-bottom:10px;}
.indjoin .fr a span:nth-child(2){ font-size:24px; font-weight:bold;}
.indjoin .fr a:hover{background:url(../img/ind1.png)}
.indjoin .fr a:hover i{ color:#fff;}


.footer{ height:200px; background:#fff; display:flex;align-items: center; align-content:center;justify-content:space-between; padding:0 5%; border-top:5px solid #dfdfdf; overflow:hidden;}
.footer .fm{ width:50%}
.footer .fm p{ font-size:14px; line-height:24px;}
.footer .fm p.p1{ color:#000; font-size:15px;}
.footer .fm p.p2{ color:#707070}

 
 
.abtban{ height:840px; background:url(../img/pinpai-banner.jpg) center no-repeat; overflow:hidden;}
.newsban{ height:690px; background:url(../img/newsban.jpg) center no-repeat; overflow:hidden;}
.joinban{ height:690px; background:url(../img/joinban.jpg) center no-repeat; overflow:hidden;}
.desban{ height:690px; background:url(../img/desban.jpg) center no-repeat; overflow:hidden;}
.conban{ height:690px; background:url(../img/conban.jpg) center no-repeat; overflow:hidden;}
.galleryban{ height:690px; background:url(../img/galleryban.jpg) center no-repeat; overflow:hidden;}



.abtti{ text-align:center; overflow:hidden; margin:80px 0;}


.abtgs{ overflow:hidden; background:#f4f4f4; padding:100px 0;}
.abtgs .fl{ width:680px; float:left;}
.abtgs .fr{ width:650px; float:right; overflow:hidden;}
.abtgs .fr h1{ font-size:22px; color:#636363; font-weight:normal; margin-top:30px}
.abtgs .fr em{ width:80px; height:5px; background:#c2a474; display:block; margin:30px 0;}
.abtgs .fr h2{ font-size:28px; color:#000;  text-transform:uppercase; margin-bottom:80px; }
.abtgs .fr p{ font-size:14px; line-height:24px; text-indent:2em; color:#999}


.abtlc{ background:url(../img/abt3.jpg) center no-repeat; height:806px; overflow:hidden}
.abtlc .abtti{ margin:160px 0 80px}

.event_box{ width: 60%; margin: 3% auto 0;position: relative; min-height: 420px;}
.event_box .parHd {width: 100%; display: inline-block;    height: 92px; line-height:92px;    overflow: hidden;}
.parHd  ul{ width: 100%; text-align: center; margin: 0 auto;  }
.parHd .tempWrap{ margin: 0 auto;}
 
.parHd li.no_line:before{ display: none;}
.parHd li{  display: inline-block; cursor: pointer;  font-size: 16px; color: #fff;margin:0 30px; position: relative; }
.parHd li.act{ color:#c2a474}
 
.parBd{ text-align: center; margin-top: 60px;}
.parBd h4{ position: relative; font-size: 40px; margin-bottom: 3%; /*width: 200px;*/ padding: 0 60px;  display: inline-block; text-align: center;}
.parBd h4:after{ content:''; background: #000; width: 100px; height: 1px; position: absolute; left: -100px; bottom: 12px;}
.parBd h4:before{ content:''; background: #000; width: 100px; height: 1px; position: absolute; right: -100px; bottom: 12px;}
.parBd p{ line-height: 180%; font-size: 16px; width: 60%; margin: 0 auto; color:#fff;}
div#listBox {

    width: 100%;

}
.sPrev,.sNext{ width:72px; height: 50px; display: block; position: absolute; top: 20px; cursor:pointer}
.sPrev{ left: 130px;}
.sNext{ right: 130px;}
.sPrev img,.sNext img{transition: all .6s cubic-bezier(.51,1.1,.9,.95);
    -moz-transition: all .6s cubic-bezier(.51,1.1,.9,.95);
    -webkit-transition: all .6s cubic-bezier(.51,1.1,.9,.95);
    -o-transition: all .6s cubic-bezier(.51,1.1,.9,.95);
    }



.newsmain{ overflow:hidden; width:1500px; padding:60px 0;}
.newsmain a{ display:block; width:550px; float:left; margin-right:160px; margin-bottom:60px; border-bottom:1px solid #f1f1f1; padding-bottom:10px;}
.newsmain a h1{ font-size:18px; color:#000; font-weight:normal; height:20px; line-height:20px; overflow:hidden;    text-overflow: ellipsis;    white-space: nowrap;}
.newsmain a p{ font-size:14px; line-height:24px; color:#666; margin:20px 0; height:48px; overflow:hidden;}
.newsmain a span{ display:block; color:#999; font-size:12px; }
.newsmain a:hover h1{ color:#c2a474}


.newsshow{ overflow:hidden; margin:60px auto; width:1200px;}
.newdet-title h3{ font-size:28px; margin-bottom:20px; color:#000; text-align:center}
.newdet-title .intor{ font-size:14px; margin-bottom:30px; overflow:hidden; line-height:30px; border-bottom:1px solid #a6a6a7; padding:10px}
.newdet-title  .time{  color:#a6a6a7; text-align:center}
.newsback a{   width:120px; height:30px; line-height:30px; display:block; margin:40px auto; background:#f5ad30; color:#fff; border-radius:5px; text-align:center}
.newdet-link{ overflow:hidden;}
.newdet-link a{ display:block; color:#000; font-size:14px; line-height:30px;}
.newdet-link a:hover{ color:#f5ad30;}


.joinbz{ overflow:hidden; padding:60px 0 180px}
.joinbz ul{ display:flex;align-items: center; align-content:center;justify-content:center;}
.joinbz ul li{ text-align:center; width:25%; height:180px; overflow:hidden; }
.joinbz ul em{ width:1px; height:180px; background:#dadada;}
.joinbz ul li img{ margin-bottom:20px;}
.joinbz ul li h1{ font-size:26px; font-weight:normal; line-height:30px; margin-bottom:30px;}
.joinbz ul li p{ font-size:16px; color:#999}


.joinlc{ background:url(../img/join21.jpg) center no-repeat; height:711px; overflow:hidden}

.joinlcmain{ position:relative; width:86%; margin:0 auto; height:100%;display:flex;justify-content:space-between;}
.joinlcmain img{ height:70px}
.joinlcmain .lc1{ margin-top:60px;}
.joinlcmain .lc2{ margin-top:200px;}
.joinlcmain .lc3{ margin-top:60px;}
.joinlcmain .lc4{ margin-top:200px;}
.joinlcmain .lc5{ margin-top:60px;}
.joinlcmain .lc6{ margin-top:200px;}


.joinzc{ overflow:hidden; padding:60px 0;}
.joinzc ul{display:flex;justify-content:space-between;align-items: center; align-content:center;flex-wrap:wrap; width:1440px; margin:0 auto;}
.joinzc ul li{ width:479px; height:299px; text-align:center; border-right:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1;display:flex; align-items: center; align-content:center;flex-wrap:wrap;}
.joinzc ul li:nth-child(3){ border-right:0}
.joinzc ul li:nth-child(6){ border-right:0}
.joinzc ul li:nth-child(9){ border-right:0}
.joinzc ul li:nth-child(7){ border-bottom:0}
.joinzc ul li:nth-child(8){ border-bottom:0}
.joinzc ul li:nth-child(9){ border-bottom:0}
.joinzc ul li img{ margin:0 auto}
.joinzc ul li h1{ font-size:18px; font-weight:normal; color:#000; line-height:20px; margin-bottom:20px; width:100%;}
.joinzc ul li p{ color:#666; font-size:14px; width:100%}


.joinser{ height:836px; background:url(../img/join19.jpg) center no-repeat; overflow:hidden}
.joinser img{ margin-top:200px;}



.joinform{ overflow:hidden; padding:80px 0; position:relative}
.joinform .wrap{ position:absolute; left:50%; margin-left:-720px;}
.joinform .mesform{ width:600px  }
.joinform img{ margin-bottom:60px}
.joinform p{  margin-bottom:10px; overflow:hidden;height:42px;  }
.joinform p input{ width:100%; height:40px; line-height:40px; font-size:16px; color:#333;border:0; border-bottom:1px solid #dadada;}
.joinform p select{ width:45%; height:40px; line-height:40px; font-size:16px; color:#333; float:left;border:0;border-bottom:1px solid #dadada;}
.joinform .sub{ width:130px; height:40px; line-height:40px; background:#c2a474; border:0; margin-top:40px; color:#fff; font-size:14px; cursor:pointer;}


.jointi{text-align:center; overflow:hidden; margin:80px 0 60px; font-size:14px; color:#555}
.jointi p{ margin-top:20px;}


.joinstyle{ overflow:hidden; margin-bottom:60px; }
.joinstyle UL{ display:flex;justify-content:center;align-items: center;flex-wrap:wrap; align-content:center;}
.joinstyle ul li{ margin:0 5px 10px}
.joinstyle ul li p{ font-size:14px; text-align:center; line-height:40px;}
.joinstyle ul li span{ font-size:16px; margin-right:3px;}

.joinstyle ul li .imgs{ overflow:hidden}
.joinstyle ul li .imgs img{    transition: 500ms; }
.joinstyle ul li:hover  img{ transform:scale(1.1)}

.joinys{ height:837px; background:url(../img/join39.jpg) center no-repeat; overflow:hidden}
.joinys dl{ overflow:hidden; margin-bottom:80px;}
.joinys dl img{ float:left; margin-right:30px}
.joinys dl dt{ color:#bb874a; font-size:40px; margin-bottom:15px;}
.joinys dl dd{ font-size:14px; color:#afafaf; line-height:22px;}

.joinliuc{ overflow:hidden; margin:60PX 0;}
.joinliuc .lcti{ text-align:center; font-size:24px; color:#333; margin-bottom:50px;}
.joinliuc ul{ overflow:hidden; display:flex;justify-content:center;align-items: center;flex-wrap:wrap; align-content:center;}
.joinliuc li{ text-align:center; width:210px; height:140px; padding-top:30px; overflow:hidden; border-right:1px solid #e1e1e1}
.joinliuc li i{ font-size:45px; margin-bottom:10px; display:block}
.joinliuc li h1{ font-size:14px; font-weight:normal;}
.joinliuc li p{ font-size:12px; color:#999;}
.joinliuc li:hover{ background:#b28f65}
.joinliuc li:hover i{ color:#fff;}
.joinliuc li:hover h1{ color:#fff;}
.joinliuc li:hover p{ color:#c5ac91;}
.joinliuc li.on{ background:#b28f65}
.joinliuc li.on i{ color:#fff;}
.joinliuc li.on h1{ color:#fff;}
.joinliuc li.on p{ color:#c5ac91;}

.joinsee{ background:url(../img/join38.jpg) center no-repeat; height:695px;}

.deslc{display:flex;justify-content:space-between;align-items: center; align-content:center;}


.desyy{ overflow:hidden; margin:120px 0 60px; position:relative}
.desyy .fl{ width:50%;}
.desyy .wrap{ position:absolute; left:55%;  width:720px; padding-top:60px;}
.desyy .mesform{ width:600px  }
.desyy img{ margin-bottom:60px}
.desyy p{  margin-bottom:10px; overflow:hidden;height:42px;}
.desyy p input{ width:100%; height:40px; line-height:40px; font-size:16px; color:#333;border:0; border-bottom:1px solid #dadada;}
.desyy p select{ width:45%; height:40px; line-height:40px; font-size:16px; color:#333; float:left;border:0;border-bottom:1px solid #dadada;}
.desyy .sub{ width:130px; height:40px; line-height:40px; background:#c2a474; border:0; margin-top:60px; color:#fff; font-size:14px; cursor:pointer;}




.desser{ overflow:hidden; margin-bottom:160px}
.desser ul{display:flex;justify-content:space-between;align-items: center; align-content:center;flex-wrap:wrap;}
.desser li{ overflow:hidden; position:relative; }
.desser li p{ position:absolute; width:100%; text-align:center; left:0; top:50%; line-height:20px; margin-top:-10px; font-size:16px; color:#fff;}


.conact{ overflow:hidden; margin:80px 0;}
.conact UL{display:flex;justify-content:space-between;align-items: center; align-content:center;flex-wrap:wrap; width:1280px; margin:0 auto;}
.conact UL LI{ border:1px solid #c2a474; width:260px; height:170px; text-align:center; overflow:hidden}
.conact UL LI img{ margin:30px 0 20PX}
.conact UL LI h1{ font-weight:normal; font-size:16px; color:#000; line-height:20px; margin-bottom:5px;}
.conact UL LI p{ font-size:14px; color:#333;}


#dituContent{ width:100%; height:800px;}



.gallerymu{ overflow:hidden; display:flex;justify-content:space-between;align-items: center; align-content:center;flex-wrap:wrap; margin:80px auto; width:1400px;}
.gallerymu a{ display:block; width:330px; height:70px; border:1px solid #dadada; display:flex;justify-content:space-between;align-items: center; align-content:center;flex-wrap:wrap;}
.gallerymu a i{ float:left; display:block; margin-left:30px; font-size:40px; color:#333;}
.gallerymu a .tet{ float:left; width:175px;}
.gallerymu a .tet .titi{ font-size:16px; color:#333; display:block; width:100%; margin-bottom:5px;}
.gallerymu a .tet .titt{ font-size:12px; color:#999; display:block; width:100%; text-transform:uppercase; }
.gallerymu a em{ background:url(../img/galleryico2.png); width:51px; height:36px; display:block; margin-right:20px;}

.gallerymu a:hover{ background:#c2a474}
.gallerymu a:hover i{ color:#fff;}
.gallerymu a:hover .titi,.gallerymu a:hover .tet .titt{ color:#fff;}
.gallerymu a:hover em{ background:url(../img/galleryico1.png);}
.gallerymu a.on{ background:#c2a474}
.gallerymu a.on i{ color:#fff;}
.gallerymu a.on .titi,.gallerymu a.on .tet .titt{ color:#fff;}
.gallerymu a.on em{ background:url(../img/galleryico1.png);}



.gallerynva{ overflow:hidden; margin:0 5%}
.gallerynva dl{ overflow:hidden; background:#f9f9f9; width:100%;height:75px; line-height:75px; margin:10px 0;} 
.gallerynva dl dt{ width:160px;  text-align:center; background:#f3f3f3; color:#848491; font-size:16px; float:left}
.gallerynva dl dd{ float:left; font-size:16px; margin:0 30px; cursor:pointer;}
.gallerynva dl dd a{ color:#333}
.gallerynva dl dd:hover a{ color:#c2a474}
.gallerynva dl dd.on a{ color:#c2a474}


.gallerymain{ overflow:hidden; margin:60px 4%}
.gallerymain a{ display:block; width:31%; margin:0 1% 40px; float:left;}
.gallerymain a .imgs{ overflow:hidden; position:relative;}
.gallerymain a .imgs img{ transition: 500ms}
.gallerymain a .imgs .gallerydec{ position:absolute; bottom:-100%; left:0; width:100%; background:url(../img/indgray.png); padding:40px 30px; color:#fff; line-height:24px; text-indent:2em; transition: all 0.4s ease ;}
.gallerymain a .gallertxt{ background:#efefef; height:70px; line-height:70px; color:#333; font-size:16px; padding:0 40px;}
.gallerymain a .gallertxt i{ float:right; font-size:30px; color:#333; }


.gallerymain a:hover  img{transform:scale(1.1)}
.gallerymain a:hover .imgs .gallerydec{ bottom:0;   }
.gallerymain a:hover .gallertxt{ background:#c2a474; color:#fff;}
.gallerymain a:hover .gallertxt  i{   color:#fff; }




	.login-box{
		width: 450px;
		margin:180px auto;		
		position:relative;
		z-index: 2;
		 
	}
	.login-box .box{
		display: block; 
		width: 92%;
		padding: 45px 20px;
		border-radius: 5px;
		text-align: center;
		background-color: rgba(255,255,255,0.85);
	}
	.login-box .box .img1{
		display: block;
		width: 90px;
		height: 90px;
		position: absolute;
		left: 50%;
		top: -70px;
		margin-left: -45px;
	}
	.login-box .box .tit{
		font-size: 14px;
		line-height: 1.6;
		color: #333333;
		margin: 5px 0 5px;
	}
	.login-box .box .titile{
		font-size: 22px;
		color: #f5ad30;
		line-height: 1.4;
		margin-bottom: 20px;
	}
	.login-box .box .form{
		width: 85%;
		margin: 0 auto;
		border-radius:7px;
		border: 1px solid #bbb;
	}
	.login-box .box .form .inp{
		height: 42px;
	}
	.login-box .box .form .inp:first-child{
		border-bottom: 1px solid #fff;
	}
	.login-box .box .form .inp:last-child{
		border-top: 1px solid #bbb;
	}
	.login-box .box .form .inp input{
		display: block;
		width: 88%;
		margin: 0 auto;
		font-size: 14px;
		color: #333;
		height: 40px;
		line-height: 40px;
		border: 0;
		background-color: transparent;
	}
	.login-box .box .tip{
		font-size: 14px;
		width: 85%;
		margin: 0 auto;
		color: #f5ad30;
		height: 40px;
		line-height: 40px;
		text-align: left;
	}
	.login-box .box .btn{
		width: 85%;
		margin: 0 auto;
		height: 42px;
	}
	.login-box .box .btn input{
		display: block;
		width: 100%;
		height: 42px;
		text-align: center;
		font-size: 16px;
		color: #fff;
		border: 0;
		border-radius: 5px;
		background-color: #f5ad30;
	}