*{ margin:0; padding:0;}
@-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)}}
body{overflow-x:hidden; background: #f6f6f6; }
ul{ margin:0; padding:0;}
li{list-style:none;font-family:"Arial","Microsoft YaHei";}
.clear {height:0px;clear:both;}
textarea{font-family:"Arial","Microsoft YaHei";}
div{font-family:"Arial","Microsoft YaHei";}
p{font-family:"Arial","Microsoft YaHei"; margin:0; padding:0;}
a{text-decoration:none;font-family:"Arial","Microsoft YaHei";}
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 {
	height: 37px;
	text-align: center;
	width:100%;

	margin-bottom:1rem;
}
.pagination a {
	display: inline-block;
	margin-right: 10px;
	width: 34px;
	height: 37px;
	line-height: 37px;
	
	text-decoration: none;
	
	font-size: 14px;
	
	text-align: center;
	border:#cecece 1px solid;
	background: #fff;
	color: #333333;
	border-radius: 5px;
	transition:all 0.3s ease-in-out;

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

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

	font-size: 14px;
	text-align: center;
	
	transition:all 0.3s ease-in-out;
	border:#ff3e35 1px solid;
	background: #ff3e35;
	color: #fff;
}
.pagination p {
	display: inline-block;
	font-size: 14px;
	width: 34px;
	height: 37px;
	line-height: 37px;
	color: #6c6c6c;
	text-align: center;
	border:#cecece 1px solid;
	background: #fff;
		border-radius: 5px;
	color: #333333;
	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;
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:'min';src: local('min'), url(../img/min.woff) format('woff');}
@font-face {font-family:'dinb';src: local('dinb'), url(../img/dinb.woff) format('woff');}
@font-face {font-family:'din';src: local('din'), url(../img/din.woff) format('woff');}

div.publicindexheadback{ width: 100%; height: 278px; background: #de2127;}

div.publicindexhead{ width: 1280px; height: auto; margin: auto; padding-top: 24px;}

div.publicindexheadlan{ float: right; padding-left:16px; height: 20px; line-height: 20px; background: url(../img/lan.png) left center no-repeat;}

div.publicindexheadlan a{ display: inline-block; padding:0 15px;  color: #ffffff; font-size: 14px; background: url(../img/lanline.jpg) center left no-repeat;}

div.publicindexheadlogo{ width: 195px; height: 57px; background: url(../img/logo.png) center no-repeat; float:left; }

div.publicindexheadrt{ float: left; margin-top: 35px;}

div.publicindexheadrtnavbk{ float: left; height: 31px;}

div.publicindexheadrtnav{ line-height: 31px; float: left; padding-right: 20px;  color: #ffffff; font-size: 19px; margin-left: 54px; padding-bottom: 14px;}

div.publicindexheadrtnav >a{ color: #fff;
    overflow: hidden;
    height: 100%;
    display: block;}

div.publicindexheadrtnav>a span {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    transition: transform 0.3s linear;
}

div.publicindexheadrtnav>a span:before {
    content: attr(data-title);
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    text-align: center;
}


ul.xialasubnav {
    border-color: #717274;
}
ul.xialasubnav {
    transition: all 0.36s ease;
    position: absolute;
    top: calc(100% - 2px);
    z-index: 199;
    opacity: 0;
    visibility: hidden;
    width: 330px; 
    height: auto;
    border-width: 4px 0 0;
    border-style: solid;
    border-color: #ff5d6d;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);
}
div.publicindexheadrtnav > a span{ transition: all 0.36s ease-in-out;}
div.publicindexheadrtnav:hover > a span{ transform: translate3d(0, -100%, 0);}
div.publicindexheadrtnav>a span::before {
    content: attr(data-title);
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
}
ul.xialasubnav li {
    cursor: pointer;
	
}
ul.xialasubnav li a {
    transition: all 0.36s ease;
    font-weight: 500;
    padding: 12px 0;
    line-height: 22px;
    display: block;
    transition: all .2s ease-in-out;
    font-size: 18px;
    color: #232323;
	padding-left: 17px; 
	
	padding-right: 37px; 
}
ul.xialasubnav li a:hover {
  color: #de2127;
}
div.publicindexheadrtnav:hover ul.xialasubnav {
  opacity: 1;
  visibility: visible;
}


div.xialasubnav1 {
    border-color: #ff5d6d;
}
div.xialasubnav1 {
    transition: all 0.36s ease;
    position: absolute;
    top: calc(100% - 2px);
    z-index: 199;
    opacity: 0;
    visibility: hidden;
	left: -389px;
	height: calc(100vh - 123px);
    width: 1280px; 

    border-width: 4px 0 0;
    border-style: solid;
    border-color: #ff5d6d;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);
}

div.publicindexheadrtnav:hover div.xialasubnav1 {
  opacity: 1;
  visibility: visible;
}

div.publicindexheadrtnavline{ width: 100%; height: 4px; background: #fff; position: absolute; left: 0; top: 43px; opacity: 0; transition: all 0.36s ease-in-out; z-index: 1000;}

div.publicindexheadrtnav:hover div.publicindexheadrtnavline{ opacity: 1;}

div.publicindexheadrtnav div.publicindexheadrtnavjt{ width: 9px; height: 5px; background: url(../img/headnavjt.png) center no-repeat; position: absolute; right: 0; top: 14px;}

div.publicindexheadrtnav:hover div.publicindexheadrtnavjt{-webkit-transform: rotate(180deg);}

div.publicindexheadrtrt{ float: right; margin-top: 34px;}

div.publicindexheadrtrt_1{ width: 124px; height: 31px; border: 1px solid #e8666a; border-radius: 20px; line-height: 31px; padding-left: 13px; color: #ffffff; font-size: 16px; line-height: 29px; float: left; margin-left: 18px; overflow: hidden; cursor: pointer;}

div.publicindexheadrtrt_1 a{ display: block; width: 100%; height: 100%; color: #fff;  z-index: 10;  position: relative;  transition: transform 0.3s linear;}

div.publicindexheadrtrt_1_icon{ width: 16px; height: 100%;right: 16px; top: 0; }

div.publicindexheadrtrt_1>a::before {
    content: attr(data-title);
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
}

div.publicindexheadrtrt_1:hover > a {
  transform: translate3d(0, -100%, 0);
}

div.indexbannerback{ width: 1280px; height: 414px; margin: auto; position: relative; margin-top: -133px; border-radius: 7px;  box-shadow: 0 0 20px rgba(0,0,0,0.2);}

div.banneranniumore{ display: inline-block; padding: 0 26px; height:45px; margin-top:.15rem;position:relative;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0); transition:all 0.5s ease-in-out; border: 1px solid rgba(255,255,255,0.15);}

div.banneranniumore a{ color:#fff; font-size:16px; display:block; width:100%; height:100%;  line-height: 43px;position:relative; outline:none;}
/* FOURTH BUTTON */

.border{
    position:absolute;
    background:none;
    transition:all .5s ease-in-out;
}
#fourth>.border:nth-of-type(1){
  top:0;
  left:0;
  width:0;
  height:0;
  border-top:1px solid #fff;
}

#fourth>.border:nth-of-type(2){
  top:0;
  right:0;
  width:0.01rem;
  height:0;
  border-right:1px solid #fff;
}

#fourth>.border:nth-of-type(3){
  bottom:0;
  right:0;
  width:0;
  height:0;
  border-bottom:1px solid #fff;
}

#fourth>.border:nth-of-type(4){
  bottom:0;
  left:0;
  width:0;
  height:0;
  border-left:1px solid #fff;
}

#fourth:hover .border:nth-of-type(1){
  width:100%;
}

#fourth:hover .border:nth-of-type(2){
  height:100%;
}

#fourth:hover .border:nth-of-type(3){
  width:100%;
}

#fourth:hover .border:nth-of-type(4){
  height:100%;
}
@keyframes h{
  0%{transform:translate(0, 0);}
  50%{transform:translate(50px, 5px);}
  75%{transform:translate(5px, 5px);}
  80%{transform:translate(0, 0);}
  100%{transform:translate(0, 0);}
}

@keyframes o{
  0%{transform:translate(0, 0);}
  25%{transform:translate(-4px, 0);}
  50%{transform:translate(3px, 4px);}
  80%{transform:translate(0, 0);}
  100%{transform:translate(0, 0);}
}

@keyframes v{
  0%{transform:translate(0, 0);}
  20%{transform:rotate(360deg);}
  50%{transform:scale(2);}
  80%{transform:translate(0, 0);}
  100%{transform:translate(0, 0);}
}

@keyframes e{
  0%{transform:translate(0, 0);}
  20%{transform:translate(-10px, -2px);}
  80%{transform:translate(0, 0);}
  100%{transform:translate(0, 0);}
}

@keyframes r{
  0%{transform:translate(0, 0);}
  20%{transform:translate(0, 10px);}
  80%{transform:translate(0, 32px);}
  100%{transform:translate(0, 0);}
}

@keyframes t{
  0%{transform:translate(0, 0);}
  20%{transform:translate(0, -10px);}
  40%{transform:translate(0, 0);}
  60%{transform:translate(0, -10px);}
  80%{transform:translate(0, 0);}
  100%{transform:translate(0, 0);}
}

@keyframes n{
  0%{transform:translate(0, 0);}
  50%{transform:skewY(50deg);}
  80%{transform:translate(0, 0);}
  100%{transform:translate(0, 0);}
}


div.banneranniumore:hover{box-shadow: 0px 0px 20px rgba(255, 255, 255, 1);}
div.indexoneback{ width:1280px; height: auto; padding-top: 32px; padding-bottom: 38px; background: #fff; border-radius: 7px; box-shadow: 0 0 20px rgba(0,0,0,.2); margin: auto; margin-top: 30px; margin-bottom: 36px; }

div.indexoneleft{ width: 860px; height: auto; float: left; margin-left: 37px;}

div.indexonelefttop{ width: 100%; height: auto; padding-bottom: 23px; border-bottom: 1px solid #f2f2f2;}

div.indexonelefttopnav{ width: 396px; height: auto; float: left; margin-right: 33px; padding-bottom: 13px; position: relative; top: 0;}

div.indexonelefttopnavpic{ width: 100%; height: 162px; margin-bottom: 14px; overflow: hidden;}

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

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

div.indexonelefttopnavtitle{ width: 100%; height: 38px; line-height: 38px; padding: 0 12px; color: #000000; font-size: 26px; overflow: hidden;}

div.indexonelefttopnav:hover div.indexonelefttopnavtitle{ color:#de2127; }

div.indexonelefttopnavdesc{ width: 100%; height:56px; overflow: hidden; padding: 0 12px; line-height: 28px; color: #838383; font-size: 16px;}

div.indexonelefttopnavmore{ width: 45px; height: 6px; margin-left: 12px; background: url(../img/indexonejt.jpg) center no-repeat; margin-top: 14px;}
div.indexonelefttopnav:hover div.indexonelefttopnavmore{ margin-left: 20px;}

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

div.indexonelefttopnavbk{ width: 429px; height: 311px; float: left;margin-top: -6px; border-left: 1px solid #f2f2f2;}

div.indexonelefttopnav_1{ width: 396px; height: auto; float: right; padding-bottom: 13px; margin-top: 6px;position: relative; top: 0;}

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

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

div.indexonelefttopnav_1:hover div.indexonelefttopnavmore{ margin-left: 20px;}

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

div.indexoneleftbottomtitle{ width: 100%; height: 77px; line-height: 77px; padding-left: 10px; color: #2b2b2b; font-size: 26px;}

div.indexonelefttopnav_1:hover div.indexonelefttopnavtitle{ color: #de2127;}

div.indexoneleftbottomnav{ width: 25%; height: 357px; float: left; overflow:hidden;}

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

div.indexoneleftbottomnavicon{ width: 56px; height: 56px; position: absolute; left: 50%; margin-left: -28px; top: 45px;}

div.indexoneleftbottomnavtitleback{ width: 100%; height: auto; position: absolute; left: 0; text-align: center; bottom: 36px; line-height: 1.7; color: #ffffff; word-break: keep-all; padding: 0 34px; font-size: 16px;}

div.indexoneleftbottomnavjia{ width: 50px; height: 50px; position: absolute; bottom: 53px; left: 50%; margin-left: -25px; background: url(../img/indexonebottomjia.png) center no-repeat; opacity: 0;}

div.indexoneleftbottomnav:hover div.indexoneleftbottomnavpic{ transform: scale(1.1);}

div.indexoneleftbottomnav:hover div.indexoneleftbottomnavtitleback{ bottom: 133px; font-weight: 700;}

div.indexoneleftbottomnav:hover div.indexoneleftbottomnavjia{ opacity: 1;}

div.indexoneleftbottomnav:hover div.indexoneleftbottomnavicon{-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.indexonert{ width: 319px; height: 762px; border-left: 1px solid #f2f2f2; margin-right: 32px; float: right;}

div.indexonertlist{ width: 284px; height: auto;float: right; }

div.indexonertlistpic{ width: 100%; height: 162px; overflow: hidden;}

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

div.indexonertlisttitle{ width: 100%; height: 53px; line-height: 53px; overflow: hidden; margin-top: 6px; color: #000000; font-size: 24px;}

div.indexonertlist:hover div.indexonertlisttitle{ color: #de2127;}

div.indexonertlisttime{ width: 100%; height: 14px; padding-left: 25px; background: url(../img/indexonerttime.jpg) left center no-repeat; color: #a7a7a7; font-size: 14px; line-height: 14px; margin-bottom: 16px;}

div.indexonertlistdesc{ width: 100%; height: 156px; overflow: hidden; line-height: 26px; color: #858585; font-size: 16px;}

div.indexonertlistmore{ width: 60px; height: 6px; background: url(../img/indexonert_1jt.png) center no-repeat; margin-top: 25px;}

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

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

div.indexonertbt{ width: 284px; height: auto; float: right; margin-top: 53px; }

div.indexonertlistbk{ width: 284px; height: 57px; background: #e3e3e3; border-radius: 30px; color: #4c4c4c; font-size: 16px; line-height: 57px; margin-bottom: 27px; cursor: pointer;}



div.indexonertlistbk_a{ width: 100%; height: 100%; display: block; position: relative; z-index: 10; overflow: hidden;}

div.indexonertlistbk_a a{ display: block; width: 100%; height: 100%; padding-left: 85px; color: #4c4c4c; transition: all 0.36s ease-in-out; }

div.indexonertlistbk_a a::before {
    content: attr(data-title);
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
	padding-left: 85px;
}

div.indexonertlistbk_a:hover > a {
  transform: translate3d(0, -100%, 0);
}

div.indexonertlistbkicon{ width: 36px; height: 100%; top: 0; left: 31px;}

div.indexonertlistbk:hover{ background: #de2127;}

div.indexonertlistbk:hover div.indexonertlistbkicon img{ filter: brightness(3);}

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

div.indexonertbtlisth{ width: 224px; height: auto; padding-left: 5px; background: url(../img/indexonertbtjt.png) left center no-repeat; position: absolute; right: -200px; top: 0; overflow: hidden; opacity: 0; visibility: hidden;}

div.indexonertlistbk:hover div.indexonertbtlisth{ opacity: 1;visibility: visible; right: -220px;}

div.indexonertbtlisthcont{ width: 219px; height: 100%; padding: 13px 12px; background: #fff; line-height: 1.7; color: #515151; border-radius: 7px; box-shadow: 0 0 20px rgba(0,0,0,0.1); font-size: 14px; word-break: keep-all;}

div.publicfooterback{ width: 100%; height: 487px; background: url(../img/footerbg.jpg) top repeat-x;}

div.publicfooter{ width: 1280px; height: auto; margin: auto; padding-top: 73px;}

div.publicfooterleft_1{ margin-right: 46px; float: left;}

div.publicfooterleft_title{ height: 33px; line-height: 33px; color: #000000; font-size: 18px; font-weight: 700;}

div.publicfooterleft_title a{ color: #000;}

div.publicfooterleft_list{ height: auto; line-height: 38px; color: #747474; font-size: 16px; color: #747474; font-size: 16px;}



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

div.publicfooterleft_list a:hover{ color: #de2127;}

div.publicfooterleft_2{ float: left; background: url(../img/footernavline.jpg) top left no-repeat;padding-left: 21px; margin-right: 46px;}

div.publicfooterleft_list strong{ color: #000; font-weight: 500;}

div.publicfooterleft_3{ float: left;background: url(../img/footernavline.jpg) top left no-repeat; padding-left: 21px; width:417px;}

div.publicfootericonbk{ width: 100%; height: 33px; margin-top: 17px;display: flex; flex-flow:nowrap;  justify-content: flex-start;}

div.publicfootericon{ width: 33px; height: 33px; margin-right: 7px; cursor: pointer; position: relative;}

div.publicfootericonewmh{ width: 130px; height: 130px; position: absolute; top: -130px; left:50%; margin-left: -65px; background: url(../img/ewmshowbg.png) center no-repeat;   overflow: hidden; visibility: hidden; opacity: 0;  padding: 20px; padding-top: 14px;}

div.publicfootericon:hover div.publicfootericonewmh{ visibility: visible; opacity: 1;}

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

div.publicfooterrtform{ width: 377px; height: auto; float: right;}

div.publicfooterrtform_1{ width: 100%; height: auto; line-height: 20px; color: #424242; font-size: 14px; margin-top: -6px;}

div.publicfooterrtform_nav{ width:374px; height: 42px; line-height: 42px; padding: 0 27px; background: #fff; border-radius: 35px; box-shadow: 0 0 20px rgba(0,0,0,0.1); margin-top: 17px; color: #c2c2c2; transition: all 0.36s ease-in-out;} 

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

div.publicfooterrtform_navtextarea:hover{ height: 87px;}

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

div.publicfooterrtform_nav input::placeholder{color: #c2c2c2;}

div.publicfooterrtform_navtextarea textarea::-webkit-scrollbar { width: 3px; }
div.publicfooterrtform_navtextarea textarea::-webkit-scrollbar-track { background-color:#C4C4C4;  }
div.publicfooterrtform_navtextarea textarea::-webkit-scrollbar-thumb { background-color:#de2127;  width:3px}	

div.publicfooterrtform_navtextarea textarea{ width: 100%; height: 100%;resize:none; display: block; background: none;border: none; outline: none;}

div.publicfooterrtform_navtextarea textarea::placeholder{color: #c2c2c2;}

div.publicfooterrtform_more{ width: 174px; height: 42px; background: #de2127; text-align: center; line-height: 42px; border-radius: 35px; color: #fff; font-size: 16px; margin-top: 28px; transition: all 0.36s ease-in-out;}
div.publicfooterrtform_more input{ width: 100%; height: 100%; display: block; background: none;border: none; outline: none;}
div.publicfooterrtform_more:hover{ background: #ff3d43;}
div.publicfooterbottombk{ width: 100%; height: 125px; position: absolute;; bottom: 0; left: 0; text-align: left; border-top: 1px solid #cecece; color: #575757; font-size: 14px; line-height: 40px; padding-top: 22px;}

div.publicfooterbottom{ width:1366px; height: auto; margin: auto; }

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

div.publicfooterbottombk a:hover{ color: #de2127; }

div.xialasubnav1_cp_navtopbk{ width: 100%; height:68px;  background: #ececec; display: flex;flex-flow: nowrap; justify-content: space-between; }

div.xialasubnav1_cp_nav{ width: 100%; height: 68px; line-height: 68px; padding:0 40px; color: #000000; font-size: 18px; font-weight: 700; overflow: hidden;}

div.xialasubnav1_cp_navbottom{ width: 100%; height: calc( 100% - 68px);display: flex;flex-flow: nowrap; justify-content: space-between; overflow-y: auto; padding-right: 3px; padding-top: 15px;}

div.xialasubnav1_cp_navbottom::-webkit-scrollbar { width: 3px; }
div.xialasubnav1_cp_navbottom::-webkit-scrollbar-track { background-color: transparent;  }
div.xialasubnav1_cp_navbottom::-webkit-scrollbar-thumb { background-color:#de2127;  width:3px}	

div.xialasubnav1_cp_navbottom_1{ width:100%; height: 100%;  padding:0 40px; }
div.xialasubnav1_cp_navbottom_2{ width:100%; height: 100%;  padding:0 40px; }
div.xialasubnav1_cp_navbottom_3{ width:100%; height: 100%;  padding:0 40px; }

div.xialasubnav1_cp_navbottom_1_t{ font-size:16px; width: 100%; height: auto; word-break: keep-all; line-height: 20px; color: #454444; margin: 10px 0; cursor: pointer; }

div.xialasubnav1_cp_navbottom_1_t span{ width: 13px; height: 13px; background: #818181; text-align: center; margin-left: 4px; border-radius: 50%; margin-top:5px;    display: inline-flex; }

div.xialasubnav1_cp_navbottom_1_t span img{ vertical-align: initial;}

div.xialasubnav1_cp_navbottom_1_t:hover{ color: #001446;}

div.xialasubnav1_cp_navbottom_1_t:hover span{ -webkit-transform: rotate(180deg); background: #001446;}

div.xialasubnav1_cp_navbottom_1_thover{ color: #001446;}

div.xialasubnav1_cp_navbottom_1_thover span{ -webkit-transform: rotate(180deg); background: #001446;}

div.xialasubnav1_cp_navbottom_1_list{ width: 100%; height: auto; padding-left: 12px; background: url(../img/cp_xialalisticon.jpg) left 12px no-repeat; line-height: 28px; color: #787878; font-size: 14px; word-break: keep-all; font-size: 14px;}

div.xialasubnav1_cp_navbottom_1_list a{ color: #787878; display: block; width: 100%; height: 100%;}

div.xialasubnav1_cp_navbottom_1_list:hover{background: url(../img/hoverred.jpg) left 12px no-repeat;}

div.xialasubnav1_cp_navbottom_1_list a:hover{color: #de2127;}

div.xialasubnav1_cp_navbottom_1_listbkbk{margin-top: 10px; margin-bottom: 10px; display: none;}


div.hangyeback{ width: 1280px; height: 266px; margin: auto; padding-top: 170px; margin-top: -133px; z-index: 100; position:relative;}

div.hangyelisttitle{ width: 100%; height: auto; padding-right: 54px; line-height: 60px; color: #ffffff; font-size: 46px;}

div.nybread{ width: 1280px; height: 57px; margin: auto; line-height: 57px;  padding-left: 48px; background: url(../img/breadicon_1.png) 14px center no-repeat; color: #737373; font-size: 16px; overflow: hidden;}

div.nybread a{ color: #737373;}

div.hangyemain{ width: 1280px; height: auto; margin: auto; padding: 0 40px; padding-top: 25px; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.1); padding-bottom: 50px; margin-bottom: 55px;}

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

div.hangyemainonetitleback{ padding-left: 20px; width: 100%; height: 80px; line-height: 80px; font-size: 26px; border-bottom: 1px solid #e8e8e8; color: #353535;}

div.hangyemainonetitleback span{font-size: 16px; color: #de2127;}

div.hangyemainonetitleback span span{color: #353535}

div.hangyemainonetitleback1{ padding-left: 20px; width: 100%; height: 80px; line-height: 80px; font-size: 32px; border-bottom: 1px solid #e8e8e8; color: #353535;}

div.hangyemainoneleft{ width:1200px; overflow: hidden; height: 677px; border-radius: 7px; float: none; margin-top: 20px; margin-bottom:10px;  cursor: pointer;}

div.hangyemainonelefticon{ width: 57px; height: 57px; position: absolute; left: 50%; top: 50%; margin-left: -28.5px; margin-top: -28.5px; }

div.hangyemainoneleft video{ width:1200px !important; height: 677px !important; }

div.hangyemainoneleft:hover div.hangyemainonelefticon{ transform: scale(0.8);}

div.hangyemainoneright{ width: 100%; float: none;  line-height: 26px; color: #858585; font-size: 16px;margin-top: 31px;}

div.hangyemaintwobk{ width: 100%; height: auto; margin-top: 70px;}

div.hangyetwotoplistbk{ padding: 0 20px; width: 100%; height: auto; margin-top: 20px;}

div.hangyetwolistbk{ width: 326px; height: 290px; float: left; top: 0; margin-right: 91px; margin-top: 50px;}

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

div.hangyetwolistpic{ width: 100%; height: 222px; overflow: hidden; border-radius: 7px;  margin-bottom: 12px;}

div.hangyetwolistpic>img{ width: 100%; height:100%;}

div.hangyetwolistbk:hover div.hangyetwolistpic>img{ transform: scale(1.1);}

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

div.hangyetwolisttitle{ width: 100%; height:54px;line-height: 27px; overflow: hidden; color: #1f1f1f; font-size: 16px;}

div.hangyetwolistbk:hover div.hangyetwolisttitle{ color: #de2127;}

div.hangyetwolistbk:hover{ top: -10px;}

div.hangyetwobottombk{ padding: 0 20px; width: 100%; height: auto; margin-top: 35px; overflow: hidden; display: none;}

div.hangyetwobutton{ width: 318px; height: 50px; margin: auto; border-radius: 35px; background: #f1f1f1; flex-flow: nowrap; justify-content: center; display: flex;  transition: all 0.36s ease-in-out;cursor: pointer;margin-top: 35px; box-shadow: 0 0 20px rgba(0,0,0,0.05);}

div.hangyetwobuttontitle{ transition: all 0.36s ease-in-out; height: 50px; line-height: 50px; color: #525252; font-size: 16px; font-weight: 700; margin-right: 15px;}

div.hangyetwobuttonicon{ width: 11px; height: 100%; display: inline-block; background: url(../img/hangyetwojt.png) center no-repeat; }

div.hangyetwobutton:hover div.hangyetwobuttonicon{ background: url(../img/hangyetwojth.png) center no-repeat;}

div.hangyetwobutton:hover{ background: #e4484d; color: #fff;}

div.hangyetwobutton:hover div.hangyetwobuttontitle{ color: #fff;}

div.hangyetwobuttonshow{ background: #e4484d; color: #fff;}

div.hangyetwobuttonshow div.hangyetwobuttontitle{ color: #fff;}


div.hangyetwobuttonshow div.hangyetwobuttonicon{transform: rotate(180deg); background: url(../img/hangyetwojth.png) center no-repeat;}

div.hangyetwobottomlist{ width: 50%; padding-right: 85px; height: auto; line-height: 30px; color: #454444; font-size: 16px; padding-left: 16px; background: url(../img/hangyemorelistbg.jpg) 6px center no-repeat; float: left; margin-bottom: 20px; word-break: keep-all; }


div.hangyetwobottomlist a{ color: #454444; transition: all 0.36s ease-in-out;word-break: keep-all;}

div.hangyetwobottomlist a:hover{ color: #de2127;}

div.hangyemainthreebk{ width: 100%; height: auto; margin-top: 49px;}

div.hangyethreelisttopbk{ width: 100%; height: auto; margin-top: 30px; padding: 0 95px;}

div.hangyethreelist{ width: 215px; height: auto; float: left; height: auto; position: relative; top: 0;   margin-left: 182px; margin-top: 35px;}

div.hangyethreelistpic{ width: 215px; height: 215px; overflow: hidden; border-radius: 50%; margin-bottom: 25px;}

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

div.hangyethreelisttitle{ width: 100%; height: 60px; line-height: 30px; overflow: hidden; color: #1f1f1f; font-size: 16px;}

div.hangyethreelist:hover{ top: -10px;}

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

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

div.hangyethreelist:hover div.hangyethreelisttitle{ color: #de2127;}

div.hangyemainfourback{ width: 100%; height: auto; margin-top: 42px; padding-bottom: 70px; border-bottom: 1px solid #e8e8e8;}

div.hangyemainfourtopbk{ width: 100%; height: auto; margin-top: 47px; padding: 0 20px;}

div.hangyemainfourtoplist{ width: 350px; height: auto; float: left; margin-left: 55px; top: 0; position: relative;}

div.hangyemainfourtoplistpic{ width: 100%; height: 232px; overflow: hidden; border-radius: 7px; margin-bottom:20px;}

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

div.hangyemainfourtoplisttitle{ width: 100%;  line-height: 50px; font-size: 16px; overflow: hidden; color: #6d6d6d; text-align: center; }

div.hangyemainfourtoplist:hover{ top: -10px; position: relative;}

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

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

div.hangyemainfourtoplist:hover div.hangyemainfourtoplisttitle{ color: #de2127;}

div.hangyefiveback{ width: 100%; max-width: 1157px; margin: auto; height: auto; margin-top: 30px;}

div.hangyefivemianbk{ width: 100%; height: auto; border-left: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8;}

div.hangyefivelist{ width: 192.6px; height: 129px; float: left;border-right: 1px solid #e8e8e8; overflow: hidden; border-bottom: 1px solid #e8e8e8;}

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

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

div.hangyesixback{ width: 100%; height: auto; margin-top: 50px;}

div.hangyesixmore{ float: right; padding-right: 22px; background: url(../img/hangyefivemorejt.png) 67px center no-repeat; color: #666666; font-size: 16px; margin-right: 19px; transition: all 0.36s ease-in-out;}

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

div.hangyesixmore:hover{ padding-left: 5px; color: #666;}

div.hangyesixmore:hover a{ color:#de2127; }

div.hangyesixlistbk{ width: 544px; height: auto; float: left; margin-top: 55px; position: relative; top: 0;    margin-left: 74px;}

div.hangyesixlistpic{ width: 100%; height: 288px; overflow: hidden; border-radius: 7px; margin-bottom: 19px;}

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

div.hangyesixlisttitle{ width: 100%; height: 50px; line-height: 25px; overflow: hidden; color: #3f3f3f; font-size: 16px; }

div.hangyesixlistbk:hover{ top: -10px;}

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

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

div.hangyesixlistbk:hover div.hangyesixlisttitle{ color:#de2127; }

div.pagegao{ height: 70px;}
div.hangyecase_back{ width: 100%;}

div.hangye_casenytitleback{ width: 100%; height: auto; padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; padding-top: 33px;}

div.hangye_casenytitle{ width: 100%; height: auto; line-height: 35px; text-align: center; color: #353535; font-size: 26px; word-break: keep-all;}

div.hangye_casenydesc{ text-align: center; line-height: 36px; color: #989898; font-size: 14px;}

div.hangye_casenydesc span{ color: #de2127;}

div.hangye_casenycontentbk{ width: 100%; height: auto; padding-top: 46px; padding-bottom: 36px; border-bottom: 1px solid #e5e5e5; color: #858585; font-size: 16px; line-height: 1.7;}

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


div.xwnymainleftcontbottom{ width: 100%; margin-top: 25px;}

div.xwnymainleftcontbottomleft{ width: 60%; height: auto; float: left; line-height: 35px; color: #404040; font-size: 14px;}

div.xwnymainleftcontbottomleft a{ color: #404040;}

div.xwnymainleftcontbottomleft span{  color: #000000;}

div.xwnymainleftcontbottomright{ width: 184px; height: 49px; float: right; margin-top: 11px; background: url(../img/nyfanhui.jpg) center no-repeat; transition: all 0.36s ease-in-out;}

div.xwnymainleftcontbottomleft span{ color: #de2127;}

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

div.xwnymainleftcontbottomright:hover{ margin-right: 10px;}

div.xwnymainleftcontbottomleft a:hover{ color: #de2127;}

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

div.gywmone{ width: 100%; height: auto; margin-top: 37px;}

div.gywmoneleft{ width: 690px; height: auto; float: left; line-height: 30px; color: #858585; font-size: 16px;}

div.gywmonert{ width: 462px; height: auto; float: right; margin-right: 3px;}

div.gywmonert img{ width: 100%;}

div.gywmtwoback{ width: 100%; height: auto; margin-top: 30px;}

div.hangyemainonetitleback1{ padding-left: 20px; width: 100%; height: 80px; line-height: 80px; font-size: 32px; border-bottom: 1px solid #e8e8e8; color: #353535;}

div.hangyemainonetitleback2{ padding-left: 5px; width: 100%; height: 80px; line-height: 80px; font-size: 32px; border-bottom: 1px solid #e8e8e8; color: #353535;}

div.gywmtwoleft{ width: 398px; height: auto; float: left;}

div.gywmtwoleft img{ width: 100%; margin-bottom: 15px;}

div.gywmtworight{ width: 772px;line-height: 30px; color: #858585; font-size: 16px; float: right; margin-right: 7px;}

div.gywmthreeback{ width: 100%; height: auto; margin-top: 30px;}

div.gywmthreelefttitlebk    {width: 100%;
    height: 55px;
    line-height: 55px;
    color: #ee1d23;
    font-size: 31px;
    font-family: 'dinb';}

div.gywmthreelefttitlebk span{ margin-left: 7px; color: #000000; font-size:26px; font-family: 'min';}
div.gywmthreeleftlistbk {
    width: 100%;
    height: 220px;
    overflow-y: auto;
    padding-right: 10px;
    margin-top: 30px;
}
div.gywmthreeleftlist{ width: 100%; height: auto; background: url(../img/gywmthreelistbg.jpg) left 12px no-repeat; line-height: 28px; color: #666666; font-size: 16px; margin-bottom: 33px; padding-left: 23px;}

div.gywmthreeleftlistbk::-webkit-scrollbar { width: 3px; border-radius: 7px;}
div.gywmthreeleftlistbk::-webkit-scrollbar-track { background-color: #e6e6e6;  }
div.gywmthreeleftlistbk::-webkit-scrollbar-thumb { background-color:#ee1d23; border-radius: 7px; width:3px}	

div.gywmzcbg{    width: 840px;
    height: 317px;
    float: left;
    margin-left: 84px;
    margin-top: 41px;
    background: url(../img/gywmthreeleftpic.png) left center no-repeat;
    padding-left: 60px;}

div.gywmthreertline{ border-right: 1px solid #e6e6e6;
    margin-right: 96px;
    margin-top: 70px;}
.icon-arrow-left{ width: 36px; height: 36px; position: absolute;    top: -12px;
    left: 112px; background: url(../img/gywmthreeprev.png) #fff center no-repeat; border: 1px solid #dbdbdb; border-radius: 50%; transition: all 0.36s ease-in-out;z-index: 999;}

.icon-arrow-left:hover{ width: 36px; height: 36px; position: absolute;     top: -12px;
    left: 112px; background: url(../img/gywmthreeprevh.png) #ee1d23 center no-repeat; border: 1px solid #dbdbdb; border-radius: 50%; transition: all 0.36s ease-in-out;}
.icon-arrow-right{ width: 36px; height: 36px; position: absolute;    bottom: -12px;
    left: 112px;background: url(../img/gywmthreenext.png) #fff center no-repeat; border: 1px solid #dbdbdb; border-radius: 50%; transition: all 0.36s ease-in-out; z-index: 999;}

.icon-arrow-right:hover{ width: 36px; height: 36px; position: absolute; bottom: -12px;
    left: 112px; background: url(../img/gywmthreenexth.png) #ee1d23 center no-repeat; border: 1px solid #dbdbdb; border-radius: 50%; transition: all 0.36s ease-in-out;}

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

div.cp_topback{ width: 100%; height: 85px; border-right: 1px solid #e8e8e8; display:flex; flex-flow: nowrap; justify-content:space-between; margin-top: 54px;}

div.cp_topnav{ width: 100%; height: 85px;border-left: 1px solid #e8e8e8;border-top: 1px solid #de2127;border-bottom: 1px solid #de2127; background: #de2127; text-align: center; line-height: 85px; color: #ffffff; font-size: 18px; font-weight: 700; cursor: pointer;}

div.cp_topnav:hover{background: #f4f4f4;border-top: 1px solid #e8e8e8;border-bottom: 1px solid #f4f4f4; color: #000000;}

div.cp_topnavshow{background: #f4f4f4;border-top: 1px solid #e8e8e8;border-bottom: 1px solid #f4f4f4; color: #000000;}

div.cp_bottombk{ width: 100%; height: calc( 100vh - 85px); background: #f4f4f4; padding: 0 20px; padding-top: 44px;}

div.cp_bottom{ width: 100%; height:0; column-width:368px; column-rule: solid #dddddd 1px; overflow: hidden;}

div.cp_bottomshow{ height: 100%;}

div.cp_bottomtitle{ width: 100%; height: auto; line-height: 35px; color: #454444; word-break: keep-all; font-size: 16px; font-weight: 700;padding-left: 19px;}

div.xialasubnav1_cp_navbottom_1_list1{width: 95%;height: auto;padding-left: 12px;background: url(../img/cp_xialalisticon.jpg) left 12px no-repeat;line-height: 28px;color: #787878;font-size: 14px;word-break: keep-all;font-size: 14px;margin-left: 5%;}

div.xialasubnav1_cp_navbottom_1_list1 a{ color: #787878; display: block; width: 100%; height: 100%;}

div.xialasubnav1_cp_navbottom_1_list1:hover{background: url(../img/hoverred.jpg) left 12px no-repeat;}

div.xialasubnav1_cp_navbottom_1_list1 a:hover{color: #de2127;}


div.hangyemainonetitleback3{ padding-left: 10px; padding-top: 20px; padding-bottom: 20px; width: 100%; height: auto; line-height: 35px; font-size: 26px; border-bottom: 1px solid #e8e8e8; color: #353535;}

div.cp_xxonebk{ width: 100%; height: auto; margin-top: 42px;}

div.cp_xxoneleft{ width: 469px; height: 390px; float: left; margin-left: 23px;}

div.cpxxlefttop{ width: 469px; height: 301px;}

div.cpxxbottompic{ width: 100%; height: 75px; margin-top: 15px;}

div.cp_onerightbk{ width: 635px; height: 390px; float: right; overflow-y:auto;  margin-right: 16px; margin-top: 9px; line-height: 1.7; color: #858585; font-size: 16px;}

div.cp_onerightbk::-webkit-scrollbar { width: 1px; }
div.cp_onerightbk::-webkit-scrollbar-track { background-color: transparent;  }
div.cp_onerightbk::-webkit-scrollbar-thumb { background: url(../img/cponert_scroll.jpg) top no-repeat;  width:1px}	

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

div.cp_xxtwoback{ width: 100%; height: auto; margin-top: 70px;}

div.cp_xxtwonavtop{ width: 100%; height: auto; padding-top: 30px; position: sticky;padding-bottom: 42px; border-bottom: 1px solid #e5e5e5; top: 0; background: #fff; z-index: 99;}

div.cp_xxtwonavtoplt{ float: left; height: 50px; line-height: 50px; color: #353535; font-size: 26px; padding-left: 14px;}

div.cp_xxtwonavtoprt{ float: right;}

div.cp_xxtwonavtoprt_nav{ width: 180px; height: 50px; float: left; margin-left: 15px; line-height: 50px; color: #5a5a5a; background: #efefef; border-bottom-left-radius: 15px;  border-top-right-radius: 15px; text-align: center; font-size: 15px; cursor: pointer;}

div.cp_xxtwonavtoprt_nav:hover{  background: #de2127; color: #fff;}

div.cp_xxtwonavtoprt_navhover{  background: #de2127; color: #fff;}

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

div.cp_xxtwonavbottom_show{ width: 100%; display: none; max-width: 1164px; margin: auto; height: auto; line-height: 1.7; font-size: 16px;}

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

div.cp_xxtwonavbottom_showhover{ display: block;}

div.cp_xxthreeback{ width: 100%; height: auto; padding-bottom: 50px;}

div.cp_xxdownlist{ width: 100%; height: 79px; border-bottom: 1px dashed #eaeaea; line-height: 79px; padding-left: 32px; background:url(../img/cp_xialalisticon.jpg) 20px center no-repeat; overflow: hidden;}

div.cp_xxdownlist a{ color: #353535; font-size: 16px; display: block; width: 100%; height: 100%;}

div.cp_xxdownlist:hover{background:url(../img/hoverred.jpg) 20px center no-repeat;}

div.cp_xxdownlist:hover a{ color: #de2127;}

div.lxwmbottomback{ width: 100%;  padding: 40px 0;height:737px; display: flex; flex-flow: nowrap; justify-content: space-between;}

div.lxwmbottomlist{ width: 100%; height: 100%; border-left: dashed 1px #d6d6d6; padding: 0 20px;}

div.lxwmbottomlistpic{ width: 100%; height: auto; text-align: center; margin-bottom: 22px;}

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

div.lxwmbottomlisttitle_1{ width: 100%; height: auto; line-height: 48px;  color: #000000; font-size: 26px;}

div.lxwmbottomlisttitle_li{ width: 100%; height: auto; line-height: 2; color: #6e6e6e; font-size: 16px; margin-bottom: 33px;}


div.hangyetwolistbk:hover div.hangyemainonelefticon{ transform: scale(0.8);}

div.xwxxoneback{ width: 100%; height: 330px; margin: auto; margin-top: 54px;}

div.xwxxoneleft{ width: 601px; height:330px; float: left; overflow: hidden;}

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

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

div.xwxxoneright{ width: 526px; height: auto; float: right; margin-right: 20px; margin-top: 3px;}

div.xwxxonerighttitle{ width: 100%; height: 64px; line-height: 32px; overflow: hidden; color: #000000; font-size: 22px;}

div.xwonerighttime{ width: 100%; height: 14px;  line-height: 14px; padding-left: 25px; margin-top: 24px; margin-bottom: 31px; color: #9c9c9c; font-size: 14px; background: url(../img/indexonerttime.jpg) left center no-repeat;}

div.xwonerightdesc{ width: 100%; height: 130px; line-height: 26px; overflow: hidden; color: #969696; font-size: 16px; margin-bottom: 34px;}

div.xwonerightmore{ width: 60px; height: 6px; background: url(../img/indexonert_1jt.png) center no-repeat;}

div.xwxxoneback:hover div.xwxxonerighttitle{ color: #de2127;}

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

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

div.xwtwoback{ width: 100%; height: auto; margin-top: 55px; padding-left: 20px; border-top:1px solid #e0e0e0;}

div.xwtwolist{ width: 340px; height: auto; margin-top: 58px; margin-bottom: 50px; float: left; margin-right: 70px; position: relative; top: 0;}

div.xwtwolistpic{ width: 100%; height: 164px; margin-bottom: 27px; overflow: hidden;}

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

div.xwonerighttime2{ margin-bottom: 14px;}

div.xwonerighttitle{ width: 100%; height: auto; overflow: hidden; line-height: 26px; color: #2b2b2b; font-size: 16px; }

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

div.xwtwolist:hover{ top: -10px;}

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

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

div.xwtwolist:hover div.xwonerighttitle{ color: #de2127;}

div.rightformbk{ width: 406px; height: 628px; position: fixed;  background: #fff; bottom: 20px; right: -410px;  z-index: 9999999; border-radius: 8px; opacity: 0;}

div.rightformbkshow{ right: 20px; opacity: 1;}

div.rightformtop{ width: 100%; height: 59px; line-height: 59px; border-bottom: 1px solid #eaeaea; background: #fafafa; padding-left: 29px; color: #565656; font-size: 18px;}

div.rightformclose{ width:12px; height: 12px; cursor: pointer;position: absolute; right: 25px; top: 23px; background: url(../img/formclose.jpg) center no-repeat;}
div.rightformclose:hover{transform: rotate(180deg);}

div.rightformbottom{ width: 100%; height: auto; padding: 0 34px;}

div.rightformbottom_1{ width: 100%; height: auto; line-height: 63px; font-size: 16px; color: #222222;}

div.rightformbottom_1 span{ color: #de2127;}

div.rightformbottom_nav{ width: 100%; height: 125px; border: 1px solid #ebebeb; border-radius: 13px; background: url(../img/formicon1.jpg) 13px 10px no-repeat; padding: 10px 15px 0 50px; color: #b9b9b9; font-size: 14px;}

div.rightformbottom_nav textarea{ width: 100%; height: 100%; line-height: 25px; background: none; border: none; outline: none; color: #b9b9b9;resize:none;}
div.rightformbottom_nav textarea::placeholder{color: #b9b9b9;}

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

div.rightformbottom_nav2{width: 100%; height: 45px; border: 1px solid #ebebeb; border-radius: 13px; background: url(../img/formicon2.jpg) 13px 10px no-repeat; padding-left: 50px;  line-height: 45px; color: #b9b9b9; font-size: 14px; margin-top: 22px;}

div.rightformbottom_nav2 input{ width: 100%; height: 100%;  background: none; border: none; outline: none; color: #b9b9b9;}

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

div.rightformbottom_nav2 input::placeholder{color: #b9b9b9;}

div.rightformbottom_nav2more{ width: 203px; height: 43px; line-height: 43px; float: right; margin-top: 34px; border-radius: 35px; background: #d63334; text-align: center; color: #ffffff; font-size: 16px;}

div.rightformbottom_nav2more input{ width: 100%; height: 100%;  cursor: pointer;background: none; border: none; outline: none; color: #fff;}
div.rightformbottom_nav2more:hover{ box-shadow: 0 0 20px rgba(0,0,0,0.1); background: #ff3b3c;}


/*搜索*/

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

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

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

.htmleaf-icon span {
	display: none;
}

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

section.clickshow{ height:0px; transition:all 0.5s ease-in-out; background:rgba(59, 59, 59, 0.62); overflow:hidden; z-index:9999999; position:fixed; width:100%; top:0; left:0;}

div.gywmtwoleftlistbk{ width: 93%; height: auto;    line-height: 42px;
    padding-right: 20px;
    font-size: 14px;
    color: #555555; background:url(../img/jiyulx.jpg) right center no-repeat;}

div.shouhoutan{
    width: 438px;
    height: 165px;
    position: fixed;
    background: #fff;
    bottom: 234px;
    right: -440px;
    z-index: 9999999;
    border-radius: 8px;
    opacity: 0;
	border: 1px solid #eaeaea;
}

div.shouhoutanshow{ right: 20px; opacity: 1;}


div.rightformtop1{ width:calc(100% - 44px);  margin: auto; height: 59px; line-height: 59px; border-bottom: 1px solid #eaeaea; color: #565656; font-size: 18px;}

div.rightformclose1{ width:12px; height: 12px; cursor: pointer;position: absolute; right: 25px; top: 23px; background: url(../img/formclose.jpg) center no-repeat;}
div.rightformclose1:hover{transform: rotate(180deg);}
div.rightformtop2{width:calc(100% - 44px);  margin: auto; line-height: 37px; line-height: 37px; color: #8b8b8b; font-size: 16px; padding-top: 15px;}

div.cp_onertvideobutton{ width: 239px; height: 44px; background: url(../img/cpvideobutton.png) center no-repeat; margin-top: 10px; cursor: pointer;}

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









div.cp_xxonebk {
	margin-top: 0;
}
div.cp_xxtwonavtop {
	padding-top: 0;
}
div.cp_xxtwonavtoplt {
	display: none!important;
}