@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	
}

html,
body {
	min-height: 100%;
	width: 100%;
	margin: 0 auto;
	color: #666;
}

body {
	background: #fff;
	font-size: 14px;
	margin: auto;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
	font-family: Microsoft YaHei, -apple-system,  "din-regular", BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, PingFang SC, Noto Sans, Noto Sans CJK SC, sans-serif;
}

a {
	color: #666;
	text-decoration: none;
}

a:hover,
a:focus {
	text-decoration: none;
}

i,
em {
	font-style: normal;
}

ul {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}

img {
	max-width: 100%;
	border: none;
}

/*body{ -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none;  -khtml-user-select:none; user-select:none;}
html{-webkit-user-select:none;  -moz-user-select:none;  -ms-user-select:none;  user-select:none; -khtml-user-select:none;  }*/
input,
select,
textarea {
	outline: none;
	font-family: 'Microsoft YaHei';
}


input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #adadad;
}

input::-moz-placeholder,
textarea:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #adadad;
}

input::-ms-placeholder,
textarea::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #adadad;
}

input::-o-placeholder {
	/* Mozilla Firefox 19+ */
	color: #adadad;
}

input::-ms-input-placeholder,
textarea:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #adadad;
}

input[type='submit'],
input[type='reset'],
input[type='button'],
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}


.over1 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.over2,
.over3,
.over4,
.over5,
.over6,
.over7,
.over9 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.over2 {	-webkit-line-clamp: 2;}

.over3 {	-webkit-line-clamp: 3;}

.over4 {	-webkit-line-clamp: 4;}

.over5 {	-webkit-line-clamp: 5;}

.over6 {	-webkit-line-clamp: 6;}

.over7 {	-webkit-line-clamp: 7;}

.over9 {	-webkit-line-clamp: 9;}


/* fonts特殊字体 */
@font-face {
	font-family: 'dincond-regular-webfont';
	src: url('../fonts/dincond-regular-webfont.ttf') format('truetype')
}

@font-face {
	font-family: 'dincond-medium-webfont';
	src: url('../fonts/dincond-medium-webfont.ttf') format('truetype')
}


@font-face {
	font-family: 'dincond-bold-webfont';
	src: url('../fonts/dincond-bold-webfont.ttf') format('truetype')
}

@font-face {
	font-family: 'dincond-black-webfont';
	src: url('../fonts/dincond-black-webfont.ttf') format('truetype')
}


@font-face {
	font-family: 'din-bold-webfont';
	src: url('../fonts/din-bold-webfont.ttf') format('truetype')
}

@font-face {
	font-family: 'din-light-webfont';
	src: url('../fonts/din-light-webfont.ttf') format('woff')
		
}

@font-face {
	font-family: 'din-medium-webfont';
	src: url('../fonts/din-medium-webfont.ttf') format('truetype')
}

@font-face {
	font-family: "din-regular";
	src: url("../fonts/din-regular.ttf") format("truetype")
}

@font-face {
  font-family: "fx-led";
  src: url("../fonts/FX-LED.ttf") format("truetype");
}

@font-face {
    font-family: 'lcdd';
    src:url('../fonts/lcdbq.woff') format('woff');
}

@font-face {
  font-family: "NexaBold";
  src: url("../fonts/NexaBold.ttf") format("truetype");
}

@font-face {
  font-family: "NexaLight";
  src: url("../fonts/NexaLight.ttf") format("truetype");
}



.wrapper{ width: 1200px; margin: 0 auto;}
.fl {float: left;}
.fr {float: right;}
.clear {clear: both;}
.clearfix:after {	content: '';	display: block;	clear: both;	width: 0px;	height: 0px;	overflow: hidden;}
img {	vertical-align: middle;	max-width: 100%;	border: none;	-webkit-tap-highlight-color: rgba(255, 0, 0, 0);	blr: expression(this.onFocus=this.blur());}


.img{ overflow: hidden;}
.img img{ width: 100%; height: 100%; object-fit: cover;}
.scale img{ width: 100%; height: 100%; transition: 1s;}
.scale:hover img{ transform: scale(1.03);}
.fushu{ position: relative; transition: all .2s linear; }
.fushu:hover{  transform: translate3d(0, -7px, 0);   /* box-shadow: 2px 2px 18px rgba(182,182,182,0.3); */ }




/*    hover 效果         */
.self{ position: relative;  transition: all 0.5s; cursor: pointer;}
.self:hover:before{
    content: "";    width: 220px;    height: 100%;    position: absolute;    top: 0;    left: -185px;    overflow: hidden;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,hsla(0,0%,100%,.05)),color-stop(50%,hsla(0,0%,100%,.15)),color-stop(100%,hsla(0,0%,100%,.05)));
    -webkit-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
	z-index: 55;
}
.self:before{  
	-webkit-animation: shine-left 1.2s infinite;
    -moz-animation: shine-left 1.2s infinite;
    -o-animation: shine-left 1.2s infinite;
    animation: shine-left 1.2s infinite;
 }
@-webkit-keyframes shine-left {
	0% {
		left: -180px
	}
	to {
		left: 150%
	}
}



body::-webkit-scrollbar{
  width:10px;
  height:10px;
}
body::-webkit-scrollbar-track{
  background: #ddd;
  border-radius:2px;
}
body::-webkit-scrollbar-thumb{
  background: #999;
  border-radius:10px;
}





.pad312{ padding: 0 1.2rem; }

/*      heard      */
.haeder{   width: 100%; z-index: 5; height: 90px;  }
.haeder .logo{ line-height: 90px;  }

.nav { margin-top: 35px; }
.nav li{ float: left;  margin-right: 22px; }
.nav li:last-child{ margin-right: 0; }
.nav li a{ display: block; color: #666; text-align: center; font-size: 16px; }
.nav li.active a,
.nav li:hover a{ color: #d2a052; }


/* 
	.sec{ position: relative; margin: 11px 0 0 ;line-height: 58px; cursor: pointer; }
	.secinp{ position: absolute; z-index: 33; right: 0; top: 30px; opacity: 0; pointer-events: none; transition: 0.3s; }
	.secinp input{ background: #fff; border: 1px solid #eee; height: 28px; padding: 0 10px; width: 160px;}
	.sec:hover .secinp{ opacity: 1; pointer-events: auto; top: 40px; }
 */



.footer{ padding: 60px 0 ;  background: #191c35; }
.footer .wrapper{ position: relative;}
.footleft{ width: 240px;  }
.fotTitle{ font-size: 18px; color: #fff; }
.fotTitle img{ height: 24px; width: 24px; margin-right: 5px; }
.address{ font-size: 14px; margin-top: 26px; }
.address .adp span{ line-height: 24px; }
.adp p{ line-height: 20px; color: #fff; padding-left: 30px; margin-top: 5px; }
.adp p i{ font-size: 24px; color: #d2a052; font-family: 'din-medium-webfont';  margin-bottom: 12px; display: block;}

.linka{ margin-left: 108px; width: 250px; }
.adp span,
.link-list a{ display: block; line-height: 40px;  background: url(../img/fotb.png) no-repeat left 5px center; padding-left: 30px; transition: 0.2s; }
.link-list{ margin-top: 22px; }
.link-list a:hover{ color: #fff; }
.bang{ margin-left: 80px; width: 225px; }


.share{ width: 240px; margin-top: 128px; text-align: center; }
.shre a{ position: relative; width: 30px; height: 30px; border-radius: 50%; background: #666; margin:0 9px; display: inline-block; text-align: center; line-height: 28px; }
.erwei{ position: absolute; left: -43px; text-align: center; width: 108px; bottom: 40px; height: 112px; background: url(../img/ewbg.png) no-repeat center ;
 padding: 6px; }
.shre a>img{ opacity: 0.6; }
.shre a:hover>img{ opacity: 1; }
.shre a:hover,
.shre .wx{ background-color: #d2a052;}
.shre .wx img{ opacity: 1; }
.vqadd{ color: #848484;  line-height: 16px;  font-size: 12px; margin-top: 15px; }






.miht{ min-height: 300px; }

/* index */

.title{ position: relative; height: 55px; border-bottom: 1px solid #eee;  padding-left: 42px; }
.title img{ position: absolute; left: 0; width: 31px; height: 31px; }
.title span{ font-weight: bold; font-size: 26px; color: #333; line-height: 1; margin-right: 4px; }
.title i{color: #ccc; line-height: 16px; width: 75px; display: inline-block; vertical-align: top; font-family: arial;}
.title .fr{ color: #3e3c7d; }
.title .fr:hover{ color: #D2A052; }


.indexnew{ position: relative; margin-bottom: 45px; margin-top: 50px; }

.inewleft{  width: 745px; position: relative; }
.inewli{ position: absolute;right: 0; top: 7px; z-index: 2; font-size: 16px; color: #666; }
.inewli a{ margin-left: 40px; cursor: pointer;}
.inewli a.active{ color: #3e3c7d; font-weight: bold; }
.inewli a:hover{ color: #3e3c7d; }

.newtjtp{ padding: 25px 0 15px; border-bottom: 1px solid #eee; }
.nname{ font-size: 16px; color: #333; font-weight: bold; }
.nntook{ line-height: 24px; color: #999; margin: 8px 0 12px; }
.nntime{ color: #ccc; font-family: "din-regular"; }
.nntime span{ color: #3e3c7d; margin-top: 2px;  font-family: 'Microsoft YaHei'; }
.newtjtp:hover .nname{ color: #c18e40; }

.newboxa li{ line-height: 48px; border-bottom: 1px dashed  #eee; }
.newboxa li:last-child{ border: 0; }
.newboxa li p{ color: #333; font-size: 16px; width: 500px; }
.newboxa li span{ color: #ccc; font-family: "din-regular";}
.newboxa li:hover p{ color: #D2A052; }

.inewIght{ position: relative; width: 380px; background: #f9f9f9; }
.inewIght::after{ position: absolute; left: -30px; width: 1px; height: 100%; background: #eee; top: 0; content: ''; }
.inewIght .newboxa{ padding: 13px 11px; }
.inewIght .newboxa li{ line-height: 34px; padding-left: 11px; background: url(../img/abg.png) no-repeat left 0 center; border: 0; }
.inewIght .newboxa p{ width: 260px;  font-size: 14px; color: #666; }



/* iabout */
.Iabout{ background: #f9f9f9 url(../img/abbg.jpg) no-repeat center bottom; padding: 44px 0 35px; }
.abbox{ margin-top: 60px; }
.ableft{ width: 700px;  }
.ableft dl{ background: url(../img/dh.png) no-repeat right center; }
.ableft dt{ font-weight: bold; font-size: 24px; color: #333; }
.ableft dd{ font-size: 16px; color: #ccc; }
.abtook{ line-height: 28px; margin: 25px 0 45px; text-align: justify; }

.ableft ul li{ float: left; }
.ableft li.li1{ width: 270px; padding-right: 35px; border-right: 1px solid #eee; }
.ableft li dl{ background: url(../img/Abg1.png) no-repeat left center; padding-left: 45px; }
.ableft li dt{ color: #020058; font-size: 18px; }
.ableft li dd{ color: #999999; font-size: 12px; }
.ableft li .aisi{ line-height: 20px; margin-top: 5px; }

.ableft li.li2{ width: 180px; padding-right: 35px; border-right: 1px solid #eee; margin-left: 30px; }
.ableft li.li2 dl{ background-image: url(../img/Abg2.png);  }

.ableft li.li3{ width: 200px; padding-left: 35px;  }
.ableft li.li3 dl{ background-image: url(../img/Abg3.png);  }

.abright{ width: 460px; }


/* tixi */
.txi{ margin: 40px 0; }
.txi .title{ border: 0; margin-bottom: 5px; }
.axbleft{ width: 800px; position: relative; margin-left: -10px;  padding-left: 10px; }
.axbleft .ston{ right: 0; top: 15px; }
.axbleft .ston span{ border-radius: 0; width: 8px; height: 8px; background: #ccc; transition: 0.2s; margin: 0 3px; }
.axbleft .ston span.swiper-pagination-bullet-active{ background-color: #D2A052; }

.axbleft .swiper-container{ height: 380px; }
.axbleft li{ height: 185px; }
.axbleft li .img{ position: relative; padding-left: 6px; }
.axbleft li .img p{ height: 185px; overflow: hidden;}

.axbleft li .img .posa{ background: transparent ; padding: 0 20px; line-height: 28px; height: 30px;  z-index: 1; bottom: 25px;}
.axbleft li .img .posa::before{ width: 100%; content: ''; position: absolute; left: 0; top: 0; height: 30px;
	  border-bottom: 30px solid #D2A052;   border-right: 10px solid transparent;  height: 0;  z-index: -1;
 }
.axbleft li .img .posa::after{ left: 0; background: url(../img/wc.jpg) no-repeat center top; height: 35px;  }



.axbright{ width: 380px; }
.axbright ul{ width: 391px;}
.axbright li{ float: left; width: 185px; height: 185px; background: #f4f4f4; margin: 0 10px 10px 0; border-top: 2px solid #D2A052;  text-align: center; padding: 30px 20px;}
.axbright li img{ width: 65px; height: 65px; }
.axbright li span{ display: block; font-size: 18px; color: #d2a052; margin-top: 10px; }
.axbright li p{ font-family: "NexaLight"; color: #d2a052; opacity: 0.5; }
.axbright li:nth-child(3),
.axbright li:nth-child(4){ border-bottom: 2px solid #D2A052; border-top: 0; }




/* 1-1关于 */
.home{ line-height: 60px; background: url(../img/subbg.jpg) no-repeat center; overflow: hidden; }
.subNav{ color: #999;  position: relative; z-index: 22; font-size: 12px; }
.subNav img{ width: 24px; height: 24px; position: absolute; left: 0; top: 17px; }
.subNav span{ display: inline-block;  padding-left: 42px;  color: #d2a052; font-weight: bold;  }
.subNav a{ color: #999; margin: 0 3px; }

.leftNav li{ float: left; position: relative;  margin-left: 40px; }
.leftNav a{ transition: 0.3s; border-bottom: 2px solid transparent; height: 60px; color: #444; line-height: 60px; display: block;  }
.leftNav a:first-child{ margin-left: 0; }
.leftNav a:hover{ color: #d2a052;  }
.leftNav a.active{ color: #d2a052; font-weight: bold;  border-color: #d2a052; }


.pagea{ text-align: center; margin: 35px 0	0px;}
.pagea a{ display: inline-block; text-align: center; width: 40px; line-height: 38px; margin: 0 3px; font-family: arial; color: #222; transition: 0.3s ;  height: 40px; vertical-align: top; border: 1px solid #e5e5e5; border-radius: 5px;}
.pagea .z-crt,
.pagea a:hover{ background-color: #d2a052; color: #fff; border-color: #d2a052; }
.pagea .prev,
.pagea .next{ width: 75px;  transition: 0s; }
.pagea .prev{ background: url(../img/aaa.png) no-repeat center; }
.pagea .next{ background: url(../img/aaar.png) no-repeat center; }
.pagea .prev:hover{ background:#d2a052 url(../img/fzle.png) no-repeat center; }
.pagea .next:hover{ background:#d2a052 url(../img/fzht.png) no-repeat center; }



.miht .abbox{ margin: 70px 0 75px; }
.miht .abbox .ableft{ width: 665px; }
.miht .abbox ul{ margin-top: 60px; }
.miht .abbox .li1{ padding-right: 20px; width: 270px; }
.miht .abbox .li2{ padding:0 20px 0 0; margin-left: 20px; }
.miht .abbox .li3{ width: 170px; padding-left: 20px; }

.abimga{ margin-top: 50px; }







/* 1-2 领导 */
.leader{ margin: 55px 0; }
.leader li{ background: #f6f6f6; padding: 25px 40px; margin-bottom: 30px; }
.leader .leName{ color: #D2A052; font-size: 24px; }
.leader .leName i{ font-size: 14px; color: #000;}
.letook{ line-height: 24px; margin-top: 12px; min-height: 72px; }

/* 1-3 jh */
.jgboxa{ margin: 50px 0 60px; }



/* 1-4 */
.fzlcxxxx{ padding: 37px 0 46px; background: url(../img/fzbg.jpg) no-repeat center bottom ; }
.Alogo,
.Amore{ margin: auto; width: 60px; height: 60px; }
.Amore{ width: 70px ; height: 70px; cursor: pointer; }  

.fzlcxxxx ul{ position: relative;  z-index: 1; padding-top: 15px; padding-bottom: 1px;}
.fzlcxxxx ul::before{ content: ''; position: absolute; left: 50%; top: 0; width: 2px; margin-left: -1px; height: 100%; z-index: -1; background: #ccc; }
.fzlcxxxx li{ position: relative;  z-index: 2; margin-bottom: 60px;}
.fzlcxxxx li .wrapper{ position: relative; }
.fzlcxxxx li:last-child{ margin-bottom: 40px; }
.fzlcxxxx li::after{ content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: url(../img/fzbg.png) no-repeat center; width: 22px; height: 22px; z-index: -1; }

.fzlcxxxx li::before{ content: ''; position: absolute; top: 0; right: 0; background: #fff; 
width: 47%; height: 100%; z-index: -1; border-radius: 300px 0 0 300px; }


.fzlcxxxx .year{ position: absolute; top: 50%; left: 130px; transform: translateY(-50%); padding: ; width: 435px;  }
.fzlcxxxx .img{ width: 320px; height: 160px; border-radius: 10px; }
.fzlcxxxx .year span{ display: block; position: absolute; font-size: 30px; color: #000; font-family: 'din-bold-webfont'; right: 0; top: 50%; transform: translateY(-50%); }

.Atext{  float: right; line-height: 22px; min-height: 240px;  color: #444; padding: 22px 0; width: 465px; }
.call{ display: table-cell; vertical-align: middle;  }


.fzlcxxxx li:nth-child(even) .year{ left: auto; right: 130px; padding: 0 0 0 115px;  }
.fzlcxxxx li:nth-child(even) .year span{ left: 0; right: auto; }
.fzlcxxxx li:nth-child(even) .Atext{ float: left; }
.fzlcxxxx li:nth-child(even)::before{ left: 0; right: auto; border-radius: 0 300px 300px 0;}




/*  1-5  */

.sxkz{ position: relative; margin: 60px 0;}
.gallery-top{ width: 935px; height: 600px; overflow: hidden;}
.gallery-top img{ width: 100%; height: 100%; object-fit: cover; }
.popo{ height: 600px; position: relative; padding: 44px 0; }
.gallery-thumbs.swiper-container{ position: relative; width: 255px; height:512px;  overflow: hidden;}
.gallery-thumbs.swiper-container .swiper-slide{ height: 165px; }
.gallery-thumbs.swiper-container .swiper-slide:before { position: absolute; left: 0; top: 0; width: 100%; height: 165px; content: ''; background:rgba(210,160,82,0.82) url(../img/see.png) no-repeat center; display: none; }
.gallery-thumbs.swiper-container .swiper-slide-thumb-active:before{ display: block;}


.sxkz .btt,
.sxkz .tpp{ left: 110px; top: auto; width: 60px; height: 28px; bottom: 30px; z-index: 9999; background: url(../img/aari1.png) no-repeat center; outline: none;  opacity: 1 ;}
.sxkz .btt{ left: 50px;  background:url(../img/aale1.png) no-repeat center; }
.sxkz .btt:hover{ background-color: #D2A052; background-image: url(../img/aale.png);}
.sxkz .tpp:hover{ background-color: #D2A052; background-image: url(../img/aari.png); }


.popo .nxt,
.popo .pre{ top: 0; left: auto; right: 0; width: 255px; height: 35px; background:#fff url(../img/gt.png) no-repeat center  ; margin: 0; border: 1px solid #e7e7e7; opacity: 1 ; outline: none; }
.popo .nxt{ top: auto; bottom: 0;  background:#fff url(../img/gb.png) no-repeat center; margin: 0; border: 1px solid #e7e7e7; }

.popo .pre:hover{ background-color: #D2A052; background-image: url(../img/gt1.png);}
.popo .nxt:hover{ background-color: #D2A052; background-image: url(../img/gb1.png);}



.sxkz .dl{ position: absolute; left: 0; bottom: 0; z-index: 999; width: 458px; height: 158px; background: rgba(25,28,53,0.89); padding:25px 50px; color: #fff; 
 font-size: 24px;}
 .sxkz .dl p{ position: relative; border-bottom: 1px solid rgba(255,255,255,0.25); padding-bottom: 25px; }
.sxkz .dl p:before{ content: ''; position: absolute; left: 0; bottom: -1px; width: 35px; height: 1px; background: #fff;}






/* 2-1 */
.djdetai{ margin: 75px 0; }
.djdetai .quanhui{ width: 790px; margin: 0; }
.djdetai .quanhui li{ border: 0; border-bottom: 1px solid #d5d5d5; margin: 0; padding: 31px 0 26px 80px; min-height: 121px; }
.djdetai .quanhui li dl{ top: 28px; }
.dangright{ width: 370px;  }
.dangright li{ margin-bottom: 19px; }
.dangright li:last-child{ margin-bottom: 0; }
.dangright li .img{ height: 204px; }
.textat{ padding: 14px 24px; background: #f2f2f2; }
.djname{ font-size: 16px; color: #333; }
.djtook{ line-height: 20px; margin-top: 7px; }
.dangright li:hover .djname{ color: #d2a052; font-weight: bold; }

.quanhui{ margin: 80px 0; border-top: 1px solid #d5d5d5; }
.quanhui li{ padding: 30px 0 30px 80px ; position: relative; border-bottom: 1px solid #d5d5d5; }

.quanhui li dl{ position: absolute; left: 0; top: 28px; width: 60px; text-align: center; font-family: arial; line-height: 1;  color: #333;}
.quanhui li dt{ font-size: 50px;  }
.quanhui li .text{ line-height: 20px;}
.quanhui li .name{ font-weight: bold; font-size: 16px; color: #333;  }
.quanhui li .ttov{ color: #999; margin-top: 5px; }

.quanhui li:hover dl,
.quanhui li:hover .name{  color: #d2a052; }



/* 3-1企业精神 */
.jinsheng{ margin: 60px 0; text-align: justify; font-family: 'Microsoft YaHei'; }
.textOne{ width: 800px; line-height: 44px; font-size: 16px; color: #000; }
.textOne p{ position: relative; padding-left: 25px; }
.textOne b{ color: #d2a052; }
.textOne i{position: absolute; left: 0; top: 20px; display: block; width: 4px; height: 4px; border-radius: 50%; background: #aaaaaa; }

.jsimg{ position: relative; min-height: 500px; padding-top: 105px;  z-index: 1;}
.jmpost{ position: absolute; left: 0; top: 0; width: 100%; text-align: center;  z-index: -1;}
.jsimg dl{ padding-bottom: 60px; background: url(../img/bl.png) no-repeat left bottom; }
.jsimg dt{ font-weight: bold; font-size: 40px; color: #d2a052; }
.jsimg dd{ font-size: 22px; color: #fff; margin-top: 12px;}

.jmtext{ position: relative; z-index: 1; padding: 65px 0; margin-top: 140px; line-height: 30px; color: #000; font-size: 16px;}
.jmtext::after{ content: ''; position: absolute; right: 0; width: 1920px; top: 0; background: #f6f6f6; height: 100%; z-index: -1; }

.thress{ margin-top: 100px; padding-bottom: 55px; border-bottom: 2px solid #eee; margin-bottom: 55px; }
.jsthrele{ width: 600px; line-height: 30px; font-size: 16px; color: #000; }
.jsthreht{ width: 560px; }

.thivv{  line-height: 30px ; font-size: 16px; color: #000; }




/* 3-2企业荣誉 */
.ddetai{ margin: 50px 0; }
.ddetai ul{ width: 1226px; }
.ddetai li{ float: left;  width: 280px; margin: 0 25px 30px 0; text-align: center;}
.ddetai li:nth-child(4n){ margin-right: 0; }
.ddetai .img{ height: 200px; border: 2px solid #681616; }
.ddetai .img img{ object-fit: contain; }
.ddetai p{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color: #000; margin-top: 15px; }
.ddetai li:hover p{ color: #D2A052; }


/* 3-3 天地*/
.goddex{ margin: 60px 0; }
.goddex{  }
.ggtop ul{ width: 1210px; }
.ggtop li{ float: left; border: 1px solid #f3f3f3; position: relative; padding-left: 65px; width: 165px; height: 82px; margin: 0 7.3px 0 0;  transition: 0.3s;}
.ggtop .ggimg{ position: absolute; left: 1px; width: 52px; text-align: center; top: 24px;  text-align: right;}
.ggtop li .img2{ display: none; }
.ggname{ font-size: 16px; color: #666666; margin-top: 20px; }
.ggtext{ font-size: 12px; color: #cccccc; font-family: "din-regular"; }

.ggtop li.active,
.ggtop li:hover{ background: #d2a052; border-color: #d2a052; }
.ggtop li.active .img2,
.ggtop li:hover .img2{ display: inline-block; }
.ggtop li.active .img1,
.ggtop li:hover .img1{ display: none; }
.ggtop li.active .ggname,
.ggtop li:hover .ggname{ color: #fff; }
.ggtop li.active .ggtext,
.ggtop li:hover .ggtext{ color: #fff; opacity: 0.3; }


/* 3-4声音 */
.yyzs{ position: relative;  margin: 55px 0; height: 585px; }
.yyImg{  }
.lytext{ position: absolute; right: 0; top: 95px; width: 734px ; padding: 68px 50px; background: #fff; box-shadow: 0 0 65px rgba(210,160,82,0.1); }
.lytext::after{ content: ''; position: absolute; right: 45px; top: -30px; background: url(../img/dd.png) no-repeat center; width: 52px; height: 46px;  z-index: 1;}
.lyname{ font-size: 22px; color: #333;  }
.lytook{ line-height: 22px; color: #999; margin: 10px 0 18px; }
#area{ display: block; height: 125px; border: 1px solid #eee; padding: 20px; width: 100%; outline: none; resize: none; font-family: '微软雅黑'; line-height: 20px;  }

.yzma{ margin-top: 5px;}
.yzma .fl{ position: relative;  width: 280px; height: 40px; border: 1px solid #eee; }
.yzma .fl input{ width: 170px; border: 0; height: 38px; padding: 20px; background: none; }
.yzma .fl .yzm{ position: absolute; right: 1px; top: 1px; height: 38px; width: 96px; }
.aacic{ width: 132px; height: 40px; background: #d2a052; color: #fff; border: 0; }


/* 4-1 业务体系 */
.xmTix{ margin: 80px 0 105px;}
.xmbox{ width: 600px;  font-family: 'Microsoft YaHei'; }
.xmbox dt{ font-weight: bold; font-size: 24px; color: #333; margin-bottom: 5px; }
.xmbox dd{ font-size: 18px; color: #ccc; font-family: arial; margin-bottom: 35px; }
.tookxm{ line-height: 28px; }
.xmimg{ width: 510px; margin-top: 80px; }



/* 5-1服务项目 */
.fuwuxm{ margin: 50px 0;}
.fuwuxm ul{ width: 1231px; }
.fuwuxm li{ float: left;height: 260px; position: relative; margin: 0 30px 30px 0; }
.fuwuxm li .img{ height: 260px; width: 380px;  }
.posa{ position: absolute; bottom: 33px; left: 0; height: 36px; line-height: 36px; background: rgba(0,0,0,0.8); color: #fff;  padding: 0 17px; font-size: 16px; max-width: 100%; transition: 0.2s; }
.posa::after{ position: absolute; top: 0; left: -6px; width: 6px; height: 41px; background: url(../img/ab.png) no-repeat center; content: '';transition: 0.2s; }
.fuwuxm li:hover .posa{ background: #D2A052; }
.fuwuxm li:hover .posa::after{ background-image: url(../img/ac.png); }


/* 8-2招聘 */
.zplist{ margin: 50px 0 80px; }
.zplist ul{ width: 1241px; }
.zplist li{ float: left; width: 580px; margin: 0 40px 45px 0; background: #f4f4f4; transition: 0.2s; padding: 20px 30px ; font-family: 'Microsoft YaHei';  }
.zplist li:nth-child(2n){ margin-right: 0; }
.zpName{ font-size: 18px; color: #222; font-weight: bold; border-bottom: 1px solid #ddd;  line-height: 34px;}
.zpName i{ font-family: 'din-medium-webfont'; color: #888; font-weight: normal; font-size: 12px; margin-top: 5px; }
.zplist .dd{ margin-top: 14px; }
.zplist .dd span{ float: left; width: 49%; line-height: 24px;  }

.zplist li:hover{ background: #D2A052; }
.zplist li:hover .zpName,
.zplist li:hover .zpName i,
.zplist li:hover .dd{ color: #fff;}



/* 9-1联系我们 */
.lxwomen{ margin-top: 5px; padding-top: 65px; overflow: hidden; background: url(../img/map.jpg) no-repeat top center; min-height: 705px; }
.lxtitle{ text-align: center; width: 560px; margin: auto; color: #000; }
.lxtitle .wel{ font-size: 40px; text-transform: uppercase; font-family: 'din-bold-webfont'; }
.lxtitle .wel i{ color: #D2A052; }
.lxtitle .hello{ font-size: 18px; margin: 5px 0; font-weight: 600; font-family: PingFang SC; }

.ddul{ text-align: center; margin-bottom: 100px; }
.ddul ul{ display:inline-block; }
.ddul li{ width: 350px; float: left; margin: 60px 0 0; color: #888; }
.ddul p{ font-size: 22px; color: #000; font-family: PingFang SC; margin: 10px 0;}
.ddul i{ font-family: 'din-medium-webfont'; font-size: 20px; color: #D2A052;}

.lyy{ margin: 70px 0 ; }
.lyy ul{ width: 1241px; }
.lyy li{ position: relative; float: left; width: 580px; margin: 0 40px 30px 0; }
.lyy li:nth-child(2n){ margin-right: 0; }
.lyy li p{ margin-bottom: 12px; }
.lyy li input,
.lyy li textarea{ width: 100%; height: 50px; border-radius: 4px; background: #fafafa; padding: 0 20px; border: 0; }
.lyy li .yzm{ height: 50px; line-height: 50px; position: absolute; right: 15px; bottom: 0;  z-index: 2;}
.lyy li.li5{ width: 100%;  }
.lyy li textarea{ width: 100%; height: 200px; resize: none; padding: 20px;  }

.sublimg{ text-align: center; }
.sublimg input{ border: 2px solid #D2A052; font-weight: bold; color: #d2a052; margin: 0 10px; border-radius: 8px; background: none; width: 130px; height: 42px; cursor: pointer; }
.sublimg .submit{ color: #fff; background: #D2A052; }






@media only screen and (max-width: 1500px) {
	
	
}