*{ 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 p {
	margin: 0;
	cursor: pointer;
	
}
/* é¡µç å¼€å§‹ */
.pagination a {
	font-size: 16px;
	color: #fff;
	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: #fff;
	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: #2b87ec;
}
.pagination {
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 70px;
}
.pagination a:hover {
	
	color: #2b87ec!important;

}
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');}
@font-face {font-family:'dinit';src: local('dinit'), url(../img/dinit.woff) format('woff');}
@font-face {font-family:'dinm';src: local('DINMedium'), url(../img/DINMedium.woff) format('woff');}

div.publicheadback{ width: 100%; height: 100vh; position: relative;}

div.indexbanner{ width: 100%; height: 100vh;}

div.indexbanner .mySwiper{ width: 100%; height: 100vh;}

div.indexbanner .swiper-slide{ width: 100%; height: 100%;}


div.publicheadtopbk{ width: 100%; height: auto; position: absolute; top: 0; left: 0; z-index: 99999;} 

div.publicinheadlogo{ width: 221px; height: auto; float: left; margin-top: 45px;}

div.publicinheadlogo img{ width:100%}

div.publicinheadrt{  float: right; margin-top: 46px; height:42px;}

div.publicinheadnavbk{ float: left; height: 42px;}

div.publicinheadnav{ float: left; height: 42px; margin-left: 0.58rem; color: #fefefe; line-height: 42px; font-size: 16px; position: relative;}

div.publicinheadnav>a{ color: #fefefe; 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.publicinheadnav>a:hover{ color: #308ce3; }

div.publicinheadnav:nth-child(1){ margin-left: 0;} 

div.publicheadtopbk{ padding:0 0 30px; position:fixed; z-index:999999;}
			 
div.publicheadtopbkshow{ padding:0 0 10px; background:rgba(40,40,40,0.9);}
 
 div.publicheadtopbkshow div.publicinheadrt {
float: right;
margin-top: 12px;
height: 42px;
}
div.publicheadtopbkshow div.publicinheadlogo {
width: 173px;
height: auto;
float: left;
margin-top: 13px;
}
div.publicheadtopbkshow .publicinmainpadding{ padding:0;}

div.ssico{ width: 20px; height: 20px; float: left; background: url(../img/ss.png) center no-repeat;margin-left: 0.44rem; margin-top: 9px; cursor: pointer;}

div.publicheadback div.swiper-pagination{     position: absolute;
    right: 0.8rem;
    top: 50%;
    left: auto;
    bottom: auto;
    width: 10px;
    margin-top: -51px;}

div.publicheadback div.swiper-pagination .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color,#ffffff);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 1);
}

div.publicheadback div.swiper-pagination .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background:#1588ff;
}

div.publicheadback .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 15px 0;
}

div.indexoneback{ width: 100%; height: auto; padding: 0.8rem 0px 1.78rem; background: url(../img/indexoneback.jpg) 50%/cover no-repeat;} 

div.indexonemain{ width: 98%; max-width: 1327px; height: auto; margin: auto; position: relative; }

div.indexonemainleft{ width: 71%; height: auto; position: relative; z-index: 99;} 

div.indexonemainleft_t{ width: 100%; height: 1.14rem; line-height: 1.14rem; position: relative;} 

div.indexonemainleft_ten{-webkit-text-stroke:1px rgba(255,255,255,0.4);color: transparent; font-size: 0.96rem; font-family:'dinit'; position: relative;
    left: -0.15rem; text-transform: uppercase;}

div.indexonemainleft_tcn{  height: 0.72rem; line-height: 0.72rem; color: #fff; font-size: 0.36rem; top: 0.42rem; font-weight: 700; position: absolute;} 

div.indexonemainleft_main{ width: 93%; height: auto;  position: relative;  left: 7%;    margin-top: 0.79rem;}

div.indexonemainleft_qhbk{ width: 100%; height: auto; position: relative;}

div.indexonemainleft_qhbk::before{ width: 71%; height: 100%; position: absolute;     left: -7%;  top: -0.6rem; content: ''; display: block; border: 1px solid #fff;}

div.indexonemainleft_qh{ width: 100%; height: auto;}

div.indexonemainleft_qh img{ width: 100%; height:auto;}

div.indexonemainleft_qhbk .swiper-pagination{ width: 100%; height: auto; text-align: right; padding: 0 30px;    bottom: 30px;}

div.indexonemainleft_qhbk div.swiper-pagination .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color,#ffffff);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 1);
	margin: 0 15px;
}
div.indexonemainleft_qhbk div.swiper-pagination .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background:#ffaf3c;
}

div.indexonemainleft_cont{ position: relative;width: 100%; height: auto; line-height: 0.32rem; margin-top: 0.58rem; color: #ffffff; font-size: 0.15rem;}

div.indexonemainrt{ width: 40%; height: auto; position: absolute; right: 0; top: 0;}

div.indexonemainrt_1{ width: 100%; height: auto; margin-bottom: 0.62rem;}

div.indexonemainrt_1 img{ width: 100%;  height: auto;}

div.indexonemainrt_2{ width:59%; height: auto; float: right;}

div.indexonemainrt_2 img{ width: 100%; height: auto;}

div.indextwoback{ width: 100%; height: auto; padding: 0.6rem 0 0.75rem; background: url(../img/indextwoback.jpg) 50%/cover no-repeat;}

div.indextwotop{ width:98%; margin: auto;max-width:1327px;}

div.indextwotopleft{ float: left;}

div.indextwotoprt{ width: auto; float: right; height: 0.16rem; line-height: 0.16rem; margin-top: 0.54rem;}

div.indextwotoprtnav{  float: left; margin-left: 0.36rem; color: #86c0fe; font-size: 0.14rem;}

div.indextwotoprtnav a{ color: #86c0fe; 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.indextwotoprtnav a:hover{ color: #fff;}


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: 6.58rem;
    height: 193px;
    position: absolute;
    bottom: -39px;
    left: -1px;
    background: #1268c5;
    padding: 0 34px;
    padding-top: 16px;
    display: none;}

div.zhuyinglistnr_1{ text-align: left; width: 100%; height: 63px; line-height: 63px; overflow: hidden; color: #fff; font-size: 28px; }

div.zhuyinglistnr_2{ text-align: left; width: 100%; height: 100px; overflow-y: auto; padding-right: 15px; line-height: 25px;  color: #fff; 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;}

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.zhuyingqh {
    padding-top: 0.5rem;
	position: relative;
}


div.zhuying_buttonlt{ position: absolute; left: 20%; top: 50%; font-size: 30px; color: #fff; z-index: 99; cursor: pointer; transition: all 0.36s ease-in-out;}

div.zhuying_buttonlt:hover{ color: #ffaf3c;}

div.zhuying_buttonrt{ position: absolute; right: 20%; top: 50%; font-size: 30px; color: #fff; z-index: 99; cursor: pointer; transition: all 0.36s ease-in-out;}

div.zhuying_buttonrt:hover{ color: #ffaf3c;}

div.indexthreeback{ width: 100%; height: auto; background: url(https://pic01.sq.seqill.cn/uploads/image/20220707/9f4eaaf83e49e8c20531958e5ddd56dd.jpg) 50%/cover no-repeat; padding-top: 1.1rem; padding-bottom: 1.8rem;}

div.indexonemore{ width: 0.42rem; height: 0.42rem; position: absolute; right: 34%;
    top: 0.52rem; background: url(../img/indexonemore.png) center no-repeat; background-size:100% ;}

div.indexonemore a{ width: 100%; height: 100%; display: block;}

div.indexthreetopbk{ max-width: 1327px; margin: auto; width: 98%; height:auto; padding-bottom: 0.35rem; border-bottom: 1px solid #fff;}

div.indexthreemore{ width: 0.42rem; height: 0.42rem; position: absolute; right: 0;
    top: 0.52rem; background: url(../img/indexthreemore.png) center no-repeat; background-size:100% ;}

div.indexthreemore a{ width: 100%; height: 100%; display: block;}

div.indexthreelistbk{ max-width: 1327px; margin: auto; width: 98%; height:auto;  margin-top: 0.6rem; position: relative;}

div.indexthreelistbk::after{ transition: all 0.36s ease-in-out; content: ''; display: block; width: 55%; height: 1px; background: #e8e7e7; right: 0; top: 2.63rem; position: absolute; -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.indexthreepic{ width: 49%; float: left; height: 3.04rem; overflow: hidden;}

div.indexthreepicbg{ width: 100%; height: 100%;}

div.indexthreert{ width: 45%; float: right; height: auto;}

div.indexthreert_tout{ width: 100%; height:auto;}

div.indexthreert_t{ width: 80%; height: auto; max-height: 0.72rem; overflow: hidden; float: left; line-height: 0.36rem; font-size: 0.22rem; color: #fff; font-weight: 700;}

div.indexthreert_time{  float: right; height: auto; line-height: 0.36rem; color: #ff9000; font-size: 0.25rem; font-weight: 700;}

div.indexthreedesc{ width: 80% ; height: 0.9rem; overflow: hidden; line-height: 0.3rem; color: #ffffff; font-size: 0.15rem; margin: 0.15rem 0;}

div.indexthreelistmore{ height: 26px; line-height: 26px; color: #ff9000; font-size: 0.15rem;}

div.indexthreelistmore img{   position: relative;
    top: -2px;
    left: 5px;
}

div.indexthreelistbk:nth-child(2)::after{ content: ''; display: block; width: 55%; height: 1px; background: #e8e7e7; left: 0; top: 2.63rem; position: absolute;}

div.indexthreelistbk:nth-child(2) div.indexthreepic{ float: right;}

div.indexthreelistbk:nth-child(2) div.indexthreert{ float: left;}

div.indexthreelist_out{ width: 100%;}

div.indexthreelistbk:hover div.indexthreepicbg{ 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.indexthreelistbk:hover::after{ background:#ff9000 ;} 

div.indexfourback{ width: 100%; height: 4.2rem; position: relative;}

div.indexfourleft{ width: 50%; height: 100%; background: #1268c5; display: table; float: left;}

div.indexfourleft_cell{ width: 100%; height: 100%; display: table-cell; vertical-align: middle;}

div.indexfourleft_cont{ width: 100%;  padding: 0 20%;}

div.indexfourleft_cont_1{ width: 100%; height:0.57rem; line-height: 0.57rem; color: #fff; font-weight: 700; font-size: 0.36rem;}

div.indexfourleft_cont_1line{ width: 39px;  height: 1px;  background: #4d8ed4; margin-top: 0.11rem;}

div.indexfourleft_cont_1_desc{ width: 100%; height: 0.24rem; line-height: 0.24rem; color: #b3d4f9; font-size: 0.14rem; margin-top: 0.23rem; margin-bottom: 0.11rem;}

div.indexfourleft_cont_1_tel{ width: 100%; height:auto; line-height: 0.33rem; color: #ffffff; font-size: 0.2rem; font-weight: 700;}

div.indexfourleft_cont_1_more{ width: 0.42rem; height: 0.42rem; background: url(../img/indexfourmorejt.png) center no-repeat; background-size: 100%; margin-top: 0.3rem;}


div.indexfourleft_cont_1_more a{ display: block; width: 100%; height: 100%; }

div.indexfourrt{ width: 50%; height: 100%; float: left; background: #f1f1f1; display: table;}

div.indexfourrt_main{ width: 70%;  margin-left:25%;}

div.indexfourrt_mainnav{ width:33.3333%; text-align: center; height: auto; float: left;}

div.indexfourrt_mainnav img{  width: 0.95rem;  height:auto;}

div.indexfourmidpic{ width: 5.56rem; height: auto; position: absolute; bottom: 0; left: 50%; margin-left: -3rem;}

div.indexfourmidpic img{ width: 100%;}



div.indexfooter{ width: 100%; height: auto; background: #393939; padding-top: 0.7rem; padding-bottom: 0.75rem;}

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: 40px; padding-left: 40px; background: url(../img/footico1.png) 0px 3px no-repeat; color: #b6b6b6; font-size: 14px; margin-bottom: 12px;}

div.indexfooterbottom{ width: 100%; height: auto; background: #2c2c2c; 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 h1{color: #6a6969; font-size: 14px; display: inline;  margin: 0;}

div.indexfooterbottom a:hover{ color: #fff;}

div.indexfooter_rt_1{ height: 21px; line-height: 21px; color: #ffffff; font-size: 14px;}

div.indexfooter_rt_2{ height: 64px; line-height: 64px; margin-bottom: 15px; color: #ffffff; font-size: 57px; font-family: 'dinblack';}



div.publicheadnavxl{ width: 198px; height: auto; position: absolute; top: 52px; left: -20px; opacity: 0; visibility: hidden; transition: all 0.36s ease-in-out;}

div.publicinheadnav:hover div.publicheadnavxl{ opacity: 1; visibility: visible; top: 42px;}

div.publicheadnavxlnav{ width: 100%; height: 65px; border-bottom: 1px solid #e8e8e8; line-height: 65px;  padding-left: 20px; background: rgba(255,255,255,0.9); 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.publicheadtopbkshow div.publicinheadnav:hover div.publicheadnavxl{ opacity: 1; visibility: visible; top: 52px;}

div.nyheadbanner{ width: 100%; height: 7.05rem; position: relative;}

div.nybannernavback{ width: 100%; height: 69px;  position: absolute; left: 0; bottom: 0;}

div.nybannernavmain{ max-width: 1280px; width: 98%; margin: auto; display: flex; flex-flow: nowrap; justify-content: space-between;}

div.nybannernav{ width: 100%; height: 69px; line-height: 69px; background: #0f6ed5; text-align: center; border-left: 1px solid rgba(255,255,255,0.16); font-size: 14px; 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.nybannernav a{ color: #fff; display: block; width: 100%; height: 100%;}

div.nybannernav:hover{ background: #fff; font-weight: 700;}

div.nybannernav:hover a{ color: #000000;}

div.nybannernavhover{ background: #fff; font-weight: 700;}

div.nybannernavhover a{ color: #000000;}

div.gywmback{ width: 100%; height: auto; background: url(../img/gywmbg.jpg) 50%/cover no-repeat; padding: 112px 0 220px;}

div.gywmoneback{ width: 1280px; height: auto; margin: auto;}

div.gywmoneleft{ width: 746px; height: auto; float: left;}

div.gywmoneleftline{ width: 1.35rem; height: 1px; background: #5f6676; margin-top: 15px;}

div.gywmoneleftdesc{ width: 100%;  height: auto; line-height: 32px; color: #fff; font-size: 14px; margin-top: 29px;}


div.indexoneleft_numback{ margin-top: 58px;}

div.indexoneleft_num{ float: left; height:59px; margin-right: 55px;}

div.indexoneleft_num_lt{ width: 57px; height: 57px; float: left; margin-top: 6px;}

div.indexoneleft_num_rt{ height: auto; margin-left: 9px; float: left;}

div.indexoneleft_num_rt_1{ height:57px; line-height: 57px; color: #0070c5; font-size: 60px; font-family: 'dinblack';}

div.indexoneleft_num_rt_2{ height: 18px; line-height: 18px; color: #0070c5; font-size: 14px; margin-top: 5px;}



div.indexoneleft_num_rt_1 sup{    top: -2.5em;
    font-size:14px;
    left: 0.2em;}

div.gywmonert{ width: 490px; height: auto; float: right;margin-top: 23px;}

div.gywmonert img{ width: 100%;}

div.gywmtwoback{ width: 1280px;  height:auto; margin: auto; margin-top: 125px; border-top: 1px solid #e6e6e6;}


 
div.gywmtwo{ width:1280px; height: auto; margin: auto; position: relative;}

div.gywmtwotop{ width: 100%; height: auto; margin-top: 50px;}

div.gywmtwolistback{ width: 100%; height: auto; margin-top: 35px;}

div.gywmtwolist{ height: 346px; background: url(../img/gywmtwobg.png) center no-repeat; padding-top: 10px; padding-left: 10px;}

div.gywmtwolist img{ width: 252px; height: 324px;}

div.gywmtwonumbk{ height: 36px; line-height: 36px; color: #0f6ed5; font-size: 24px; font-family: 'dinm'; position: absolute; right: 0; top: 16px;} 

div.gywmtwonumbk .swiper-pagination1-current{ color: #fff; font-family: 'dinblack'; font-size: 40px;}

div.gywmtwoleftjt{ width: 46px; height: 46px; position: absolute; left: -97px;     top: 265px; cursor: pointer; background: url(../img/gywmtwol.png) center no-repeat;}

div.gywmtwoleftjt:hover{background: url(../img/gywmtwolh.png) center no-repeat;}

div.gywmtworightjt{ width: 46px; height: 46px; position: absolute; right: -97px;     top: 265px; cursor: pointer; background: url(../img/gywmtwor.png) center no-repeat;}

div.gywmtworightjt:hover{background: url(../img/gywmtworh.png) center no-repeat;}

div.qiyeone{ width: 1280px; margin: auto;}

div.qiyeonemain{ width: 100%; height: auto; height: 656px; overflow-y: hidden; overflow-x: auto; margin-top: 50px; display: flex; position: relative;}

div.qiyeonemainlist{ padding: 50px 28px 0; background: #fff; margin-right: 55px; float: left; width: 388px; height: 559px; flex-shrink: 0;} 

div.qiyeonemainlist_t{ width: 100%; height: 59px; line-height: 59px; color: #0f6ed5; font-size: 46px; font-family: 'dinblack'; font-weight: bold;}

div.qiyeonemainlist_tline{ width: 28px; height: 1px; background: #94a4b0; margin-top: 14px;}

div.qiyeonemainlist_desc{ width: 100%; height: auto; margin-top: 25px; line-height: 26px; color: #7e7e7e; font-size: 14px; }

div.qiyeonemainlist:hover{ background: #0f6ed5;}

div.qiyeonemainlist:hover div.qiyeonemainlist_t{ color: #ffbf50;}

div.qiyeonemainlist:hover div.qiyeonemainlist_desc{ color: #fff;}

div.qiyetwomainbk{ position: relative; width: 100%; height:auto;}

div.qiyetwomainbk::before{ content: ''; display: block; width: 100%; height: 1px; background:rgba(255,255,255,0.8);  position: absolute; bottom: 6px; left: 0; }

div.qiyetwo{ width: 1280px; margin: auto; margin-top: 80px;}

div.qiyetwomain{ width: 100%; height: auto; display: flex; flex-flow: nowrap; justify-content: space-between; margin-top: 60px;} 

div.qiyetwomainnav{ width: 294px; height: auto;  flex-shrink: 0;}

div.qiyetwomainnavpic{ width: 100%;  height:auto ;}

div.qiyetwomainnavpic img{ width: 100%; height: auto;    position: relative; left: -33px;}

div.qiyetwomainnav_t{ width: 100%; height: 48px; line-height: 48px; color: #ffffff; font-size: 24px; margin-top: 35px; margin-bottom: 12px;}

div.qiyetwomainnav_tline{ width: 35px; height: 3px; background: #0f6ed5; }

div.qiyetwomainnav_desc{ width: 135%; height: auto; line-height: 30px; color: #ffffff; font-size: 15px; margin-top: 23px;}


div.dangjianlist_bk{ width: 100%; height: auto; margin-top: 64px;}

div.dangjianlist{ width: 1280px; height:300px; margin: auto; box-shadow: 0 0 20px rgba(0,0,0,0.1); background: #fff; margin-top: 80px;}

div.dangjianlistlt{ width: 332px; height: 230px; float: left;  margin-top: 35px; margin-left: 37px; overflow: hidden;}

div.dangjianlistlt img{ width: 332px; height: 230px; transition: all 0.5s ease-in-out;}

div.dangjianlistmid_t{ width: 740px; float: left; margin-left: 43px; margin-top: 35px;}

div.dangjianlistmid_t_title{ width: 100%; height: 32px; line-height: 32px; overflow: hidden; color: #3e3e3e; font-size: 20px; transition: all 0.5s ease-in-out;}

div.dangjianlistmid_t_line{ width: 143px; height: 21px; border-bottom: 1px solid #eaeaea; margin-bottom: 19px;}

div.dangjianlistmid_t_desc{ width: 100%; height: 74px; line-height: 37px; overflow: hidden; color: #939393; font-size: 16px; margin-bottom: 53px;}

div.dangjianlistmid_t_time{ width: 100%; height: 16px; overflow: hidden; background: url(../img/dangjian_time.png) center left no-repeat; padding-left: 24px; color: #656565; font-size: 16px; line-height: 16px; } 

div.dangjianlistmid_rtmore{ width:37px; height: 240px; background: url(../img/dangjian_more.jpg) center no-repeat; float: right; margin-top: 30px; margin-right: 30px;transition: all 0.5s ease-in-out;}

div.dangjianlist:hover div.dangjianlistlt img{ transform: scale(1.1);}

div.dangjianlist:hover div.dangjianlistmid_t_title{ color: #0f6ed5;}

div.dangjianlist:hover div.dangjianlistmid_rtmore{background: url(../img/hdangjian_more.jpg) center no-repeat; }

div.cpdescback{ width: 1280px; height: auto; margin: auto; line-height: 45px; color: #fff; font-size: 18px;}

div.cpnavback{ width: 98%; max-width: 1463px; margin: auto; margin-top: 60px;border:1px solid #fff; border-left: none; display: flex; flex-wrap: nowrap;  justify-content: space-between;}

div.cpnav{ width: 100%; height: 146px;  border-left: 1px solid #fff; text-align: center; display: table;}

a.cpnavcell{ width: 100%; height: auto; vertical-align: middle;display: table-cell;}

div.cpnavico{ width: 47px; height: 47px; margin: auto; }

div.cpnav_t{ width: 100%; height: 30px; line-height: 30px; text-align: center; color: #ffffff; font-size: 15px; margin-top:10px;}

div.cpnav:hover{ background: #196edc;}

div.cpnav:hover div.cpnavico img{ filter:brightness(20)  ; -webkit-filter:brightness(20)  ; }

div.cpnavhover{ background: #196edc;}

div.cpnavhover div.cpnavico img{ filter:brightness(20)  ; -webkit-filter:brightness(20)  ; }

div.cpmain{ width: 98%; max-width: 1463px; margin: auto; margin-top: 90px;}

div.cplist{ width:29.6% ; float: left; margin-bottom: 60px; margin-left: 5.6%;}

div.cplistpic{ width: 100%; height: auto; overflow: hidden;}

div.cplistpic img{ width: 100%; height: auto; 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.cplist_t{ width: 100%; height: 0.66rem; overflow: hidden; text-align: center; line-height: 0.66rem; color: #ffffff; font-size: 0.18rem;}

div.cplist:hover div.cplistpic img{ 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.anlimain{ max-width: 1460px; height: auto; margin: auto; width: 98%;}

div.anlilist{ width: 47%; height: auto; float: left; margin-bottom: 94px; position: relative; overflow: hidden; margin-left: 6%;}

div.anlilistpic{ width: 100%; height: auto; overflow: hidden;}

div.anlilistpic img{ width: 100%; height: auto; 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.anlilist:hover div.anlilistpic img{ 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.anlilist_tbk{ width: 100%; height:80px; line-height: 80px; text-align: center; color: #ffffff; font-size: 16px; background: rgba(0,0,0,0.9); position: absolute; left: 0; bottom: -80px;}

div.anlilist:hover div.anlilist_tbk{ bottom: 0;}

div.lianxioneback{ width: 98%; margin: auto; max-width: 1445px; height: 6.29rem; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }

div.lianxitwo{width: 98%; margin: auto; max-width: 1445px; margin-top: 1.2rem; border-top: 1px solid #7c899f; padding-top: 0.85rem;}

div.lianxitwoleft{ float: left;    width: 46%;}

div.lianxitwoleft_t{ width: 100%; height: 66px; line-height: 66px; color: #ffffff; font-size: 32px; font-weight: 700; margin-bottom: 17px;}

div.lianxitwoleft_form{ width: 100%;}

div.lianxitwoleft_form_1{ width: 47%; background: #fff; margin-bottom: 27px; float: left; height: 60px; line-height: 60px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }

div.lianxitwoleft_form_1 input{background: none; border: none; outline: none; font-size: 14px; width: 100%; height: 100%; color: #676767; padding: 0 20px;}

div.lianxitwoleft_form_2{ width: 47%; background: #fff; margin-bottom: 27px;  float: right; height: 60px; line-height: 60px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }

div.lianxitwoleft_form_2 input{ background: none; border: none; outline: none;font-size: 14px;  width: 100%; height: 100%; color: #676767; padding: 0 20px;}

div.lianxitwoleft_form_3{ width: 100%; height: 131px;background: #fff;  margin-bottom: 27px;  border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;}

div.lianxitwoleft_form_3 textarea{ background: none; border: none; outline: none;font-size: 14px;  width: 100%; height: 100%; color: #676767; padding: 20px;}

div.lianxitwoleft_form_submit{ width: 172px; height: 46px; float: left; background: url(../img/submit.png) center no-repeat;}

div.lianxitwoleft_form_submit input{ background: none; border: none; outline: none; width: 100%; height: 100%;  font-size: 0; cursor: pointer;}

div.lianxitwoleft_form_rt{  float: right; height: 46px;}

div.lianxitwoleft_form_rtimg{ width: 100px; height: 46px; float: left;}

div.lianxitwoleft_form_rtimg img{ width: 100%; height: 100%;}

div.lianxitwoleft_form_rttext{ width: 190px; height: 46px; margin-left: 20px; float: left; line-height: 46px;background: #fff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }

div.lianxitwoleft_form_rttext input{ background: none; border: none;font-size: 14px;  outline: none; width: 100%; height: 100%; color: #676767; padding: 0 20px;}

div.lianxitwort{ float: right;}

div.lianxitwort_1{ margin-bottom: 30px; height: auto; color: #ffffff; font-size: 15px;  line-height: 42px; padding-left: 55px; background: url(../img/lxwmico1.png) 0px 0px no-repeat; margin-top: 44px;}

div.lianxitwort_2{ margin-bottom: 30px;height: auto; color: #ffffff; font-size: 15px;  line-height: 42px; padding-left: 55px; background: url(../img/lxwmico2.png) 0px 5px no-repeat;}

div.lianxitwort_3{ margin-bottom: 30px;height: auto; color: #ffffff; font-size: 15px;  line-height: 42px; padding-left: 55px; background: url(../img/lxwmico3.png) 0px 0px no-repeat;}

div.lianxitwort_4{ margin-bottom: 30px;height: auto; color: #ffffff; font-size: 15px;  line-height: 42px; padding-left: 55px; background: url(../img/lxwmico4.png) 0px 0px no-repeat;}

div.lianxitwort_2 strong{ font-family: 'dinblack'; font-size: 36px;}



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:#fff; font-size:12px;}

div.xinwenxxtoptitleback{ font-weight:700;  width:100%; height:auto; line-height:48px; text-align:left; color:#fff; font-size:36px;}
 
div.xinwenxxtopcontent{   width:100%; height:auto; line-height:30px; color:#fff; 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:#fff; font-size:14px; }

div.xinwenxxtopsyytitle a{ color:#fff; transition:all 0.5s ease-in-out;}

div.xinwenxxtopbottom{ padding-top: 35px; border-bottom:rgba(255,255,255,0.3) 1px solid; padding-bottom: 35px;}

div.xinwenxxtopbottommain{ margin: auto; width: 96%; max-width: 1280px;}

div.xiangguan{ margin: auto; width: 1280px;}








