*{ margin:0; padding:0;}
html{overflow-x:hidden; width:100vw; }
body{overflow-x:hidden; width:100vw; }
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;
	}
	
}

.pagesgao{ height: 70px;}
.pagination a {
	font-size: 16px;
	color: #777777;
	float: left;
	min-width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	margin-left: 22px;
}

.pagination p {
	margin-left: 22px;
	font-size: 16px;
	color: #777777;
	float: left;
	min-width: 36px;
	height: 36px;
	text-align: center;
	line-height: 36px;
}
.cur {
	width: 36px;
	height: 36px;
	line-height: 36px;
	color: #fff!important;
	text-align: center;
	border-radius: 50%;
	background: #0061ff;
}
.pagination {
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 70px;
}
.pagination a:hover {
	
	color: #0061ff;

}
div.pagesgao{ height: 70px;}
/*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:'dinblack';src: local('dinblack'), url(../img/dinblack.woff) format('woff');}

div.publicheadback{ width: 100%; height: auto; position: fixed; left: 0; top: 0; z-index: 999999; transition: all 0.36s ease-in-out;} 

div.publicheadback:hover{ background: #fff;}

div.publicheadback:hover div.publicheadlogo{background: url("../img/logoh.png") center no-repeat;}

div.publicheadback:hover div.publicheadnav>a{ color: #5f5f5f;}

div.publicheadback:hover div.publicheadico:nth-child(1){  background: url("../img/headico1h.png") center no-repeat;}
div.publicheadback:hover div.publicheadico:nth-child(2){  background: url("../img/headico2h.png") center no-repeat;}
div.publicheadback:hover div.publicheadico:nth-child(3){  background: url("../img/headico3h.png") center no-repeat;}

div.publichead{ width: 100%; max-width:1420px; margin: auto; padding: 0 15px; }

div.publicheadlogo{ width: 270px; height:40px; margin-top: 28px;  float: left; background: url("../img/logo.png") center no-repeat;}

div.publicheadlogo a{ display: block; width: 100%; height: 100%;}

div.publicheadico{ float: left; height: 21px; width: 21px;  cursor: pointer; margin-left: 26px;}

div.publicheadico:nth-child(1){  background: url("../img/headico1.png") center no-repeat;}
div.publicheadico:nth-child(2){  background: url("../img/headico2.png") center no-repeat;}
div.publicheadico:nth-child(3){  background: url("../img/headico3.png") center no-repeat;}

div.publicheadico:nth-child(1):hover{  background: url("../img/headico1hh.png") center no-repeat !important;}
div.publicheadico:nth-child(2):hover{  background: url("../img/headico2hh.png") center no-repeat !important;}
div.publicheadico:nth-child(3):hover{  background: url("../img/headico3hh.png") center no-repeat !important;}

div.publicheadnavbk{ width:calc( 100% - 270px - 141px); float: left; display: flex; justify-content: center; flex-flow: nowrap;}

div.publicheadnav{  height: 90px; line-height: 90px; text-align: center; color: #ffffff; font-size: 14px; padding: 0 14px; margin: 0 17px; position: relative;}

div.publicheadnav::before{ content: '';  display: block; height: 3px; width: 100%; background: #195dcb;    transition: transform .5s;
    transform: scaleX(0);
    transform-origin: 100% 0;}

div.publicheadnav>a{ color: #fff; height: 60px; display: block; overflow: hidden; transition: all 0.36s ease-in-out;}

div.publicheadnav:hover:before{transform: scaleX(1);transform-origin: 0 100%;}

div.publicheadnavxl{ width: 198px; height: auto; position: absolute; top: 100px; left: -56px; opacity: 0; visibility: hidden; transition: all 0.36s ease-in-out;}

div.publicheadnav:hover div.publicheadnavxl{ opacity: 1; visibility: visible; top: 90px;}

div.publicheadnavxlnav{ width: 100%; height: 80px; border-bottom: 1px solid #e8e8e8; line-height: 80px; text-align: center; background: #fff; color: #727272;}

div.publicheadnavxlnav>a{ width: 100%; height: 100%; display: block;color: #727272;}

div.publicheadnavxlnav:hover{ background: #2278db;}

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

div.indexbannerback{ width: 100vw; height: auto; position: relative;}

div.indexbanner{ width: 100%; height: 100%;}
div.indexbanner div.swiper-slide{opacity: 0 !important;transition: all 1s ease-in-out;}
div.indexbanner div.swiper-slide-active{opacity: 1 !important;transition: all 1s ease-in-out;}
div.indexbanner div.swiper-slide div.bannerbg{ filter: blur(3px);  transform: scale(1.15) translate3d(10px, -10px, 0); transition: all 1s ease-in-out;}

div.indexbanner div.swiper-slide-active div.bannerbg{filter: blur(0px);  transform: scale(1) translate3d(0, 0, 0); transition: all 1s ease-in-out;}

div.swiper-paginationin{ width: 11.4rem !important; height: 0.4rem !important;   position: absolute; left: 50%!important; margin-left:-5.7rem;  bottom: 1rem!important; z-index: 1000; border-bottom: 1px solid rgba(255,255,255,0.2);  display: flex; justify-content: center; flex-flow: nowrap;}

div.swiper-paginationin div.swiper-pagination-bullet{  display: inline-block; padding: 0 0.32rem; position: relative;height: 0.4rem; color: #949fa5; font-size: 14px; cursor: pointer; outline: none; transition: all 0.36s ease-in-out;}

div.swiper-paginationin div.swiper-pagination-bullet::before{ content: ''; display: block; width: 0; height: 2px; background: #fff; position: absolute; left: 0; bottom: 0;}


@-webkit-keyframes bannerpointline {
    0% { 
     width:0;
    }
    100% { 
      width:100%;
    }
  }

div.swiper-paginationin div.swiper-pagination-bullet:hover{ color: #fff;}

div.swiper-paginationin div.swiper-pagination-bullet-active{ color: #fff;}

div.swiper-paginationin div.swiper-pagination-bullet-active::before{animation: bannerpointline 4.5s linear 1 forwards;}

div.indexbanner .swiper-wrapper{ width: 100%; height: 100%;}

div.indexbanner div.swiper-slide{ width: 100%; height: 100%;}

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

div.indexbannerright{ width: 54px; height: 54px; position: absolute; right: 0.95rem; bottom:10px; background: url("../img/indexrightjt.png") center no-repeat; border: 1px solid rgba(255,255,255,0.33); border-radius: 50%; cursor: pointer; outline: none; z-index: 9999;}

div.indexbannerright:hover{ background:url("../img/indexrightjt.png") #195dcb center no-repeat;border: 1px solid #195dcb; }

div.indexbannerleft{ width: 54px; height: 54px; position: absolute; left: 0.95rem; bottom:10px; background: url("../img/indexleftjt.png") center no-repeat; border: 1px solid rgba(255,255,255,0.33); border-radius: 50%; cursor: pointer; outline: none; z-index: 9999;}

div.indexbannerleft:hover{ background:url("../img/indexleftjt.png") #195dcb center no-repeat;border: 1px solid #195dcb; }

div.banner-table{ width: 100%; height: calc( 100% - 1rem); display: table; position: absolute; left: 0; z-index: 0; top: 0;}

div.banner-celltable{ width:100%;  height: 100%; display: table-cell; vertical-align: middle;}

div.banner_1title{ width: 100%;max-width: 1280px; margin: auto; height: 0.45rem; line-height:0.45rem; text-align: center; color: #ffffff; font-size: 0.2rem;}

div.banner_2title{ width:100%;max-width: 1280px; margin: auto; height: 0.76rem; line-height: 0.76rem; text-align: center; color: #fff; font-size: 0.5rem; font-weight: 700; }

div.banner_2title span{ color: #0061ff;}

div.banner_2desc{  margin: auto; height: auto; line-height: 0.28rem;  text-align: center; color: #fefefe; font-size: 14px; opacity: 1; margin-top: 0.15rem;}
div.banner-table1280{width: 100%;max-width: 1280px;  margin: auto; display: table; height: 100%;}
div.banner_yuan{ width: 32px; height: 32px;  margin: auto;  margin-top: 0.2rem; position: relative;}

div.banner_yuan .banneryuan{ stroke:#fff; fill:transparent; stroke-dasharray:100; stroke-dashoffset:0; transition: all 1s ease-in-out; transition-delay: 0.3s; }
div.banner_yuan svg{ width: 100%; height: 100%;}

div.banner_yuan:hover .banneryuan{stroke-dashoffset:100; transition-delay: 0s; fill:#195dcb;}

div.banner_yuanjt{ width: 40px; height: 11px; position: absolute; left: 14px; top: 50%; margin-top: -5px; background: url("../img/indexbannerjt.png") center no-repeat;transition: all 0.5s ease-in-out; }


div.indexbannersjtpic{ width: 59%; height: 70vh; position: absolute; left: 0; top: 15vh;      text-align: center;}

div.indexbannersjtpic img{  max-width: 90%; max-height: 90%;}

div.bannersjtewm{ width: 1.38rem; height: auto; text-align: center; color: #fff; font-size: 14px; margin-top: 0.2rem;}

div.bannersjtewm img{ width: 100%; margin-bottom: 0.05rem;}

div.indexbannerbottomxx{ width: 100%; height: 1rem; position: absolute; left: 0; z-index: 999; bottom: 0; line-height: 1rem; color: #c2d4de; font-size: 14px; opacity: 0.2; text-align: center;}

div.indexbannerbottomxx a{ color: #c2d4de;}

div.nybannerback{ width: 100%; height: 5.76rem; position: relative;}

div.nybannertable{ width: 100%; height: 100%; display: table;}

div.nybannertable-cell{ width: 100%; display: table-cell; vertical-align: middle;}

div.nybanner_cn{ width: 100%; height: auto; line-height: 1.5; text-align: center; color: #ffffff; font-size: 0.3rem;}

div.nybanner_cnweight{ width: 100%; height: auto; line-height: 1.5; text-align: center; color: #ffffff; font-weight: 700; font-size: 0.35rem;}

div.nybanner_cnweight span{ color: #0061ff;}

div.nynavback{ width: 100%; height: 38px; position: absolute; left: 0; bottom: 0; display: flex; flex-flow: nowrap; justify-content: center; display:none;}

div.nynav{  padding: 0 46px; height: 38px; position: relative; line-height: 10px;}

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

div.nynav a:hover{ color: #0061ff;}

div.nynavhover a{ color: #0061ff;}

div.nynavhover::before{  content: ''; display: block; width: 1px; height: 9px; background: #0061ff; position: absolute; left: 50%; margin-left: -0.5px; bottom: 0;}

div.gywmone{ width: 100%; max-width: 1280px; height: auto; margin: auto; padding:0 15px; padding-top: 25px;} 


div.gywmoneleft_1{ height: auto;
    line-height: 1.2;
    color: #393939;
    font-size: 0.3rem;
}

div.gywmoneleft_2{ height: auto; line-height: 1.5; color: #686868; font-size: 0.2rem;}

div.gywmoneleft_line{ width: 188px; height: 30px; border-bottom: 1px solid #dedede;}

div.gywmonert{ width: 165px; height: 50px;  background: url("../img/gywmonertbutton.jpg") center no-repeat; margin-top: 10px; cursor: pointer;}

div.gywmonecont{ width: 100%; height: auto; line-height: 32px; color: #777777; font-size: 13px; margin-top: 7px; padding-bottom: 20px;}

div.gywmnumback{ width: 100%; height: auto; margin-top: 10px; }

div.gywmnum{  display: flex; flex-flow: nowrap; justify-content: center; margin-bottom:20px;}

div.gywmnumpic{ width: 45px; height: auto;    margin-top: 22px;}
div.gywmnum_rt{  margin-left:7px;}
div.gywmnum_rt_1{ height: 57px; line-height: 54px; color: #2278db; font-size: 60px;}

div.gywmnum_rt_1 span{ font-family: 'dinblack';}
div.gywmnum_rt_1 sup{ font-size: 14px;  top: -2.5em; left: 0.05rem; font-weight:700;}

div.gywmnum_rt_2{ height: 23px; line-height: 23px; color: #2278db; font-size: 14px; }

div.gywmtwotop{ width: 100%; height:auto; padding: 23px 15px; background: #2278db;margin-top: 15px; }

div.gywmtwotopmian{ width: 100%; max-width: 1280px; height: auto; margin: auto; }

div.gywmtwotopleft{  float: left; color: #fff; font-size: 40px;height: 60px; line-height: 60px;}

div.gywmtwotoprt{ float: right;height: auto; line-height: 30px; text-align: right; color: #9dcbff; font-size: 14px; }

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

div.gywmtwolist{ width:50%; height: auto; float: left; overflow: hidden;   }

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

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

div.gywmthree{ width: 100%; max-width: 1280px; height: auto; margin: auto; padding: 25px 15px 20px;}

div.gywmthree_1 {
    width: 100%;
    height: auto;
    line-height: 1.3;
    color: #393939;
    font-size: 0.35rem;
}
div.gywmthree_list{ width: 50%; height: 5rem; float: left; border-radius: 15px; overflow: hidden; padding-top: 50px; position: relative;}

div.gywmthree_list a{ display: block; width: 100%; height: 100%;}

div.gywmthree_list_t{ width: 100%; height: 36px; line-height: 36px; text-align: center; color: #ffffff; font-size: 22px; font-weight: 700; }

div.gywmthree_list_tico{ width: 42px; height: 42px; border-radius: 50%; background: #fff; line-height: 42px; text-align: center; position: absolute; left: 50%; margin-left: -21px; bottom: 43px; color: #444444; font-size: 22px; font-weight:700;}

div.gywmthree_list:nth-child(1){ margin-left: 0;}

div.gywmthree_list:hover div.gywmthree_list_tico{ background: #2278db; color: #fff;}

div.gywmthree_main{ margin-top: 26px; width: 100%;}

div.indexfooter{ width: 100%; height: auto; background: #393939; padding-top: 0.7rem; padding-bottom: 0.75rem; display:none;}

div.indexfooterbacktop{ width: 61px; height: 61px; background:url("../img/backtop.png") center no-repeat; position: absolute; top: calc(-30px - 0.7rem); right: -60px; cursor: pointer; outline: none;}

div.indexfooter_main{width:96%; margin: auto; max-width: 1280px; display: flex; flex-flow: nowrap; justify-content: space-between; position: relative;}

div.indexfooter_l{ height: auto; float: left;}

div.indexfooter_ln{ float: left; margin-right: 0.6rem; margin-top: 2px;}

div.indexfooter_ln:nth-child(5){ margin-right: 0;}

div.indexfooter_ln_1{ height:43px; line-height: 43px; color: #ffffff; font-size: 16px; margin-bottom: 4px; }

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

div.indexfooter_ln_2{ height: 30px; line-height: 30px; color: #6f6f6f; font-size: 14px;}

div.indexfooter_ln_2 a{ color: #6f6f6f; transition: all 0.36s ease-in-out;}

div.indexfooter_ln_1 a:hover{ color: #308ce3;}

div.indexfooter_ln_2 a:hover{ color: #308ce3;}

div.indexfooter_ewm{ width: 132px; height: auto; }

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

div.indexfooter_ewmpic img{ width: 100%;}

div.indexfooter_ewmt{ width: 100%; height: 45px; line-height: 45px; text-align: center; white-space: nowrap; color: #777777; font-size: 14px;}

div.indexfooter_rt{ width: auto; height: auto; position: relative; top: 0;}


div.indexfooter_rt_li{ width: 100%; height: auto; line-height: 30px; padding-left: 29px; background: url(../img/footerico1.png) 0px 3px no-repeat; color: #b6b6b6; font-size: 14px; margin-bottom: 12px;}

div.indexfooterbottom{ width: 100%; height: auto; background: #333333; padding: 19px 0; text-align: center; line-height: 34px; color: #6a6969; font-size: 14px;}

div.indexfooterbottom a{ color: #6a6969; transition: all 0.36s ease-in-out;}

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

.videos{ display:none; border: 1px solid #080808; position:fixed; left:50%; top:50%; margin-left:-320px; margin-top:-210px; z-index:100; width:640px; height:360px; }
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }


div.dashijimain{ width: 1280px; height: auto;margin: auto; padding-top: 86px;}

div.dashijimainqh{ width: 98%; margin: auto; max-width: 1280px;  margin-top: 87px; padding-bottom: 141px; position: relative;}

div.dsjlist{ width: 100%; height: auto; background: #fff;  border-top: #e6e6e6 5px solid; border-bottom: #e6e6e6 5px solid; padding-top: 50px; padding-bottom: 47px; transition: all 0.36s ease-in-out;}

div.dsjlistpic{ width:2.36rem; height: 2.36rem; margin: auto; border-radius: 100%; overflow: hidden; margin-bottom: 0.28rem;}

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

div.dsjlist:hover div.dsjlistpic img{ transform: scale(1.1);}

div.dsjlist:hover{ border-top: #0f77df 5px solid !important; border-bottom: #0f77df 5px solid !important;}

div.dsjlist_t{ width: 100%; height: 0.78rem; line-height: 0.78rem; text-align: center; color: #767676; font-size:60px; font-family: 'dinblack'; transition: all 0.36s ease-in-out;}

div.dsjlist_din{ width: 34px; height: 1px; background: #0f77df; margin: auto; margin-top: 10px; display: none; transition: all 0.36s ease-in-out;}

div.dsjlist_desc{ width: 85%; margin: auto; height: 1.04rem; line-height: 0.26rem; margin-top: 0.23rem; color: #707070; font-size: 0.14rem; overflow: hidden; text-align: justify; }

div.dashijiqh{ width: 100%;  overflow: hidden;}

div.dsj_buttonlt{ width: 23px; height: 16px; position: absolute; left: 0; top: 40%; background: url(../img/dsjleft.png) center no-repeat; transition: all 0.36s ease-in-out; cursor: pointer; z-index: 99; outline: none;}

div.dsj_buttonlt:hover{ background: url(../img/dsjlefth.png) center no-repeat;}


div.dsj_buttonrt{ width: 23px; height: 16px; position: absolute; right: 0; top: 40%; background: url(../img/dsjright.png) center no-repeat; transition: all 0.36s ease-in-out; cursor: pointer;z-index: 99; outline: none;}

div.dsj_buttonrt:hover{ background: url(../img/dsjrighth.png) center no-repeat;}

div.licheng_titleback{ width: 100%; max-width: 1280px; height: auto; margin: auto; padding:0 15px; padding-top: 15px;}

div.licheng_title_1{ width: 100%; height: auto; line-height: 1.5; color: #393939; font-size: 0.3rem;}

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

div.qywhcontback{ width:100%; height: auto; padding: 15px 15px 70px;  margin: auto; line-height: 35px; color: #7e7e7e; font-size: 16px;}

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

div.lianxitline{ width: 39px; height: 3px; background: #1265ec;}

div.lianxione{ width: 100%; height: auto; margin: auto; padding-top: 27px; padding-bottom: 29px;}

div.lianxione_l{ float: none; height: auto; max-width: 657px; line-height: 60px; }

div.lianxione_l p{  color: #707070; font-size: 14px; padding-left: 40px;}

div.lianxione_l p strong{ color: #444444;}

div.lianxione_l p:nth-child(1){ background: url("../img/lxwmico1.png") 0px 15px no-repeat;}

div.lianxione_l p:nth-child(2){ background: url("../img/lxwmico2.png") 0px 15px no-repeat;}

div.lianxione_l p:nth-child(3){ background: url("../img/lxwmico3.png") 0px 15px no-repeat;}

div.lianxione_r{ width: 216px; height: 62px; float: none; background: url("../img/lxwmrtpic.png") center no-repeat; margin-top: 25px;}

div.lianxione_r a{ display: block; width: 100%; height: 100%;}

div.lianxiditu{ width: 100%; height: 3rem;}


.jrxm {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #e6e6e6;
	margin-top: 60px;


}

.dyh {
	width: 100%;
	height: 64px;
	line-height: 64px;
	text-align: center;
	color: #4e4d4d;
	font-size: 16px;
	background: #f5f5f5;
}

.dyh div {
	border-right: 1px solid #e6e6e6;
	float: left;
}

.gwmc {
	width: 16.66666%;overflow: hidden;height: 64px;
}

.zprs {
	width:  16.66666%;overflow: hidden;height: 64px;
}

.gzdd {
	width:  16.66666%;overflow: hidden;height: 64px;
}

.xzfw {
	width:  16.66666%;overflow: hidden;height: 64px;
}

.xlyq {
	width:  16.66666%;
	overflow: hidden;height: 64px;
}

.gznx {
	width:  16.66666%;
	border: none !important;
	overflow: hidden;height: 64px;
}

.jrzp {
	background: #fff;
	border-top: 1px solid #e6e6e6;
}

.jrzp div {
	border: none;
	color: #787878;
	font-size: 14px;
}

.xshs {
	color: #ff0000 !important;
}

.jfg .jrzp:hover {
	color: #202020;
	background: #f7f7f7;
}

.jfg .jrzp:hover div {
	color: #202020;
}

.ssjgyc a {
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-top: 8px;
}

.jrwmxx {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background: #f8f8f8;
	position: relative;
	margin-top: 40px;
	padding: 0 15px;

}

.jrxqbt {
	color: #3a3a3a;
	font-size: 0.36rem;
	font-weight: bold;
	line-height: 1;
	padding-top: 45px;
}

.ewtrew {
	width: 100%;
	height: auto;
	background: #e5e5e5;
	margin-left: auto;
	margin-right: auto;
	margin-top: 43px;
}

.ewtrew {
	font-size: 16px;
	color: #1f1f1f;
	display: -webkit-flex;
	display: flex;
	text-align: left;
	padding-left: 10px;
	flex-wrap: wrap;
	padding-top: 15px;
	padding-bottom: 10px;
}

.ewtrew p {
	width: 280px;
	height: 30px;
	line-height: 30px;
}

.ewtrew span {
	color: #ff0000;
}

.zwms {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.zwmsbt {
	color: #000;
	font-size: 18px;
	font-weight: bold;
	padding-top: 47px;
}

.zwmsnr {
	color: #595959;
	font-size: 14px;
	line-height: 38px;
	margin-top: 10px;
}

.jrnrxx {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 1px;
	border-top: 1px dashed #d5d5d5;
	margin-top: 52px;
	margin-bottom: 10px;
}

.jltd {
	color: #363636;
	font-size: 16px;
	margin-top: 73px;
	margin-left: 70px;
}

.jltd span {
	font-weight: bold;
}

.jltd p {
	float: left;
}

.jltd p:nth-child(2) {
	margin-left: 77px;
}

.tdcgw {
	width: 171px;
	height: 41px;
	line-height: 41px;
	color: #fff;
	font-size: 16px;
	background: #5e6b80;
	border-radius: 20px;
	display: inline-block;
	margin-top: -9px;
	text-align: center;
	float: right;
	margin-top: 72px;
	margin-bottom: 80px;
	transition: all 0.36s ease-in-out;
}
.tdcgw:hover{background: #2278db; color: #fff;} 
.fhlb {
	margin-right: 84px;
	margin-left: 55px;
}

.jrwmsj {
	font-size: 14px;
	color: #585858;
}

div.liuyanmain{ width: 100%; height: auto; margin: auto; margin-top: 35px; padding-bottom: 70px;}

div.liuyanmain_t{ width: 100%; height:80px; background: url("../img/liuyan_t.jpg") center no-repeat;}

div.liuyanmain_bottom{ width: 100%; height: auto; border: 1px solid #eeeeee; border-top: none; padding: 0 15px; padding-top: 38px; padding-bottom: 35px;}

div.liuyanmainnav{ width: 100% !important; height: auto; float: none !important; margin-left: 0 !important;margin-bottom:20px; }

div.liuyanmainnav_t{ width: 100%; height: 51px; line-height: 51px; color: #7d7d7d; font-size: 15px;}

div.liuyanmainnav_t span{ color: #ff0000; font-size: 15px;}

div.liuyanmainnav_nav{ width: 100%; height: 62px; border: 1px solid #dee6ff; overflow: hidden; line-height: 62px; }

div.liuyanmainnav_nav input{ width: 100%; height: 100%; display: block;  background: none; border: none; outline: none; padding: 0 15px; color: #7d7d7d;font-size: 15px; }

div.liuyanmainnavline{ width: 100%; height: 1px; background:#dee6ff; margin-top: 40px; margin-bottom: 40px; }

div.liuyanmainnav_navtextarea{ width: 100%; height:340px; border: 1px solid #dee6ff; overflow: hidden; line-height: 36px; padding: 10px 15px; }

div.liuyanmainnav_navtextarea textarea{ width: 100%; height: 100%; display: block;  background: none; border: none; outline: none; padding: 0 15px; color: #7d7d7d; font-size: 15px;}

div.liuyansubmit{ width: 211px; height: 57px; border-radius: 7px; background: #1365ec; line-height: 57px; text-align: center; color: #fff; margin-left:0;float: left;}

div.liuyansubmit input{ width: 100%; height: 100%; background: none; border: none; outline: none;  font-size: 16px; color: #fff;}

div.liuyancordimg{ width: 133px; height: 51px; float: left; margin-left: 40px;}

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

div.liuyancordinput{ width: 236px; height: 57px; margin-left: 10px;line-height: 57px; border-radius: 7px; background: #f5f5f5;float: left; }

div.liuyancordinput input{ width: 100%; height: 100%; display: block; padding: 0 15px; background: none; border: none; outline: none; color: #b0b0b0; font-size: 14px;}

div.liuyancordinput::placeholder{ color: #b0b0b0;}

div.lianxitsjtline{ width: 73px; height: 1px; background: #dedede; margin: auto;}

div.nybannersjtback{ width: 100%; height: 7rem; position: relative;}

div.nysjtpic{ width: 6.4rem; height: auto; position: absolute; left: 50%; margin-left: -8.2rem; top: 0.5rem;}

div.nysjtpic img{ width: 100%;}

div.sjtrightbutton{ width: 51px; height: 131px; position: fixed; right: 0; top: 50%; margin-top: -65px; background: url("../img/sjtrt.png") center no-repeat; cursor: pointer;}


div.gywmtwotan{ width: 100%; height: 80vh; background: #fff; position: fixed; bottom: 0;z-index: 99999;  left:0; transform: translate3d(0,100%,0); transition: all 0.6s ease-in-out;}

div.gywmtwotanshow{transform: translate3d(0,0,0);}

div.lxwmtwoformnav{ width:100% !important;}

div.gywmtwotanclose{ width: 70px; height: 105px; position: absolute; right: 0; top: 0; background: #1c61cc; border-bottom-right-radius: 15px; display: table;}

div.lxwmtwoform{ padding:0 15px !important;}

div.gywmtwotanclosecell{  display: table-cell; text-align: center; vertical-align: middle;}

div.gywmtwotanico{ font-size: 20px; color: #fff; line-height: 2;}

div.gywmtwotancn{ width: 100%; height: auto; line-height: 2; font-size: 16px; color: #fff;}

div.gywmtwotannr{ width: 100%; height: 100%; padding: 50px 15px 20px;}

div.gywmtwotannrover{ width: 100%; height: 100%; padding-right: 20px; overflow-y: auto; line-height: 2; font-size: 16px; color: #666;}

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

div.yingxiaoback{ width: 100% !important; height: auto; margin: auto; 	padding: 0 15px;padding-top: 20px;}

.page_shouye{ display:none;}
.page_syy{ display:none;}
.page_xyy{ display:none;}
.page_weiye{ display:none;}


/* 媒体中心开始 */
.mtxwwk {
	width: 100%;

	height: auto;
	background: #fff;
	border-bottom: 2px solid #e8e8e8;
	float: none;
	margin-left: 0;
	margin-bottom: 30px;
	transition: .5s all;
}


.mtxwwk:nth-child(5) {
	margin-bottom: 0;
}

.mtxwwk:nth-child(6) {
	margin-bottom: 0;
}

.mtxwwk:hover {
	box-shadow: 0px 2px 20px 10px rgb(130 130 130 / 15%);
	border-bottom: 2px solid #0c44a4;
}

.mttp {
	width: 100%;
	height: auto;
	overflow: hidden;
	
}

.mttp>img {
	width: 100%;
	transition: all 0.36s ease-in-out;
}
.mtxwwk:hover .mttp>img{ transform: scale(1.1);}
.mtwzxk {
	width: 100%;
	height: 200px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.mtgxxwbt {
	font-size: 16px;
	color: #555555;
	line-height: 35px;
}

.mtxwsj {
	font-family: "dinblack";
	color: #9c9c9c;
	font-size: 18px;
	line-height: 1;
	margin-top: 70px;
}

/* 媒体中心结束 */



div.shoufeitwo_list{ width: 582px; height: 254px; float: left; border: 1px solid #e5e5e5; margin-top: 70px; padding: 30px 40px 0;    margin-left: 116px;}

div.shoufeitwo_list_top{ width: 100%; height: 70px; background: url(../img/xiazaijt.png) center right no-repeat; transition: all 0.36s ease-in-out;}

div.shoufeitwo_list_l{ float: left; width: 68px; height: 70px; }

div.shoufeitwo_list_l img{ width: 68px; height: 68px;}

div.shoufeitwo_list_r{ width: 350px; height: 70px; line-height: 70px; color: #434343; font-size: 16px; overflow: hidden; float: left; margin-left: 15px;}

div.shoufeitwo_list_top_border{ width: 100%; height: 25px; border-bottom: 1px solid #d7d7d7;}

div.shoufeitwo_list_more{ width:122px; height: 36px; float: right; margin-top: 44px; background: url(../img/xiazaimore.png) center no-repeat; line-height: 36px; padding-left: 17px; color: #868686; font-size: 14px; transition: all 0.36s ease-in-out; }

div.shoufeitwo_list:hover div.shoufeitwo_list_top{background: url(../img/xiazaijth.png) center right no-repeat;}

div.shoufeitwo_list:hover div.shoufeitwo_list_more{background: url(../img/xiazaimoreh.png) center no-repeat;color: #ffffff;}

div.yewu1onebk{ width: 100%; height: auto; margin: auto; padding: 24px 15px 20px;}

div.yewu1oneleft{ width: 100%; height: auto; float: none;}

div.yewu1oneleft_tbk{ width: 100%; height: auto; line-height: 1.5; color: #393939; font-size: 0.35rem;}

div.yewu1oneleft_tline{ width: 190px; height: 1px;  background: #dedede; margin-top: 18px; margin-bottom: 29px;}

div.yewu1oneleft_desc{ width: 100%; height: auto; line-height: 31px; color: #7e7e7e;font-size: 15px;}

div.yewu1onert{ width: 100%; height: 4rem; float: right; background: url("../img/zhihuionert.jpg") center no-repeat;}

div.yewu1twoback{ width: 100%; height: auto; background: url("../img/yewu2bg.jpg") 50%/cover no-repeat; padding-top: 62px; padding-bottom: 60px;}

div.yewu1two_t{     width: 100%;
    height: auto;
    line-height: 1.3;
    text-align: center;
    color: #ffffff;
    font-size: 0.36rem;}

div.yewu1two_main{ width: 100%; height: auto; margin: auto; margin-top: 39px; padding:0 15px;}

div.yewu1two_nav{ width: 100%; height:auto; float: none; margin:auto; margin-bottom:15px; }
div.yewu1two_nav:nth-child(1){ margin-left: 0;}
div.yewu1two_navpic{ width:70vw; height: 70vw; margin: auto;  margin-bottom: 15px; border-radius: 50%; }

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

div.yewu1two_nav_t{ width: 100%; height: auto; line-height: 1.5; text-align: center; color: #fff; font-size: 16px; font-weight: 700;}

div.yewu1two_nav_desc{ width:100%; height: auto; line-height: 26px;  color: #8da0c3; font-size: 14px;}

div.yewu1three{ width: 100%; margin: auto; height: auto; padding: 20px 15px 38px;}

div.yewu1three_t{ width: 100%; height: auto; line-height: 1.5; text-align: center; color: #393939; font-size: 0.36rem; margin-bottom: 20px;}

div.yewu1threeleft{ width: 100%; float: none;}

div.yewu1threeleftline{ width: 40px; height: 1px;  background: #0069cb; display:none}

div.yewu1threeleft_t{ width: 100%; height: 30px; line-height: 30px; color: #0069cb; font-size: 28px; font-weight: 700; margin-top: 31px;}

div.yewu1threeleft_desc{ width: 100%; height: auto; margin-top: 27px; line-height: 30px; color: #808080; font-size: 15px;}

div.yewu1threert{ width: 100%; height: auto; float: none; display:none;}

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

div.yewu1threeqh{ width: 100%; height: auto; padding-top:73px; border-top: 1px solid #e6e6e6; position: relative;}

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

div.yewu1threenavlistpic{width: 100%; height: auto;  border-radius: 7px; overflow: hidden; position: relative;}

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

div.yewu1threenavlist_t{ width: 100%; height: 60px; line-height: 60px; text-align: center; color: #5c5c5c; font-size: 16px;}

div.yewu1threenavlistpic::before{ content: ''; display: block; width: 100%; height: 100%; border: 5px solid #2278db; position: absolute; left: 0; top: 0; border-radius: 13px; z-index: 10; opacity: 0; transition: all 0.36s ease-in-out;}

div.yewu1threenavlist:hover div.yewu1threenavlistpic:before{ opacity: 1;}

div.yewu1threenavlist:hover div.yewu1threenavlist_t{ font-weight: 700;}

div.yewu2one{ width:100%;  margin: auto; height: auto; padding: 23px 15px 59px; border-bottom: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;}

div.yewu2one_t{ width:100%; height: auto; line-height: 1.5; color: #393939; font-size: 0.36rem; }

div.yewu2one_left{ width: 100%; height: auto; line-height: 1.3; margin-top: 15px; float: none; color: #7e7e7e; font-size: 15px;}

div.yewu2one_rt{ width: 100%; height: auto; float: none; margin-top: 13px;}

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

div.yewu2two{ width: 100%; height: auto; margin: auto; padding: 25px 15px 30px;}

div.yewu2twoleft{ width: 100%; height: auto; float: none;}

div.yewu2twoleft img{ width:100%;}

div.yewu2twort{ width: 100%; height: auto; float: none;}

div.yewu2twort_t{ width: 100%; height: auto; line-height: 1.5; color: #393939; font-size: 0.36rem; margin-bottom: 16px;}

div.yewu2twort_desc{ width: 100%; height: auto; line-height: 1.5; color: #7e7e7e; font-size: 15px; margin-bottom: 25px;}

div.yewu2twort_cont{ width: 100%; height: auto; line-height: 1.5; font-weight: 700; color: #363636; font-size: 14px; font-weight: 700;}

div.yewu2three{ width: 100%; height: 4.5rem; background:#195dcc;}

div.yewu2threemain{ width: 100%; height: auto; margin: auto; padding:0 15px; padding-top: 10px;}

div.yewu2threedesc{ width: 100%; height: auto; line-height: 1.5; color: #ffffff; font-size: 15px;}

div.yewu2four{ width:100%; height: auto; margin: auto; padding: 20px 15px 20px; }

div.yewu2four_t{ width: 100%; height: auto; line-height: 2; color: #000000; font-size: 0.36rem;}

div.yewu2four_cont{ width: 100% !important; height: auto; line-height: 2; font-size: 15px; color: #767676;}

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

div.yewu2fivebk{ width: 100%; height: auto; padding: 20px 15px 25px; background: #f9f9f9;}

div.yewu3gao{ height: 20px;}


div.yewu3two{ width:100%; height: auto; padding: 20px 15px 30px; }

div.yewu3two_t{ width: 100%; height: autp; line-height: 1.5; color: #393939; font-size: 0.36rem; text-align: center;}




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

div.indexthree{ width: 100%; height: auto; margin:auto; position: relative;}

div.indexthreetoptitle{height: 36px; line-height: 36px;color: #fff; font-size: 34px; font-weight: 700;}

div.indexthreetoptitle span{ color: #0070c5; font-size: 26px; font-weight: 700; margin-left: 10px; font-family: 'verdana';}

div.indexthreetopline{ width:488px ;margin-top: 34px; background: #464646; height: 1px;}

div.indexthreecont{ width: 1280px; height: 462px; position: absolute; top: 0; left: 0;}

div.indexthreetopk{ width: 100%; height: 460px; position: relative;}

div.indexthreeleft{ width: 500px; height: 190px; top: 22px; position: absolute; left: 0;}

div.indexthreeleft_t{ width: 100%; height: 56px; line-height: 56px; overflow: hidden; font-weight: 700; color: #0069cb; font-size: 28px;}

div.indexthreeleft_desc{ width: 100%;     height: 158px; overflow: hidden; line-height: 30px; color: #7d7d7d; font-size: 14px; margin-bottom: 30px;}

div.indexthreeleft_num{ padding-left: 36px; color: #0069cb; font-size: 16px;}

div.indexthreert{ width: 746px; height: 460px; position: absolute; right: 0; top: 0;}

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

div.indexthreebottomcont{ width: 470px; height: 136px; position: absolute; top: 316px; left: 0;}

div.indexthreebottomcontpic{ width: 214px; height: 134px;}

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

div.indexthreebottomcontpicborder{ width: 100%; height:100%; border:5px solid #2278db; position: absolute; top: 0; left: 0; opacity: 0;}

.swiper-slide3-thumb-active div.indexthreebottomcontpicborder{ opacity: 1;}

.indexthreetopk { opacity: 0 !important;}

.swiper-slide3-active{ opacity: 1 !important;}

div.indexthreeleftbutton{z-index: 330; width: 19px; height: 11px; position: absolute;    top: 271px; left: 3px; background: url(../img/indexthreel.png) center no-repeat; cursor: pointer;}

div.indexthreeleftbutton:hover{background: url(../img/indexthreelh.png) center no-repeat; }

div.indexthreerightbutton{z-index: 330;  width: 19px; height: 11px; position: absolute; top: 271px; left: 82px; background: url(../img/indexthreer.png) center no-repeat; cursor: pointer;}

div.indexthreerightbutton:hover{background: url(../img/indexthreerh.png) center no-repeat; }



div.zhuyingmain{ width: 100%; height: auto; margin: auto; margin-top: 73px; margin-bottom: 0;}

div.zhuyingqh{ padding-bottom: 58px;}

div.zhuyinglist{ width: 100%; height: auto; cursor: pointer; position: relative;}

div.zhuyinglist img{  filter: grayscale(10); transition: all 0.36s ease-in-out;}

div.zhuyinglist:hover img{ transform: scale(0.9);}

div.zhuyinglistnr {
    width: 100%;
    height: auto;
    background: #fff;
    padding: 0 15px 20px;
    padding-top: 16px;
    display: none;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    
}
div.zhuyinglistnr_1{ text-align: left; width: 100%; height: 63px; line-height: 63px; overflow: hidden; color: #303030; font-size: 28px; font-weight: 700;}

div.zhuyinglistnr_2{ text-align: left; width: 100%; height: auto; overflow-y: auto; padding:0 15px; line-height: 25px;  color: #565656; font-size: 14px;}

div.zhuyinglistnr_more{ width: 43px; height: 43px; position: absolute; right: -21px; top: -21px; background: url(../img/zhuyingmore.png) center no-repeat; z-index: 10; transition: all 0.36s ease-in-out; display:none;}

div.zhuyinglist:hover div.zhuyinglistnr_more{transform: rotate(180deg);}

div.zhuyinglistnr::before {
        content: "";
    position: absolute;
    z-index: 3;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.08)),to(rgba(0,0,0,0)));
    /* background: linear-gradient(to bottom,rgba(0,0,0,.08) 0,rgba(0,0,0,0) 100%); */
}







div.zhuyingmask{  width: 100vw;display: none; height: 100vh; background: rgba(0,0,0,0.3); position: fixed; z-index: 9998; top: 0; left: 0;}

div.zhuyingmaskshow{ display: block;}

div.zhuyingtan{ width: 90%; max-width: 1280px; height: 80vh; background: #fff; position: fixed; bottom: 0;z-index: 99999; left: 50%; margin-left: -640px; transform: translate3d(0,100%,0); transition: all 0.6s ease-in-out;}

div.zhuyingtanshow{transform: translate3d(0,0,0);}

div.zhuyingtanclose{ width: 70px; height: 105px; position: absolute; right: -70px; top: 0; background: #1c61cc; border-bottom-right-radius: 15px; display: table; cursor: pointer;}

div.zhuyingtanclosecell{  display: table-cell; text-align: center; vertical-align: middle;}

div.zhuyingtanico{ font-size: 20px; color: #fff; line-height: 2;}

div.zhuyingtancn{ width: 100%; height: auto; line-height: 2; font-size: 16px; color: #fff;}

div.zhuyingtannr{ width: 100%; height: auto; padding: 50px 75px 20px;}

div.zhuyingtannrover{ width: 100%; height: 100%; padding-right: 20px; overflow-y: auto; line-height: 2; font-size: 16px; color: #666;}

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

div.zhuying_buttonlt{ position: absolute; left: 1px; top: 50%; font-size: 24px; color: #a9a9a9; z-index: 99; cursor: pointer; transition: all 0.36s ease-in-out; outline: none;}

div.zhuying_buttonlt:hover{ color: #ed2b26;}

div.zhuying_buttonrt{ position: absolute; right:1px;  top: 50%; font-size: 24px; color: #a9a9a9; z-index: 99; cursor: pointer; transition: all 0.36s ease-in-out; outline: none;}

div.zhuying_buttonrt:hover{ color: #ed2b26;}

div.jishumain{ width: 98%; max-width: 1481px; margin: auto; padding-top: 70px; padding-bottom: 120px;}

div.jishumaintop_rt{ float: right; line-height: 30px; color: #b6b6b6; font-size: 14px; text-align: right;    margin-top: -16px;}

div.jishulist{ width: 22%; float: left; margin-left: 4%; -webkit-filter: drop-shadow(0 0 20px rgba(0,0,0,0.1)); transition: all 0.36s ease-in-out; position: relative; top: 0;}

div.jishulistpic{ width: 100%; height: 216px; border-top-left-radius: 15px;border-top-right-radius: 15px; overflow: hidden;}

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

div.jishulistbottom{ width: 100%; height: 276px; background: #fff; border-bottom-left-radius: 15px;border-bottom-right-radius: 15px; padding: 21px 32px 0;}

div.jishulistbottom_1{ width: 100%; height: 36px; line-height: 36px; text-align: center; color: #363636; overflow: hidden; font-size: 16px; margin-bottom: 3px;}

div.jishulistbottom_2{ width: 100%; height: 104px; overflow: hidden; line-height: 26px; color: #9f9f9f; font-size: 14px; margin-bottom: 39px;}

div.jishulistbottom_more{ width: 127px; height: 39px; margin: auto; margin-top: 39px; background: #147ddf; text-align: center; line-height: 39px; border-radius: 35px; color: #ffffff; font-size: 14px;}

div.jishulist:hover{ top: -15px;}

div.jishulist:hover div.jishulistpic img{ transform: scale(1.1);}

div.jishulist:hover div.jishulistbottom_more{ background: #ea0600;}

div.yewu4four{ width: 100%; height: auto; background: url("../img/yewu4picbg.jpg") 50%/cover no-repeat; padding: 80px 0 110px;}






/*忙聬艙莽麓垄*/

.bgcolor-1 { background: #f0efee; }
.bgcolor-2 { background: #f9f9f9; }
.bgcolor-3 { background: #e8e8e8; }/*light grey*/
.bgcolor-4 { background: #2f3238; color: #fff; }/*Dark grey*/
.bgcolor-5 { background: #df6659; color: #521e18; }/*pink1*/
.bgcolor-6 { background: #2fa8ec; }/*sky blue*/
.bgcolor-7 { background: #d0d6d6; }/*White tea*/
.bgcolor-8 { background: #3d4444; color: #fff; }/*Dark grey2*/
.bgcolor-9 { background: #ef3f52; color: #fff;}/*pink2*/
.bgcolor-10{ background: #64448f; color: #fff;}/*Violet*/
.bgcolor-11{ background: #3755ad; color: #fff;}/*dark blue*/
.bgcolor-12{ background: #3498DB; color: #fff;}/*light blue*/
.bgcolor-20{ background: #494A5F;color: #D5D6E2;}
/* Header */
.htmleaf-header{
	padding: 1em 190px 1em;
	letter-spacing: -1px;
	text-align: center;
}
.htmleaf-header h1 {
	color: #fff;
	font-weight: 600;
	font-size: 2em;
	line-height: 1;
	margin-bottom: 0;
	font-family: "Microsoft YaHei","氓庐鈥姑ぢ解€�","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif, FreeSans, Arimo;
}
.htmleaf-header h1 span {
	font-family: "Microsoft YaHei","氓庐鈥姑ぢ解€�","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif, FreeSans, Arimo;
	display: block;
	font-size: 60%;
	font-weight: 400;
	padding: 0.8em 0 0.5em 0;
	color: #fff;
}
/*nav*/
.htmleaf-demo a{color: #1d7db1;text-decoration: none;}
.htmleaf-demo{width: 100%;padding-bottom: 1.2em;}
.htmleaf-demo a{display: inline-block;margin: 0.5em;padding: 0.6em 1em;border: 3px solid #1d7db1;font-weight: 700;}
.htmleaf-demo a:hover{opacity: 0.6;}
.htmleaf-demo a.current{background:#1d7db1;color: #fff; }
/* Top Navigation Style */
.htmleaf-links {
	position: relative;
	display: inline-block;
	white-space: nowrap;
	font-size: 1.5em;
	text-align: center;
}

.htmleaf-links::after {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -1px;
	width: 2px;
	height: 100%;
	background: #dbdbdb;
	content: '';
	-webkit-transform: rotate3d(0,0,1,22.5deg);
	transform: rotate3d(0,0,1,22.5deg);
}

.htmleaf-icon {
	display: inline-block;
	margin: 0.5em;
	padding: 0em 0;
	width: 1.5em;
	text-decoration: none;
}

.htmleaf-icon span {
	display: none;
}

.htmleaf-icon:before {
	margin: 0 5px;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: 'icomoon';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
}
/* footer */
.htmleaf-footer{width: 100%;padding-top: 10px;}
.htmleaf-small{font-size: 0.8em;}
.center{text-align: center;}
/****/
.related {
	color: #fff;
	background: #494A5F;
	text-align: center;
	font-size: 1.25em;
	padding: 0.5em 0;
	overflow: hidden;
}

.related > a {
	vertical-align: top;
	width: calc(100% - 20px);
	max-width: 340px;
	display: inline-block;
	text-align: center;
	margin: 20px 10px;
	padding: 25px;
	font-family: "Microsoft YaHei","氓庐鈥姑ぢ解€�","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif, FreeSans, Arimo;
}
.related a {
	display: inline-block;
	text-align: left;
	margin: 20px auto;
	padding: 10px 20px;
	opacity: 0.8;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	-webkit-backface-visibility: hidden;
}

.related a:hover,
.related a:active {
	opacity: 1;
}

.related a img {
	max-width: 100%;
	opacity: 0.8;
	border-radius: 4px;
}
.related a:hover img,
.related a:active img {
	opacity: 1;
}
.related h3{font-family: "Microsoft YaHei", sans-serif;}
.related a h3 {
	font-weight: 300;
	margin-top: 0.15em;
	color: #fff;
}
/* icomoon */
.icon-htmleaf-home-outline:before {
	content: "\e5000";
}

.icon-htmleaf-arrow-forward-outline:before {
	content: "\e5001";
}

@media screen and (max-width: 50em) {
	.htmleaf-header {
		padding: 3em 10% 4em;
	}
	.htmleaf-header h1 {
        font-size:2em;
    }
}


@media screen and (max-width: 40em) {
	.htmleaf-header h1 {
		font-size: 1.5em;
	}
}

@media screen and (max-width: 30em) {
    .htmleaf-header h1 {
        font-size:1.2em;
    }
}

.search-wrapper {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top:50%;
    left:50%;
}
.search-wrapper.active {}

.search-wrapper .input-holder {
    overflow: hidden;
    height: 70px;
    background: rgba(255,255,255,0);
    border-radius:6px;
    position: relative;
    width:70px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.search-wrapper.active .input-holder {
    border-radius: 50px;
    width:450px;
    background: rgba(0,0,0,0.5);
    -webkit-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
}

.search-wrapper .input-holder .search-input {
    width:100%;
    height: 50px;
    padding:0px 70px 0 20px;
    opacity: 0;
    position: absolute;
    top:0px;
    left:0px;
    background: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border:none;
    outline:none;
    font-family:"Open Sans", Arial, Verdana;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color:#FFF;
    -webkit-transform: translate(0, 60px);
    -moz-transform: translate(0, 60px);
    transform: translate(0, 60px);
    -webkit-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);

    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.search-wrapper.active .input-holder .search-input {
    opacity: 1;
    -webkit-transform: translate(0, 10px);
    -moz-transform: translate(0, 10px);
    transform: translate(0, 10px);
}

.search-wrapper .input-holder .search-icon {
    width:70px;
    height:70px;
    border:none;
    border-radius:6px;
    background: #FFF;
    padding:0px;
    outline:none;
    position: relative;
    z-index: 2;
    float:right;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.search-wrapper.active .input-holder .search-icon {
    width: 50px;
    height:50px;
    margin: 10px;
    border-radius: 30px;
}
.search-wrapper .input-holder .search-icon span {
    width:22px;
    height:22px;
    display: inline-block;
    vertical-align: middle;
    position:relative;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
    -moz-transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
    transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);

}
.search-wrapper.active .input-holder .search-icon span {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.search-wrapper .input-holder .search-icon span::before, .search-wrapper .input-holder .search-icon span::after {
    position: absolute;
    content:'';
}
.search-wrapper .input-holder .search-icon span::before {
    width: 4px;
    height: 11px;
    left: 9px;
    top: 18px;
    border-radius: 2px;
    background: #8e8e8e;
}
.search-wrapper .input-holder .search-icon span::after {
    width: 20px;
    height: 20px;
    left: 0px;
    top: 0px;
    border-radius: 16px;
    border: 4px solid #8e8e8e;
}

.search-wrapper .close {
    position: absolute;
    z-index: 1;
    top:24px;
    right:20px;
    width:25px;
    height:25px;
    cursor: pointer;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    -moz-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.search-wrapper.active .close {
    right:-50px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.search-wrapper .close::before, .search-wrapper .close::after {
    position:absolute;
    content:'';
    background: #FFF;
    border-radius: 2px;
}
.search-wrapper .close::before {
    width: 5px;
    height: 25px;
    left: 10px;
    top: 0px;
}
.search-wrapper .close::after {
    width: 25px;
    height: 5px;
    left: 0px;
    top: 10px;
}
.search-wrapper .result-container {
    width: 100%;
    position: absolute;
    top:80px;
    left:0px;
    text-align: center;
    font-family: "Open Sans", Arial, Verdana;
    font-size: 14px;
    display:none;
    color:#B7B7B7;
}


@media screen and (max-width: 560px) {
    .search-wrapper.active .input-holder {width:200px;}
}

section.clickshow{ height:0px; transition:all 0.5s ease-in-out; background:#333; overflow:hidden; z-index:9999999; position:fixed; width:100%; top:0; left:0;}


div.nyxxback{ width:100%; max-width: 960px;  height:auto; margin:auto; margin-bottom:15px; padding:0 15px; padding-top: 20px; margin-top: 35px;}

div.nyxxback33{ width:100%; max-width: 960px;  height:auto; margin:auto; margin-bottom:15px;  }



div.xinwenxxback{ width:100%; height:auto; margin:auto;}

div.xinwenxxtopdata{  width:100%; height:auto; padding-top: 5px; border-bottom:#d0d0d0 1px solid; line-height:38px; text-align:left; color:#a2a2a2; font-size:12px;}

div.xinwenxxtoptitleback{ font-weight:700;  width:100%; height:auto; line-height:auto; text-align:left; color:#323232; font-size:0.35rem;}
 
div.xinwenxxtopcontent{   width:100%; height:auto; line-height:30px; color:#666; font-size:16px; }

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

div.xinwenxxtopsyy{ width:100%; float:none; transition:all 0.5s ease-in-out;}

div.xinwenxxtopsyytitle{ width:100%; margin:auto; line-height:29px; color:#7e7d7d; font-size:14px; }

div.xinwenxxtopsyytitle a{ color:#7e7d7d; transition:all 0.5s ease-in-out;}

div.xinwenxxtopbottom{ padding-top: 35px; border-top:#f3f3f3 1px solid; padding-bottom: 35px;}

div.xinwenxxtopbottommain{ margin: auto; width: 96%; max-width: 960px;}

@media screen and (max-width: 1440px){
div.banner-table1280 {
    width: 70%;
    max-width: 1280px;
    margin: auto;
    display: table;
    height: 100%;
}
	div.banner_2title{ width:100%;max-width: 1280px; margin: auto; height: 0.76rem; line-height: 0.76rem; text-align: center; color: #fff; font-size: 0.36rem; font-weight: 700; }
}

div.moblienavshow{ position:sticky; width:100%; height:auto; top:0; left:0; z-index:999999;background: #2c2c2c;}


div.lianxiwomendibu{ width:100%; position:fixed; bottom:0; left:0; z-index:999999; }

div.lianxiwomendibu img{ width:100%; height:auto;}

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

div.lianxiwomendibupo_l{ width:50%; height:100%; float:left;}

div.lianxiwomendibupo_l a{ width:100%; height:100%; display:block;}