@charset "utf-8";
/* CSS Document */
@font-face {

   font-family:'First';

      src:url('font01/Source Han Sans CN Normal.eot');

      src:url('font01/Source Han Sans CN Normal.eot?#iefix') format('embedded-opentype'),

          url('font01/Source Han Sans CN Normal.woff') format('woff'),

	      url('font01/Source Han Sans CN Normal.ttf') format('truetype'),

	      url('font01/Source Han Sans CN Normal.svg#SingleMaltaRegular') format('svg');

  font-weight: normal;

  font-style: normal;

}

@font-face {

   font-family:'langsong';

      src:url('font01/langsong.otf');

   
  font-weight: normal;

  font-style: normal;

}
@font-face {

   font-family:'frabk';

      src:url('font01/FRABK.TTF') format('truetype'),
	      url('font01/FRABK.TTF') format('opentype'),;

   
  font-weight: normal;

  font-style: normal;

}

body{ font-size:14px; color:#000; line-height:24px; font-family:'First';}

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

a:hover { text-decoration:none;}

.sider{width:285px; float:left;}
.containter{float:right; width:655px;}
.clear_cs{height:0px;font-size:0px; line-height:0px;clear:both;over-flow:hidden;}
.float_clear{clear:both;}
/******************header css***************/
/*.loading{position:absolute; width:100%; height:100%; z-index:99999; top:0; left:0;}*/
.load-top{height:50%; width:100%; background:#222;position:absolute;top:0; left:0; z-index:9999 }
.load-bottom{height:50%; width:100%; background:#222; position:absolute; bottom:0; z-index:9999;}
.load-xian{background:#999; height:1px; width:8%; position:absolute; top:50%; left:46%; z-index:99999; margin:auto; overflow:hidden;}
.load-xian span{display:block; width:50%; position:absolute; height:1px; background:#fff; animation: myfirst 1s;
animation-iteration-count:4;
-webkit-animation-iteration-count:4; left:-70%;
}
@keyframes myfirst
{
    from {left: -70%;}
    to {left: 100%;}
}
 
@-webkit-keyframes myfirst 
{
     from {left: -70%;}
    to {left: 100%;}
}
.header{position:fixed; width:100%; top:0; z-index:999;  border-bottom:1px solid;border-color:rgba(255,255,255,0.2); display:block;}
.logo{ float:left; width:279px;}
.menu{float:left; width:67%; margin-left:3%; margin-top:45px;}
.menu a{color:#fff; padding:0 3%; font-size:16px}
.lan{ float:right; margin-right:3%;margin-top:45px;}
.lan a{color:#fff; border:1px solid #fff; border-radius:50%; padding:2px;}
.phone-header{display:none;}
.box{padding:0 3%; display:table-cell; z-index:9999; position:relative;}
.xian2{background:#fff; height:4px; width:180px; float:right; margin-top:12px;}
/**********************首页*************/
.section {
    position: relative;
    overflow: hidden; display:table; width:100%;
}

.section .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.section .bg img {
    display: block;
    width: 100%;
    height: 100%;
}
.one{margin-top:14%;}
.luxian{width:47%; float:right;    opacity: 0;
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    transition: all 1s;}
.luxian li{float:left; width:15%;font-family:'langsong'; color:#fff; font-size:20px; margin-bottom:5%; margin-left:10%;}
.one-memo{width:50%; position:absolute; bottom:-300px;transition: all 1s;}
.one-memo h2{font-family:'langsong'; color:#fff; font-size:50px; line-height:60px; letter-spacing:5px;}
.one-memo p{font-size:18px; line-height:30px; color:#fff; margin-top:26px;}
.ma{position:absolute; right:3%; bottom:-300px; background:rgba(255,255,255,0.2); padding:20px;transition: all 1s;transition-delay: 1s;}
.xia{position:absolute; width:100%; bottom:2%; text-align:center; left:0}
.title{  font-family:'frabk'; font-size:54px; line-height:45px; color:#fff; font-weight:bold}
.f-l{float:left;}
.f-r{float:right;}
.youshi{width:50%; margin-left:10%;}

.youshi p{font-size:18px; line-height:26px; color:#fff;}
.service-t{float:left; border-right:1px solid; border-color:rgba(255,255,255,0.5); width:15%; color:#fff; font-size:16px; margin-right:6%; margin-top:2%;}
.service-t span{font-size:50px; font-weight:bold;font-family:'langsong'; border-bottom:3px solid #fff; line-height:50px; margin-bottom:15px; display:block; width:25px;}
.service-t a{color:#fff; display:block; margin-top:30%;}
.two-bottom{margin-top:5%; opacity: 0;
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    transition: all 1s;}
.searvice-box{width:70%; float:left;}
.searvice-box dl{width:34%; margin:2% 4%; float:left; color:#fff;}
.searvice-box dl dt{font-family:'langsong'; font-size:26px; margin-bottom:20px;}
.searvice-box dl dd{ font-size:16px;}
.two-left{width:15%;font-family:'langsong'; color:#fff; font-size:40px; line-height:60px; letter-spacing:5px; margin-bottom:20px;}
.two-top{opacity: 0;
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    transition: all 1s;}
.three{color:#fff;  text-align:center; opacity: 0;
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    transition: all 1s;}
.three h2{font-family:'langsong'; font-size:56px; letter-spacing:5px; margin-bottom:60px;}
.three h3{font-size:30px; margin-top:30px;}
.three p{width:50%; margin:auto;  margin-top:6%; font-size:18px;}
#style-1::-webkit-scrollbar-track
{
	
	border-radius: 10px;
	background:rgba(255,255,255,0.3);
}

#style-1::-webkit-scrollbar
{
	width: 8px;
	background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	
	background-color: #cccccc;
}
.index_news{float:left; width:60%;}
.news-box a{color:#fff;}
.news-box h2{font-family:'langsong'; letter-spacing:5px; font-size:20px; margin-bottom:10px;}
.news-box p{ font-size:14px;}
 .swiper-container {
      width: 100%;
      height: 100%; padding-bottom:60px;
    }
    .swiper-slide {

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.four{margin-top:10%;}
.index-foot{background:rgba(0,0,0,0.5); padding:20px 0; position:absolute; bottom:0; width:100%; left:0;}
.index-foot dl dt{ padding-bottom:20px; color:#fff; font-size:18px; text-align:center;}
.index-foot dl dd{color:#fff; text-align:center; padding-top:20px;}
.index-foot dl{ display:table-cell; padding:0 0%; box-sizing:border-box;}
.index-foot dl:nth-child(2){width:35%;}
.index-foot dl:nth-child(3){width:29%;}
.index-foot dl:nth-child(4){width:35%;}
.foot-xian{border-bottom:1px solid; border-color:rgba(255,255,255,0.5); height:1px; width:100%; position:absolute; bottom:90px; left:0;}
.shang{position:absolute; width:100%; bottom:20px; text-align:center; left:0}

.active .luxian{    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-delay: 0.7s; opacity:1;}
.active .two-bottom{    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-delay: 0.7s; opacity:1;}
.active .two-top{    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-delay: 0.7s; opacity:1;}
.active	.one-memo  { -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-delay: 0.7s; bottom:18%;}
.active	.ma  { -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-delay: 0.7s; bottom:5%;}
.active	.three  {   -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-delay: 0.7s; opacity:1;}	
	
/************关于我们************/
.nei-header{ border-bottom:1px solid #eee;position:relative;}
.nei-header .menu a{color:#333;}
.nei-header .lan a{color:#999; border:1px solid #999;}
nei-phone-header{position:relative;}
.nei-phone-header .phone_menu_btn span{background:#333;}
.w1200{width:90%; max-width:1200px; margin:auto;}
.about-left{width:60%; float:left;}
.about-left h2{font-size:50px; font-weight:bold; font-family:'frabk'; line-height:50px; margin-bottom:20px;}
.about-left h3{letter-spacing:7px; font-size:20px; margin-bottom:30px}
.about-left p{font-size:16px;}
.about-right{ width:35%; float:right; margin-top:50px;}
.about-right img{ width:100%;}
.about{border-bottom:1px solid #f2f2f2; padding-bottom:60px; margin-top:50px;}
.linian{ padding-top:270px;background:url(../images/2.jpg) no-repeat; height:168px; color:#fff;}
.linian h2{font-size:60px; margin-bottom:15px; font-weight:bold; letter-spacing:7px; line-height:60px; text-align:right;}
.linian p{ text-align:right;font-size:24px; font-weight:bold;}
.wenhua{background:url(../images/ab.jpg) no-repeat;  height:438px; color:#fff;}
.wenhua h2{font-size:60px; margin-bottom:15px; font-weight:bold; letter-spacing:7px; line-height:60px; text-align:right;}
.wenhua p{ text-align:right;font-size:24px; font-weight:bold;}

.title2{font-size:24px;}
.history{padding:80px 0;}
.nei-foot{background:#b82e28; position:relative; padding:40px 0; margin-top:40px;}
.nei-foot .foot-xian{bottom:110px;}

.contact-left{width:35%; float:left;}
.contact-left h2{font-size:50px; font-weight:bold; font-family:'frabk'; line-height:50px; margin-bottom:20px;}
.contact-left h3{ font-size:36px; margin-bottom:30px;border-bottom:3px solid #000; padding-bottom:40px; padding-top:30px;}
.contact-left p{font-size:16px;}
.contact-right{ width:60%; float:right; }
.contact-right img{ width:100%;}
.contact{padding-bottom:60px; margin-top:50px; position:relative;}
.map{padding:120px 0; background:#f8f8f8;}
.lx-map{ width:46%; text-align:center;}
.lx-map h2{font-size:26px; margin-top:20px;}
.lx-map p{font-size:16px;}
.tel span{display:table-cell; vertical-align:middle; text-align:left; font-size:16px;}
.tel img{display:table-cell; vertical-align:middle}
.tel{display:table; margin:auto; margin-top:20px;}
.feed{ padding:120px 0;}
.feed h2{font-size:30px; font-weight:bold;}
.feed table{width:100%; margin-top:40px;}
.feed table tr{height:60px;}
.text{width:97%; height:35px; border:1px solid #ccc;}
.text1{width:32%; margin-right:1%;}
.area{width:99%; height:150px; border:1px solid #ccc;}
.submit{background:#000; color:#fff; width:150px;  height:35px; border:none; border-radius:5px; }
.wrap{ margin-top:90px;} 
.wrap li a{color:#999;}
.wrap li{font-size:18px; margin:20px 0;}
.wrap li.adv_active a{color:#000; text-decoration:underline;}
.phone{display:none;}
.pc{display:block;}
.job-mail{color:#999; font-size:22px; margin-top:23%; }
.job-mail span{font-size:28px; margin-top:5px; color:#b82e28; font-weight:bold; display:block}
.job_list{padding:30px 0; border-bottom:1px solid #d8d8d8;}
.job_list dl dt{ font-size:30px; margin-bottom:30px;}
.job_list dl dd{font-size:18px;}
.news-cont{margin:50px auto;}
.new-left{width:25%; float:left;}
.new-right{width:70%; float:right;}
.new-left h2{font-size:50px; font-weight:bold; font-family:'frabk'; line-height:50px; margin-bottom:20px;}
.new-left h3{ font-size:28px; margin-bottom:30px;border-bottom:3px solid #000; padding-bottom:60px;}

.newd-left{width:70%; float:left;}
.newd-right{width:25%; float:right;}
.newd-right h2{font-size:20px; margin-bottom:20px; font-weight:bold;}
.news-list{margin-bottom:30px;}
.new-title1{font-family:'langsong'; font-size:24px; margin:20px 0;}
.service-left{width:35%; float:left;}
.service-right{ float:right; width:57%;}
.service{ margin:50px auto; border-bottom:1px solid #ccc; padding-bottom:50px;}
.service-right .service-t{color:#000; float:none;}
.service-right .service-t span{border-bottom:3px solid #000;}
.service .contact-left{float:none;}
.nei-searvice-box dl{color:#000; margin:0; padding:5% 0; width:41%;}
.nei-searvice-box dl:nth-child(1){border-right:1px solid #ccc; padding-right:8%;}
.nei-searvice-box dl:nth-child(2){margin-left:8%;}
.nei-searvice-box dl:nth-child(3){border-right:1px solid #ccc; padding-right:8%;}
.nei-searvice-box dl:nth-child(4){margin-left:8%;}
.nei-searvice-box{width:100%; color:#000; float:none}
.daili{margin:40px 0 60px 0;}
.daili li{width:11.5%; margin:0.5%; border:1px solid #ccc; box-sizing:border-box; float:left;}
.daili li img{width:100%; display:block}
.shouhou{margin-top:60px;}
.sh-left{width:30%; float:left; font-size:28px; }
.sh-middle{float:left; width:50%; font-size:18px;}
.sh-right{float:right; width:20%; text-align:right; }
.sh-right a{background:#000; color:#fff; font-size:18px; padding:15px 40px; border-radius:5px;}
.sh-middle:before{content:url(../images/xx.jpg); float:left; vertical-align:middle; margin-right:20px}
.lx-map img{width:100%;}
.licheng{width:1000px; margin:auto; position:relative; padding-top:100px;}
.licheng dl dt{float:left; width:418px; text-align:right;}
.licheng dl{padding:50px 0;}
.licheng dl dd:nth-child(2):before{ content:url(../images/dian.png); margin:0 70px; position:relative; z-index:99999}

.licheng dl:nth-child(2n+2) dt { text-align:left; float:right;}
.licheng dl:nth-child(2n+2) dd:nth-child(2){width:418px; text-align:right;}
.licheng dl:nth-child(2n+2) dd:nth-child(2):before{display:none;}
.licheng dl:nth-child(2n+2) dd:nth-child(3):before{ content:url(../images/dian.png); margin:0 70px; position:relative; z-index:99999}
.licheng dl dd{float:left;}
.licheng dl dt span{ font-size:36px; margin-bottom:10px; font-weight:bold; display:block;}
.licheng dl dt p{ font-size:16px;}
.lc-xian{ background:#ccc; width:1px; position:absolute; height:100%; top:0; left:49.7%;}
.lc-xian span{border:1px solid #ccc; width:20px; height:20px; margin-left:-10px; background:#fff;border-radius:50%; display:block;}
.new-nav{padding:0  2%; margin-bottom:60px;}
.new-nav a{margin-left:15px;}
.new-list h2{font-size:20px;font-family:'langsong';}
/*瀑布流开始*/
.wall {
  display: block;
  position: relative;
}
.wall-column {
  display: block;
  position: relative;
  width: 33%;
  float: left;
  padding: 0 2%;
  box-sizing: border-box;
}
.article {
  display: block;
  transition: all 100;
  overflow: hidden;
  position: relative; margin-bottom:30px; width:31%; float:left; margin:1%;
}

.article img{

    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
	}
.article:hover img {
	transform: scale(1.2, 1.2);
	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
	-o-transform:scale(1.2, 1.2); 	/* Opera */
}
.article img {
  display: block;
  width: 100%;
}
.new-pic{overflow:hidden;}

/*瀑布流结束*/
.wrapper h3{ text-align: center; margin:0 20%; white-space: nowrap; text-overflow: ellipsis; font-weight:normal; color: #333; overflow: hidden;  font-size: 1.5em; padding: 0.7em 0;}
.wrapper h4{ width: 90%; margin:0 5%; text-align: justify; font-weight:normal; color: #999;  font-size: 1.2em; margin-bottom: 3%; line-height:1.5; }


.new-nav h2{ font-size:28px;}
.kong{height:111px; width:100%;}
.t-ar{text-align:right;}


.searvice-box dl dd:nth-child(2){height:50px; overflow:hidden;}
.bumen table tr td{width:25%;}

.bumen table {width:100%;}

.four .two-top{margin-top:25%;}
@media (max-width: 768px) {
.two-top{ margin-top:80px;}
.index-foot dl:nth-child(2) {
    width: 100%;
}
.index-foot dl:nth-child(3) {
    width: 100%;
}
.index-foot dl:nth-child(4) {
    width: 100%;
}
.index-foot dl{ box-sizing:border-box;}
.index-foot dl.f-r{float:none;}
.index-foot dl.f-l{float:none;}
.index-foot dl{display:block;}
.index-foot dl dt{padding-bottom:10px;}
.index-foot dl dd{padding-top:10px;}
.article{width:100%;}
}
@media (max-width: 1025px) {
.bumen table tr td{ display:block;width:100%;}
.header{display:none;}
.phone-header{display:block; position:fixed; width:100%; top:0; z-index:999; border-bottom:1px solid;border-color:rgba(255,255,255,0.2);}
.phone_menu_btn span{background:#fff; padding:0px 13px; height:3px; margin:5px 0; display:block;}
.phone_menu{background:#fff; z-index:9999999; height:100%; position:fixed; width:100%; height:0px; overflow:hidden; top:60px;}
.phone_menu_btn{position:fixed; right:10px; top:16px;}
.phone_menu ul li{height:40px; line-height:40px; border-bottom:1px solid #ccc; padding:0 5%}
.hide1{display:none;}
.show{ display:block;}
.phone_menu ul li.on{background:#0d6394;}
.phone_menu ul li.on a{color:#fff;}
.down
{
animation: myfirst 1s forwards;
-moz-animation: myfirst 1s forwards;	/* Firefox */
-webkit-animation: myfirst 1s forwards;	/* Safari 和 Chrome */
-o-animation: myfirst 1s forwards;	/* Opera */
}

.phone{display:none;}

@keyframes myfirst
{
from {height: 0;}
to {height: 100%;}
}

@-moz-keyframes myfirst
{
from {height: 0;}
to {height: 100%;}
}

@-webkit-keyframes myfirst
{
from {height: 0;}
to {height: 100%;}
}

@-o-keyframes myfirst
{
from {height: 0;}
to {height: 100%;}
}



.xian2{display:none;}
.luxian{ width:100%; float:none;}
.one-memo h2{font-size:26px;}
.luxian li{width:33%; margin-left:0; text-align:center;}
.one{margin-top:100px;}
.one-memo{width:90%;}
.ma{display:none;}
.title{font-size:26px; float:none; width:100%;}
.youshi{width:95%; margin-left:0;}
.two-left{display:none;}

.service-t{display:none;}
.searvice-box{width:100%; float:none;}
.searvice-box dl{width:42%;}
.youshi h2{font-size:26px; line-height:30px;}
.three p{width:90%;}
.three h2{font-size:26px; margin-bottom:30px}
.three h3{display:none;}
.index_news{width:100%; float:none;}

.foot-xian{display:none;}
.shang{display:none;}

.about-left{width:100%;}
.about-right{width:100%;}
.linian h2{font-size:30px; line-height:40px}
.linian p{font-size:16px;}
.wenhua h2{font-size:30px; line-height:40px}
.wenhua p{font-size:16px;}

.contact-left{width:100%; float:none;}
.contact-right{display:none;}
.wrap{ padding-top:20px; margin-top:30px;} 

.contact-left h2{font-size:30px; line-height:35px; }
.contact-left h3{ font-size:20px;}
.wrap li{font-size:16px; margin:10px 0;}
.lx-map{width:100%;}
.lx-map img{width:100%;}
.phone{display:block;}
.pc{display:none;}
.text1{width:100%; margin-bottom:5px;}
.contact{margin-top:80px;}
.job_list dl dt{font-size:18px; margin-bottom:10px;}
.job_list dl dd{font-size:14px;}
.job_list{padding:15px 0;}
.daili li{width:24%;}
.sh-left{width:100%; font-size:20px;}
.sh-middle{width:100%; margin-top:20px;}
.sh-right{width:100%; margin-top:30px;}
.sh-middle:before{display:none;}

.newd-left{width:100%; float:none;}
.newd-right{ display:none;}
.licheng{width:100%; padding-top:30px;}
.licheng dl dt{ width:100%; text-align:left;}
.licheng dl dd{width:100%;}

.licheng dl dd:nth-child(2){display:none;}
.lc-xian{display:none;}
.licheng dl:nth-child(2n+2) dd:nth-child(3){display:none;}
.licheng dl:nth-child(2n+2) dd:nth-child(2){display:block;width:100%; text-align:left;}
.licheng dl{padding:20px 0;}

.service-right{ margin-left:0;}
.contact-left h3{padding-bottom:20px; margin-bottom:15px;}
.service{margin:0 auto;}
.searvice-box dl{width:100%;}
.nei-searvice-box dl:nth-child(1){padding-right:0; border:none;}
.kong{height:61px; width:100%;}
.new-list h2{font-size:16px;}
.feed h2{font-size:20px}
.shouhou{margin-top:20px}
.job-mail{margin-top:10%;}
.t-ar{text-align:left;}
.service-left{ display:none;}
.service-right{width:100%;}
.nei-searvice-box dl:nth-child(2){margin-left:0;}

}