*{ 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;
	}
	
}

.pagination a {
	font-size: 16px;
	color: #777777;
	float: left;
	min-width: 50px;
	height: 50px;
	font-family: 'goth';
	line-height: 50px;
	text-align: center;
	margin-left: 22px;
}

.pagination p {
	margin-left: 22px;
	font-size: 16px;
	color: #777777;
	float: left;
	min-width: 50px;
	height: 50px;
	font-family: 'goth';
	text-align: center;
	line-height: 50px;
}
.cur {
	width: 50px;
	height: 50px;
	line-height: 50px;
	color: #f5ab35 !important;
	font-family: 'goth';
	text-align: center;
	border-radius: 50%;
	background: url(../img/pagebg.png) center no-repeat;
}
.pagination {
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 70px;
}
.pagination a:hover {
	
	color: #f5ab35;

}
/*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:'dinb';src: local('dinb'), url(../img/dinb.woff) format('woff');}
@font-face {font-family:'din';src: local('din'), url(../img/din.woff) format('woff');}

div.publicheadback{ width: 100%; height: auto; transition: all 0.36s ease-in-out; background: #fff; padding: 28px 0.5rem; position: fixed; top: 0; left: 0; z-index: 999999; padding-right: 0.38rem; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; }

div.publicheadbackshow{padding: 18px 0.3rem; box-shadow: 0 0  20px rgba(0,0,0,0.1);}

div.publicheadbackshow div.publicheadxlback{ top: 80px;}

div.publicheadlogo{ width: 434px; height: auto; float: left;}

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

div.publicheadrtnav{ z-index: 999999; float: left;  height: 73px; line-height: 44px; padding: 0 0.34rem; color: #1f2755; font-size: 16px; background:url(../img/navbgline.jpg) left 14px no-repeat; position: relative;}

div.publicheadrtnav a{ color: #1f2755; transition:all 0.36s ease-in-out ; -webkit-transition:all 0.36s ease-in-out ; -moz-transition:all 0.36s ease-in-out ; -ms-transition:all 0.36s ease-in-out ; -o-transition:all 0.36s ease-in-out ; }

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

div.publicheadrtnav:nth-child(1){ background: none;}

div.indexbannerback{ width: 100%; height: calc(100vh - 100px); position: relative;}

div.bannerswiper{ width: 100%; height: 100%;}

div.indexbanner{ width: 100%; height: 100%;}

div.indexbannertable{ width: 1280px; margin: auto; height: 100%; display: table;}

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

div.indexbannerdesc{  line-height: 1.3; color: #ffffff; font-size: 48px;     filter: drop-shadow(2px 4px 6px black);
}

div.banner2_pic3{ width:100%; height:100%;}

div.indexbannertel{ display: inline-block; padding: 0 26px; border-radius: 15px; height: 60px; line-height: 60px; margin-top: 35px; font-family: 'dinb'; color: #fefefe; font-size: 24px; background: #003588; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }

.slick-slider-center-mode .slick-prev{ width: 42px; height: 42px; transition: all 0.36s ease-in-out; outline: none; position: absolute; top: 50%; z-index: 11; cursor: pointer; left:7vw; background: url(../img/indexbannerltjt.png) center left no-repeat; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; }

.slick-slider-center-mode .slick-prev:hover{background: url(../img/indexbannerltjth.png) center left no-repeat;}

.slick-slider-center-mode .slick-next{ width: 42px; height: 42px; transition: all 0.36s ease-in-out; outline: none; position: absolute;  top: 50%;  z-index: 11; cursor: pointer; right:7vw; background: url(../img/indexbannerrtjt.png) center left no-repeat;}

.slick-slider-center-mode .slick-next:hover{background: url(../img/indexbannerrtjth.png) center left no-repeat;}

div.indexoneback{ width: 100%; height: auto; padding: 0.8rem 0; background: url(../img/indexoneback.png) 50%/cover no-repeat;}

div.indexone_t{ width: 100%; height: 45px; line-height: 45px; text-align: center; font-size: 36px; color: #1f2755; font-family: "Noto Serif SC"; font-weight:600;}

div.indexonemain{ width: 1257px; height: auto; margin: auto; margin-top: 73px;}

div.indexoneswiper{ width: 100%; height: auto; margin: auto; padding-bottom: 95px;}

div.indexoneswiper .swiper-slide{ overflow: hidden;border-radius: 20px;}

div.indexone{ width: 100%; overflow: hidden; height: 450px; position: relative; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }

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

div.indexonecont{ width: 100%; height: auto; padding: 0 34px; bottom: 30px; position: absolute; left: 0;}

div.indexonecont_t{ width: 100%; height: auto; line-height: 45px; color: #ffffff; font-size: 28px;font-family: "Noto Serif SC";}

div.indexonecont_desc {
    margin-bottom: 20px;
    width: 100%;
    height: 48px !important;
    overflow: hidden;
    line-height: 24px;
    height: 36px;
    margin-top: 4px;
    color: #9dbfe2;
    font-size: 14px;
    margin-top: 10px;
}

div.indexonecont_more{  height: 42px; line-height: 42px; float: left; color: #ffffff; font-size: 14px; }

div.indexonecont_rt{ width:42px; height: 42px; float: right; background: url(../img/indexonejt.png) center no-repeat;}

div.indexone:hover div.indexonebg{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }

div.indexone:hover div.indexonecont_more{ color: #8e6b44;}

div.indexone:hover div.indexonecont_rt{background: url(../img/indexbannerrtjth.png) center no-repeat;}

div.indexoneswiper div.swiper-pagination .swiper-pagination-bullet{ width: 13px !important; height: 13px !important;  background: #666666 !important; opacity: 1 !important;}

div.indexoneswiper div.swiper-pagination .swiper-pagination-bullet-active{ background: #282d3b !important;}

div.indextwoback{ width: 100%; height: 422px; background: url(../img/indextwobg.jpg) center no-repeat;}

div.indextwo{ width: 1257px; margin: auto; height: 100%; display: table;}

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

div.indextwo_t{ width: 100%; height: auto; line-height: 60px; color: #ffffff; font-size: 30px; font-family: "Noto Serif SC";}

div.indextwo_desc{ width: 100%; height: auto; line-height: 36px; color: #cccccc; font-size: 18px; margin-top: 5px;}

div.indextwo_more{ width: auto; padding: 0 20px; margin-top: 20px; display: inline-block; height: 60px; line-height: 60px; background: #f5ab35; font-size: 24px; color: #fff; font-family: "Noto Serif SC"; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }

div.indextwo_more span{ margin-left: 8px;}

div.indexthreeback{ width: 100%; height: auto;  background: url(../img/indexthreebg.jpg) 50%/cover no-repeat; padding-bottom: 90px;}

div.indexthree_t{ width: 323px; height: auto; margin: auto;}

div.indexthree_t img{ width: 100%;}

div.indexthreemain{ width: 1160px; margin: auto; }

div.indexthreedesc{ width: 100%; height: auto; line-height: 36px; color: #303030; font-size: 18px; margin-top: 26px; margin-bottom: 75px;}

div.indexthreeswiper{ width: 100%; height: auto;margin-bottom: 75px;}

div.indexthreebutton{ width: 100px; height: auto; margin: auto;}

div.indexthreeleft{ width: 42px; height: 42px; transition: all 0.36s ease-in-out; cursor: pointer; outline: none; float: left; background: url(../img/indexbannerltjt.png) center left no-repeat; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; }

div.indexthreeleft:hover{background: url(../img/indexbannerltjth.png) center left no-repeat;}

div.indexthreeright{ width: 42px; height: 42px; transition: all 0.36s ease-in-out; outline: none;  cursor: pointer;float: right;  background: url(../img/indexbannerrtjt.png) center left no-repeat;}

div.indexthreeright:hover{background: url(../img/indexbannerrtjth.png) center left no-repeat;}

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

div.indexfourleft{ width: 50.3%; float: left; height: 6.2rem; overflow: hidden; position: relative;}

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

div.indexfourleft_t{ width: 100%; position: absolute; bottom: 0.5rem; padding: 0 0.5rem;}

div.indexfourleft_tcn{ height: 46px; line-height: 46px; color: #ffffff; font-size: 30px;font-family: "Noto Serif SC";}

div.indexfourleft_ten{  height: 34px; line-height: 34px; color: #ffffff; font-size: 18px;font-family: "Noto Serif SC"; text-transform: uppercase;}

div.indexfourrt{ width: 49.7%; height: 6.2rem; float: left;}

div.indexfourleftshow{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; }

div.indexfourleftshowh{opacity: 1;}

div.indexfourrtnav{ width: 50%; height: 50%; float: left; position: relative; padding: 0.6rem 0.5rem 0 0.5rem;}

div.indexfourrtnav_t{ width: 100%; height: 0.47rem; line-height: 0.47rem; color: #ffffff; font-size: 0.3rem;font-family: "Noto Serif SC";}

div.indexfourrtnav_ent{ width: 100%; height: 0.33rem; line-height: 0.33rem; color: #ffffff; font-size: 0.18rem; font-family: "Noto Serif SC"; text-transform: uppercase;}

div.indexfourrtnav_desc{ width: 100%; height: auto; line-height: 0.23rem; margin-top: 0.18rem; color: #ffffff; font-size: 0.14rem; margin-top: 0.18rem;}

div.indexfourrtnav_num{  position: absolute; right: 0.4rem; bottom: 0.35rem; color: #ffffff; font-size: 0.48rem; opacity: 0.3; font-family:dinb;}

div.indexfourrtnav:nth-child(1){ background: #5765af;}

div.indexfourrtnav:nth-child(2){ background: #334b99;}

div.indexfourrtnav:nth-child(3){ background: #31478c;}

div.indexfourrtnav:nth-child(4){ background: #1f2755;}

div.indexfourrtnavborder{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 1px solid rgba(255,255,255,0); transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; }

div.indexfourrtnavhover div.indexfourrtnavborder{ border: 1px solid rgba(255,255,255,0.3); transform: scale(0.93); -webkit-transform: scale(0.93); -moz-transform: scale(0.93); -ms-transform: scale(0.93); -o-transform: scale(0.93); }

div.indexfourrtnavhover div.indexfourrtnav_num{ opacity: 1;}

div.indexfiveback{ width: 100%; height: auto; padding: 0.75rem 0 1.05rem; background: url(../img/indexfivebg.jpg);}

div.indexfivet{ width: 100%; height: auto; line-height: 50px; text-align: center; color: #1f2755; font-size: 36px; font-family: "Noto Serif SC"; font-weight:600;}

div.indexfivemain{ width: 1185px; height: auto; margin: auto; margin-top: 80px;}

div.indexfiveswiper div.swiper-pagination .swiper-pagination-bullet{ width: 13px !important; height: 13px !important;  background: #666666 !important; opacity: 1 !important;}

div.indexfiveswiper div.swiper-pagination .swiper-pagination-bullet-active{ background: #282d3b !important;}

div.indexfiveswiper{ width: 100%; height: auto; margin: auto; padding-bottom: 95px;}

div.indexfivelist{ border: 1px solid #d1d1d1; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }

div.indexfivelist_1{ width: 100%; height: 55px; overflow: hidden;  border-top-right-radius: 10px; border-top-left-radius: 10px; background: #fff;}

div.indexfivelist_1_left{  float: left; height: 21px; background: url(../img/indexfiveico.jpg) center left no-repeat; line-height: 21px; margin-left: 16px; margin-top: 17px; padding-left: 27px; color: #6a6a6a; font-size: 16px; font-weight: 100;}

div.indexfivelist_1_rt{ float: right; line-height: 21px; color: #909090; margin-right: 17px; font-family: 'din'; font-size: 16px; margin-top: 17px; }

div.indexfivelist_2{ width: 100%; height: 243px; overflow: hidden;}

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

div.indexfivelist_3{ width: 100%; height: 207px; padding: 29px 23px 0;  background: #fff; overflow: hidden;  border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}

div.indexfivelist_3_t{ width: 100%; height: 44px; overflow: hidden; line-height: 22px; color: #000000; font-size: 16px; margin-bottom: 13px;font-family: "Noto Serif SC"; }

div.indexfivelist_3_desc{ width: 100%; margin-bottom: 23px; height: 44px; line-height: 22px; overflow: hidden; color: #818181; font-size: 12px; font-weight: 100;}

div.indexfivelist_3_more{  line-height: 26px; height: 26px; color: #484e74; font-size: 14px;}

div.indexfivelist:hover{ box-shadow: 0 0 20px rgba(0,0,0,0.1); border: 1px solid rgba(255,255,255,0);}

div.indexfivelist:hover div.indexfivelist_2bg{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

div.indexfivelist:hover div.indexfivelist_3_t{ color: #f5ab35;}

div.publicfooterback{ width: 100%; height: auto; padding: 0.7rem 1rem 0.6rem 0.65rem; background: #1f2755;}

div.publicfooterleft{ float: left;}

div.publicfooterleftlogo{ width: 274px; height: auto; margin-bottom: 35px;} 

div.publicfooterleftlogo img{ width: 100%;}

div.publicfooterleftxx{ width:auto; height: auto; line-height: 30px; color: #666699; font-size: 16px; padding-left: 77px;}

div.publicfooterleftxx a{ color: #666699;}

div.publicfooterrt{ float: right; height: 66px; float: right; line-height: 66px; color: #757ca5; font-size: 18px; position:relative;}

div.publicfooterrt img{  margin-left: 20px; position: relative; cursor:pointer;}

div.footerewm{ width:155px; height:155px; position:absolute;     left: 99px;  top: 85px;}

div.footerewm img{ width:100%; height:100%; margin-left:0;}

div.footerewm1{width:155px; height:155px; position:absolute; left:0; top:0; opacity:0; visible:hidden;}

div.footerewm2{width:155px; height:155px; position:absolute; left:0; top:0;  opacity:0; visible:hidden;}

div.footerewmshow{ opacity:1; visible:visible;}

div.publicfooterbackbottom{ width: 100%; height: auto;background: #1f2755; padding:30px 0.65rem; border-top: 1px solid #4a527d; line-height: 35px; color: #666699; font-size: 14px;}

div.publicfooterbackbottom a{ color: #666699;}

div.publicheadxlback{ width: 100vw; top: 100px; left: 0; position: fixed; padding: 0.8rem 0;  visibility: hidden; opacity: 0; transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; background: rgba(255,255,255,0.95); border-top: 1px solid #6f7684;}

div.publicheadxl{ width: 100%; height: auto; display: flex; flex-flow: nowrap; justify-content: center;  }

div.publicheadxlleft{ width: 7.26rem; height: auto;}

div.publicheadxlleftpic{ width: 1.87rem;  height: auto; float: left;}

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

div.publicheadxlleft_rt{  width: 4.8rem; height: auto; float: right; line-height: 0.32rem; color: #333333; font-size: 0.18rem;} 

div.publicheadxlleft_more{ height: 0.35rem; line-height: 0.35rem; color: #666666; display: inline-block; padding-right: 43px; background: url(../img/xljt.png) right center no-repeat; font-size: 0.16rem; margin-top: 0.2rem;}

div.publicheadxlleft_more a{color: #666666;}

div.publicheadxlrt{  width: 7rem;
    height: 1.9rem;
    border-left: #b9b9b9 1px solid;
    padding: 0 0.45rem;
    margin-left: 0.8rem;}

div.publicheadxlrtnavleft{ margin-right:0.2rem; float: left;}
div.publicheadxlrtnavleft:nth-child(1) div.publicheadxlrtnav:nth-child(6){ display: none;}
div.publicheadxlrtnavleft:nth-child(1) div.publicheadxlrtnav:nth-child(7){ display: none;}
div.publicheadxlrtnavleft:nth-child(1) div.publicheadxlrtnav:nth-child(8){ display: none;}
div.publicheadxlrtnavleft:nth-child(1) div.publicheadxlrtnav:nth-child(9){ display: none;}
div.publicheadxlrtnavleft:nth-child(2) div.publicheadxlrtnav:nth-child(1){ display: none;}
div.publicheadxlrtnavleft:nth-child(2) div.publicheadxlrtnav:nth-child(2){ display: none;}
div.publicheadxlrtnavleft:nth-child(2) div.publicheadxlrtnav:nth-child(3){ display: none;}
div.publicheadxlrtnavleft:nth-child(2) div.publicheadxlrtnav:nth-child(4){ display: none;}
div.publicheadxlrtnavleft:nth-child(2) div.publicheadxlrtnav:nth-child(5){ display: none;}

div.publicheadxlrtnav{ padding-left: 40px; line-height: 40px; color: #606060; font-size: 0.16rem;}

div.publicheadxlrtnav a{ color: #606060; }

div.publicheadxlrtnav a:hover{ color: #1E2655;}

div.publicheadxlrtnav:hover{ background: url(../img/xljt.png) center left no-repeat;}

div.publicheadrtnav:hover div.publicheadxlback{  opacity: 1; visibility: visible;}

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

div.nybannern{ width: 1257px; height: 100%; margin: auto; display: table; position: relative;}

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

div.nybanner_tcn{ width: 100%; height:75px; line-height: 75px; color: #ffffff; font-size: 48px;filter: drop-shadow(2px 4px 6px black);}

div.nybanner_ten{ width: 100%; height: 57px; line-height: 57px; font-family: 'dinb'; color: #ffffff; font-size: 28px;filter: drop-shadow(2px 4px 6px black); text-transform:uppercase;}

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

div.bread{ width: 100%; height: 70px; line-height: 70px; background: #f4f4f4;}

div.bread_n{ max-width: 1600px; height: auto; margin: auto; width: 90%; color: #999999; font-size: 14px;}

div.bread_n a{ color: #999;}

div.gywmoneback{ width: 100%; height: 6.4rem;}

div.gywmoneleft{ width: 50%; height: 6.4rem; float: left; background: url(../img/gywmoneleft.jpg) center left no-repeat; background-size:1.15rem; padding: 0 1.4rem ;}

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

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

div.gywmoneleft_t{ width: 100%; height:auto; line-height: 0.56rem; color: #1f2755; font-size: 0.36rem; font-family: "Noto Serif SC"; font-weight:700;}

div.gywmoneleft_desc{ width: 100%; height: auto; margin-top: 30px; line-height: 0.35rem; color: #303030; font-size: 0.18rem;}

div.gywmonert{ width: 50%; height: 100%; float: right;}

div.gywmtwoback{ width: 100%; height: 5.83rem; background: url(../img/gywmtwobg.jpg) 50%/cover no-repeat; background-attachment: fixed;}

div.gywmtwomain{ width: 1105px; height: 100%; margin: auto; display: table;}

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

div.gywmtwo_n{ width: 100%; height: auto; line-height: 1.8; color: #ffffff; font-size: 0.2rem;}

div.gywmthreeback{ width:100%; height: auto;  padding:1.27rem 0 1.07rem; position:relative;} 

div.gywmthree_t{ width: 100%; height: auto; line-height: 65px; text-align: center; color: #333333; font-size: 30px; font-family: "Noto Serif SC"; font-weight:700;}

div.gywmthree_desc{ width: 100%; height: 50px; line-height: 50px; text-align: center; color: #666666; font-size: 18px;}

div.swipergywm{ width: 90%; height: auto; margin: auto; max-width: 1400px; overflow: hidden; cursor: grab; margin-top: 70px;}

div.danyeback{ width: 1280px; height:auto; margin: auto; padding: 45px 0 70px;}

div.danye_t{ width: 100%; height: auto; line-height: 55px; text-align: center; color: #1f2755; font-size: 36px;}

div.danye_cont{ width: 100%; height: auto; margin: auto; margin-top: 35px; line-height: 1.7; color: #333;}

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

div.lxoneback{ width:1240px; position: relative; margin: auto; z-index: 10; background: #fff; border-radius:8px ; box-shadow: 0 0 20px rgba(0,0,0,0.1); margin-top: -80px; height: 240px; padding: 62px 65px 0; display: flex; flex-flow: nowrap; justify-content: space-between; -webkit-border-radius:8px ; -moz-border-radius:8px ; -ms-border-radius:8px ; -o-border-radius:8px ; }

div.lxonenav{ width: 33%; height: auto;}

div.lxonenav_t{ width: 100%; height: 50px; line-height: 50px; padding-left: 67px; color: #333333; font-size: 20px; background: url(../img/lxico1.jpg) center left no-repeat;}

div.lxonenav_desc{ width: 100%; height: auto; line-height: 30px; padding-left: 67px; color: #333333; font-size: 16px;}

div.lxonenav:nth-child(2) div.lxonenav_t{background: url(../img/lxico2.jpg) center left no-repeat;}

div.lxonenav:nth-child(3) div.lxonenav_t{background: url(../img/lxico3.jpg) center left no-repeat;}

div.lxtwoback{ width: 100%; height: 7.8rem; margin-top: -160px; }

div.xiangmuindexback{ width: 100%; height: auto; padding:  85px 0 200px; background:url(../img/indexfivebg.jpg);}

div.xiangmuindex{ width: 1260px; height: auto; margin: auto;}

div.indexm{ width: 375px; float: left; height: 450px; margin-bottom:70px;margin-right: 67px; position: relative; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; opacity:0; position:relative; top:20px; }
div.indexm:nth-child(2){ transition-delay:0.3s;}
div.indexm:nth-child(3){ transition-delay:0.6s;}
div.indexm:nth-child(4){ transition-delay:0.3s;}
div.indexm:nth-child(5){ transition-delay:0.5s;}
div.indexm:nth-child(6){ transition-delay:0.6s;}
div.indexm:nth-child(7){ transition-delay:0.3s;}
div.indexm:nth-child(8){ transition-delay:0.5s;}
div.indexm:nth-child(9){ transition-delay:0.6s;}
div.indexmshow{ opacity:1; top:0;}
div.indexm:hover{ box-shadow: 0 0 20px rgba(0,0,0,0.2);}

div.indexm:nth-child(3n){ margin-right: 0;}

div.tdoneback{ width: 100%; height: 85vh;}

div.tdoneleft{ width:42.1%; height: 100%; float: left; overflow: hidden; position: relative;}

div.tdoneleftbg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; }

div.tdoneleftbgh{opacity: 1;}

div.tdonert{ width:57.9%; height: 100%; float: left;}

div.tdonert_1{ width: 100%; height: 80%;}

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

div.tdonert_1tablecell{ width: 100%; height: 100%; vertical-align: middle; display: none; padding: 0 1.8rem;}

div.tdonert_1tablecellh{display: table-cell;}

div.tdonert_1_ft{ width: 100%; height: auto; line-height: 0.62rem; color: #323963; font-weight: 700; font-size: 30px;}

div.tdonert_1_t{ width: 100%; height: auto; line-height: 0.83rem; color: #323963; font-size: 0.48rem; font-weight: 100;}

div.tdonert_1_desc{ width: 100%; height: auto; line-height: 1.5; color: #272727; font-size: 0.24rem; font-weight: 100;}

div.tdonert_2{ width: 100%; height: 20%; padding: 20px; overflow-x: hidden;display: flex;  flex-flow: nowrap;}

div.tdonert_2_list{ float: left; margin-right: 1.2vw; height: 100%; width: 5.6vw; cursor: pointer;flex-shrink: 0; position: relative;}

div.tdonert_2_list::before{display: block; width: 100%; height: 100%; content: ''; opacity: 0; transition: all 0.36s ease-in-out;border: 2px solid rgb(100, 100, 100); -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; }

div.tdonert_2_listh::before{opacity: 1; width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: block; content: ''; border: 2px solid rgb(53, 53, 53);}

div.ysoneback{ width: 100%; height: auto; padding: 95px 0; background: #fafafa;}

div.ysone{ width: 1250px; height: auto; margin: auto;}

div.ysone_left{ width: 500px; height: auto; float: left;}

div.ysone_left_ent{ width: 100%; height: auto; margin-top:15px; line-height: 46px; color: #999999; font-size: 24px; font-family: 'dinb';}

div.ysone_left_cnt{ width: 100%; height: auto; color: #303030; font-size: 30px; font-weight: 700;    font-family: "Noto Serif SC";}

div.ysone_left_desc{ width: 100%; height: auto; line-height: 33px; color: #333333; font-size: 18px; margin-top: 18px;}

div.ysone_rt{ width: 620px; height: auto; float: right;}

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

div.ystwomain{ max-width: 1630px; width: 90%; height: auto; margin: auto; margin-top: 60px; padding-bottom: 50px;}

div.ystwolist{height: 5.8rem;}

div.ystwocont_desc{height: 147px; color: #fff;    margin-top: 15px;}

div.ysthreeback{ width: 100%; height: auto; background: linear-gradient(to bottom , #ececec ,#fff); padding: 98px 0 60px;}

div.ysthreemian{ width: 1330px; height: auto; margin: auto;}

div.ysthree_1{ width: 100%; height: auto; margin-bottom: 70px;}

div.ysthree_1_left{ width: 460px; height: auto; position: relative; float: left;margin-top: 102px;}

div.ysthree_1_left_1{ width: 100%; position: relative; height: 70px; line-height: 70px; color: #343b65; font-size: 36px; font-weight: 700;font-family: "Noto Serif SC";}

div.ysthree_1_left_2{ width: 100%; position: relative;  height: auto; margin-top: 10px; line-height: 47px; color: #333333; font-size: 20px;}

div.ysthree_1_left::before{content: '01'; display: block; position: absolute;    top: -101px;
    right: -45px; font-family: 'dinp'; color: #dfdfdf; font-size: 310px;}

div.ysthree_1_rt{ width: 797px; height: auto; float: right;}

div.ysthree_1_rt img{ width: 100%;}

div.ysthree_2left{  width: 876px;  height: auto; float: left;}

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

div.ysthree_2right{ width: 360px; float: right; position: relative;margin-top: 95px;    margin-right: 69px;
}

div.ysthree_2right::before{content: '02'; display: block; position: absolute;    top: -101px;
    right: -45px; font-family: 'dinp'; color: #dfdfdf; font-size: 310px;}

div.ysthree_3left{width: 460px; height: auto; position: relative; float: left;margin-top: 102px;}

div.ysthree_3left::before{content: '03'; display: block; position: absolute;    top: -101px;
    right: -45px; font-family: 'dinp'; color: #dfdfdf; font-size: 310px;}

div.ysthree_3right{ width: 785px; height: auto; float: right;}

div.ysthree_3right img{ width: 100%;}

div.ysthree_4left{ width: 790px; height: auto; float: left;}

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

div.ysthree_4right{ width: 445px; height: auto; position: relative; float: right; margin-top: 135px;    margin-right: 77px;}

div.ysthree_4right::before{content: '04'; display: block; position: absolute;    top: -101px;
    right: -45px; font-family: 'dinp'; color: #dfdfdf; font-size: 310px;}

div.ystwo_t{ width: 100%; height: auto; line-height: 55px; text-align: center; font-weight:700; color: #303030; font-size: 36px; font-family: "Noto Serif SC";}

div.ystwo_desc{ width: 100%; height: auto; margin-bottom: 55px; text-align: center; line-height: 26px; color: #6a6a6a; font-size: 13px; font-family: 'mon100'; margin-top: 15px;}

div.jcnoneback{ width: 1371px; height: auto; margin: auto; margin-top: 45px;}

div.jcnone_navback{ width: 100%; height: 85px; line-height: 85px; background: #1f2755; padding: 0 47px;}

div.jcnone_nav{ height: 85px; line-height: 85px; margin-right: 26px; padding-right: 25px; display: inline-block; color: #ffffff; font-size: 24px; font-weight: 100; }

div.jcnone_nav a{ color: #ffffff;}

div.jcnone_nav:hover{ background: url(../img/jcjt.png) center right no-repeat;}

div.jcnone_content{ width: 100%; height: auto;  line-height: 1.7; font-size: 16px; color: #333333; margin-top: 45px; padding-bottom:70px; }  

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

div.jcnone_navh{  background: url(../img/jcjt.png) center right no-repeat;}

div.xwlist{ width: 270px; float: left; margin-bottom: 30px;    margin-right: 35px;}

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



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

div.nyxxback33{ width:100%; max-width: 1280px;  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-family: "Noto Serif SC"; font-weight:700;  width:100%; height:auto; line-height:48px; text-align:left; color:#323232; font-size:36px;}
 
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: 1280px;}


/*new*/
div.gywmthreelistpic{ width:100%; height:auto;}

div.gywmthreelist_t{ width:100%; height:auto; line-height:1.3; margin-top:25px; font-size:18px; text-align:center;}