.pageBg{ position:fixed; z-index:11; width:100%; height:100%; display:none; background:rgba(0,0,0,0.5); left:0px; top:0px;}

.headDiv{ height:94px; position:absolute; z-index:10; left: 0px; top: 0px; width: 100%; background: #ffffff;}

.headDiv:after{ content: ''; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background: rgba(255,255,255,0.15); }

.headDiv .logo{ display:block; position:absolute; left:50%; margin-left: -8.4rem; top:15px;}

.headDiv .logo img{height: 65px; }

.headDiv .topRight{ position: absolute; right: 0px; top: 0; z-index: 5;}

.headDiv .topRight .div1{ height: 94px; position: relative; width: 84px; }

.headDiv .topRight .div1:before{ content: ''; position: absolute; background: rgba(255,255,255,0.15); left: 0; top: 0; width: 1px; height: 100%; }

.headDiv .topRight .div1 em{ position: absolute; left: 50%; top: 50%; width: 20px; height: 20px; margin-left: -10px; margin-top: -15px; }

.headDiv .topRight .div1 .layerDiv{ display: none; position: absolute; right: 0px; top: 94px; width: 3.26rem; height: 0.6rem; background: #fff; }

.headDiv .topRight .div1 .input1{ padding-left: 0.3rem; height: 0.6rem; width: 2.96rem; line-height: 0.6rem; color: #666; font-weight: bold; font-size: 0.16rem; border: 1px solid #d8d8d8; }

.headDiv .topRight .div1 .btn1{ position: absolute; right: 0px; top: 0; width: 0.64rem; height: 0.6rem; background: url(../images/nimg28_1.png) center no-repeat; background-size: 0.28rem; border: 1px solid #d8d8d8;  }

.headDiv .topRight .div2{ height: 94px; position: relative; width: 95px; }

.headDiv .topRight .div2:before{ content: ''; position: absolute; background: rgba(255,255,255,0.15); left: 0; top: 0; width: 1px; height: 100%; }

.headDiv .topRight .div2 em{ padding-left: 14px; display: block; line-height: 94px; font-size: 16px; color: #fff; background: url(../images/ico1.png) 80px center no-repeat; }

.headDiv .topRight .div2 img{ padding-right: 0.1rem; position: relative; top: -2px; }

.headDiv .topRight .div2 .list{ position: absolute; top: 94px; left: 0px; display: none; width: 84px; background: #fff; padding: 0.2rem 0; }

.headDiv .topRight .div2 .list li{ font-size: 16px; line-height: 0.4rem; text-align: center; }

.headDiv .topRight .div2 .list li a{ display: block; color: #a01405; }

.headDiv .topRight .div2 .list li a:hover{ text-decoration: underline; }

.headDiv .topRight .div3{ width: 84px; height: 94px; background: #24223b; }

.headDiv .topRight .div3 a{ display: block; width: 100%; height: 100%; position: relative; }

.fr1{
    position: absolute;
    right: 0px;
}

.nav{ position: absolute; right: 175px; top: 0; }

.nav li{float:left; height:94px; position: relative; z-index: 2;  margin-left: 0.3rem;}

.nav a{ padding: 0 42px; position:relative; display:block; height:94px; line-height: 94px; overflow:hidden; font-size:16px; z-index: 10; color: #141418;}

.nav a:hover .bkg, .nav .aNow .bkg{ color:#FFF; background-color:#eb3c00; top:0;}

.nav li a span {position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; text-align: center;}

.nav li a .bkg {top:100%; z-index:1; background-color:#eb3c00; -webkit-transition:top 200ms; transition:top 200ms;}

.nav li a.on{ color: #fff; }

.nav li a.on .bkg,.nav li a:hover .bkg {top:0; color:#fff;}

.nav a:hover{ color:#fff;}

.nav .aNow{ color:#fff;}

.nav li a:after{content: ''; display: none; width: 100%; height: 3px; background: #eb3c00; position: absolute; left: 0; top: 61px;}

.nav li .on{ color: #eb3c00; }

.nav li .on:after{ display: block; }



.headDiv .lan{ height: 1.0rem; position: absolute; right: 1.15rem; top: 0;}

.headDiv .lan em{ padding-left: 0.27rem; padding-right: 0.26rem; display: block; line-height: 1.0rem; font-size: 0.3rem; color: #fff; background: url(../images/ico2.png) right center no-repeat; background-size: 0.16rem;}

.headDiv .lan img{ padding-right: 0.1rem; position: relative; top: -0.05rem; width: 0.36rem; }

.headDiv .lan .list{ position: absolute; top: 1.0rem; left: 0px; display: none; width: 100%; background: #fff; padding: 0.1rem 0; }

.headDiv .lan .list li{ font-size: 0.28rem; line-height: 0.5rem; text-align: center; }

.headDiv .lan .list li a{ display: block; color: #eb3c00; }

.headDiv .lan .list li a:hover{ text-decoration: underline; }



.navIcoPC span{  width: 0.32rem;  display: block;  height: 2px;  background: #fff;  position: absolute;  left: 50%;  margin-left: -0.14rem;  transition: .4s;  -webkit-transition: .4s;  }

.navIcoPC span:nth-of-type(1) {  top: 37px;  }

.navIcoPC span:nth-of-type(2) {  top: 46px; width: 0.25rem;  }

.navIcoPC span:nth-of-type(3) {  top: 55px; width: 0.29rem; }



.navIco{display:none; width:1.0rem; height:1.0rem; position:absolute; top:0px; right:0px; text-align: center; line-height: 1.0rem;}

.navIco img{ width: 0.35rem; }



/*position*/
    .position{float:right;font-size: 18px;width:20%;text-align:center;padding-top:20px;}





/* 鍏充簬鎴戜滑 */
.abuottext{
  width: 50%;
  float: left;
}

.abuottext .text{
  width: 90%;
  height: 200px;
  float: left;
  overflow: hidden;
  margin-top: 2em;
  line-height: 1.8em;
  margin-bottom: 1em;
  text-align: justify;
  padding-top: 30px;
}

.abuottext1 .text{
  width: 50%;
  height: 200px;
  float: left;
  overflow: hidden;
  margin-top: 2em;
  line-height: 1.8em;
  margin-bottom: 1em;
  text-align: justify;
  padding-top: 30px;
}

.abuottext .btnDiv{
  
  width: 100px;
  border-radius: 3px;
  height: 30px;
  line-height: 30px;
  padding: 0;
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 16px;
  text-align: center;
  margin: 1% 1% 5% 1%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
}

.aboutimg{
  width: 48%;
  float: right;
  padding: 0 0 30px;
}
.aboutimg img{
  width: 100%;
  height: 350px;
}

/* 婊氳疆鍥 */
.growbox {
	width: 100%;
	/*padding: 4% 0;*/
	position: relative;
}

.growbox .growbox-container {
	position: relative;
	margin: 0 auto;
	height: 400px;
}

.growbox .growbox-container .swiper-container {
	padding-bottom: 20px;
}

.growbox .growbox-container .swiper-slide {
	max-width: 320px;
	box-sizing: border-box;
	text-align: center;
	display:flex;
	align-items: center;
}

.growbox .growbox-container .swiper-slide img {
	display: inline-block;
	width: 90%;
}

.pag_title_common p{
  font-size: 32px;
  color: #333333;
}
.pag_title_common span{
  font-size: 16px;
  color: #696969;
  display: block;
  margin: 10px 0;
}

/* 鑱旂郴鎴戜滑 */
.about_pag{
	padding: 30px 0 80px;
  max-width: 1280px;
  height: 400px;
	width: 95%;
	margin: 0 auto;
}

.about_pag .about_pag_left{
	float: left;
	width: 50%;
	/* width: calc(100% - 520px);
	width: -moz-calc(100% - 520px);
	width: -webkit-calc(100% - 520px); */
	box-sizing: border-box;
	margin-top: 70px;
}

.about_pag .about_pag_left .pag_title_common{
	text-align: left;
}
.about_pag .about_pag_left .pag_title_common .pag_title_line{
	margin-left: 0;
	max-width: 70%;
	height: 0;
	border-bottom: 1px dashed #b3b3b3;
	background: none;
}

.about_pag .about_pag_left .about_pag_message{
  margin-top: 20px;
}
 .about_pag .about_pag_left .about_pag_message p{
	 /* margin-top: 10px; */
	 font-size: 14px;
	 line-height: 36px;
	 color: #777;
 }

.about_pag .about_pag_right{
	float: right;
	width: 50%;
	box-sizing: border-box;
	margin-top: 70px;
}

.about_pag .about_pag_right .about_pag_map{
	width: 100%;
	/* max-width: 500px; */
	margin: 0 auto;
}

.about_pag .about_pag_right .about_pag_map .ueditor_baidumap{
	width: 100%;
}


.about_pag .about_pag_text P{
	margin-top: 10px;
	font-size: 16px;
	color: #696969;
	line-height: 1.6;
	text-indent: 2em;
}
/* amp */
.width-1500{
  float:right;
  width: 50%;
  height: 400px;
}



/*瀵艰埅瑙﹀彂鏁堟灉*/

.sNav{position:absolute; z-index:1000; /*height:60px; width:1200px; */ line-height:50px; top:80px; display:none; background:rgba(0,0,0,0.5); }

.sNav .list{ padding:0 15px; top: 95px;}

.sNav .list li{ height:60px; line-height:60px; font-size:14px; float:left; margin-right:15px;}

.sNav .list li:last-child{ margin-right:0px;}

.sNav .list li a{ color:#dedede;}

.sNav .list li a:hover{ color:#dedede;}


.navRight{ height:100%; width:362px; overflow:hidden; position:fixed; z-index:99; right:-362px; top:0px; background: rgba(255,255,255,0.9);}

.navRight .toptop{ height: 94px; position: relative;}

.navRight .closeBtn{ height:36px; width:36px; position:absolute; top:29px; right:24px; z-index:22;}

.dideNav{ padding: 15px 0 0 70px; }

.dubNav{ cursor:pointer; display:block; position:relative; font-size:18px; 
/*height: 0.6rem; */
line-height: 0.6rem;}

.dubNav1{ color: #1f1f1f; background: url(../images/nimg14_1.png) 115px center no-repeat;}

.dubNav1:hover{ color: #aa1000;}

.dubNav .name{ position:relative;}

.dubNav a{ color:#1f1f1f; display: block;}

.dubNav a:hover{ color: #aa1000; }

.durrentDt{ color: #aa1000; background: url(../images/nimg14_1on.png) 115px center no-repeat;}

.davContent{display: none; padding-bottom: 20px;}

.davContent a{display:block; height:0.36rem; line-height:0.36rem; color:#595959; font-size: 14px; position: relative; }

.davContent a:hover{  color: #aa1000; }





/*瀵艰埅鑿滃崟瑙﹀彂*/

.navLayer{overflow-x: auto; height:100%; width:100%; overflow:hidden; position:fixed; z-index:222; right:-100%; top:0px;}

.navLayer .bg{overflow-x: auto;position:relative; background:#fff; height:100%; width:100%;}

.navLayer .toptop{ height: 1.26rem; position: relative; padding-right: 1.0rem;}

.navLayer .form{ width: 5.4rem; height: 0.6rem; background: #f2f2f2; position: absolute; left: 0.3rem; top: 0.32rem; border-radius: 0.28rem; -moz-border-radius: 0.28rem;}

.navLayer .form .input1{ width: 100%; height: 0.6rem; line-height: 0.6rem; font-size: 0.24rem; text-indent: 0.2rem; border: none; background: #f5f5f5; }

.navLayer .form .btn1{ position: absolute; right: 0; top: 0; width: 0.76rem; height: 0.6rem; border: none;  background: url(../images/nimg24_1.png) center no-repeat; background-size: 0.3rem; }

.navLayer .closeBtn{ width:0.5rem; height:1.26rem; position:absolute; top:0px; right:0.2rem; text-align: center; line-height: 1.26rem;}

.navLayer .closeBtn img{ width: 0.43rem; }

.sideNav{ padding: 0 0.25rem 0.2rem; }

.subNav{ background-size: 0.53rem; cursor:pointer; display:block; height:1.05rem; line-height:1.05rem; position:relative; font-size:0.32rem; border-bottom: #e5e5e5 solid 1px;}

.subNav1{ background:url(../images/ico4.png) right center no-repeat; background-size: 0.53rem; color: #7f7f7f;}

.subNav .name{ position:relative; padding-left: 0.3rem;}

.subNav a{ color:#7f7f7f; display: block;}

.currentDt{background:#2c2a4e url(../images/ico4on.png) right center no-repeat; background-size: 0.53rem; color: #fff;}

.navContent{display: none;}

.navContent a{display:block; height:0.9rem; line-height:0.9rem; color:#7f7f7f; font-size:0.28rem; padding-left: 0.3rem; }



/*banner*/


.ind-banner{width: 100%; height: 100vh;overflow: hidden;} 

.ind-banner .swiper-slide {height: 100vh; color: #fff; } 

.ind-banner .swiper-slide {position: relative;}

.ind-banner .swiper-slide img{width: 100%;}

.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }

.ind-banner .swiper-pagination{  text-align: left; margin-left: 0!important; left: auto!important; right: 0.5rem; width: auto!important; bottom: 50%!important; margin-bottom: -0.2rem; } 

.ind-banner .swiper-pagination-bullet { display: block; width: 0.12rem; height: 0.12rem; opacity: 1; background: #fff; border-radius: 50%; -moz-border-radius: 50%; margin-left:0!important; margin-top: 0.15rem!important; margin-bottom: 0.15rem!important; } 

.ind-banner .swiper-pagination-bullet-active {background: #80bf24; } 

.ind-banner .one{ position: absolute; left: 50%; bottom: 19.5%; margin-left: -7.2rem; } 

.ind-banner .one .limg{ width: 2.59rem; }

.ind-banner .one .txt{ padding-top: 0.45rem; font-size: 0.36rem; color:#fff; line-height: 0.36rem;} 

.ind-banner .one .wen{ font-size: 0.14rem; padding-top: 0.15rem; color: #a9bce4; line-height: 0.24rem; text-transform: uppercase;}

.ind-banner .one .btnDiv{ margin-top: 0.45rem; width: 1.8rem; height: 0.55rem; line-height: 0.55rem; background: #fff; color: #2c8dc9; font-size: 0.14rem; text-align: center; }

.ind-banner .two{ position: absolute; left: 50%; margin-left: -600px; top: 50%; margin-top: -130px; font-family:thin;} 

.ind-banner .two .msg{  font-size: 18px; color: #37c3e3; border: #37c3e3 solid 2px; width: 166px; height: 28px; border-radius: 24px; -moz-border-radius: 24px; text-align: center; line-height: 28px;} 

.ind-banner .two .txt{ color: #f7f7f7; font-size: 72px; line-height: 72px; padding: 25px 0 10px;}

.ind-banner .two .txt em{ padding-right: 16px; }

.ind-banner .two .wen{ font-size: 30px; color: #f7f7f7;} 

.ind-banner .two .ico{ margin-top: 30px; display: block; width: 169px; height: 49px; background: url(../images/btn1.png) no-repeat center; text-indent: 32px; line-height: 48px; color: #fff; font-size: 18px;} 

.ind-banner .swiper-button-prev{ left: 5%; margin-top: -44px; } 

.ind-banner .swiper-button-next{ right: 5%; margin-top: -44px; } 



.banner {

    width: 100%;

    position: relative;

    height: 100vh;

}



.focus {

    width: 100%;

    position: relative;

    zoom: 1;

    overflow: hidden;



}


.bannerTel{ display: none; }

.indexFlashTel{position:relative; overflow:hidden; max-width:1004px;}

.indexFlashTel .slick img{ width:100%;}

.indexFlashTel .slick-dots{position:absolute; z-index:10; left:0px; bottom:0.3rem; width:100%; text-align:center;}

.indexFlashTel .slick-dots li{display:inline-block; margin: 0 0.1rem; width:0.8rem; height:0.05rem; background:#fff; cursor:pointer;}

.indexFlashTel .slick-dots .slick-active{ background:#aa1000;}



@-webkit-keyframes am_left

{

    0%{ -webkit-transform:translate(50px,0px);opacity:0}

    100%{ -webkit-transform:translate(0,0px);opacity:1}

}

@-webkit-keyframes am_right

{

    0%{ -webkit-transform:translate(-50px,0px);opacity:0}

    100%{ -webkit-transform:translate(0,0px);opacity:1}

}

@-webkit-keyframes am_top

{

    0%{ -webkit-transform:translate(0,50px);opacity:0}

    100%{ -webkit-transform:translate(0,0px);opacity:1}

}

@-webkit-keyframes am_top2

{

    0%{ -webkit-transform:translate(0,10px);opacity:0}

    100%{ -webkit-transform:translate(0,0px);opacity:1}

}

@-webkit-keyframes am_bot

{

    0%{ -webkit-transform:translate(0,-50px);opacity:0}

    100%{ -webkit-transform:translate(0,0px);opacity:1}

}


.mo-more a{display: block; width: 100%; height: 0.8rem; line-height: 0.8rem; color: #ffffff; text-align: center; margin: 0.3rem auto .6rem; display: none; background: #2c2a4e;}

.f426x240, .f160x160 {  width: 100%;  overflow: hidden;  z-index: 9;  }
.rslides li {  width: 100%;  float: left;  display: none;  z-index: 9;  height: 100vh;  }
.rslides li img { z-index: 9; display:block;}
.rslides li a{ display: block; width: 100%; height: 100%; }
.rslides { width: 100%;  position: relative;  z-index: 9;  margin: 0 auto;  }

.rslides_nav {

    height: 51px;

    width: 31px;

    position: absolute;

    -webkit-tap-highlight-color: rgba(0,0,0,0);

    top: 50%;

    left: 0;

    text-indent: -9999px;

    overflow: hidden;

    text-decoration: none;

    display: none;

}



.rslides_nav:active {

  opacity: 1.0;

}



.rslides_nav.next {

  left: auto;

  right: 0;

}



.rslides_tabs {

    position: absolute;

    bottom: 30px;

    z-index: 10!important;

    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    
    margin: 0 auto;

}



.rslides_tabs li {

  display: inline;

  float: none;

  _float: left;

  *float: left;

  margin-left: 10px;

}



.rslides_tabs a {

  margin-top: 0px;

  text-indent: 9999px;

  overflow: hidden;

  background:rgba(255,255,255,0.4);

  display: inline-block;

  _display: block;

  *display: block;

  width: 38px;

  height: 4px;

  z-index: 10!important;

  *z-index: 10!important;

}



.rslides_tabs .rslides_here a {

  background:rgba(255,255,255,1);

}

.hr4{height:1px;border:none;border-top:1px solid #D8D8D8 ;}


.banner .botDiv{ position: absolute; left: 0; bottom: 0; width: 100%; height: 65px; z-index: 9; background: rgba(0,0,0,0.5); }

.banner .botDiv:before{ content: ''; width: 45%; height: 65px; background: #24223b; position: absolute; left: 0; top: 0; z-index: 9; }



/*banner缁撴潫*/
.indexTitle2{ padding-top:50px ;position: relative; }
.indexTitle2 .title1{ font-size: 35px;  color: #000; line-height: 30px; }

.indexTitle2 .title2{ font-size: 16px; color: #888888; font-family: arial; text-transform: uppercase; padding-top: 15px;}

.indexTitle2 .title3{ font-size: 16px; color: #666666;  padding-top: 20px;}



.indexTitle1{ padding-top:50px ;padding-bottom: 50px; position: relative; }

.indexTitle1 .title1{ font-size: 35px;  color: #000; line-height: 30px; }

.indexTitle1 .title2{ font-size: 16px; color: #888888; font-family: arial; text-transform: uppercase; padding-top: 15px;}

.indexTitle1 .title3{ font-size: 16px; color: #666666;  padding-top: 20px;}


.indexTitle1{ padding-top:60px ;position: relative;display:-webkit-flex; display: flex;}
.indexTitle1 .think-div{ width: 20%;}


.indexTitle{ padding-top:60px ;position: relative;display:-webkit-flex; display: flex; border-bottom: 1px solid #ececec;}

.indexTitle .think-div{ width: 20%;}

.indexTitle .think-div .title1{ font-size: 35px;  color: #000; line-height: 30px; }

.indexTitle .think-div .title2{ font-size: 16px; color: #888888; font-family: arial; text-transform: uppercase; padding-top: 15px;}

.indexTitle .title3{ font-size: 16px; padding-top: 20px;display:inline;width: 60%;color: #898989;}
.indexTitle .title3 .thinkul{width:50%}
.indexTitle .title3 .thinkul li{display:inline;font-size: 18px;}
.indexTitle .title3 .thinkul li a{color: #898989;padding: 0 20px;}
.moreBtn{ display: block; margin-top: 40PX; width: 160px; height: 45px; line-height: 45px; background: #2c2a4e; color: #fff; font-size: 14px;  text-align: center;}
.moreBtn:hover{background: #eb3c00;}


.indexPart1{ padding: 0 0 80px; overflow: hidden; background: #f5f5f5;}
.box-container{ position: relative; height: 230px; margin-top: 20px; background-color: #f8f8f8;overflow: hidden;}


.box-container .next { position: absolute; right: -48px; top: 30px; cursor: pointer; width: 48px; height: 48px; overflow: hidden; background: url(../images/nimg48_right.png) no-repeat center;}


.box-container .next:hover{ background: url(../images/nimg48_righton.png) no-repeat center;}



.cou_nameBl { width: 150px; margin: auto; padding-top: 0px; position: relative; cursor: pointer;}

.cou_ico { width: 85px; height: 85px; line-height: 85px; background: #ffffff; text-align: center; margin: auto; border-radius: 50%; -moz-border-radius: 50%;}

.cou_ico .img1{ display: none; }

.cou_nameBl .name{ font-size: 16px; color: #333; padding-top: 24px; text-align: center;}

.box-container .swiper-slide.swiper-slide-active .cou_ico { background: #2c2a4e;}

.box-container .swiper-slide.swiper-slide-active .cou_ico .img1{ display: inline-block; }

.box-container .swiper-slide.swiper-slide-active .cou_ico img{ display: none; }

.box-container  .swiper-slide.swiper-slide-active .name{ color: #0e0d12; font-weight: bold; }



.item { position: relative; width: 100%; background: #ffffff; height: 410px; overflow: hidden;}


.cou_img { -webkit-animation: am_left 0.4s ease 0.2s backwards; width: 47%;  height: 410px;}

.cou_img img{width: 100%; height: 100%;}

.cou_block{ width: 52%; padding: 40px 50px 0; box-sizing: border-box;}

.cou_nameCn { -webkit-animation: am_top 0.4s ease-in-out 0.4s backwards;}

.cou_nameEn { -webkit-animation: am_top 0.4s ease-in-out 0.8s backwards;}

.cou_nameCn { font-size: 28px; line-height: 36px; color: #383434; margin-bottom: 20px; height: 72px; overflow: hidden;}

.cou_nameEn{ padding-top: 15px; font-size: 14px; color: #383434; text-transform: uppercase;}

.cou_te { -webkit-animation: am_top 0.4s ease-in-out 1.2s backwards;}

.cou_te {padding-top: 10px; font-size: 14px; color: #888888; height: 175px; line-height: 35px; overflow: hidden;}

.cou_block .btnDiv{ -webkit-animation: am_top 0.4s ease-in-out 1.6s backwards; }

.cou_block .btnDiv{ padding-top: 25px; }

.cou_block .btnDiv a{ display: block; width: 160px; height: 45px; line-height: 45px; background: #2c2a4e; color: #fff; font-size: 14px;  text-align: center; }



.indexPart1 .detail-box .list .item {

  display: none;

  position: relative;

}

.indexPart1 .detail-box .list .item.on {

  display: block;

  animation: fadeOfOpacity .5s linear;

}



@keyframes fadeOfOpacity {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}

.indexPart2-list{margin-top: 20px;}
.indexPart2-list ul li{width: 24%; text-align: center; float: left; margin-left: 1.2%; }
.indexPart2-list ul li img{margin: 0 auto; width:100%;}
.indexPart2-list ul li .img{width: 185px; height: 185px; box-shadow: 1px 5px 14px rgba(0,0,0,0.3); margin: 0 auto; border-radius: 50%; overflow: hidden; display: flex;}
.indexPart2-list ul li .text h2{color: #333333; font-size: 22px;letter-spacing: 1px; margin-top:25px; margin-bottom: 25px; position: relative; display: inline-block; padding: 0 40px;}
.indexPart2-list ul li .text p{color: #333333; font-size: 18px; }
.indexPart2-list ul li .text span{width: 170px; font-size: 15px; height: 45px; line-height: 45px; text-align: center; color: #ffffff; background: #2c2a4e; display: block; margin: 25px auto;}
.indexPart2-list ul li .text h2::after{position: absolute; content: ""; width: 8px; height: 25px; border-left: 2px solid #333333; border-right: 2px solid #333333; left: 0; bottom: 2px;}
.indexPart2-list ul li .text h2::before{position: absolute; content: ""; width: 8px; height: 25px; border-left: 2px solid #333333; border-right: 2px solid #333333; right: 0; bottom: 2px;}
.indexPart2-list ul li:nth-child(4n+1){margin-left: 0;}
.indexPart2-list ul li .text:hover span{background: #eb3c00;}



.index-ad{background: url(../images/bg1.jpg) no-repeat center center; padding: 100px 0; position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-attachment: fixed; margin: 50px 0 0; text-align: center;}
.index-ad h2{color: #ffffff; font-size: 38px; padding-bottom: 60px; text-align: center;}
.index-ad p{color: #ffffff; font-size: 18px; padding-bottom: 60px;}
.index-ad a{display: block; height: 45px; line-height: 45px; margin: 0 auto; background: #eb3c00; width: 170px; color: #ffffff; font-size: 15px;}

/* banner1 */
.banner1{
  position: relative;/*鐩稿瀹氫綅 缁欑粷瀵瑰畾浣嶄綅缃弬鑰?/
  width: 630px;
  height: 434px;
  float: left;
}
.banner1 .item{
  display: none;/*闅愯棌鍏冪礌*/
  position: absolute;/* 缁濆瀹氫綅*/
  width: 100%;
  height: 400px;
  top: 0;
  left: 0;
}
.banner1 .img-wrap ul .img-text{
    height: 40px;
    transform:translateY(-40px);
    color: #ffffff;
    padding: 0 0 0 20px;
    background-color: #000000;
}



ul{
  list-style-type: none;/*娓呴櫎榛樿鍒楄〃鏍峰紡 ....*/
  margin: 0;
  padding: 0;/*鍐呭缂栧墽娓呴櫎*/
}
.lunbo{
  width: 100%;
  height: 434px;
}
/*宸﹀彸鎸夐挳鐨勫睘鎬ц缃?/
.lr-tab .btn{
  position: absolute;
  top: 120px;
  width: 41px;
  height: 69px;
  background: url("img/8a.png");

}
.lr-tab .left{
  left: 0px;
  background-position-x: -83px;

}
.lr-tab .right{
  right: 0px;
  background-position-x: -125px;
}
/*宸﹀彸鎸夐挳瑙︾浜嬩欢*/
.lr-tab .left:hover{
  background-position-x: 0px;
}
.lr-tab .right:hover{
  background-position-x: -41px;
}
/*鍦嗗舰鎸夐挳灞炴€ц瀹?/
.slick-dots{
  position: absolute;
  right: 0px;
  padding: 10px;
  bottom: 20px;
  width: 120px;
  height: 30px;
  top: 270px;

}
.slick-dots li{

  float: left;
  width: 6px;
  height: 6px;
  background: #868686;
  border: 2px solid #c3c3c3;/*杈规*/
  margin-left: 10px;
  border-radius: 50%;
  margin-top: 125px;
}
/*鍦嗗舰鎸夐挳瑙︾浜嬩欢*/
.slick-dots .btn:hover{
  background: #e4e4e4;
  border-color:#7f7f7f;
}
.slick-dots .slick-active{
  background: #e4e4e4;
  border-color:#7f7f7f;
}




.indexPart3{ padding: 0 0 95px; overflow: hidden;}
.indexPart3 .leftDiv{ width: 650px; height: 340px;}
/*.indexPart3 .detail{ border: #e5e5e5 solid 2px; height: 300px; }*/
/*.indexPart3 .detail a{ display: block; padding: 0 28px; height: 100%;}*/
/*.indexPart3 .detail .name{ padding-top: 28px; height: 60px; line-height: 30px; overflow: hidden; color: #383434; font-size: 18px; font-weight: bold; }*/
/*.indexPart3 .detail .content{ padding-top: 10px; font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; color: #595959; }*/
/*.indexPart3 .detail .time{ margin-top: 45px; height: 36px; line-height: 36px; position: relative; font-family: din; font-size: 24px; color: #2c2a4e; }*/
/*.indexPart3 .detail .time:after{ content: ''; width: 36px; height: 35px; background: url(../images/nimg36_1.png) center no-repeat; position: absolute; right: 0; top: 0; }*/
/*.indexPart3 .detail:hover{ border: #2c2a4e solid 2px; background: #2c2a4e;}*/
/*.indexPart3 .detail:hover .name, .indexPart3 .detail:hover .content, .indexPart3 .detail:hover .time{ color: #fff; }*/
/*.indexPart3 .detail:hover .time:after{ background: url(../images/nimg36_1on.png) center no-repeat;}*/

.indexPart3 .rightDiv{ width: 595px; border: #e5e5e5 solid 2px; height: 430px; }
.indexPart3 .mxfDiv{ padding: 15px 30px 0;}
.indexPart3 .mxfDiv li{ height: 50px; position: relative; padding-right: 95px; font-size: 14px;}
.indexPart3 .mxfDiv li a{ display: block; height: 50px; line-height: 50px; color: #383434; overflow: hidden; }
.indexPart3 .mxfDiv li em{ position: absolute; right: 0; top: 0; line-height: 50px; color: #a9a9a9; }
.indexPart3 .mxfDiv li:hover a{ color: #aa1000; }

.indexPart4{background: #f5f5f5; padding-bottom: 70px;}
.indexPart4-box ul li{width: 400px; margin-left: 30px; height: 300px; float: left; background: #ffffff;  position: relative; }
.indexPart4-box ul li a{display: block; padding: 30px 30px 0; box-sizing: border-box;}
.indexPart4-box ul li .time{color: #ffffff; font-size: 16px; font-family: arial; letter-spacing: 2px; padding-bottom: 10px;}
.indexPart4-box ul li .time img{display: inline-block; margin-right: 15px; vertical-align: middle;}
.indexPart4-box ul li .name{color: #f0f0f0; font-size: 16px; margin-bottom: 10px; line-height: 40px; height: 70px; overflow: hidden;}
.indexPart4-box ul li .content{color: #ffffff; margin-bottom: 50px; height: 150px; overflow: hidden; display: none;}
.indexPart4-box ul li .bottom{border-top: 1px solid #d8d8d8; height: 70px; line-height: 70px; position: absolute; bottom: 0; width: 100%; left: 0; padding: 0 30px; box-sizing: border-box; }
.indexPart4-box ul li .bottom span{color: #ffffff; display: inline-block;}
.indexPart4-box ul li .bottom span em{display: inline-block;}
.indexPart4-box ul li .bottom span em.img-on{background: url(../images/look-on.png) no-repeat center center; width:40px; height: 15px;}
.indexPart4-box ul li:hover .bottom span em.img-on{background: url(../images/look.png) no-repeat center center;}
.indexPart4-box ul li:nth-child(4n+1){margin-left: 0;}
.indexPart4-box ul li:hover .bottom span img{opacity: 0;}
.indexPart4-box ul li:hover .bottom span img.img-on{opacity: 1;}
.indexPart4-box ul li a:hover{background: none !important;}
.indexPart4-box ul li:hover .time{color: #666666;}
.indexPart4-box ul li:hover .name{color: #333333;}
.indexPart4-box ul li:hover .content{color: #888888; display: block;}
.indexPart4-box ul li:hover .bottom span{color: #666666; display: inline-block;}


.indexPart4-box ul li a{
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 9;
    background: rgba(0,0,0,.3);
}
.indexPart4-box ul li .case_bg{
    height:100%; 
    width: 100%; 
    background-size: cover;
    position:absolute;
    height:100%;
    width:100%;
    left:0;
    top:0; 
    /*opacity:.6;*/
    z-index: 8;
}
.indexPart4-box ul li:hover .case_bg{
    background: #fff !important;
}

.index-footer { background: #F5F5F5 url(../images/map.png) no-repeat right bottom;margin-top:30px;}
.index-footer .foot{ width:100%; overflow:hidden;  padding: 40px 0; }
.index-footer .foot .wenzi{ overflow:hidden; color:#666; padding-right:55px;}
.index-footer .foot .wenzi h2{ color:#666; font-size:18px;}
.index-footer .foot .wenzi.logo h2{margin-top:40px;} 
.index-footer .foot .wenzi span{display: block; width: 20px; background: #ffffff; height: 2px; margin: 20px 0;}
.index-footer .foot .wenzi figure{ overflow:hidden; padding-top:20px;}
.index-footer .foot .wenzi figure a{ line-height:34px; color:#666666; display:block;}
.index-footer .foot .wenzi figure a:hover{ color:#666;}
.index-footer .foot .what{ overflow:hidden;}
.index-footer .foot .what strong{ display:block; float:left; padding:0 25px; text-align:center;}
.index-footer .foot .what strong img{ display:block; width:130px;}
.index-footer .foot .what strong span{ display:block; color:#666; font-size:16px;}
.index-footer .foot .wenzi:last-of-type{padding-right: 0;}


.index-footer .foot .wenzi2{padding-right: 30px;/* width: 30%;*/} 
.index-footer .foot .wenzi2 figure a{width: 23%; display: inline-block;}

.index-footer .bottom{ padding: 8px 0;background:#2F5AA4;}
.index-footer .bottom .left{ color:#ffffff;}
.index-footer .bottom .left a{color:#ffffff;}
.index-footer .bottom .right{color:#ffffff;}
.index-footer .bottom .right a{ color:#ffffff;}


.p-foot{display:flex;justify-content:space-between;}
.p-foot .logo figure{max-width: 340px;}

/*瀛愰〉闈?/
.fdsnt{ width:100%;  position:relative; margin-top: 90px;}
.fdsnt .sedatu{ width:100%; overflow:hidden; position:relative; background:#000;}
.fdsnt .sedatu .bepic{ width:100%; height:420px; background-repeat:no-repeat; background-position:center center;filter:alpha(opacity:80); opacity:0.8;}
.fdsnt .sedatu .wenzi{ width:100%; overflow:hidden; text-align:center; position:absolute; left:0; top:50%; margin-top:-100px; right:0; z-index:20;}
.fdsnt .sedatu .wenzi h2{ line-height:60px; font-size:48px; font-family:Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase;}
.fdsnt .sedatu .wenzi h3{ font-size:30px; color:#fff;}
.fdsnt .sedatu .wenzi .line{ display:block; width:70px; height:3px; background:#fff; margin:30px auto;}
.fdsnt .column{ width:100%; overflow:hidden; position:relative; z-index:90; box-shadow:0 0 10px 0 rgba(0,0,0,0.2); background:#fff;}
.fdsnt .column .wrap{ padding:30px 0; width:100%; overflow:hidden; background:#fff;}

.fdsnt .column .lanmu{ overflow:hidden;}
.fdsnt .column .lanmu li{ float:left; padding-right:50px; overflow:hidden;}
.fdsnt .column .lanmu li a{ font-size:16px;}
.fdsnt .column .lanmu li.on a{ color:#288567;}
.fdsnt .column .wezh{ overflow:hidden; color:#666; position:relative; padding-left:30px;}
.fdsnt .column .wezh:before{ content:""; display:block; width:20px; height:20px; background:url(../images/icon1.png) -170px -47px no-repeat; position:absolute; left:0; top:5px; overflow:hidden;}
.fdsnt .column .wezh a{ color:#666; padding:0 10px;}


/*褰撳墠浣嶇疆*/
.position-weizhi1{padding: 25px 0; color: #666666;box-sizing: border-box;}
.position-weizhi{padding: 25px 0; color: #666666;box-sizing: border-box;border-bottom: 1px solid #ececec;}
.position-weizhi img{display: inline-block; vertical-align: sub; margin-right: 10px;}
/*.position-weizhi a{color: #666666;}*/

.position-weizhi a{color: #000000;}
/*浜岀骇*/
.column{ width:100%; overflow:hidden; position:relative; z-index:90; box-shadow:0 0 10px 0 rgba(0,0,0,0.2); background:#fff;}

.position-weizhi .lanmu{ overflow:hidden; width:90%;}
.position-weizhi .lanmu li{ float:left; padding-right:30px; overflow:hidden;}
.position-weizhi .lanmu li a{ font-size:16px;}
.position-weizhi .lanmu li.on a{ color:#eb3c00;}
.page-main .indexPart3 {padding: 0;}
/*.page-main .indexPart3 .leftDiv{width: 48%; margin-left: 2%; margin-bottom: 10px;} */
/*.page-main .indexPart3 .leftDiv:nth-child(2n+1){margin-left: 0;}*/
.page-main .indexPart2-list ul li{margin-bottom: 40px;}

.fenye{  height: 80px; display: flex; display: -ms-flexbox; display: -moz-flex;  justify-content: center; align-items: center; 
margin-top: 40px; margin-bottom: 80px;}
.fenye a{ display: block; height: 40px; width: 40px; border-radius: 100%; background: #F5F5F5; text-align: center; line-height: 40px;
margin: 0 20px; transition: all 0.6s;}
.fenye a.on,.fenye a:hover{ background: #2c2a4e !important; color: #fff;}
.fenye span{ display: block; font-size: 16px; color: #666; margin: 0 20px;}

.fenye a:first-child,.fenye a:last-child{ width:auto;height:auto;background:none;}
.fenye a.prev:hover{background:none !important;color: #000;}
.page-main .detail-box{
    margin-top: 40px;
}
.page-main .detail-box2 .item {height: auto; width: 31.5%; border: 1px solid #d8d8d8; margin-bottom: 40px; float: left; margin-left: 2.5%;}
.page-main .detail-box2 .item .cou_nameCn{font-size: 22px; margin-bottom: 0;}
.page-main .detail-box2 .item .cou_img {width: 100%; height: 200px; position:relative;}
.page-main .detail-box2 .item .cou_img .img_post{
    position: absolute;
				left: 0;
				top: 0;
				right: 0;
				bottom: 0;
				margin: auto;
				width: auto;
				height: auto;
				max-width: 100%;
				max-height: 100%;
}
.page-main .detail-box2 .item .cou_block{width: 100%; padding: 20px; box-sizing: border-box;}
.page-main .detail-box2 .item .cou_te{height: 80px;}
.page-main .detail-box2 .item .cou_block .btnDiv{padding-top: 10px;}
.page-main .detail-box2 .item:nth-child(3n+1){margin-left: 0;}

.page-main .detail-box3{padding: 40px 0;}
.page-main .detail-box3 .span{display: block; width: 50px; height: 2px; color: #333333; margin: 40px 0; background: #333333;}
.page-main .detail-box3 .cou_te{height: auto;}
.page-main .detail-box3 .item .cou_img {height: auto;}
.page-main .detail-box3 .item {height: auto;}

.page-zhaopin{justify-content: space-between;
flex-wrap: wrap;
display: flex;
display: -ms-flexbox;
display: -webkit-flex;
-ms-flex-wrap: wrap;}
.page-zhaopin li{width: 49%; float: left;  margin-left: 2%; margin-bottom: 40px; background: #ffffff; padding: 30px; box-sizing: border-box; box-sizing: border-box;}
.page-zhaopin li .top{ display: -webkit-flex; /* Safari */  display: flex;  justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid #d8d8d8;}
.page-zhaopin li .top h2{color: #141418; font-size: 22px;}
.page-zhaopin li p{color: #888888;}
.page-zhaopin li .top span b{color: #eb3c00;}
.page-zhaopin li .bottom .position{width: 120px; margin: 30px 0; text-align: center; height: 38px; line-height: 38px; color: #ffffff; background: #eb3c00;}
.page-zhaopin li:nth-child(2n+1){margin-left: 0;}

.page-zhaopin-top{display: -webkit-flex; /* Safari */  display: flex;  padding: 50px 0;}
.page-zhaopin-top li{width: 32.5%; background: #ffffff; margin-left: 1.5%; padding:40px 30px; box-sizing: border-box; float: left; }
.page-zhaopin-top li h3{color: #141418; font-size: 24px; margin-bottom: 20px; line-height: 40px;text-align: center;}
.page-zhaopin-top li p{color: #666666;}
.page-zhaopin-top li:first-child{margin-left: 0;}



.swiper-container {
    width: 100%;
    height: 450px;
} 

.shang-info{padding: 50px 0 100px;}
.shang-info-img{width: 340px;  overflow: hidden; background: #ffffff; display: flex; align-items: center;  box-sizing: border-box;}
.shang-info-img img{width: 100%;}
.shang-info-text{width:calc(100% - 340px);padding:  0 40px; box-sizing: border-box;}  
.shang-info-text .text .dd1 {transition: all 0.6s; width: 100%;height: 50px; line-height: 50px; font-weight: bold;  margin-bottom: 10px; font-size: 24px; color: #333333;}
.shang-info-text .text .dd1 a img{margin-right: 5px; display: inline-block; vertical-align: middle;}
.shang-info-text .text .dd1 a{display: inline-block; background: #2c2a4e; width: 155px; height: 45px; line-height: 45px; color: #ffffff; text-align: center; border-radius: 5px; font-size: 15px; float: right;}
.shang-info-text .text .dd1:hover a{ background: #eb3c00;}

.shang-info-text .text .dd1 span {display: block;font-size: 20px;padding-top: 22px;color: #222;}
.shang-info-text .text .dd1 i {display: block;font-size: 14px;margin-top: 5px;}
.shang-info-text .text .dd2 {font-size: 13px;box-sizing: border-box;  overflow: hidden;}
.shang-info-text .text .dd2 .d1{margin-bottom: 20px;}
.shang-info-text .text .dd2 .d1 b {font-size:18px; margin-right: 15px;}
.shang-info-text .text .dd2 .d1 span{margin-right: 15px; color: #666666;}
.shang-info-text .text .dd2 .d2{}
.shang-info-text .text .dd2 .d2 i{color: #666666; display: inline-block; font-style:normal; background: #f5f5f5; height: 25px; margin: 0 10px 0 0; padding: 0 10px; overflow: hidden; line-height: 25px;}
.shang-info-text .text .dd2 .d3{margin-bottom: 20px; font-size: 18px; font-weight: bold; color: #333333;}
.shang-info-text .text2{margin-top: 40px;}
.shang-info-text .text2 h3{color: #333333; font-size: 18px; margin-bottom: 20px;}
.shang-info-text .text2 p{color: #666666; line-height: 30px;}


.page-main-display{box-sizing: border-box;text-align:center;}
.page-main-display .worksWord .index-w{width: 100%;margin: 0 auto;}
.worksWord { padding: 60px 0; }



.worksWord .tit { line-height: 1.5; font-size: 30px; color: #080808; font-weight: normal; padding: 10px 0 20px;  }
.worksWord .con { padding-top: 50px; text-align: justify; }
.worksWord .worksDetail-conten{
   width: 100%;
   border-bottom: 1px solid #ececec;
}
.worksWord .worksDetail-conten .txe{
    display: inline-block;
    width: 20%;
}

.backToList { padding: 40px 0; background: #f5f5f5; }
.backToList .con { position: relative; height: 50px;}
.backToList .link { display: block; color: #333; padding-right: 190px; margin-bottom: 10px; text-align: justify; line-height: 1.4; }
.backToList .link:hover { color: #004ea2; }
.backToList .back{ display: block; position: absolute; right: 0px; top: 0px; width: 170px; height: 50px; background-color: #000000; text-align: center; line-height: 50px; color: #fff; }
.backToList .back:before { content: ""; display: inline-block; width: 30px; height: 14px; vertical-align: middle; background: url(../images/aw2.png) no-repeat center center; margin-right: 15px; position: relative; transition: .56s; -webkit-transition: .56s; left: 0; }
.backToList .back:hover { background-color: #333333; }
.backToList .back:hover:before { left: 8px; }

.m-list{display:none;}



.join{ width:100%; overflow:hidden; background:none;}
.join h1{ color:#fff; overflow:hidden; text-align:center; font-size:32px; font-weight:bold; line-height:170px; letter-spacing:3px;}
.online{ padding:0 47px 20px; overflow:hidden; background:#fff;}
.online ul{margin-left: 10%;width:100%;}
.online li{ width:38%; float:left; margin:1% 2%; overflow:hidden; border:1px #e0e0e0 solid; border-radius:4px; line-height:48px;}
.online li input.text{ width:100%; padding-left:10px; height:48px; border:none; font-size:16px; background:none;}
.online li:first-child{ margin-left:0;}
.online li.on_11{ margin-left:0; height:210px; overflow-x:hidden; width:80%;}
.online li.on_11 textarea{ width:98%; padding:1%; font-size:16px; border:none; height:190px;}
.online li.on_22{ margin-left:0; width:80%; overflow:hidden; border:none;}
.online li.on_22 input.sub{ width:100%; height:48px; line-height:48px; background:#eb3c00; border:none; color:#fff; font-size:20px; cursor:pointer;}


.about-title{font-size:30px;}