*{ margin:0; padding:0;}
body{overflow-x:hidden; }
ul{ margin:0; padding:0;}
li{list-style:none;font-family:"Microsoft YaHei","微软雅黑","verdana","宋体";}
.clear {height:0px;clear:both;}
textarea{font-family:"Microsoft YaHei","微软雅黑","黑体","verdana","宋体";}
div{font-family:"Microsoft YaHei","微软雅黑","黑体","verdana","宋体";}
p{font-family:"Microsoft YaHei","微软雅黑","黑体","verdana","宋体"; margin:0; padding:0;}
a{text-decoration:none;font-family:"Microsoft YaHei","微软雅黑","黑体","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;
	}
	
}
.rtab{color:#7a86a9;max-width:1200px;width:98%;margin:auto;padding-bottom:30px; padding-top:30px;}
.rtab a{border:1px #f0f0f0 solid; padding:10px 20px; display:inline-block; margin-bottom:13px;}
.ratab span{
    font-size: 24px;
    font-weight: 700;
}
.tag {
    border-top: 1px dashed #999;
    border-bottom: 1px dashed #999;
    line-height: 40px;
}
.pro_list img{width:100%;}
.pro_list {overflow:hidden}
.pro_list ul li {
    float: left;
    margin-right: 50px;
    margin-left: 0;
    margin-bottom:20px;
}

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

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

.pro_list ul li .t {
    display: block;
    width: 200px;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    text-align: center;
}
.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;
}
.yunu-linkkk{padding:20px 0}

.yunu-linkkk h4{border-bottom:1px solid #ddd;margin:0;font-size:18px;color:#c42221;padding-bottom:15px}

.yunu-linkkk h4 small{text-transform:uppercase;font-size:16px;font-weight:normal;color:#999}

.yunu-linkkk ul{margin-left:-20px}

.yunu-linkkk li{float:left;margin-left:20px;margin-top:20px}
.pagination p {
	margin: 0;
	cursor: pointer;
	
}
.pagination {
	height: 28px;
	text-align: center;
	width:100%;

	margin-bottom:1rem;
}
.pagination a {
	display: inline-block;
	margin-right: 10px;
	width: 28px;
	height: 28px;
	line-height: 28px;
	
	text-decoration: none;
	
	font-size: 14px;
	
	text-align: center;
	border:#dddddd 1px solid;
	background: #f5f5f5;
	color: #565656;
	transition:all 0.3s ease-in-out;

}
.pagination a:hover {
	border:#0070c4 1px solid;
	background: #0070c4;
	color: #fff;

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

	font-size: 14px;
	text-align: center;
	
	transition:all 0.3s ease-in-out;
	border:#0070c4 1px solid;
	background: #0070c4;
	color: #fff;
}
.pagination p {
	display: inline-block;
	font-size: 14px;
	width: 28px;
	height: 28px;
	line-height: 28px;
	color: #6c6c6c;
	text-align: center;
	border:#dddddd 1px solid;
	background: #f5f5f5;
	color: #565656;
	margin-right: 8px;
	
}
.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;

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

}
.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: 100;
}

.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: 100;
}


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






div.indexbannerback{ width:100%; height:100vh; position:relative; overflow: hidden;}
.swiper-container1 {
        width:100%;
		
		margin:auto;

		overflow:hidden;
		
    }
.swiper-slide {
        text-align: center;
        font-size: 1.3rem;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
		    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    
    background-position: 50% 0%;
    background-size: cover;
    z-index: 1;
	position:relative;
	
}
.swiper-slide img{ width:100%;}


div.indextopheadback{ background:rgba(40,40,40,0);  width:100%; height:auto; position:fixed; left:0; padding:.35rem 0 0 0; z-index:999999;transition:all 0.5s ease-in-out;}

div.indextopheadlogo{ width:auto; height:.48rem; float:left; margin-left:0.5rem; transition:all 0.5s ease-in-out;margin-top: 0.15rem;}

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

div.indextopheadlogo img{ height:100%;}

div.indextopheadbackgundong div.indextopheadlogo{margin-top: 0.1rem;}

div.indexbannerwordback{ width:100%; max-width:7.78rem; height:3.3rem; height:auto; margin:auto;}

div.indexbannerwordback img{ width:100%;}
@-webkit-keyframes spinxz {
    from { 
      -webkit-transform: rotate(0deg);
	  transform-origin:center;
    }
    to { 
      -webkit-transform: rotate(360deg);
	  transform-origin:center;
    }
  }
@keyframes spinxz {
    from {
      transform: rotate(0deg);
	  transform-origin:center;
    }
    to {
      transform: rotate(360deg);
	  transform-origin:center;
    }
}

@-webkit-keyframes spinxz1 {
    from { 
      -webkit-transform: rotate(0deg);
	  transform-origin:center;
    }
    to { 
      -webkit-transform: rotate(360deg);
	  transform-origin:center;
    }
  }
@keyframes spinxz1 {
    from {
      transform: rotate(0deg);
	  transform-origin:center;
    }
    to {
      transform: rotate(360deg);
	  transform-origin:center;
    }
}
@-webkit-keyframes spinxz2 {
    from { 
      -webkit-transform: rotate(0deg);
	  transform-origin:center;
    }
    to { 
      -webkit-transform: rotate(360deg);
	  transform-origin:center;
    }
  }
@keyframes spinxz2 {
    from {
      transform: rotate(0deg);
	  transform-origin:center;
    }
    to {
      transform: rotate(-360deg);
	  transform-origin:center;
    }
}
div.indexbannerwordbackxz{opacity:0; max-width:1.67rem; max-height:1.67rem; height:auto;animation: spinxz 5s linear infinite; position:absolute; left:50%; margin-left:-.835rem;bottom:9%;transform: rotate(0deg); transition:all 0.5s ease-in-out; }

div.indexbannerwordbackxz1{opacity:0; max-width:1.67rem; max-height:1.67rem; height:auto;animation: spinxz1 7s linear infinite; position:absolute; left:50%; margin-left:-.835rem;bottom:9%;transform: rotate(0deg); transition:all 0.5s ease-in-out; }
div.indexbannerwordbackxz2{opacity:0; max-width:1.67rem; max-height:1.67rem; height:auto;animation: spinxz2 9s linear infinite; position:absolute; left:50%; margin-left:-.835rem;bottom:9%;transform: rotate(0deg); transition:all 0.5s ease-in-out; }

div.indexbannerwordbackxz img{ width:100%;}
@-webkit-keyframes spin {
    from { 
      bottom:.8rem;
    }
    to { 
      bottom:.7rem;
    }
  }
@keyframes spin {
     from { 
      bottom:.8rem;
    }
    to { 
      bottom:.7rem;
    }
}
@-webkit-keyframes pudding{0%{-webkit-transform:scale(1.2,0.8)}1%{-webkit-transform:scale(1.18,0.82)}2%{-webkit-transform:scale(1.16,0.84)}3%{-webkit-transform:scale(1.13,0.87)}4%{-webkit-transform:scale(1.1,0.9)}5%{-webkit-transform:scale(1.07,0.93)}6%{-webkit-transform:scale(1.04,0.96)}7%{-webkit-transform:scale(1.01,0.99)}8%{-webkit-transform:scale(0.99,1.01)}9%{-webkit-transform:scale(0.97,1.03)}10%{-webkit-transform:scale(0.95,1.05)}11%{-webkit-transform:scale(0.94,1.06)}12%{-webkit-transform:scale(0.93,1.07)}13%{-webkit-transform:scale(0.93,1.07)}14%{-webkit-transform:scale(0.93,1.07)}15%{-webkit-transform:scale(0.93,1.07)}16%{-webkit-transform:scale(0.94,1.06)}17%{-webkit-transform:scale(0.94,1.06)}18%{-webkit-transform:scale(0.95,1.05)}19%{-webkit-transform:scale(0.96,1.04)}20%{-webkit-transform:scale(0.98,1.02)}21%{-webkit-transform:scale(0.99,1.01)}22%{-webkit-transform:scale(1,1)}23%{-webkit-transform:scale(1,1)}24%{-webkit-transform:scale(1.01,0.99)}25%{-webkit-transform:scale(1.02,0.98)}26%{-webkit-transform:scale(1.02,0.98)}27%{-webkit-transform:scale(1.02,0.98)}28%{-webkit-transform:scale(1.03,0.97)}29%{-webkit-transform:scale(1.03,0.97)}30%{-webkit-transform:scale(1.02,0.98)}31%{-webkit-transform:scale(1.02,0.98)}32%{-webkit-transform:scale(1.02,0.98)}33%{-webkit-transform:scale(1.02,0.98)}34%{-webkit-transform:scale(1.01,0.99)}35%{-webkit-transform:scale(1.01,0.99)}36%{-webkit-transform:scale(1.01,0.99)}37%{-webkit-transform:scale(1,1)}38%{-webkit-transform:scale(1,1)}39%{-webkit-transform:scale(1,1)}40%{-webkit-transform:scale(0.99,1.01)}41%{-webkit-transform:scale(0.99,1.01)}42%{-webkit-transform:scale(0.99,1.01)}43%{-webkit-transform:scale(0.99,1.01)}44%{-webkit-transform:scale(0.99,1.01)}45%{-webkit-transform:scale(0.99,1.01)}46%{-webkit-transform:scale(0.99,1.01)}47%{-webkit-transform:scale(0.99,1.01)}48%{-webkit-transform:scale(0.99,1.01)}49%{-webkit-transform:scale(1,1)}}
@-moz-keyframes pudding{0%{-moz-transform:scale(1.2,0.8)}1%{-moz-transform:scale(1.18,0.82)}2%{-moz-transform:scale(1.16,0.84)}3%{-moz-transform:scale(1.13,0.87)}4%{-moz-transform:scale(1.1,0.9)}5%{-moz-transform:scale(1.07,0.93)}6%{-moz-transform:scale(1.04,0.96)}7%{-moz-transform:scale(1.01,0.99)}8%{-moz-transform:scale(0.99,1.01)}9%{-moz-transform:scale(0.97,1.03)}10%{-moz-transform:scale(0.95,1.05)}11%{-moz-transform:scale(0.94,1.06)}12%{-moz-transform:scale(0.93,1.07)}13%{-moz-transform:scale(0.93,1.07)}14%{-moz-transform:scale(0.93,1.07)}15%{-moz-transform:scale(0.93,1.07)}16%{-moz-transform:scale(0.94,1.06)}17%{-moz-transform:scale(0.94,1.06)}18%{-moz-transform:scale(0.95,1.05)}19%{-moz-transform:scale(0.96,1.04)}20%{-moz-transform:scale(0.98,1.02)}21%{-moz-transform:scale(0.99,1.01)}22%{-moz-transform:scale(1,1)}23%{-moz-transform:scale(1,1)}24%{-moz-transform:scale(1.01,0.99)}25%{-moz-transform:scale(1.02,0.98)}26%{-moz-transform:scale(1.02,0.98)}27%{-moz-transform:scale(1.02,0.98)}28%{-moz-transform:scale(1.03,0.97)}29%{-moz-transform:scale(1.03,0.97)}30%{-moz-transform:scale(1.02,0.98)}31%{-moz-transform:scale(1.02,0.98)}32%{-moz-transform:scale(1.02,0.98)}33%{-moz-transform:scale(1.02,0.98)}34%{-moz-transform:scale(1.01,0.99)}35%{-moz-transform:scale(1.01,0.99)}36%{-moz-transform:scale(1.01,0.99)}37%{-moz-transform:scale(1,1)}38%{-moz-transform:scale(1,1)}39%{-moz-transform:scale(1,1)}40%{-moz-transform:scale(0.99,1.01)}41%{-moz-transform:scale(0.99,1.01)}42%{-moz-transform:scale(0.99,1.01)}43%{-moz-transform:scale(0.99,1.01)}44%{-moz-transform:scale(0.99,1.01)}45%{-moz-transform:scale(0.99,1.01)}46%{-moz-transform:scale(0.99,1.01)}47%{-moz-transform:scale(0.99,1.01)}48%{-moz-transform:scale(0.99,1.01)}49%{-moz-transform:scale(1,1)}}
@keyframes pudding{0%{transform:scale(1.2,0.8)}1%{transform:scale(1.18,0.82)}2%{transform:scale(1.16,0.84)}3%{transform:scale(1.13,0.87)}4%{transform:scale(1.1,0.9)}5%{transform:scale(1.07,0.93)}6%{transform:scale(1.04,0.96)}7%{transform:scale(1.01,0.99)}8%{transform:scale(0.99,1.01)}9%{transform:scale(0.97,1.03)}10%{transform:scale(0.95,1.05)}11%{transform:scale(0.94,1.06)}12%{transform:scale(0.93,1.07)}13%{transform:scale(0.93,1.07)}14%{transform:scale(0.93,1.07)}15%{transform:scale(0.93,1.07)}16%{transform:scale(0.94,1.06)}17%{transform:scale(0.94,1.06)}18%{transform:scale(0.95,1.05)}19%{transform:scale(0.96,1.04)}20%{transform:scale(0.98,1.02)}21%{transform:scale(0.99,1.01)}22%{transform:scale(1,1)}23%{transform:scale(1,1)}24%{transform:scale(1.01,0.99)}25%{transform:scale(1.02,0.98)}26%{transform:scale(1.02,0.98)}27%{transform:scale(1.02,0.98)}28%{transform:scale(1.03,0.97)}29%{transform:scale(1.03,0.97)}30%{transform:scale(1.02,0.98)}31%{transform:scale(1.02,0.98)}32%{transform:scale(1.02,0.98)}33%{transform:scale(1.02,0.98)}34%{transform:scale(1.01,0.99)}35%{transform:scale(1.01,0.99)}36%{transform:scale(1.01,0.99)}37%{transform:scale(1,1)}38%{transform:scale(1,1)}39%{transform:scale(1,1)}40%{transform:scale(0.99,1.01)}41%{transform:scale(0.99,1.01)}42%{transform:scale(0.99,1.01)}43%{transform:scale(0.99,1.01)}44%{transform:scale(0.99,1.01)}45%{transform:scale(0.99,1.01)}46%{transform:scale(0.99,1.01)}47%{transform:scale(0.99,1.01)}48%{transform:scale(0.99,1.01)}49%{transform:scale(1,1)}}


div.indexbannermouse{ width:0.23rem; height:0.55rem; position:absolute; left:50%; margin-left:-0.12rem; bottom:0.7rem;animation: spin 0.7s linear infinite alternate; z-index:99; }
div.indexbannermouse img:hover{-webkit-animation:pudding 1s linear; -moz-animation:pudding 1s linear; -o-animation:pudding 1s linear; -ms-animation:pudding 1s linear; animation:pudding 1s linear;}
div.indexbannermouse img{ width:100%;    position: relative; top: -100%;}

div.indextopheadbackgundong{ background:rgba(40,40,40,0.9); padding:0 0 0 0; top:0; position:fixed;}

div.indextopheadright{ float:right; margin-right:0.33rem; transition:all 0.5s ease-in-out;}

div.indextopheadrightnavback{ float:left; transition:all 0.5s ease-in-out;}

div.indextopheadrightnav{ float:left; height:.66rem; line-height:.66rem; font-size:.14rem; margin-left:.55rem; transition:all 0.5s ease-in-out; position:relative; color:#fff;}

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




div.indextopheadxialaline{ width:0px; height:1px; position:absolute; opacity:0; left:50%; bottom:-1px; background:#fff; margin:auto; transition:all 0.5s ease-in-out; z-index:999;}

div.indextopheadrightnav:hover div.indextopheadxialaline{ width:100%;opacity:1; left:0;}

div.indextopheadxialaback{ width:500%; left:0; padding-bottom:0; overflow:auto; height:0px; transition:all 0.5s ease-in-out;  position:absolute; padding-top:0;}
div.indextopheadxialabackbg{ position:fixed; left:0; width:100%; background:rgba(27,27,29,0.6); height:0px;  transition:all 0.5s ease-in-out;}
div.indextopheadxialaback::-webkit-scrollbar { width: 1px; }
div.indextopheadxialaback::-webkit-scrollbar-track { background-color: transparent;  }
div.indextopheadxialaback::-webkit-scrollbar-thumb { background-color:#333;  width:1px}

div.indextopheadxialatitle{  float:left; line-height:.4rem; height:.4rem; color:#ffffff; font-size:.14rem; font-weight:300;}
div.indextopheadxialatitle a{ transition:all 0.2s ease-in-out;}
div.indextopheadxialatitle:hover a{ line-height:.4rem; height:.4rem; color:#71c2ff; font-size:.14rem; font-weight:500;}

div.indextopheadrightsousuo{ width:1.3rem; height:.34rem; float:left; margin-top: 0.1rem; margin-left:.56rem; border-bottom:rgba(255,255,255,0.17) 1px solid; transition:all 0.5s ease-in-out;}

div.indextopheadrightsousuoleft{ width:.16rem; height:.16rem; float:left; margin-top:.09rem; position:relative;}

div.indextopheadrightsousuoleft input{ background:none; width:100%; height:100%; border:none; cursor:pointer; font-size:0px;    position: absolute;
    left: 0;
    top: 0;}

div.indextopheadrightsousuoright{ width:1.05rem; height:.34rem; float:right; line-height:.34rem; font-size:.14rem; color:#fff;}

div.indextopheadrightsousuoright input{ width:100%; height:100%; background:none; border:none; font-size:.14rem; outline:none; color:#fff;}

div.indextopheadrightsousuo:hover{border-bottom:rgba(255,255,255,1) 1px solid;}

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

.menuph{       width: 0.6rem;
    height: 0.4rem;
    cursor: pointer;
    text-align: center;
    position: absolute;
    top: 0.3rem;
    right: 0.18rem;
    z-index: 99;
	display:none;}
.menuph .point {
    width: .44rem;
    right: .25rem;
    height: .26rem;
    position: relative;
    margin-left: .24rem;
}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before {   width:.29rem;  }
.menuph .navbtn {  position: absolute;   right: 0;  display: inline-block;  width:.29rem;  height: .04rem;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #fff;  }
.menuph .navbtn::after,
.menuph .navbtn::before {  position: absolute;  right: 0;  display: inline-block;  width:.29rem;  height: .04rem;  content: '';  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #fff;  }
.menuph .navbtn::after {  top:.1rem;  }
.menuph .navbtn::before {  top:.2rem;}
.menuph .point.active .navbtn{  background: transparent;  }
.menuph .point.active .navbtn::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: .11rem;  }
.menuph .point.active .navbtn::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: .11rem;  }


.xialaph{      left: 0;
    top:.8rem;
    float: left;
    width: 100%;
    height: 116%;
    overflow-y: scroll;
	
    display: none;
    z-index: 999;
    position: absolute;
    background: #313131;
    overflow-x: hidden;
	}
.xialaph .ul1{ float: left;width:100%;}
.xialaph .ul2,
.xialaph .ul3{display: none;}
.xialaph h4 a{        float: left;
    width: 100%;
    color: #bebebe;
    font-size: .3rem;
    line-height: 1.1rem;
    font-weight: normal;
	text-align:center;}
.xialaph h4 a span{ padding-left:.06rem; color:#ccc; font-size:.18rem;}
.xialaph h4{     float: left;
    width: 100%;
    position: relative;
    }
.xialaph li:last-child h4::before{  content: '';  position: absolute;  bottom: 0;  left: 0;  width: 100%;  height: 0.01rem;  }
.xialaph h4:hover a,
.xialaph h5:hover a{  color: #00b9b8; }
.xialaph h4::after{  content: '';  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 0.01rem; /*opacity: 0.1;*/  }


.xialaph h5{ display:inline-block; width:100%;position: relative;  border:none;  }
.xialaph h5::after{  content: '';  position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 0.01rem; /*opacity: 0.05;*/  }
.xialaph .ul2
.xialaph li:last-child h5::after{  display: none;  }
.xialaph h4 img{     width: 0.15rem;
    height: 0.08rem;
    float: right;
    margin-top: 0.29rem;
    cursor: pointer;
    margin-right: 7%;
	position:absolute; left:50%; margin-left:-0.07rem; }
.xialaph h5 img{     width: 0.15rem;
    height: 0.08rem;
    float: right;
    margin-top: 0.29rem;
    cursor: pointer;
    margin-right: 3%; }
.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s{  display: none;  }
.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d{  display: block;  }
.xialaph .ul2{ float:left; width:100%; padding:0 0.4rem; text-align:center;}
.xialaph .ul3{    float: left;
    width: 100%;
    padding: 0.12rem 0 0.16rem 0.02rem;
    position: relative;  }
.xialaph .ul3::after{  content: '';  position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 1px;  background-color: #e7e7e7;  }
.xialaph li:last-child .ul3::after{  display: none;  }
.xialaph .ul3 li a{      color: #333;
    font-size: 0.18rem;
    line-height: 0.43rem;
    display: block;  }
.xialaph .ul3 li{  padding-top: 0.05rem; margin: auto; width: 90%;  }
.xialaph .ul3 li:first-child{  padding-top: 0;  }
.xialaph .phsou{  position: relative;  margin-top: 0.4533333rem;}
.xialaph .phsou input{  width: 100%;  height: 0.56rem;  background-color: #fff; color: #aaa;  font-size: 0.14rem;  padding-left: 0.2rem;  border: 1px solid #e5e5e5;  }
.xialaph .phsou img{  cursor: pointer;  width: 0.21rem;  height: 0.22rem;  position: absolute;  top: 0.17rem; right: 0.29rem;  }
.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s{  display: none;  }
.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d{  display: block;  } 
.img_d, .disno{  display: none;  }


.xialaph h4.active a{color: #00b9b8;}


.xialaph h5 a{     float: left;
    width: 100%;
    color: #9a9a9a;
    font-size: 0.2rem;
    line-height: 0.47rem;
    text-transform: uppercase;
    font-weight: normal; }
.xialaph h5.active a{color: #00b9b8;}

.xialaph .ul2{ padding:0.15rem 0; background:#434343;}

.xialaph .ul2 li{ width:100%; display:inline-block;}
.ul1 li{ margin-top:0.15rem;}

div.indexfooterfollowback{ width:.5rem; height:.5rem; position:fixed; right:.5rem; bottom:.3rem; cursor:pointer; z-index:-20; opacity:0; transition:all 0.5s ease-in-out; background:#4c4c4c;}

div.indexfooterfollowback img{ width:100%; height:100%;}
div.indexfooterfollowback:hover{ background:#1b1b1b;}
div.indexfooterfollowbackshow{bottom:.6rem; cursor:pointer; z-index:999999; opacity:1; transition:all 0.5s ease-in-out;}


div.bannermaskpng{ width:100%;  height: 100%; position: absolute; top: 0; left: 0; background: url(http://pic01.sq.seqill.cn/uploads/image/20210914/1631581532754304.png) 50%/cover no-repeat;}

div.bannernumgao{width: 100%;  height:100vh;}

div.indexbannerspback{ width: 100%; height: 100vh;}

div.indexoneback{ width: 100%; height: auto; padding: 102px 0;}

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

div.indexoneleft{ width: 640px; float: left; height: auto; margin-top: 13px;}

div.indexoneleft_t{ width: 100%; height:auto; line-height: 52px; color: #393939; font-size: 34px; font-weight: 700;}

div.indexoneleft_t_solgan{ width: 100%; height: 33px; line-height: 33px; color: #444444; font-size: 16px;}

div.indexoneleft_t_line{ width: 190px; height: 1px; background: #dedede; margin-top: 25px;}

div.indexoneleft_desc{ width: 100%;  height: auto; line-height: 32px; margin-top: 26px; color: #777777; font-size: 14px;}

div.indexoneleft_numback{ margin-top: 58px;}

div.indexoneleft_num{ float: left; height:59px; margin-right: 55px;}

div.indexoneleft_num_lt{ width: 38px; height: 41px; float: left; margin-top: 6px;}

div.indexoneleft_num_rt{ height: auto; margin-left: 9px; float: left;}

div.indexoneleft_num_rt_1{ height:41px; line-height: 41px; color: #0070c5; font-size: 40px; font-family: 'dinblack';}

div.indexoneleft_num_rt_2{ height: 18px; line-height: 18px; color: #0070c5; font-size: 14px;}



div.indexoneleft_num_rt_1 sup{    top: -1.5em;
    font-size: 39%;
    left: 0.2em;}

div.indexonert{ width:559px; height:470px; float: right;}

div.indexonenumbk{font-family:'dinm'; color: #0f0f0f; font-size: 20px; position: absolute; bottom: 33px;  left: 38px; transform: rotate(-90deg);}

div.indexonenumbk span{font-family:'dinblack'; color: #fe3355; font-size: 36px;  position: relative; top: 11px;}

div.indextwoback{ width:100%; height: auto; padding-top: 76px; padding-bottom: 104px; background: url(../img/indextwobg.jpg);}

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

div.indextwotopbk{ width: 100%; height: 50px; margin-bottom: 39px;}

div.indextwotopleft{ float: left; height: 50px; float: left; color: #393939; font-size: 34px; font-weight: 700;}

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

div.indextwotoprtmore{ float: right;margin-top: 4px; height: 43px; padding: 0 22px; background: #0070c5;border-radius: 35px; color: #ffffff; font-size: 16px; display: inline-block; line-height: 43px;}

div.indextwotoprtmore a{ color: #fff;}

div.indextwotoprtmore img{ margin-left: 15px;}

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

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

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

div.indextwolistbottom{ width: 100%; height: auto; padding: 13px 25px 32px; background: #fff;}

div.indextwolistbottomtitle{ width: 100%; height:47px; line-height: 47px; overflow: hidden; color: #000000; font-size: 18px;}

div.indextwolistbottomdesc{ width: 100%; height: 54px; line-height: 27px; overflow: hidden; color: #999999; font-size: 14px;}

div.indextwolistbottommore{ margin-top: 15px; width: 106px; height: 36px; line-height: 36px; text-align: center; background: #006dc0; color: #ffffff; font-size: 14px; }

div.indextwoleftbutton{ cursor: pointer; width: 37px; height: 37px; top: 285px; position: absolute; left: -75px; border-radius: 50%;  background: url(../img/indextwojt_l.png) #e0e0e0 center no-repeat;}

div.indextworightbutton{ cursor: pointer; width: 37px; height: 37px; top: 285px; position: absolute; right: -75px; border-radius: 50%;  background: url(../img/indextwojt_r.png) #e0e0e0 center no-repeat;}

div.indextwoleftbutton:hover{background: url(../img/indextwojt_l.png) #0070c5 center no-repeat;left: -83px;}

div.indextworightbutton:hover{background: url(../img/indextwojt_r.png) #0070c5 center no-repeat;right: -83px;}

div.indextwolist:hover div.indextwolistbottom{ background: #0070c5;}

div.indextwolist:hover div.indextwolistbottomtitle{ color: #fff;}

div.indextwolist:hover div.indextwolistbottomdesc{ color: #fff;}

div.indextwolist:hover div.indextwolistbottommore{ background: #fff; color: #000000;}

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

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

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

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

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

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

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

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

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

div.indexthreeleft_t{ width: 100%; height: 56px; line-height: 56px; overflow: hidden; color: #ffffff; font-size: 20px;}

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

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

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

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

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

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

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

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

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

.indexthreetopk { opacity: 0 !important;}

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

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

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

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

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

div.indexfourback{ width: 100%; height: auto; padding-top: 104px; padding-bottom: 100px;}

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

div.indexfourtopbk{ width: 100%; height: auto; padding-bottom: 30px; border-bottom: 1px solid #ebebeb;}

div.indexfourtopleft{ float: left; height: 44px; float: left; line-height: 44px; color: #393939; font-size: 34px; font-weight: 700;}

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

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

div.indexfourtoprtmore{ margin-left: 31px; width: 159px; height: 44px; float: left; border-radius: 35px; border: 1px solid #d6d6d6; line-height: 44px; font-size: 16px; text-align: center;}

div.indexfourtoprtmore a{ color: #585858; display: block; width: 100%; height: 100%;}

div.indexfourtoprtmore:hover{ background: #0070c5; border: #0070c5 1px solid;}

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

div.indexfourlistbk{ width: 600px; height: 160px; float: left; margin-top: 48px;}

div.indexfourlist_lt{ width: 133px; position: relative; height: 160px; float: left; border: #666666 4px solid; padding-top: 21px; padding-left: 21px;}

div.indexfourlist_lt_1{ width: 100%; height: 26px; line-height: 26px; color: #333333; font-size: 24px; font-family: 'dinblack';}

div.indexfourlist_lt_2{ width: 100%; height: 20px; line-height: 20px; color: #333333; font-size: 16px; font-family: 'dinblack';}

div.indexfourlist_lt::before{ width: 21px; height: 4px; position: absolute; right: 22px; bottom: 18px; background: #666666; content: ''; display: block;}

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

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

div.indexfourlist_rt{ width: 410px; height: auto; float: left; margin-left: 28px;}

div.indexfourlist_rt_1{ width:100%; height: 49px; line-height: 49px; overflow: hidden; color: #343434; font-size: 20px; font-weight: 700; margin-bottom: 5px;}

div.indexfourlist_rt_2{ width: 100%; height: 52px; line-height: 26px; overflow: hidden; color: #848484; font-size: 14px; margin-bottom: 20px;}

div.indexfourlistbk:hover div.indexfourlist_lt{ border: #666666 0px solid;}

div.indexfourlistbk:hover div.indexfourlist_lt_1{opacity: 0;}

div.indexfourlistbk:hover div.indexfourlist_lt:before{opacity: 0;}

div.indexfourlistbk:hover div.indexfourlist_lt_2{opacity: 0;}

div.indexfourlistbk:hover div.indexfourlist_lt_img{width:100%; height: 100%; opacity: 1; }

div.indexfourlistbk:hover{ background: #0070c5;}

div.indexfourlistbk:hover div.indexfourlist_rt_1{ color: #fff;}

div.indexfourlistbk:hover div.indexfourlist_rt_2{ color: #fff;}






div.indexfourlistbkhover div.indexfourlist_lt{ border: #666666 0px solid;}

div.indexfourlistbkhover div.indexfourlist_lt_1{opacity: 0;}

div.indexfourlistbkhover div.indexfourlist_lt:before{opacity: 0;}

div.indexfourlistbkhover div.indexfourlist_lt_2{opacity: 0;}

div.indexfourlistbkhover div.indexfourlist_lt_img{width:100%; height: 100%; opacity: 1; }

div.indexfourlistbkhover{ background: #0070c5;}

div.indexfourlistbkhover div.indexfourlist_rt_1{ color: #fff;}

div.indexfourlistbkhover div.indexfourlist_rt_2{ color: #fff;}








div.indexfiveback{ width: 100%; height: auto; padding-top: 85px; padding-bottom: 100px; background: #f6f6f6;}

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

div.indexfivetopbk{ width: 100%; margin-bottom: 16px; height: auto;   background: url(../img/indexfivetopbg.png) right center no-repeat;}

div.indexfivelistbk{ width: 228px; height: 107px; box-shadow: 0 0 20px rgba(0,0,0,0.01); margin-top: 37px;margin-left: 35px; float: left; line-height: 107px; text-align: center; overflow: hidden; border-radius: 10px; background: #fff; }

div.indexfivelistbk img{ width: 100%; height: 100%; display: inline-block;}

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

div.publicfooterbk{ width: 100%; height: 875px;}

div.publicfooter_left{ width: 50%; height: 875px; float: left; background: url(../img/footerleftbg.jpg) 50%/cover no-repeat; padding-top: 110px;}

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

div.publicfooter_left_top span{ font-size: 14px;    position: relative;  top: -7px;}

div.publicfooter_left_desc{ width:100% ; padding: 0 1.45rem; color: #fefefe; font-size: 15px; line-height: 37px;}

div.publicfooter_rt{ width: 50%; height: 100%; background: #2f2f2f;padding-top: 110px; float: left;}

div.publicfooter_rt_desc{ width: 90%; max-width: 695px; height: auto; margin: auto; line-height: 45px; color: #808080; font-size: 16px; padding-bottom: 50px; border-bottom: 1px solid #3f3f3f;}

div.publicfooter_rt_ewmbk{ width: 90%; max-width: 695px; margin: auto; margin-top: 75px;}

div.publicfooter_rt_ewm{ width: 153px; height: 153px; float: left;}

div.publicfooter_rt_ewm_r{ float: left; margin-left: 30px;}

div.publicfooter_rt_ewm_r_1{height: 26px; line-height: 26px; color: #0070c0; font-size: 0.16rem; margin-bottom: 22px;}

div.publicfooter_rt_ewm_r_1 span{    font-size: 10px;
    position: relative; transform: rotate(180deg);}

div.publicfooter_rt_ewm_r_2{ height: auto; line-height: 34px; color: #6a6a6a; font-size: 0.14rem;}

div.publicfooter_rt_ewm_r_2 a{ color: #6a6a6a;}

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

div.neiyebannerback{ position:relative;width:100%; height:6.19rem;background-position: 50% 0%;  background-size: cover; display: table;}

.ex1 {
  opacity: 0;
  perspective: 200px;
}
.ex1 span {
  transform: rotateY(-90deg);
  opacity: 0;
}

.ex2 {
  opacity: 0;
  perspective: 200px;
}
.ex2 span {
  transform: rotateY(-90deg) rotateX(45deg);
  transform-origin: -50% 75%;
  opacity: 0;
}

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

div.neiyebannercont_1{ width: 100%; height: 84px; line-height: 84px; text-align: center; font-size: 40px; color: #ffffff;}

div.neiyebannercont_2{ width: 100%; height: 58px; line-height: 58px;text-align: center; color: #ffffff; font-size: 14px; font-weight: 700; letter-spacing: 14px; text-transform: uppercase;}

div.neiyebannercont_3{ width:100%; height: auto; margin-top: 16px; line-height: 33px; text-align: center; color: #ffffff; font-size: 16px;}

div.neiyebannercont_3 a{ display: inline-block; height: 33px; color: #fff; border-bottom: 3px solid rgba(255,255,255,0);  transition: all 0.36s ease-in-out;}

div.neiyebannercont_3 a:hover{ border-bottom: 3px solid rgba(255,255,255,1);}

div.neiyebannercont_3 a.nynavys{border-bottom: 3px solid rgba(255,255,255,1);}

div.gywmoneback{ width:1280px; height: auto; margin: auto; padding-top: 130px; padding-bottom: 143px;}

div.gywmone_lt{ width: 700px; height: auto; float: left;}

div.gywmone_lt_top{ width: 100%; height: auto; line-height: 76px;  color: #393939; font-size: 32px; font-weight: 700;}

div.gywmone_lt_top span{ color: #0070c5; font-size: 26px; font-weight: 700; font-family: 'Verdana'; margin-left: 10px; font-size: 26px; margin-bottom: 13px;}

div.gywmone_lt_topline{ width: 260px; height: 1px; background: #dddddd;}

div.gywmone_lt_desc{width: 100%; height: auto; line-height: 28px; color: #797979; font-size: 14px; text-align: justify; margin-top: 34px;}

div.gywmone_rt{ width: 447px; height: 607px; float: right; position: relative; }

div.gywmone_rt::before{ width: 100%; height: 100%; position: absolute; left: 64px; top: 64px; background: #e5e5e5; display: block; content: '';}

div.gywmone_rt::after{ width: 100%; height: 100%; filter: blur(8px); position: absolute; left: 10px; top: 10px; background: rgba(0,0,0,0.2); display: block; content: '';}


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

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

div.gywmtwobk{ width: 100%; height: auto; padding-top: 85px; padding-bottom: 135px; background:url(../img/gywmtwobg.jpg) #373737 center bottom no-repeat; position: relative;}

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

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

div.gywmtwolistback{ width: 100%; height: auto; margin-top: 35px;}

div.gywmtwolist{ height: 368px; background: url(../img/gywmtwolistbg.jpg) center no-repeat; padding-top: 58px; padding-left: 29px;}

div.gywmtwolist img{ width: 219px; height: 312px;}

div.gywmtwonumbk{ height: 36px; line-height: 36px; color: #ffffff; font-size: 24px; font-family: 'dinm'; position: absolute; right: 0; top: 16px;} 

div.gywmtwonumbk .swiper-pagination1-current{ color: #ff2449; 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.gywmthreetopbk{ width: 100%; height: auto;}

div.gywmthreetoplt{ width: 628px; height: 387px; float: left; position: relative;}

div.gywmthreetoplt::before{content: ''; display: block; position: absolute; width: 100%; height: 345px; left: 20px; top: 21px; background: #f6f6f6;}

div.gywmthreetoplt::after{content: ''; display: block; position: absolute; width: 100%; height: 366px; left: 10px; top: 11px; background: #e4e4e4;}

div.gywmthreetoplt img{ width: 100%; height: 100%; position: relative;z-index: 10;}

div.gywmthreetoprt{ width: 575px; float: right;margin-top: -22px;}

div.gywmthreetoprttitle{ width: 100%; text-align: left; height: 76px; line-height: 76px; color: #0070c5; font-size: 45px;font-family:'dinblack';}

div.gywmthreetoprtline{ width: 242px; height: 1px; border-bottom: 1px solid #dddddd; }

div.gywmthreetoprtdesc{ width: 100%; height: 114px; overflow: hidden; line-height: 38px; color: #212e47; opacity: .7; font-size: 14px; text-align: left;  }

div.gywmthreebutton{ width: auto; height: 35px;  position: absolute; top: 0; right: 452px;}

.jituanjianjie-history-control{ width:41px; height: 41px; float: left; color: #fff !important;    text-align: center;
    line-height: 41px; transition: all 0.36s ease-in-out; background: #d1d1d1; font-size: 16px; margin-right: 22px; border-radius: 50%; }

.jituanjianjie-history-control:hover{ background: #0070c5; color: #fff;}
.jituanjianjie-history-progress{ height: 182px;}

.jituanjianjie-history-item{ position: relative;}

.jituanjianjie-history-item::before{ width: 12px; height: 12px; border: 1px solid #848b99; background: #fff; border-radius: 50%; content: ''; display: block; position: absolute; left: 50%; margin-left: -6px; bottom: 0;}

.jituanjianjie-history-item.active::before{ width: 12px; height: 12px; border: 1px solid #ff2449; background: #ff2449; border-radius: 50%; content: ''; display: block; position: absolute; left: 50%; margin-left: -6px; bottom: 0;}


div.gywmthreeqiehuanline{ width: 100%; height: 1px; background: url(../img/gywmthreeline.jpg); position: relative; top: -149px;}

div.gywmthreelcbk{ padding-top: 130px; padding-bottom: 70px;}

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

div.cp_maintopbk{ padding: 50px 0; width: 100%;}

div.cp_mainnav{  height: 41px; float: left; margin-right: 30px; color: #646464; font-size: 14px;}

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

div.cp_mainnav a:hover{ color: #0092f6;}

div.cp_mainnav a.cpnavys{ color: #0092f6;}

div.cp_mainlist{ width: 1280px; height: 460px; margin: auto; margin-bottom: 85px;}

div.cp_mainlist_pic{ width:632px; height: 461px; float: left; overflow: hidden;}

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

div.cp_mainlist_rt{ width: 648px; float: left; height: 461px; background: #f6f6f6; padding: 31px 45px 0;}

div.cp_mainlist_rt_title{ width: 100%; height: 51px; line-height: 51px; overflow: hidden; color: #000000; font-size: 28px; font-weight: 700;}

div.cp_mainlist_rt_line{ width: 88px; height: 1px; background: #0092f6; margin-top: 10px;}

div.cp_mainlist_rt_desc{ width: 100%; margin-top: 22px; line-height: 32px; color: #6f6f6f; font-size: 14px; padding-left: 15px; background: url(../img/cp_listico.png) 0 13px no-repeat;}

div.cp_mainlist_rt_desc span{ color: #292929; font-weight: 700;}

div.cp_mainlist_rt_more{ margin-top: 60px; display: inline-block; padding: 0 44px; height: 47px; line-height: 47px; color: #fff; font-size: 16px; background: #0092f6; border-radius: 35px;}

.pagegao{height: 70px;}

div.cp_mainlist:hover{ box-shadow: 0 0 20px rgba(0,0,0,0.1);}
div.cp_mainlist:hover div.cp_mainlist_pic img{ transform: scale(1.1);}

div.cp_mainlist:hover div.cp_mainlist_rt_more{ background: #ffa351;}

div.xwtopbk{ width: 1280px; height: auto; margin: auto; margin-top: 50px;}

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

div.xwlistleft{ width:309px; float: left; height: 369px; overflow: hidden;}

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

div.xwlistrt{ width: 927px; height: auto; float: right; margin-top: 4px;}

div.xwlisttitle{ width: 100%; height: 61px; line-height: 61px; overflow: hidden; color: #3f3f3f; font-size: 22px; font-weight: 700; margin-bottom: 11px;}

div.xwlistdesc{ width: 100%; height: 112px; line-height: 28px; overflow: hidden; color: #676767; font-size: 14px;}

div.xwlistmore{ position: relative; left: 0; height: 22px; line-height: 22px; color: #0091ff; font-size: 14px; margin-bottom: 37px;}

div.xwlistmore img{ position: relative; top: -2px; left: 5px;}

div.xwlistmorebottomline{ width: 100%; height: 1px; background: #ebebeb; margin-bottom: 33px;}

div.xwlistmorebottom{ height: 28px;  float: right; line-height: 28px; padding-left: 27px; color: #0091ff; font-size: 14px; background: url(../img/xwtime.png) left center no-repeat;}

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

div.xwlistback:hover div.xwlisttitle{ color: #0091ff;}

div.xwlistback:hover div.xwlistmore{ left: 7px;}

div.xiaoshouoneback{ width:100%; height: 644px; background: url(../img/xswlonebg.jpg) center no-repeat; margin-top: 137px; margin-bottom: 97px;}

div.xiaoshoumain{ width: 1152px; height: auto; margin: auto; padding-top: 264px;}

div.xiaoshoumaindesc{ width: 50%; height: auto; line-height: 41px; color: #fefefe; font-size: 16px; margin-bottom: 75px;}

div.xiaoshoumainmore{  display: inline-block; height: 53px; color: #ffffff; font-size: 16px; font-weight: 700; line-height: 53px; padding: 0 27px;  background: #ffb22b; border-radius: 35px; box-shadow: 0 0 20px rgba(0,0,0,0.1);}

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

div.xiaoshoumainmore a{ color: #ffffff;}


div.xiaoshoumainmore:hover{ margin-left: 7px;}

div.xiaoshoutwobk{ width: 100%; max-width: 1402px; height: auto; margin: auto;background: #f4f4f4; padding-bottom: 110px; margin-bottom: 130px;}

div.xiaoshoutwo{ width: 1152px; height: auto; margin: auto; padding-top: 67px;}

div.xiaoshoutwotop{  float: left;}

div.xiaoshoutwotop_1{ height: 51px; line-height: 51px; color: #444444; font-size: 31px; font-weight: 700;}

div.xiaoshoutwotop_1 span{ font-size: 10px; position: relative; top: -5px;}

div.xiaoshoutwotop_2{ height: 40px; line-height: 40px; color: #0089f1; font-size: 23px; font-weight: 700; text-transform: uppercase;}

div.xiaoshoutwort{ width: 268px; float: right; height: auto; margin-top: 41px; }

div.lianximain{ width: 1280px; height: auto;margin: auto; margin-top: 90px;}

div.lianxionebk{ width:100%; height: 597px; margin-top: 25px;}

div.lianxitwobk{  width: 100%; height: 445px; background: url(../img/lxwmtwobg.jpg) center no-repeat; padding-top: 147px; padding-left: 120px;}

div.lianxitwonav{ margin-bottom: 52px;  float: left; height: 39px; line-height: 39px; color: #ffffff; font-size: 16px; padding-left: 43px; margin-left: 35px;}

div.lianxithreebk{ width:100%; height: 444px; background: url(../img/lxwmthreebg.jpg) center no-repeat; margin-bottom: 160px;}

div.lianxithreelt{ width:667px; float: left; margin-top: 192px; margin-left: 144px;}

div.lianxithreeltnav{ margin-bottom: 51px; width: 303px; height: 41px; float: left; line-height: 41px; padding-left: 10px;}

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

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

div.lianxithreert{ width: 173px; height: 45px; float: right; margin-top: 200px;    margin-right: 144px;}

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


div.nyxxback{ 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:38px; 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:30px; text-align:left; color:#323232; font-size:18px;}
 
div.xinwenxxtopcontent{   width:100%; height:auto; line-height:30px; color:#7e7d7d; font-size:16px; }

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

div.xinwenxxtopsyy{ width:45%; float:left; 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.nyfooterbk{ width: 100%; height: auto; background: #232323;}

div.nyfooter{ width: 95%; height: auto; margin: auto; max-width: 1545px;}

div.nyfooter_l{ float: left; margin-top: 78px;}

div.nyfooter_l_1{ height: 50px; line-height:50px; color: #ffffff; font-size: 26px; font-weight: 700; margin-bottom: 17px;}

div.nyfooter_l_nav{  float: left;margin-right: 0.4rem;}

div.nyfooter_l_navtitle{  height: 44px; line-height: 44px; color: #cecece; font-size: 16px; margin-bottom: 5px;}

div.nyfooter_l_navtitle a{ color: #cecece;}

div.nyfooter_l_navlist{height: 31px; line-height: 31px; color: #6a6a6a; font-size: 14px;}

div.nyfooter_l_navlist a{ color: #6a6a6a;}

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

div.nyfooter_l_navlist1{height: 35px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;max-width: 2.27rem; line-height: 35px; color: #6a6a6a; font-size: 14px;}

div.nyfooter_l_navlist1 a{ color: #6a6a6a;}

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

div.ny_footer_lewmbk{ height: auto;margin-top: 43px;}

div.ny_footer_lewm{ width: 97px; height: auto; float: left; margin-right: 0.48rem;}

div.ny_footer_lewmpic{ width: 97px; height: 97px;}

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

div.ny_footer_lewmt{ width: 100%; height: 43px; line-height: 43px; text-align: center; color: #fff; font-size: 14px;}

div.nyfooter_m{ float: left;padding: 0 0.8rem 0.5rem; border: 1px solid #2c2c2c; border-top: none; border-bottom: none; padding-top: 78px; }

div.nyfooter_r{ float: left;margin-left: 0.8rem;margin-top: 78px;}

div.nyfooter_l_lxwm1{ height: auto; line-height: 44px; padding-left: 40px;  color: #828282; font-size: 14px;}

div.ny_footerbottom{ width: 100%; height: 92px; border-top: 1px solid #2c2c2c; line-height: 92px; text-align: center; color: #6a6a6a; font-size: 14px;}

div.ny_footerbottom a{ color: #6a6a6a;}

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






