*{ margin:0; padding:0;}
body{overflow-x:hidden; }
ul{ margin:0; padding:0;}
li{list-style:none;font-family:"Microsoft YaHei","arial","微软雅黑","verdana","宋体";}
.clear {height:0px;clear:both;}
textarea{font-family:"Microsoft YaHei","arial","微软雅黑","黑体","verdana","宋体";}
div{font-family:"Microsoft YaHei","arial","微软雅黑","黑体","verdana","宋体";}
p{font-family:"Microsoft YaHei","arial","微软雅黑","黑体","verdana","宋体"; margin:0; padding:0;}
a{text-decoration:none;font-family:"Microsoft YaHei","arial","微软雅黑","黑体","verdana","宋体";cursor:pointer;}
a:hover{text-decoration:none;}
img{ border:none;image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
    image-rendering: crisp-edges;    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */}
.px-0{ padding:0 0;}

.mx-0{ margin:0 0;}
.mbpx-0{padding:0 0;}
html {
          font-size: 100px; /*根元素默认的大小是16px*/
        }
.max-1920{ max-width:1920px !important; margin:auto;}		
	
@media screen and (max-width: 1680px){
	html{
		font-size:86px;
	}
}		
@media screen and (max-width: 1440px){
	html{
		font-size:78px;
	}
}

@media screen and (max-width: 1200px){
.hidden-1280{ display:none !important;}
}
@media screen and (max-width: 1024px){
	html{
		font-size:60px;
	}
}
@media screen and (max-width: 768px){
	html{
		font-size:60px;
	}
	
}


/*mask*/
.mask {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.mask:before {
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.readmask {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.readmask:before {
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}


.isPlay:before {
  width: 100%;
  height: 100%;
  display: block;
  content: "";

  animation-name: maskOut;
  animation-duration: .5s;
  animation-delay: .5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(.8,0,.5,1);
}


@keyframes maskOut {
  from {
    transform: translateX(0);
  }
  
  to {
    transform: translateX(100%);
  }
}

@font-face {font-family:'din';src: local('din'), url(../img/din.woff) format('woff');}

div.publicheadbk{ width: 100%; height: auto; background: #fff; padding:15px 3%; box-shadow: 0 0 20px rgba(0,0,0,0.1); position: sticky; top: 0; z-index: 9999999; }

div.publicheadlogo{width:404px; height:45px; float:left;}

div.publicheadlogo img{  height: 45px;}

div.publicheadrt{  float: right; height: 45px; }

div.publicheadrtnavback{  float: left;}

div.publicheadrtnav{ float: left; height: 45px; line-height:45px; color:#333; font-size: 16px; font-weight: 500; margin-left:0.3rem;}

div.publicheadrtnav a{ color:#333; transition: all 0.36s ease-in-out;}

div.publicheadrtnav a:hover{ color: #ff7f4e;}

div.publicheadrtuser{ float: right; height: 45px; line-height: 45px; margin-left: 0.6rem;}

div.publicheadrtuserlogin{ float: left; height: 45px; margin-left: 0.3rem; color:#333; font-size: 16px; font-weight: 500;}

div.publicheadrtuserlogin a{ color: #333;}

div.publicheadrtuserres{ float: left; height: 45px; margin-left: 0.3rem; color:#333; font-size: 16px; font-weight: 500;}

div.publicheadrtuserres a{ color: #333;}


nav.pagination-box{  text-align: center; margin-top: 45px !important;margin: auto;}

.paginatoin-area a, .paginatoin-area a sapn {
    height: 36px;
    line-height: 36px;
    padding: 0 12px;
    border-radius: 5px;
    margin: 0 5px;
    display: inline-block;
    color: #444;
    background: #ededed;
    cursor: pointer;
    background-color: #fff;
}

.paginatoin-area .active, .paginatoin-area a:hover, .paginatoin-area .current, .paginatoin-area a:hover, .paginatoin-area .page-num-current, .paginatoin-area a span:hover, .paginatoin-area a:hover span {
    background-color: #ff7f4e;
    color: #fff;
}

div.nycontoneback{ width: 1280px; margin: auto; margin-top: 30px;}

div.nycontoneleft{ width: 425px; height: auto; float: left;}


div.nycontentleftbigpic{width: 425px; height: 400px;}

div.nycontentleftbigpic .swiper-slide{width: 425px; height: 400px;}

div.nycontentleftbigpic .swiper-slide img{width: 425px; height: 400px;}

div.nycontentleftsmallpic{ margin-top: 25px;}

div.nycontentleftsmallpic .swiper-slide img{width: 100%; height: 140px;}

div.nycontentleftsmallpic .swiper-slide{opacity: 0.7;}

div.nycontentleftsmallpic .swiper-slide-thumb-active{ opacity: 1;}

div.nyswiperleft{ width: 45px; height: 45px; position: absolute; cursor: pointer; outline: none; z-index: 10; left: 15px; top: 50%; margin-top: -32.5px; background: url(../img/nyleftbutton.png) center no-repeat; background-size:100%;}

div.nyswiperright{ width: 45px; height: 45px; position: absolute; cursor: pointer; outline: none; z-index: 10; right: 15px; top: 50%; margin-top: -32.5px; background: url(../img/nyrightbutton.png) center no-repeat; background-size:100%;}


div.nyswiperleft:hover{background: url(../img/nyleftbuttonh.png) center no-repeat; background-size:100%;}

div.nyswiperright:hover{background: url(../img/nyrightbuttonh.png) center no-repeat; background-size:100%;}

div.nycontonert{ width: 820px; height: auto; float:right ; margin-top: 10px;}

div.nycontonert_t{ width:100%; height: auto; line-height: 1.8; font-size: 26px; font-weight:700; color: #333;}

div.nycontentrtxx{ width:100%; height: auto; line-height: 1.8; font-size: 18px; color: #333; margin-top: 10px;margin-bottom: 25px;}

div.nycontentmore{ width: auto; height: 55px; cursor: pointer;  border-radius: 35px; line-height: 55px; padding: 0 20px; color: #fff; font-size: 16px; display: inline-block; background: #1d1d1d;}

div.nycontentmore:hover{ background: #4b67ef;}

div.nycontentmore a{ width: 100%; height: 100%; display: block; color: #fff;}

div.nyconttwoback{ width: 1280px; height: auto; margin: auto;  margin-top: 45px;  padding-bottom: 50px;}

div.nyconttwo_t{ width:100%; height: auto; padding-bottom: 15px; line-height: 1.8; font-size: 30px; font-weight:700; color: #333;border-bottom: 1px solid #d4d4d4;}

div.nyconttwonr{ width: 100%; height: auto; padding: 35px 0 60px; line-height: 2; font-size: 16px;}

div.nyconttwonr img{ max-width: 100%;}

div.nyxgtj{ margin-top: 35px;}

div.loginback{ width: 100%; padding: 50px 0; min-height: 100vh; background: url(../img/loginbg.jpg) 50%/cover no-repeat; display: flex; align-items: center;}

div.loginmain{ width: 600px; height: 570px;  background:#fff; border-radius: 20px; position: relative; left: 8%; padding-top:50px; }

div.loginmain_t{ padding-left: 35px; letter-spacing: 8px; font-size: 40px; font-weight: 700;}

div.loginmain_li{ width:100%; height: auto; padding: 10px 35px 0;}

div.loginmain_li_t{ width: 100%; height: auto; line-height:30px; color: #888; font-size: 15px;}

div.loginmain_li_input{ width: 100%; height: 60px; border-radius: 10px; background: #e9e9e9; margin-top:5px;}

div.loginmain_li_input input{ width: 100%; height: 60px; line-height: 60px; color: #333; padding: 0 15px; font-size: 16px; background: none; border:none; outline: none;}

div.loginmain_submit{ width: 170px; height: 55px; border-radius: 15px; margin-left: 35px;margin-top: 18px; background: #08d6c9; line-height: 55px; text-align: center;}

div.loginmain_submit input{width: 100%; height: 100%; display: block; background: none; color: #fff; border: none; outline: none; font-size: 18px; letter-spacing: 8px;}

div.loginmain_submit:hover{ background: #021a93;}

div.loginmainbottom{ width: 100%; height: auto; padding:15px 35px 0;}

div.loginmainbottom a{ color: #08d6c9; font-size: 14px; transition: all 0.36s ease-in-out; margin-right: 25px;}

div.loginmainbottom a:hover{ color:#021a93;}


div.remain_li_t{ width: 100%; height: auto; line-height:30px; color: #888; font-size: 15px;}

div.remain_li{ width:100%; height: auto; padding: 10px 35px 0;}

div.remain_li_input{ width: 100%; height: 40px; border-radius: 10px; background: #e9e9e9; margin-top:5px;}

div.remain_li_input input{ width: 100%; height: 40px; line-height: 40px; color: #333; padding: 0 15px; font-size: 16px; background: none; border:none; outline: none;}

div.remain_submit{ width: auto; display: inline-block; padding: 0 20px; height: 35px; border-radius: 7px; margin-left: 35px;margin-top: 18px; background: #08d6c9; line-height: 35px; text-align: center; cursor:pointer;}

div.remain_submit input{width: 100%; height: 100%; display: block; background: none; color: #fff; border: none; outline: none; font-size: 14px; }

div.remain_submit:hover{ background: #021a93;}
div.remain_submit span{ color:#fff;}
div.remain {
    width: 600px;
    height: auto;
    background: #fff;
    border-radius: 20px;
    position: relative;
    left: 8%;
    padding-top: 26px;
    padding-bottom: 35px;
}

div.fabuoneback{ width: 960px; height:auto; margin: auto; padding: 55px 0 50px;}

div.fabu_1title{ width: 100%; height: auto; line-height: 50px; font-weight: 700; font-size: 28px; color: #333;}

div.fabu_1tabbk{ width: 100%; height: auto; margin-top: 25px;}

.step1 {
  width: 746px;
  background: url(../img/step.gif) top center no-repeat;
  height: 30px;
}
.step2 {
  width: 746px;
  background: url(../img/step.gif)  0 -30px no-repeat;
  height: 30px;
}
.step3 {
  width: 746px;
  background: url(../img/step.gif)  0 -60px no-repeat;
  height: 30px;
}
.step1 span, .step2 span, .step3 span {
  width: 248px;
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  display: block;
  float: left;
  color: #000;
}

.step1 span.cur, .step2 span.cur, .step3 span.cur {
  color: #fff;
}
font.number {
  font-size: 18px;
  margin-right: 5px;
}

div.fabu_xuanzebk{ width: 100%;}

div.fabu_xuanze_t{ width: 100%; height: auto; font-size: 20px; font-weight: 700;  padding-bottom: 15px; color: #333; margin-top: 35px; border-bottom: 1px solid #ebebeb;}

div.fabu_xuanzelistbk{ width: 100%; height: auto; margin-top: 25px;}

div.fabu_xuanzelist{height: auto; color:#333; font-size: 16px; float: left; margin-right: 25px; cursor: pointer;}

div.fabu_xuanzelist:hover{ color: #021a93;}

div.fabu2listback{ width: 960px; height: auto; margin: auto; margin-top: 35px;}

div.fabu2list_t{ width: 95px; height: 50px; float:left; line-height: 50px; color: #333; font-size: 16px; text-align: right;}

div.fabu2list_t span{ color: red;}

div.fabu2list_bread{ width: auto; height: 50px; line-height: 50px; float: left; color: #333; font-size: 15px;}

div.fabu2list_bread span a{ color: #021a93; cursor: pointer;}

div.fabu2list_bread select{ width: 160px; height: 35px; border-radius: 7px; border: 1px solid #E7E7E7; padding: 0 15px}

div.fabu2list_youxiao{ width: 300px; height:auto; float: left; margin-top: 5px;}

div.fabu2list_youxiao select{ width: 160px; height: 35px; border-radius: 7px; border: 1px solid #E7E7E7; padding: 0 15px}

div.fabu2list_xxtitle{ width: 750px; height:auto;  float: left;margin-top: 5px;}

div.fabu2list_xxtitle input{ width: 100%; height: 35px; border-radius: 7px; border: 1px solid #E7E7E7; padding: 0 15px}

div.fabu2listuploadpic{ width: 750px; height: auto; float: left;margin-top: 5px;}

div.fabu2list_content{ width: 600px; height: 300px; float: left; overflow: hidden;border: 1px solid #E7E7E7; border-radius: 5px; }

div.fabu2list_content textarea{ width: 100%; height: 100%; border-radius: 7px;  border: none; padding: 20px 15px; }

div.fabu2list_contentmt{ margin-top: 15px;}

div.fabu2list_xxtitle{ width: 250px; height: auto; float: left; margin-top: 5px;}

div.fabu2submit{ margin-top: 15px; padding-left: 100px;}

div.fabu2bottomxx{ padding-left: 100px; line-height: 2; font-size: 12px; color: #444; margin-top: 20px;}

div.fabu_suc{ width: 100%; height: auto; text-align: center; line-height: 3; color: #333; font-size: 18px; padding-top: 50px;}

div.fabu_suc span a{ color: red;}

div.publicheadrtusercenter{ float: left; height: 55px; margin-left: 0.3rem; color:#ff7f4e; font-size: 16px; font-weight: 500;}

div.publicheadrtusercenter a{ color: #ff7f4e;}

div.usercenterbk{ width:1280px; height:auto; margin: auto; padding:95px 0;}

div.usercenterleft{ width: 350px; height: auto; float: left;}

div.usercenterl_li1{ width:100%; height: 120px; background: #f5f5f5; cursor: pointer;}

div.usercenterl_li1_left{ width:85px; height: 85px; float: left; margin-top:18px ; float: left; margin-left: 25px; border-radius: 50%; border: 1px solid #cccccc; overflow: hidden;}

div.usercenterl_li1_left img{ width: 100%; height:100%;}

div.usercenterl_li1_rt{ width: 190px; height: auto; float: left; margin-left: 22px;}

div.usercenterl_li1_rt_t{ width: 100%; height: auto; line-height: 50px; color: #333; font-size: 18px; font-weight: 700;margin-top: 34px;}

div.usercenterl_li_list{ cursor: pointer; width: 100%; height: 70px;     font-size: 18px; border-top:#dfdfdf 1px solid; background: #fff; line-height: 70px; padding-left: 25px; }

div.usercenterl_li_list:hover{background: #4799ff; color: #fff;}

div.usercenterl_li_list:hover a{ color: #fff;}

div.usercenterl_li_listh{background: #4799ff; color: #fff;}

div.usercenterl_li_list a{color: #333; display: block; width: 100%; height: 100%;}

div.usercenterl_li_listh a{color: #fff;}

div.usercenterrt{width: 928px; float: right;  padding: 20px 0 50px;}

div.user1xiugai{  padding-left: 130px; margin-top: 15px;}

div.userinfobk{ width: 100%; margin-bottom: 10px; position: relative;}

div.userinfobk::before {
    content: '';
    display: block;
    width: 66%;
    height: 1px;
    border-bottom: 1px dashed #dddddd;
    position: absolute;
    left: 19px;
    bottom: 0;
}

div.fabu2list_userinfo{ float: left; height: auto; line-height: 50px; color: #333; font-size: 16px;padding-bottom: 9px;
 }

div.fabu2list_userinfo span.chongzhi{ margin-left: 10px; width: 70px; height: 40px; line-height: 40px; border-radius: 7px; border: 1px solid #00b724; color:#00b724;  display: inline-block; padding: 0 7px; text-align: center; cursor: pointer; transition: all 0.36s ease-in-out;}

div.fabu2list_userinfo span.chongzhi:hover{ background: #00b724; color: #fff;}

div.userfabutabbk{ width: 100%; padding:0 44px;}

div.userfabutab{ width: 115px; height:50px; float: left; font-size: 15px; margin-right: 7px; border-radius: 5px; border:#4799ff 1px solid;  line-height: 50px; text-align: center; color: #4799ff; margin-top:20px;}

div.userfabutab:hover{ background: #4799ff; color: #fff;}

div.userfabutabh{background: #4799ff; color:#fff;}

div.fabuinfolistbk{margin-top: 15px;}

div.fabuinfolist {
    width: 94%;
    height: auto;
    border-top: 1px dashed #c5c5c5;
    padding: 15px 44px;
    margin-left: 5%;
}
div.fabulistinfoleftpic{ width:130px; height: 100px; float: left;}

div.fabulistinfoleftpic img{ width: 130px; height: 100px;}

div.fabulistinfoleft_t{ width: 525px;
    margin-left: 15px;
    float: left;
    margin-top: 20px;
    height: 50px;
    line-height: 25px;
    font-size: 16px;
    overflow: hidden;
    color: #666;
    display: flex;
    align-items: center;}

div.fabulistinfoleft_shenhe{ width: 100px; float: left; height: 50px;  margin-top: 20px; line-height: 50px; text-align: center; font-size: 16px; color: red;}

div.nyhuiyuancontent{ width: 1280px; height: auto; line-height: 2; font-size: 16px; color: #333;  }

.el-breadcrumb {
  font-size: 16px !important;
  line-height: 1;
}
.el-breadcrumb__inner a, .el-breadcrumb__inner.is-link {
  font-weight: 500 !important;
  text-decoration: none;
  transition: color .2s cubic-bezier(.645,.045,.355,1);
  color: #fff !important;
}

.el-breadcrumb__separator{ color: #fff !important;}

div.myfabu_top{ width: 100%; height: 70px;}

div.myfabu_top_1{ width: 115px; height: auto; line-height: 70px; text-align: center; color: #767676; font-size: 18px; float: left;    margin-left: 67px;}
div.myfabu_top_2{ width: 115px; height: auto; line-height: 70px; text-align: center; color:#767676; font-size: 18px; float: left;    margin-left: 35px;}

div.myfabu_top_3{ width: 115px; height: auto; line-height: 70px; text-align: center; color:#767676; font-size: 18px; float: left;    margin-left: 415px;}

div.shenhetishi{ width: 100%; height: 20px; line-height: 20px; text-align: center; font-size: 12px; color: 767676; }

div.shenhetishi span{ color: #c7c7c7;}

div.shoukuanbk{ width:100vw; height: 100vh; position: fixed; top:0; left: 0; z-index: 999999; background:rgba(0,0,0,0.7); line-height: 100vh; text-align: center; display: none;}

div.shoukuanbk img{ width: 500px; height: 500px;}

div.panduantiaoshu{ display:none;}

div.indexbannerback{ width: 100%; height: 6rem;}

div.indexoneback{ width: 1280px; height: auto; margin: auto; padding: 30px 0 0;}

div.indexone_t{ width: 100%; height: auto; line-height: 45px; font-size: 26px; }

div.indexonemain{ width:100%; height:auto; margin: auto; margin-top: 30px;}

div.indexone_ft{ width: 100%; height: auto; line-height: 20px; color: #C4C4C4; font-size: 14px; text-transform: uppercase;}

div.indexonelefttopnav {
    width: 290px;
    height: auto;
    float: left;
    margin-right: 40px;
    padding-bottom: 13px;
    position: relative;
    top: 0;
	margin-bottom: 35px;
}

div.indexonelefttopnavpic{ width: 100%; height: 162px; margin-bottom: 14px; overflow: hidden;}

div.indexonelefttopnavpic img{ width: 100%; height:auto; transition: all 0.36s ease-in-out;}

div.indexonelefttopnav:hover div.indexonelefttopnavpic img{ transform: scale(1.1);}

div.indexonelefttopnavtitle{ width: 100%; height: 30px; line-height: 30px; padding: 0 12px; color: #000000; font-size: 14px; overflow: hidden;}

div.indexonelefttopnav:hover div.indexonelefttopnavtitle{ color:#ff7f4e; }

div.indexonelefttopnavdesc{    width: 100%;
    height: 25px;
    overflow: hidden;
    padding: 0 12px;
    line-height: 23px;
    color: #838383;
    font-size: 12px;}

div.indexonelefttopnavmore{ width: 45px; height: 6px; margin-left: 12px; background: url(../img/indexonejt.jpg) center no-repeat; margin-top: 14px;}
div.indexonelefttopnav:hover div.indexonelefttopnavmore{ margin-left: 20px;}

div.indexonelefttopnav:hover{ box-shadow: 0 0 20px rgba(0,0,0,0.1); top:-10px; }

div.indexonelefttopnav:nth-child(4n){margin-right: 0;}

div.indexoneleftbottom{ width:1280px; margin: auto; height: auto;}
div.indexonelefttopnav_1:hover div.indexonelefttopnavtitle{ color: #de2127;}

div.indexoneleftbottomnav{ width: 20%; height: 357px; float: left; overflow:hidden; margin-right: 6.6%;}

div.indexoneleftbottomnavpic{ width: 100%; height: 100%; top: 0; left: 0; position: absolute; }

div.indexoneleftbottomnavpic::before{content: ''; display: block; width: 100%; height: 60%; position: absolute; left:0; bottom: 0; background: linear-gradient(to bottom,transparent , rgba(0,0,0,0.5) );}

div.indexoneleftbottomnavicon{ width: 56px; height: 56px; position: absolute; left: 50%; margin-left: -28px; top: 45px;}

div.indexoneleftbottomnavtitleback{ width: 100%; height: auto; position: absolute; left: 0; text-align: center; bottom: 36px; line-height: 1.7; color: #ffffff; word-break: keep-all; padding: 0 34px; font-size: 20px;}

div.indexoneleftbottomnavjia{ width: 50px; height: 50px; position: absolute; bottom: 53px; left: 50%; margin-left: -25px; background: url(../img/indexonebottomjia.png) center no-repeat; opacity: 0;}

div.indexoneleftbottomnav:hover div.indexoneleftbottomnavpic{ transform: scale(1.1);}

div.indexoneleftbottomnav:hover div.indexoneleftbottomnavtitleback{ bottom: 133px; font-weight: 700;}

div.indexoneleftbottomnav:hover div.indexoneleftbottomnavjia{ opacity: 1;}

div.indexoneleftbottomnav:hover div.indexoneleftbottomnavicon{-webkit-animation:pudding 1s linear; -moz-animation:pudding 1s linear; -o-animation:pudding 1s linear; -ms-animation:pudding 1s linear; animation:pudding 1s linear;}

div.indextwomain{ width: 100%; height: auto; margin-top: 30px;}

div.indexoneleftbottomnav:nth-child(4n){margin-right: 0;}

div.indexthreeback{ width: 100%; height: auto; padding: 50px 0 50px; background: #f9f9f9; margin-top: 70px;}

div.indexthreemain{ width: 1280px; height: auto; margin: auto; }


div.indesixlist{ width:22%; float: left; margin-right: 4%; border-bottom:1px solid #bbb; margin-bottom: 35px; }

div.indesixlist:nth-child(4n){margin-right: 0;}

div.indesixlist_time {
    width: 100%;
    height: auto;
    line-height: 30px;
    color: #eab65d;
    font-size: 14px;
    font-family: 'sc500';
}

div.indesixlist_t{ width: 100%; height: 60px; overflow: hidden; color: #333333; font-size:16px; line-height:30px; margin-bottom: 17px;}

div.indesixlist_more{ width: 100px; height:40px; line-height:40px; text-align: center; color: #ffffff; font-size: 14px; background: #004d9d; margin-bottom:15px; margin-top:20px;}

div.indesixlist_pic{ width: 100%; height: 1.8rem; overflow: hidden;}

div.indesixlist_picbg{ width: 100%; height: 100%; transition: all 1s cubic-bezier(.165,.84,.44,1) 0s;}

div.indesixlist:hover div.indesixlist_picbg{ transform: scale(1.1);}

div.indesixlist:hover div.indesixlist_t{ color: #ff7f4e;}

div.indexthreelistbk{ width: 100%; height: auto; margin-top: 45px;}

div.indesixlist:hover{border-bottom: 1px solid #ff7f4e;}

div.indexfourback{ width:100%; height: auto; padding: 50px 0; }

.list-5{ margin-top: 25px;}


.list-5 li {
    margin-bottom: 15px;
    width: 49%;
    float: left;
    margin-right: 2%;
}


.list-5 li:nth-child(2n){margin-right: 0;}

.list-5 li a{display:block;border:1px solid #ddd;padding:15px;overflow:hidden}

.list-5 li .img-center{float:left;width:250px; height: 160px;}

.list-5 li .img-center img{ width: 100%; height: auto;}

.list-5 li .text{margin-left:270px}

.list-5 li .text h4{margin:0;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px; color: #4B4B4B;}

.list-5 li .text h4 span{float:right;font-size:12px;color:#999;font-weight:normal}

.list-5 li .text p{color:#797979}

.list-5 li .text .more{float:right;padding:6px 12px;color:#fff;background-color:#B6B6B6}

.list-5 li a:hover{border-color:#ff7f4e}

.list-5 li a:hover .text h4{color:#ff7f4e}

.list-5 li a:hover .text .more{background-color:#ff7f4e}

div.indexfiveback{ width: 100%; height: auto; background:#004d9d; padding: 45px 0;}

div.indexfivemain{ width: 1280px; height: auto; margin: auto;}

div.indexsix_t{ width: 100%; height: auto; line-height: 45px; font-size: 26px; color: #fff; }

div.indexsix_ft{ width: 100%; height: auto; line-height: 20px; font-size: 14px; text-transform: uppercase; color:#ebebeb;}

div.indexfivemid{ width: 100%; height: auto; margin: auto; margin-top: 25px;}

div.indexfivelist{ width: 100%; height: auto;}

div.indexfivelistpic{ width: 100%; height: 255px; position: relative; overflow: hidden;}

div.indexfivelistpicbg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;transition: all 1s cubic-bezier(.165,.84,.44,1) 0s;}

div.indexfivelistpicline{ width: 90%; height: 80%; position: absolute; left: 5%; top: 10%; border: 1px solid rgba(250,153,85,0.9); opacity: 0; transform: scale(1.05); transition: all 0.36s ease-in-out;}

div.indexfivelist_text{ width: 100%; height: 255px; padding: 15px; background: #fff;}

div.indexfivelist_text_t{ width: 100%; height: 30px; overflow: hidden; line-height: 30px; font-size: 16px; color: #464646;}

div.indexfivelist_text_ft{ width:100%; height: auto; line-height: 20px; font-size: 14px; color: #4a4a4a; }

div.indexfivelist:hover div.indexfivelistpicline{ transform: scale(1); opacity: 1;}

div.indexfivelist:hover div.indexfivelistpicbg{ transform: scale(1.05);}

div.indexfivelist_text_desc{ width: 100%; height: 60px; overflow:hidden; line-height:20px; font-size: 12px; margin-top: 5px; color: #898989; }

div.indexfivelist:hover div.indexfivelist_text_t{ color: #ff7f4e;}


div.indexfiveanniuback{ width:100%; height:auto; margin:auto; text-align:center; margin-top: 35px;}

div.indexfiveanniuleft{ width:40px; height:40px; border-radius:50%; overflow:hidden; background:url(../img/indexfiveleft.png) #fff center no-repeat; transition:all 0.5s ease-in-out; display:inline-block; cursor:pointer; margin:0 8px;}

div.indexfiveanniuleft:hover{  background:url(../img/indexfivelefth.png) #ff7f4e center no-repeat;}

div.indexfiveanniuright{ width:40px; height:40px; border-radius:50%; overflow:hidden; background:url(../img/indexfiveright.png) #fff center no-repeat; transition:all 0.5s ease-in-out; display:inline-block; cursor:pointer; margin:0 8px;}

div.indexfiveanniuright:hover{  background:url(../img/indexfiverighth.png) #ff7f4e center no-repeat;}

div.publicfooterback{ width: 100%; height: auto; padding: 50px 0 0; background: #323232;}

div.publicfooter{ width: 1280px; margin: auto;}

div.publicfooter_left{ width: 300px; height: auto; float: left;}

div.publicfooter_left img{ max-width: 100%;}

div.publicfooter_right{ float: right; height: 50px;}

div.publicfooter_right_nav{ float: left; height: 50px; line-height: 50px; color: #fff; font-size: 16px; margin-left:45px;}

div.publicfooter_right_nav a{ color: #d1d1d1; transition: all 0.36s ease-in-out;}

div.publicfooter_right_nav a:hover{ color: #fff;}

div.publicfooterxxback{ width: 100%; height:auto; margin: auto; text-align: center; color:#adadad; margin-top: 25px; padding-bottom: 25px; font-size: 14px;  }

div.publicfootericpbk{ width: 100%; height: auto; text-align: center; line-height: 26px; font-size: 12px; color: #adadad; border-top: 1px solid rgba(255,255,255,0.25); padding: 10px 0;}

div.publicfootericpbk a{ color:#adadad; transition: all 0.36s ease-in-out; }

div.publicfootericpbk a:hover{ color: #fff;}

div.nybannerback{ width: 100%; height: 450px; background: url("../img/nybannerbg.jpg") 50%/cover no-repeat;  display: flex;align-content: center;
    flex-wrap: wrap;}

div.nybanner_cnt{ width:100%; height: auto; line-height: 50px; color: #fff; letter-spacing: 3px; font-size: 36px; text-align:center;text-shadow: 1px 4px 6px black;}

div.nybanner_ent{ width: 100%; line-height: 30px; font-size: 16px; font-weight: 100; text-transform: uppercase; color: #fff; text-align:center;text-shadow: 1px 4px 6px black;}

div.neiyeback{ width: 1280px; height: auto; margin: auto; margin-top:20px; padding-bottom: 50px;}

div.neiyebread{ width: 100%; height: auto; line-height: 35px; color: #3A3A3A; font-size: 14px;}

div.neiyebread a{ color: #3a3a3a; transition: all 0.36s ease-in-out;}

div.neiyebread a:hover{ color:#ff7f4e;}

div.neiyelistback{ width: 100%; height: auto; }

.text-secondary a{ color: #333; transition: all 0.36s ease-in-out;}

.text-secondary a:hover{ color: #ff7f4e;}