*{ 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;}
.rtab{font-size:0.14rem;color:#7a86a9;max-width:1600px;width:98%;margin:auto;padding-bottom:0.4rem; padding-top:30px;}
.rtab a{ border:1px #f0f0f0 solid; padding:10px 20px;}
.ratab span{
    font-size: 24px;
    font-weight: 700;
}
.tag {
    border-top: 1px dashed #999;
    border-bottom: 1px dashed #999;
    line-height: 40px;
}

.flink {
    margin-top: 10px;
    width: 100%;
}

.flink .flink_tit {
    width: 100%;
    position: relative;
}

.flink .flink_tit p {
    height: 12px;
    width: 100%;
    background: url(../img/dian.png);
    position: absolute;
    top: 15px;
}

.flink .flink_tit span {
    height: 42px;
    background: #fff;
    color: #337ab7;
    font-size: 14px;
    border: 1px solid #337ab7;
    position: relative;
    z-index: 2;
    display: block;
    width: 115px;
    text-align: center;
    line-height: 42px;
    margin-left: 40px;
}

.flink .news_list {
    width: auto;
    height: auto;
    border: 0;
    padding: 20px 0;
}

.flink .flink_tit {
    margin-bottom: 10px;
}

.flink a:hover {
    color: #f7b71d;
}

.flink .pro_list ul li {
    float: left;
    margin-right: 50px;
}

.flink .pro_list ul li:nth-child(5n) {
    margin-right: 0;
}

.flink .pro_list ul li .img {
    display: block;
    width: 200px;
    height: 120px;
}

.flink .pro_list ul li .t {
    display: block;
    width: 200px;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    text-align: center;
}


.container .pro_list {
    width: 905px;
}

.container .pro_list ul li {
    width: 210px;
    padding: 15px;
    margin-right: 25px;
    margin-bottom: 28px;
    float: left;
    border: 1px solid #eee;
}

.container .pro_list ul li:hover {
    border: 1px solid #000;
}

.container .pro_list ul li a img {
    width: 180px;
    height: 190px;
}

.container .pro_list ul li a span {
    display: block;
    margin-top: 6px;
    text-align: center;
    font-size: 14px;
}

.flink .flink_list {
    width: 100%;
    margin-top: 30px;
    margin-left: 40px;
}

.flink .flink_list ul li {
    float: left;
    margin-right: 28px;
}

.flink .flink_list ul li a {
    font-size: 14px;
    line-height: 28px;
    color: #5a5a5a;
}

.flink .flink_list ul li a:hover {
    color: #47cdff;
}
.pro_list img{width:100%;}
.news_list ul li {
    width: 100%;
    float: left;
    height: 38px;
    padding-top: 9px;
    border-bottom: 1px dashed #c6c6c6;
    margin-bottom: 8px;
}

.news_list ul li p {
    float: right;
}
.clearfix:after, .container:after, .row:after, ul:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.mt20 {
    margin-top: 20px;
}
.mx-0{ margin:0 0;}
.mbpx-0{padding:0 0;}
.tag {
    border-top: 1px dashed #999;
    border-bottom: 1px dashed #999;
    line-height: 40px;
}
.mt15 {
    margin-top: 15px;
}
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;
	}
	
}
div.pagegao {
    height: 30px;
}
.pagination p {
	margin: 0;
	cursor: pointer;
	
}
.pagination {
	height: 40px;
	text-align: center;
	width:100%;

	margin-bottom:1rem;
}
.pagination a {
	display: inline-block;
	margin-right: 10px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	
	text-decoration: none;
	
	font-size: 14px;
	
	text-align: center;
	background: #fff;
	color:#43599f;
	font-weight: 700;
	transition:all 0.3s ease-in-out;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;

}
.pagination a:hover {
	background: #43599f;
	color: #fff;

}
.pagination a.cur {
	display: inline-block;
	margin-right: 10px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-weight: 700;
	text-decoration: none;

	font-size: 14px;
	text-align: center;
	
	transition:all 0.3s ease-in-out;
	background: #43599f;
	color: #fff;
}
.pagination p {
	display: inline-block;
	font-size: 14px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #6c6c6c;
	text-align: center;
	background: #fff;
	color: #43599f;
	margin-right: 8px;
	font-weight: 700;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}
.pagination p.pageRemark {
	border-style: none;
	background: none;
	margin-right: 0px;
	padding: 4px 0px;
	color: #fe6600;
	
}
.pagination p.pageRemark b {
	color: red;
}
.pagination p.pageEllipsis {
	border-style: none;
	background: none;
	padding: 4px 0px;
	color: #fe6600;
	border-radius:50%;
}
.dates li {
	font-size: 14px;
	margin: 20px 0
}
.dates li span {
	float: right
}
.pagination .page_xyy {
	width: 50px;
	height: 28px;
	
	border:none;
	line-height: 28px;
	
	text-decoration: none;
	color: #6c6c6c;
	font-size: 14px;
	text-align: center;
border:#dddddd 1px solid;
	background: #f5f5f5;
	color: #565656;

	display: none;

	
}
.pagination .page_xyy:hover{ 
	
		border:#4186e4 1px solid;
	background: #4186e4;
	color: #fff;
}
.pagination .page_syy {
	 width: 50px;
	height: 28px;
	line-height:28px;
	border:none;
	text-decoration: none;
	color: #6c6c6c;
	font-size: 14px;
	text-align: center;
border:#dddddd 1px solid;
	background: #f5f5f5;
	color: #565656;

	transition:all 0.5s ease-in-out;
	
	display: none;

}
.pagination .page_syy:hover{ 
		border:#4186e4 1px solid;
	background: #4186e4;
	color: #fff;
	}
.pagination .page_shouye {
	width: 39px; 
	height: 39px;
	border-radius:50%;
	padding: 0;
	margin-top: 4px;
	background:none;
	display:none;
}

.pagination .page_weiye {
	width: 39px;
	height: 39px;
	border-radius:50%;
	padding: 0;
	margin-top: 4px;
	background:none;
	display:none; 

}
/*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:'ak';src: local('ak'), url(../img/ak.woff) format('woff');}

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

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

div.publicheadback{ width: 100%; height: 100px; background: #fff;}

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

div.publichead_l{ float: left; margin-left: 0.35rem;}

div.publichead_logo{ width: 189px; height: 57px; float: left; margin-top: 23px;}

div.publichead_slogan{  float: left; height: 30px;line-height: 30px;margin-top: 34px; font-size: 18px;font-weight: 700; color: #e38814;margin-left: 0.47rem;} 

div.publichead_slogan span{ color: #3b4f85; font-size: 18px; font-weight: 700;}

div.publichead_r{ float: right;  display: flex;}

div.publichead_rnav{  padding: 0 0.24rem; margin: 0 0.15rem; height: 100px;line-height: 100px;color: #3f3f3f; font-size: 16px; position: relative;}

div.publichead_rnav::before{ content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; transition:all 0.36s ease-in-out ; background: linear-gradient( to right , #3c528d , #3e5ab9); -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.publichead_rnav>a{color: #3f3f3f;position: relative; display: block;}

div.publichead_rnav:hover:before{opacity: 1;}

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

div.headlanflex{ width: 100%; height: auto;display: flex;flex-flow:nowrap;}

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

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

div.headlanlan:nth-child(1){ background: #3c528c;}

div.headlanlan:nth-child(2){ background: #3e5dae;}

div.headlanlan:nth-child(3){ background: #3e65ca;}

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

div.indexbannerbk{position: relative; width: 100%; height:6.5rem;}

div.indexbannerbk .swiper-pagination{ bottom: auto; left: auto; right: 0.59rem; bottom:0.3rem; width: 30px;}

div.indexbannerbk .swiper-pagination span{ opacity: 1; display: block; width: 30px; height: 30px; position: relative; background: none; margin-bottom: 15px !important;}

div.indexbannerbk .swiper-pagination span:before{ content: ''; display: block; width: 8px; height: 8px; position: absolute; left: 50%; top: 50%; margin-top: -4px; margin-left: -4px; background: #3c528c; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }

div.indexbannerbk .swiper-pagination span:after{ opacity: 0; display: block; transition:all 0.36se ease-in-out ; content: ''; width: 100%; height: 100%; border: 1px solid #829ac1; position: absolute; left: 0; top: 0; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; -webkit-transition:all 0.36se ease-in-out ; -moz-transition:all 0.36se ease-in-out ; -ms-transition:all 0.36se ease-in-out ; -o-transition:all 0.36se ease-in-out ; }

div.indexbannerbk .swiper-pagination span.swiper-pagination-bullet-active:after{ opacity: 1;}

div.bannervideo{ width: 1px;height: 100%; position: absolute;top:0;right: 8.33333333%; background: #cad0de; z-index: 111; display:none;}

div.bannervideobutton{ cursor: pointer; width: 0.56rem; height: 0.56rem; text-align: center; line-height: 0.56rem; font-size: 0.16rem; color: #fff; position: absolute; left: -0.28rem; bottom: calc(100px + 1.28rem); background: #3c528c; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

div.bannervideobutton::before{content: '播放'; display: block; position:absolute;     left: 0.8rem; letter-spacing: 15px;color: #3c528c; font-size: 14px; white-space: nowrap;}

div.indexoneback{ background: #f5f5f5; width: 100%; height: auto;}

div.indexone{width: 83.3%; margin: auto; max-width: 1600px; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.1);z-index: 100; position: relative; margin-top: -100px; padding-top: 87px; padding-bottom: 145px;}

div.indexoneqh{ width: 86%; height: auto; margin: auto;}



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

div.indexpropic{ width: 100%; height: auto; text-align: center;}

div.indexpropic img{ max-width:55%;}

div.indexpronum1{width: 100%; height: 60px; line-height: 60px; text-align: center; color: #cccccc; font-size: 48px; font-family: 'ak'; margin-top:0.2rem;}

div.indexpronum2{ width: 100%; height: 38px; line-height: 38px; text-align: center; color: #4d4d4d; font-size: 18px;}

div.indexoneproleft{ width: 45px; outline: none; height: 45px; position: absolute; left: 0; top: 50%; margin-top: -22px; cursor: pointer;z-index:100; background: url(../img/indexoneleft.png) center no-repeat; }

div.indexoneproright{ width: 45px; outline: none; height: 45px; position: absolute; right: 0; top: 50%; margin-top: -22px; cursor: pointer;z-index:100; background: url(../img/indexoneright.png) center no-repeat; }

div.indexonebottom{ width: 100%; height: auto; padding-top: 113px; background: url(../img/indexonebottombg.jpg) top center no-repeat;}

div.indexonebottom_n{ width: 960px; height: auto; margin: auto;}

div.indexonebottom_n_en{ width: 100%; height:153px; line-height: 153px; text-align: center; font-size: 149px; text-transform: uppercase;   background: linear-gradient(to right, #1487cc, #2b33b2);  -webkit-background-clip: text;
    color: transparent; font-family: 'pl';}

div.indexonebottom_n_desc{ width: 100%; text-align: center;margin-top: 35px; line-height: 36px; color: #728496; font-size: 16px; font-weight: 700;}

div.indexonebottom_n_more{ width: 204px; height: auto;margin: auto; margin-top: 80px;}

div.indextwoback{ width: 100%; height: auto; padding-top: 65px; padding-bottom: 99px; background: url(../img/indextwoback.jpg) 50%/cover no-repeat;}

div.indextwonav{ width: 3.78rem; height: 4.36rem; background: url(../img/indextwobg.png) center no-repeat; background-size: 100%; position: relative; display: table;}

div.indextwonavcell{display: table-cell; vertical-align: middle; }

div.indextwonav_pic{ width: 0.76rem; height: auto; margin: auto;position: relative;}

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

div.indextwonav_t{ width: 100%; height: auto;position: relative; line-height: 0.6rem;  text-align: center; color: #ffffff; font-size: 0.24rem; font-weight: 700;}

div.indextwonav_desc{ width:2.85rem; height:1rem;position: relative; margin: auto; overflow: hidden; line-height: 0.25rem; color: #a3b3e5; font-size: 0.14rem;}

div.indextwonav:nth-child(1) div.indextwonavbg{ opacity: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/indextwobgh.png) center no-repeat; background-size:100%; }

div.indextwonav:nth-child(2) div.indextwonavbg{ opacity: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/indextwobg2h.png) center no-repeat; background-size:100%; }

div.indextwonav:nth-child(3) div.indextwonavbg{ opacity: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/indextwobg3h.png) center no-repeat; background-size:100%; }

div.indextwonav:nth-child(4) div.indextwonavbg{ opacity: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/indextwobg4h.png) center no-repeat; background-size:100%; }

div.indextwonav:hover div.indextwonavbg{ opacity: 1;}

div.indextwonav:hover div.indextwonav_desc{ color: #fff;}

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

div.nynavback{ width: 100%; height: 100px; border-bottom: 1px solid #e0e0e1; position: relative; display: flex; }

div.nynavback::before{ display: block; content: ''; width: 100%; height:40px; position: absolute; left: 0; top: 0; background: linear-gradient( to bottom , #bdc4dd , #fff);}

div.nynav{  padding:0 0.5rem; display: inline-block; overflow: hidden; line-height: 100px; text-align: center; color: #3f3f3f; font-size: 16px; position: relative;}

div.nynav::before{ content: ''; display: block; transition:all 0.36s ease-in-out; opacity: 0; width: 100%; height: 106%; position: absolute; left: 0; top: 0; background: linear-gradient( to bottom , #c1c8e0 , #455ba0); -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.nynav a{color: #3f3f3f; display: block; width: 100%; height: 100%; position: relative;}

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

div.nynav:hover:before{ opacity: 1;}

div.nynav:hover a{ color: #fff; font-weight: 700;}


div.nynavhover:before{ opacity: 1;}

div.nynavhover a{ color: #fff; font-weight: 700;}

div.gywmoneback{ width: 1280px; height: auto; margin: auto; margin-top: 63px;}

div.gywmone_t{ width: 100%; height: 0.57rem; line-height: 0.57rem; color: #4d4d4d; font-size: 36px; font-weight: 700; }

div.gywmone_ent{ width: 400px; height: 73px; line-height: 73px; color: #dce0f0; font-size: 72px; font-family: 'ak'; text-transform: uppercase;background: linear-gradient(to right, #1487cc, #2b33b2);
    -webkit-background-clip: text;
    color: transparent;}

div.gywmone_desc{ width: 100%; height: auto; line-height:36px; color: #666666; font-size: 14px; margin-top: 42px;}

div.gywmoneqhback{ width: 1280px; height: auto; margin: auto; position: relative;}

div.gywmoneqh{ width: 100%; height: auto; position: relative; margin-top: 36px; padding: 0 15px;}

div.gywmonepic{ width: 100%; height: auto; background: #ffffff; box-shadow: 0 0 20px rgba(0,0,0,0.15); padding: 23px;}

div.gywmone_listt{ width: 100%; height: 25px; line-height: 25px; text-align: center; margin-top: 40px; color: #666666; font-size: 16px; overflow: hidden;}

div.gywmoneleft{ width: 50px; height: 57px; position: absolute; left: -60px; top: 50%; margin-top: -28.5px; cursor: pointer; outline: none;} 

div.gywmoneright{ width: 50px; height: 57px; position: absolute; right: -60px; top: 50%; margin-top: -28.5px; cursor: pointer; outline: none;} 

div.gywmtwoback{ width: 100%; height: auto; padding-top: 70px; background: url(../img/gywmtwobg.jpg) center no-repeat; padding-bottom: 124px;}

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



div.gywmfourback{ width: 100%; height: 998px; padding-top: 72px;}

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

div.gywmfour_cnt{ width: 100%; height: 56px; line-height: 56px; color:#fff; font-size: 30px; font-weight: 700;}

div.gywmfour_ent{ width:494px; height: 74px; line-height: 74px; font-size: 60px; font-weight: 700; text-transform: uppercase;    background: linear-gradient(to right, #e7f4f9, #0d9288);
    -webkit-background-clip: text;
    color: transparent; }

div.gywmfour_qh{ width: 100%; height: auto; margin: auto; margin-top: 63px;}

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

div.gywmfourlist_t{ width: 100%; height: auto; line-height: 27px; text-align: center; color: #4d4d4d; font-size: 16px;}

div.gywmfourlistpic{ width: 65.7%;
    height: auto;
    position: absolute;
    left: 13.2%;
    top: 17.5%;}

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

div.gywmfourleft{ width: 50px; height: 57px; position: absolute; left: -80px; top: 50%; margin-top: -28.5px; cursor: pointer; outline: none;} 

div.gywmfourright{ width: 50px; height: 57px; position: absolute; right: -80px; top: 50%; margin-top: -28.5px; cursor: pointer; outline: none;} 

div.publicfooterback{ width: 100%; height: auto; background: url(../img/dibubg.jpg) 50%/cover no-repeat; padding: 0.55rem 0 0;}

div.publicfootertop{ max-width: 1600px; width:98%; margin: auto; padding-bottom:0.4rem;  } 

div.publicfooterbacktop{ width: 0.65rem; height: 0.65rem; margin: auto; border: 1px solid #7c86aa; cursor:pointer; background: url(../img/dibubacktop.png) center no-repeat; }

div.publicfootertoplogo{ width:2.69rem; height:auto; float: left;margin-top: -0.17rem;  }

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

div.publicfootertopss{margin-top: 0.06rem;   width: 3.2rem; height: 0.6rem; float: right; padding: 0 0.25rem; background: #fff; border-radius: 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; }

div.publicfootertopssleft{ width: 0.68rem; height: 0.17rem; float: left; line-height: 0.17rem; margin-top: 0.21rem; border-right: 1px solid #dededf; text-align: center; color: #747474; font-size: 0.16rem;}

div.publicfootertopssinput{ width: 1.72rem; height: 0.2rem; float: left; margin-left: 0.1rem; line-height: 0.2rem; margin-top: 0.2rem; padding-right: 0.25rem; background: url(../img/dibus.png) right center no-repeat; background-size:0.2rem; }

div.publicfootertopssinput input{ width: 100%; height: 100%; display: block; background: none; border: none; outline: none; }

div.publicfootermidback{ width: 100%; height: auto; border-top: 1px solid #4e63a5;border-bottom: 1px solid #4e63a5;}

div.publicfootermid{ max-width: 1600px; width:98%; margin: auto; display: flex; justify-content: space-between;  flex-flow: nowrap;}

div.publicfootermidleft{ padding-top: 0.55rem; padding-bottom: 0.8rem; width: 100%; height: auto; border-right:1px solid #4e63a5;display: flex; justify-content: space-between; flex-flow: nowrap; padding-right: 1.2rem;}


div.publicfootermidleft_t{ width: 100%; height: 0.41rem; line-height: 0.41rem; color: #fff; font-weight: 700; font-size: 0.24rem; margin-bottom: 0.17rem; margin-bottom: 0.17rem;} 

div.publicfootermidleft_t a{ color: #fff;}

div.publicfootermidleft_list{  height: 0.37rem; line-height: 0.37rem; color: #babdc8; font-size: 0.16rem;}

div.publicfootermidleft_list a{ white-space: nowrap; color: #babdc8; 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.publicfootermidleft_list a:hover{ color: #fff;}

div.publicfootermidrt{ width: 45%;  height: auto; padding-top: 0.43rem; padding-left: 0.8rem;}

div.publicfootermidrt_t{height: auto; line-height: 0.63rem; color: #fff; font-size: 0.24rem; font-weight: 700; margin-bottom: 0.1rem;}

div.publicfootermidrt_li{  height: auto; line-height: 0.5rem;background: url(../img/dibutel.png) left 0.08rem no-repeat; font-family: 'ak'; background-size: 0.33rem; padding-left: 0.45rem; color: #ffffff; font-size: 0.36rem;}

div.publicfootermidrt_li2{  height: 0.5rem; line-height: 0.5rem; background: url(../img/dibuloca.png) left center no-repeat; background-size: 0.33rem; padding-left: 0.45rem; color: #ffffff; font-size: 0.16rem;}

div.publicfootermidrt_li3{  margin-top: 0.55rem;}

div.publicfooterbottombk{ max-width: 1600px; width:98%; margin: auto; padding: 0.22rem 0;}

div.publicfooterbottom_l{ float: left;height: 0.35rem; line-height: 0.35rem; color: #7a86a9; font-size: 0.14rem; float: left;}

div.publicfooterbottom_l a{ color: #7a86a9; 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.publicfooterbottom_l a:hover{ color: #fff;}

div.publicfooterbottom_r{ float: right; height: 0.35rem; line-height: 0.35rem; color: #7a86a9; font-size: 0.14rem;}

div.publicfooterbottom_r a{ color: #7a86a9; 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.publicfooterbottom_r a:hover{ color: #fff;}

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

div.indextwo{ max-width: 1600px;  width: 98%; height: auto; margin: auto; display: flex; flex-wrap: nowrap; justify-content: space-between;}

div.indexthreeback{ width: 100%; height: auto; padding-top: 1rem; padding-bottom: 24px; background: #f5f5f5; position: relative;}

div.indexthreemain{ width: 100%; height: auto;  padding-top: 0.69rem; position: relative;}

div.indexthree_t{ width: 100%; height: 0.89rem; line-height: 0.89rem; color: #4d4d4d; font-size: 0.36rem; font-weight: 700;}

div.indexthree_desc{ width:50%; height: auto; line-height: 0.3rem; color: #666666; font-size: 0.14rem;}

div.indexthree_ent{ width: 400px; height: auto; line-height: 0.8rem; margin-top: 0.3rem; font-size: 0.72rem; font-family: 'ak';    text-transform: uppercase;
    background: linear-gradient(to right, #1487cc, #2b33b2);
    -webkit-background-clip: text;
    color: transparent;}

div.indexthreetabback{ width: 100%; height: auto; position: relative; margin-top: 0.55rem; overflow: hidden;}	

div.indexthreetabjb{ width: 100%; height:50%; position: absolute; left: 0; bottom: -5%; background: linear-gradient( to bottom ,transparent, #172f61);}

div.indexthreetabbk{ width: 100%; height: 1.3rem; border-top: 1px solid rgba(255,255,255,0.2); position: absolute; left: 0; bottom: 0;}

div.indexthreetab{ width: 50%; height: 100%; float: left; border-right:  1px solid rgba(255,255,255,0.2); padding-top: 0.23rem;}

div.indexthreetabbutton{  height: 0.78rem; display: flex; flex-flow: nowrap; justify-content: center;}

div.indexthreetabbutton_left{ height: 0.78rem; width: 0.78rem;}

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

div.indexthreetabbutton_rt{ margin-left: 0.2rem; padding-top: 0.11rem;}

div.indexthreetabbutton_rt1{ height:0.3rem;  color: #ffffff; font-size: 0.18rem; font-weight: 700; }

div.indexthreetabbutton_rt2{ height: 0.28rem; line-height: 0.28rem; color: #ffffff; opacity: 0.6; font-size: 0.14rem;}

div.indexthreetab:hover{ background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.1);}

div.indexthreetab:hover div.indexthreetabbutton_rt1{ color: #336bb8; opacity: 1;}

div.indexthreetab:hover div.indexthreetabbutton_rt2{ color: #336bb8; opacity: 1;}

div.indexthreebackleftbg{ width: 66.8%; height: 100%; position: absolute; left: 0;  background: #eaedfa; top: 1rem;}

div.indexthreebackrtbg{ width: 25.8%; height: auto; position: absolute; left:66.8%; top: 1rem;}

div.indexthreebackrtbg img{ max-width: 100%;}
img.indexthreepicscale{transition: all 1s cubic-bezier(.165,.84,.44,1) 0s;}

div.indexthreetabback:hover img.indexthreepicscale{ 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.indexfourback{ width: 100%; height: auto; margin-top: 1.7rem; padding-bottom: 1rem;}

div.indexfourtopbk{ width: 100%; height: auto; border-bottom: 4px solid #eaedfa; padding-bottom: 0.2rem;}

div.indexfourtopleft{ float: left; height: 0.7rem; line-height: 0.7rem;  color: #4d4d4d; font-size: 0.36rem; font-weight: 700;}

div.indexfourtoprt{ float: right; line-height: 0.7rem; color: #666666; font-size: 16px; font-family: 'ak'; margin-right: 1.7rem; text-transform: uppercase;}

div.indexfourtoprt a{ color: #666;font-family: 'ak'; }

div.indexfourtoprt a:hover{ color: #336bb8;}

div.indexfourmain{ margin-top: 0.5rem;}

div.indexnews{ width: 100%; position: relative;}

div.indexfourlist{ width: 100%; height: auto; position: relative;overflow: hidden;}

div.indexfourlistpic{ width: 100%; height: auto; overflow: hidden; margin-bottom: 0.29rem;transition: all 1s cubic-bezier(.165,.84,.44,1) 0s;}

div.indexfourlisttime{ width: 100%; height: 0.27rem; line-height: 0.27rem; color: #4d4d4d; font-size: 0.16rem; font-family: 'ak'; margin-bottom: 0.3rem;}

div.indexfourlist_t{ width: 100%; height: 0.39rem; line-height: 0.39rem; overflow: hidden; color: #4d4d4d; font-size: 0.24rem; font-weight: 700;}

div.indexfourlist_desc{ width: 100%; height: 0.9rem; overflow: hidden; line-height: 0.3rem; margin-top: 0.19rem; color: #727272; font-size: 0.14rem; margin-bottom: 0.47rem;}

div.indexfourlist_more{ transition:all 0.3s ease-in-out ;  width: 1.25rem; text-transform: uppercase; position: relative; font-family: 'ak'; height: 0.45rem; line-height: 0.5rem; text-align: center; color: #666666; font-size: 0.16rem; -webkit-transition:all 0.3s ease-in-out ; -moz-transition:all 0.3s ease-in-out ; -ms-transition:all 0.3s ease-in-out ; -o-transition:all 0.3s ease-in-out ;transition-delay: 0s; }

div.indexfourlist:hover div.indexfourlistpic{ 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.indexfourlist:hover div.indexfourlisttime{ color: #485fa9;}

div.indexfourlist:hover div.indexfourlist_t{ color: #485fa9;}



div.indexfourlistrtl{ width: 1px; height: 2.33rem;transition:all 0.5s ease-in-out ; transition-delay: 0.5s; transform-origin: 0 0; transform: scale(0); background:#485fa9; position: absolute; right: 0; bottom: 0.22rem; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); }

div.indexfourlistbrtl{ width: 100%; height: 1px; background:#485fa9; position: absolute; transition:all 0.5s ease-in-out ; transition-delay: 0s; left: 100%; bottom: 0.22rem; -webkit-transition:all 0.5s ease-in-out ; -moz-transition:all 0.5s ease-in-out ; -ms-transition:all 0.5s ease-in-out ; -o-transition:all 0.5s ease-in-out ; }

div.indexfourlist:hover div.indexfourlistrtl{ transform: scale(1); transition:all 0.5s ease-in-out ; -webkit-transition:all 0.5s ease-in-out ; -moz-transition:all 0.5s ease-in-out ; -ms-transition:all 0.5s ease-in-out ; -o-transition:all 0.5s ease-in-out ; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }

div.indexfourlist:hover div.indexfourlistbrtl{ left: 0; transition:all 0.5s ease-in-out ; -webkit-transition:all 0.5s ease-in-out ; -moz-transition:all 0.5s ease-in-out ; -ms-transition:all 0.5s ease-in-out ; -o-transition:all 0.5s ease-in-out ;  transition-delay: 0.5s;}

div.indexfourlist:hover div.indexfourlist_more{ background: #485fa9; transition:all 0.5s ease-in-out ; transition-delay: 0.65s; color: #fff;}

div.indexfourlistjtbutton{ width: 120px; margin: auto; opacity: 0; margin-top: 35px; 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.indexfourlistjtleft{ width: 45px;
    outline: none;
    height: 45px;
	float: left;
    cursor: pointer;
    z-index: 100;
    background: url(../img/indexoneleft.png) center no-repeat;}
div.indexfourlistjtright{ width: 45px;
		outline: none;
		height: 45px;
		float: right;
		cursor: pointer;
		z-index: 100;
		background: url(../img/indexoneright.png) center no-repeat;}
	
div.indexfourback:hover div.indexfourlistjtbutton{ opacity: 1;}	

div.gywmtwomain{  width: 1280px; margin: auto; margin-top: 0.4rem; display: flex; justify-content: space-between; flex-flow: nowrap;}

div.gywmtwolist{ width: 310px; height: auto; }

div.gywmtwolistpic{ width: 100%; height: auto; margin-bottom: 21px;overflow: hidden;}

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

div.gywmtwolist_t{ width: 100%; height: 40px; line-height: 40px; text-align: center; color: #455ba0; font-size:24px; font-weight: 700;}

div.gywmtwolist:hover div.gywmtwolistpic 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.promainback{ width:100%; height: auto; padding-top: 1.09rem;}

div.proleft{ float: left;}

div.proleft_list{ display: inline-block; padding: 0 0.38rem; height: 0.5rem; margin-bottom: 0.2rem; line-height: 0.5rem; background: #d6dee9; font-size: 0.16rem; color: #4d4d4d; border-radius: 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; }

div.proleft_list a{ color:#4d4d4d; display: block; width: 100%; height: 100%; }

div.proleft_list:hover{ background: #43599f;}

div.proleft_list:hover a{ color: #fff;font-weight: 700;}

div.proleft_listhover{ background: #43599f;}

div.proleft_listhover a{ color: #fff;font-weight: 700;}

div.proright{ width: 67%; float: right;}

div.prorightlist{ width: 48.5%; height: auto; float: left; margin-bottom: 0.4rem;}

div.prorightlistpic{ width: 100%; height: 3rem; position: relative; overflow: hidden;}

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

div.prorightlistpicsj1{    width: 2.7rem;
    border-right: 3rem solid transparent;
    border-bottom: 3rem solid rgba(67,89,159,0.3); position: absolute; left: 0; bottom: 0;}
div.prorightlistpicsj2{    width: 1.7rem;
		border-right: 1.7rem solid transparent;
		border-bottom: 1.7rem solid rgba(67,89,159,1); position: absolute; left: 0; bottom: 0;}
div.prorightlistpicsj3{    width: 2.7rem;
	border-right: 3rem solid transparent;
	border-bottom: 3rem solid rgba(227,134,20,0.3); position: absolute; left: -2.7rem; bottom: -3rem;}
div.prorightlistpicsj4{    width: 1.7rem;
		border-right: 1.7rem solid transparent;
		border-bottom: 1.7rem solid rgba(227,134,20,1); position: absolute; left: -1.7rem; bottom: -1.7rem;}
	
div.prorightlistpicmore{ width: 1.1rem; height: 0.8rem; line-height: 0.8rem; text-align: center; color: #f5f5f5; font-size: 0.14rem; font-weight: 700; position: absolute; left: 0; bottom: 0;}

div.prorightlist_t{ width: 100%; height: 0.75rem; font-weight: 700; line-height: 0.75rem; color: #4d4d4d; font-size: 0.16rem; overflow: hidden;}

div.prorightlist:nth-child(2n){ float: right;}

div.prorightlist:hover div.prorightlistpicbg{ 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.prorightlist:hover div.prorightlistpicsj1{ opacity: 0;}

div.prorightlist:hover div.prorightlistpicsj2{ opacity: 0;}

div.prorightlist:hover div.prorightlistpicsj3{ left: 0; bottom: 0;}

div.prorightlist:hover div.prorightlistpicsj4{ left: 0; bottom: 0;}

div.protwozz{ width: 100%; height: auto; padding: 0.6rem 0 0.38rem; background: url(../img/cpzz.png) 50%/cover no-repeat; border-top: #d6dee9 5px solid;}

div.protwozzleft{  float: left; padding-top: 2.08rem;}

div.protwozzleft_1{ height: auto; line-height: 0.5rem; color: #43599f; font-weight: 700; font-size: 0.36rem; margin-bottom: 0.14rem;}

div.protwozzleft_2{ line-height: 0.37rem; color: #43599f; font-size: 0.18rem;}

div.protwozzrt{ float: right; height: auto; width: 80%;}

div.protwobuttonbk{ width: 114px; height: auto; margin: auto;}

div.protwobuttonleft{ float: left; width: 45px;cursor: pointer; outline: none; }

div.protwobuttonright{ float: right; width: 45px;cursor: pointer; outline: none; }

div.case_mianback{  width: 1280px; height: auto; margin: auto; padding-top: 0.8rem;} 

div.case_mian{ margin:50px 0 0;}

div.case_list{ width: 400px; height: auto; margin-right: 40px; margin-bottom: 60px; float: left;}

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

div.case_list_pic{ width: 100%; height: 300px; overflow: hidden;}

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

div.case_list_bottom{ width: 100%; height: 120px; background: #fff; padding: 0 30px; padding-top: 36px;}

div.case_list_bottomleft{ width: 100%; height:auto; float: left; line-height: 30px; overflow: hidden; color: #4d4d4d;  font-size: 15px;}

div.case_list_bottomrt{ float: right; height: 40px; line-height: 40px; color: #4d4d4d; font-size: 14px;}

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


div.case_list:hover div.case_list_pic 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.case_list:hover div.case_list_bottom{ background: #3d5ab4;}

div.case_list:hover div.case_list_bottomleft{ color: #fff;}

div.case_list:hover div.case_list_bottomrt{ color: #fff;}

div.lxmwoneback{ width: 1280px; height: auto; margin: auto; padding-top: 70px;}

div.lxwmone{ width: 1280px; height: auto; margin: auto; margin-top: 70px;}

div.lxwmoneleft{ width: 50%; height: 640px; float: left; background: #3d539b; padding:  84px 80px 0;}

div.lxwmoneleft_1{ width: 100%; height: 53px; line-height: 53px; color: #ffffff; font-weight: 700; font-size: 30px; margin-bottom: 40px;}

div.lxwmoneleft_1 span{ font-size: 18px;}

div.lxwmoneleft_nav{ width: 100%; height: 67px; border-bottom: 3px solid #7486c0; line-height: 67px; margin-bottom: 40px;}

div.lxwmoneleft_nav input{ width: calc(100% - 45px); height: 100%; display: block; background: none; border: none; outline: none; color: #ffffff; font-size: 16px;}

div.lxwmoneleft_nav input::placeholder{ color: #fff;}

div.lxwmoneleft_bottom{ width: 100%; height: auto; margin-top: 21px;}

div.lxwmoneleft_bottomleft{ width: 172px; height: 46px; float: left; background: url(../img/submit.png) center no-repeat; border-radius: 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; }

div.lxwmoneleft_bottomleft input{ width: 100%; height: 100%; display: block; background: none; border: none; outline: none; cursor: pointer; font-size: 0;}

img.codepic{ float: left; margin-left: 15px; width: 100px; height: 46px; }

div.lxwmoneleft_bottomrt{ width: 175px; height: 46px; float: right; background: #f5f5f5; text-align: center; color: #8a8a8a; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }

div.lxwmoneleft_bottomrt input{ width: 100%; height:100%; display: block;background: none; border: none;text-align: center; outline: none; font-size: 15px; color: #8a8a8a;}

div.lxwmoneleft_bottomrt input::placeholder{ color: #8a8a8a;}

div.lxwmonert{ width: 50%; height: 640px; float: left; background: #e3e9fc;padding:  84px 80px 0;}

div.lxwmmainrt_nav{ width: 100%; height: auto; margin-bottom: 32px; line-height: 42px; padding-left: 57px; color: #515151; font-size: 15px; white-space: nowrap;}
div.lxwmmainrt_nav:nth-child(2){ display: flex;}
div.lxwmmainrt_nav:nth-child(2) span{ color: #3d539b; font-size: 30px; font-family: 'bebas';}

div.lxmwtwoback{ width: 100%; height: 600px; margin-top: 95px;}


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

div.shoufeitwo_list:nth-child(2n){ margin-right: 0;}

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_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: #ffffff; 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;}


div.nyxxback{ width:100%; max-width: 1280px;  height:auto; margin:auto; margin-bottom:15px;  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-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 strong{ color:#e38814; font-size:18px;}

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

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

div.nybreadleft{ width: 740px; height: 22px; line-height: 22px;  color: #777777; font-size: 14px; margin-top: 36px;float: left;}

div.nybreadleft a{ color: #777;}