*{ margin:0; padding:0;}


body{overflow-x:hidden; background:url(../img/nydbbody.jpg) #fff bottom center no-repeat;}
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;}		
::-webkit-scrollbar { width:6px; }
::-webkit-scrollbar-track { background-color: transparent;  }
::-webkit-scrollbar-thumb { background-color:#1ed4c8;  }		
@media screen and (max-width: 1680px){
	html{
		font-size:86px;
	}
}		
@media screen and (max-width: 1440px){
	html{
		font-size:80px;
	}
}

@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: 60px;
	text-align: center;
	width:100%;

	margin-bottom:90px;
}
.pagination a {
	display: inline-block;
	margin-right: 10px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	
	text-decoration: none;
	color: #999;
	font-size: 14px;
	
	text-align: center;
	color:#98a9b2;
	font-family:'Ssbold';
	transition:all 0.3s ease-in-out;

	
}
.pagination a:hover {
	color: #4e5d66;
	background: #dfe3e5;
}
.pagination a.cur {
	display: inline-block;
	margin-right: 10px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	
	text-decoration: none;
	color: #4e5d66;
	font-size:14px;
	text-align: center;
	
	transition:all 0.3s ease-in-out;
	color: #4e5d66;

}
.pagination p {
	display: inline-block;
	font-size: 14px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	color: #4e5d66;
	text-align: center;
	background: #fff;
	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;

}
.dates li {
	font-size: 14px;
	margin: 20px 0
}
.dates li span {
	float: right
}
.pagination .page_xyy {
	width: 60px;
	height: 60px;
	
	border:none;
	line-height: 60px;
	
	text-decoration: none;
	color: #6c6c6c;
	font-size: 14px;
	text-align: center;
border:none;
	background: url(../img/pagelistright.png) center no-repeat;

	
}
.pagination .page_xyy:hover{ width: 60px;
	height: 60px;
	
	border:none;
	color: #339933;
	background: url(../img/pagelistright.png) center no-repeat;
}
.pagination .page_syy {
	 width: 60px;
	height: 60px;
	line-height:60px;
	border:none;
	text-decoration: none;
	color: #6c6c6c;
	font-size: 14px;
	text-align: center;
border:none;

	transition:all 0.5s ease-in-out;
	background: url(../img/pagelistleft.png) center no-repeat;

}
.pagination .page_syy:hover{  width: 60px;
	height: 60px;
	color: #339933;
	border:none;
	background: url(../img/pagelistleft.png) center no-repeat;
	}
.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; 
}

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

div.publicheadback{ width: 100%; height: 108px; background: #fff;   z-index: 999999; position: relative;  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);}

div.publiclogo{ width: 157px; height: 59px; margin-left: 2.8%; float: left; margin-top: 24px;}

div.publiclogo img{ width: 457px; height: 59px;}

div.publicright{ float: right; margin-right: 4.4%;}

div.publicrightnav{ float: left; margin-left: 38px; height: 108px; line-height: 108px; font-size: 18px; position: relative; overflow: hidden; z-index: 999999;}

div.publicrightnav::before{ content:''; width:0; transition: all 0.5s ease-in-out; height: 2px; background: #b3ab3e; position: absolute; bottom: 0; left: 0;}

div.publicrightnav>a{  color: #666666;}

div.publicrightnav:hover:before{ width: 100%;}

div.publicrightnav:hover{ overflow: inherit;}

div.publicrightnavxl{ width:300px; height: auto; position: absolute; left: -15px; opacity: 0; transition: all 0.3s ease-in-out; top: 118px;}

div.publicrightnav:hover div.publicrightnavxl{ opacity: 1; top: 108px; }

div.publicrightnavxllist{ width: 100%; height: 40px; padding-left: 15px; line-height: 40px; background: #fff; transition: all 0.3s ease-in-out;}

div.publicrightnavxllist>a{ color: #7d7d7d; display: block; font-size: 14px; width: 100%; height: 100%;transition: all 0.3s ease-in-out;}

div.publicrightnavxllist:hover{ background: #1ed4c8;}

div.publicrightnavxllist:hover >a{ color: #fff;}

.bannerwenzi1{ color: #ffffff; font-size:48px; font-weight: 700; }

.bannerwenzi3 p:nth-child(1){ background: #2ccdc1; font-size: 36px; margin-top: 23px; font-weight: 700; color: #fff; line-height: 45px; height: 45px; padding-right: 6px;font-family:'Ssbold'; text-transform: uppercase; display: inline-block;}

.bannerwenzi3 p:nth-child(2){ font-size: 36px; font-weight: 700; color: #fff; line-height: 45px; height: 45px; font-family:'Ssbold'; text-transform: uppercase; margin-top: 8px;}

.bannerwenzi4 { font-size: 24px; font-weight: 700; color: #ffffff; line-height: 45px; height: 45px; font-family:'Ssbold'; text-transform: uppercase; margin-top: 8px; }

.bannerwenzi4 span{ font-family: "Sslight";}

div.indexoneback{ width: 100%; background: url(../img/indexonebg.jpg) 50%/cover no-repeat; position: relative; height: 10.4rem;}

div.indexonetitleback{ width: 100%; position: absolute; top:.95rem; left: 0;}

div.indexonelefttitle{ height: 46px; line-height: 46px; color: #666666; font-size: 30px;}

div.indexonelefttitle span{ margin-left: 20px; font-size: 36px;font-family:'Sslight'; color: #0a9a8e;}

div.indexonerightpic{ float: right;}

div.indexone{ padding-top: 1.2rem; width: 12.8rem; margin: auto; overflow: hidden; position: relative; height: 100%;}



div.indexonelistback{ width:100%;position: relative;overflow: hidden; height: 8.18rem;}
ul#navfourtui {
	width: 100%; position:absolute;}
ul#navfourtui li {
	
	float: left;
	 width: 8.18rem; height: 8.5rem;
}
ul#navfourtui li div.indexonelist{ width: 100%; height: auto; position: relative;  background:none; border-radius: 50%; }




ul#navfourtui li:nth-child(1) {
	
	float: left;
	 width: 1.7rem; height: auto;
	float: left; margin-right: .3rem;
	margin-top: 2.1rem;
	transition: all 0.5s ease-in-out;
}
ul#navfourtui li:nth-child(1) div.indexonelist{ width: 100%; height: auto; position: relative;  background:none; border-radius: 50%; transition: all 0.5s ease-in-out;}

ul#navfourtui li:nth-child(1) div.indexonelistpicgao{ height: 1.02rem; transform: scale(0);transition: all 0.5s ease-in-out;}
ul#navfourtui li:nth-child(1) div.indexonelistpic{ width:100%; height: auto; position: relative;margin: auto;transition: all 0.5s ease-in-out;}

ul#navfourtui li:nth-child(1) div.indexonelistpic img{ width: 100%;transition: all 0.5s ease-in-out; } 

ul#navfourtui li:nth-child(1) div.indexonelisttitle{ position: relative; width: 3.2rem; height: 1.1rem; line-height: 1.1rem; text-align: center; color: #04796f; font-size: .2rem;transition: all 0.5s ease-in-out; margin: auto; transform: scale(0);}
ul#navfourtui li:nth-child(1) div.indexonelisttitle a{transition: all 0.5s ease-in-out; color: #04796f;font-family:'Sslight'; font-weight: 500;}

ul#navfourtui li:nth-child(1) div.indexonelistmore{transition: all 0.5s ease-in-out; width: 1.84rem; height: .57rem; line-height: .57rem; text-align: center; background: #0a9a8e; border-radius: 10px; position: absolute; bottom: -.25rem; left: 50%; margin-left: -0.92rem; transform: scale(0);}

ul#navfourtui li:nth-child(1) div.indexonelistmore a{transition: all 0.5s ease-in-out;font-family:'Sslight'; font-weight: 500; color: #fff; font-size: .12rem; width: 100%; height: 100%; transform: scale(0);}

ul#navfourtui li:nth-child(1) div.indexonelistpicwhite{transition: all 0.5s ease-in-out; width: 4.86rem; height: 4.86rem; position: absolute; left:50%; margin-left: -2.43rem; top: 1.61rem; background: #fff; border-radius: 50%; transform: scale(0); }
ul#navfourtui li:nth-child(1) .circlechart{  display: none;transition: all 0.5s ease-in-out;}

ul#navfourtui li:nth-child(1) div.indexonelisthover{ width: 7.25rem; height: 7.25rem; position: absolute; left: 50%; margin-left:-3.625rem; top: .46rem; background: rgba(118,118,118,.8); border-radius: 50%; display: none; }

ul#navfourtui li:nth-child(1) div.indexonelisthover a{ width: 100%; height: 100%; display: block; display: none;}

ul#navfourtui li:nth-child(1) div.indexonelistdesc{ width:5rem; height: auto; text-align: center; line-height: .48rem; color: #ffffff; font-size: .18rem; margin: auto; margin-top:2.6rem; display: none;}

ul#navfourtui li:nth-child(2) {
	
	float: left;
	 width: 8.18rem; height: 8.5rem;
	margin-left: 0.19rem;transition: all 0.5s ease-in-out;
	transform: scale(1);
}
ul#navfourtui li:nth-child(2) div.indexonelist{ width: 8.18rem; height: 8.18rem; position: relative;  background: #ecf3f5; border-radius: 50%; transition: all 0.5s ease-in-out;transform: scale(1);}

ul#navfourtui li:nth-child(2) div.indexonelistpicgao{ height: 1.02rem;transition: all 0.5s ease-in-out;transform: scale(1);}
ul#navfourtui li:nth-child(2) div.indexonelistpic{ width:4.96rem; height: 5.36rem; position: relative;margin: auto;transition: all 0.5s ease-in-out;transform: scale(1);}

ul#navfourtui li:nth-child(2) div.indexonelistpic img{ width: 100%; height: 100%；transition: all 0.5s ease-in-out;} 

ul#navfourtui li:nth-child(2) div.indexonelisttitle{ transform: scale(1);position: relative; width: 3.2rem; height: 1.1rem; line-height: 1.1rem; text-align: center; color: #04796f; font-size: .2rem; margin: auto;transition: all 0.5s ease-in-out;}
ul#navfourtui li:nth-child(2) div.indexonelisttitle a{ color: #04796f;font-family:'Sslight'; font-weight: 500;transition: all 0.5s ease-in-out;}

ul#navfourtui li:nth-child(2) div.indexonelistmore{transform: scale(1);transition: all 0.5s ease-in-out; width: 1.84rem; height: .57rem; line-height: .57rem; text-align: center; background: #0a9a8e; border-radius: 10px; position: absolute; bottom: -.25rem; left: 50%; margin-left: -0.92rem; overflow: hidden;}

ul#navfourtui li:nth-child(2) div.indexonelistmore a{font-family:'Sslight'; font-weight: 500; color: #fff; font-size: .12rem; width: 100%; height: 100%; display: block;transition: all 0.5s ease-in-out;}
ul#navfourtui li:nth-child(2) div.indexonelistpicwhite{transform: scale(1); width: 4.86rem; height: 4.86rem; position: absolute; left:50%; margin-left: -2.43rem; top: 1.61rem; background: #fff; border-radius: 50%; transition: all 0.5s ease-in-out; }

ul#navfourtui li:nth-child(2) div.indexonelisthover{ width: 7.25rem; height: 7.25rem; position: absolute; left: 50%; margin-left:-3.625rem; top: .46rem; background: rgba(118,118,118,.8); border-radius: 50%; opacity: 0; transition: all 0.5s ease-in-out; }

ul#navfourtui li:nth-child(2) div.indexonelisthover a{ width: 100%; height: 100%; display: block; }

ul#navfourtui li:nth-child(2) div.indexonelistdesc{ width:5rem; height: auto; padding-left: 1.7rem; line-height: .48rem; color: #ffffff; font-size: .18rem; margin: auto; margin-top:2.6rem; }

ul#navfourtui li:nth-child(2) div.indexonelisthover:hover{ opacity: 1;}



ul#navfourtui li:nth-child(3) {
	
	float: left;
	 width: 1.7rem; height: auto;
	float: left; margin-left: .3rem;
	margin-top: 2.1rem;
	margin-right: 0.2rem;
	transition: all 0.5s ease-in-out;
	margin-left: 0.7rem;
}
ul#navfourtui li:nth-child(3) div.indexonelist{ width: 100%; height: auto; position: relative;  background:none; border-radius: 50%;transition: all 0.5s ease-in-out; }

ul#navfourtui li:nth-child(3) div.indexonelistpicgao{ height: 1.02rem; transform: scale(0);transition: all 0.5s ease-in-out;}
ul#navfourtui li:nth-child(3) div.indexonelistpic{ width:100%; height: auto; position: relative;margin: auto;transition: all 0.5s ease-in-out;}

ul#navfourtui li:nth-child(3) div.indexonelistpic img{ width: 100%; transition: all 0.5s ease-in-out;} 

ul#navfourtui li:nth-child(3) div.indexonelisttitle{ position: relative; width: 3.2rem; height: 1.1rem; line-height: 1.1rem; text-align: center; color: #04796f; font-size: .36rem; margin: auto; transform: scale(0);transition: all 0.5s ease-in-out;}
ul#navfourtui li:nth-child(3) div.indexonelisttitle a{ color: #04796f;font-family:'Sslight'; font-weight: 500;transition: all 0.5s ease-in-out;}

ul#navfourtui li:nth-child(3) div.indexonelistmore{ width: 1.84rem; height: .57rem; line-height: .57rem; text-align: center; background: #0a9a8e; border-radius: 10px; position: absolute; bottom: -.25rem; left: 50%; margin-left: -0.92rem; transform: scale(0);transition: all 0.5s ease-in-out;}

ul#navfourtui li:nth-child(3) div.indexonelistmore a{font-family:'Sslight'; font-weight: 500; color: #fff; font-size: .12rem; width: 100%; height: 100%; transform: scale(0);transition: all 0.5s ease-in-out;}

ul#navfourtui li:nth-child(3) div.indexonelistpicwhite{ width: 4.86rem; height: 4.86rem; position: absolute; left:50%; margin-left: -2.43rem; top: 1.61rem; background: #fff; border-radius: 50%;  transform: scale(0);transition: all 0.5s ease-in-out; }
ul#navfourtui li:nth-child(3) .circlechart{  display: none;transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
ul#navfourtui li:nth-child(3) div.indexonelisthover{ width: 7.25rem; height: 7.25rem; position: absolute; left: 50%; margin-left:-3.625rem; top: .46rem; background: rgba(118,118,118,.8); border-radius: 50%; display: none; }

ul#navfourtui li:nth-child(3) div.indexonelisthover a{ width: 100%; height: 100%; display: block; display: none;}

ul#navfourtui li:nth-child(3) div.indexonelistdesc{ width:5rem; height: auto; text-align: center; line-height: .48rem; color: #ffffff; font-size: .18rem; margin: auto; margin-top:2.6rem; display: none;}
ul#navfourtui li:nth-child(4) {
	
	float: left;
	 width: 1.7rem; height: auto;
	float: left; margin-left: .3rem;
	margin-top: 2.1rem;
	margin-right: 0.2rem;
}
ul#navfourtui li:nth-child(4) div.indexonelist{ width: 100%; height: auto; position: relative;  background:none; border-radius: 50%; }

ul#navfourtui li:nth-child(4) div.indexonelistpicgao{ height: 1.02rem; transform: scale(0);}
ul#navfourtui li:nth-child(4) div.indexonelistpic{ width:100%; height: auto; position: relative;margin: auto;}

ul#navfourtui li:nth-child(4) div.indexonelistpic img{ width: 100%; } 

ul#navfourtui li:nth-child(4) div.indexonelisttitle{ position: relative; width: 3.2rem; height: 1.1rem; line-height: 1.1rem; text-align: center; color: #04796f; font-size: .36rem; margin: auto;transform: scale(0);}
ul#navfourtui li:nth-child(4) div.indexonelisttitle a{ color: #04796f;font-family:'Sslight'; font-weight: 500;}

ul#navfourtui li:nth-child(4) div.indexonelistmore{ width: 1.84rem; height: .57rem; line-height: .57rem; text-align: center; background: #0a9a8e; border-radius: 10px; position: absolute; bottom: -.25rem; left: 50%; margin-left: -0.92rem; transform: scale(0);}

ul#navfourtui li:nth-child(4) div.indexonelistmore a{font-family:'Sslight'; font-weight: 500; color: #fff; font-size: .12rem; width: 100%; height: 100%; transform: scale(0);}

ul#navfourtui li:nth-child(4) div.indexonelistpicwhite{ width: 4.86rem; height: 4.86rem; position: absolute; left:50%; margin-left: -2.43rem; top: 1.61rem; background: #fff; border-radius: 50%;  transform: scale(0); }
ul#navfourtui li:nth-child(4) .circlechart{ display: none;}
ul#navfourtui li:nth-child(4) div.indexonelisthover{ width: 7.25rem; height: 7.25rem; position: absolute; left: 50%; margin-left:-3.625rem; top: .46rem; background: rgba(118,118,118,.8); border-radius: 50%; display: none; }

ul#navfourtui li:nth-child(4) div.indexonelisthover a{ width: 100%; height: 100%; display: block; display: none;}

ul#navfourtui li:nth-child(4) div.indexonelistdesc{ width:5rem; height: auto; text-align: center; line-height: .48rem; color: #ffffff; font-size: .18rem; margin: auto; margin-top:2.6rem; display: none;}
.circle-chart {
	width: 8.18rem;
	height: 8.18rem;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

.circle-chart__circle {
  stroke: #00acc1;
  stroke-width: 0.1px;
  stroke-linecap: square;
  fill: none;
  animation: circle-chart-fill 2s reverse; /* 1 */ 
  transform: rotate(100deg); /* 2, 3 */
  transform-origin: center; /* 4 */
}

/**
 * 1. Rotate by -90 degree to make the starting point of the
 *    stroke the top of the circle.
 * 2. Scaling mirrors the circle to make the stroke move right
 *    to mark a positive chart value.
 * 3. Using CSS transforms on SVG elements is not supported by Internet Explorer
 *    and Edge, use the transform attribute directly on the SVG element as a
 * .  workaround.
 */

.circle-chart__circle--negative {
  transform: rotate(-90deg) scale(1,-1); /* 1, 2, 3 */
}

.circle-chart__background {
  
  stroke-width: 0.1px;
  fill: none; 
}

.circle-chart__info {
  animation: circle-chart-appear 2s forwards;
  opacity: 0;
  transform: translateY(0.3rem);
}

.circle-chart__percent {
  alignment-baseline: central;
  text-anchor: middle;
  font-size: 8px;
}

.circle-chart__subline {
    alignment-baseline: central;
    text-anchor: middle;
    font-size: 3px;
}

.success-stroke {
  stroke: #cac887;
}

.warning-stroke {
  stroke: #cac887;
}

.danger-stroke {
  stroke: #cac887;
}

@keyframes circle-chart-fill {
  to { stroke-dasharray: 0 100; }
}

@keyframes circle-chart-appear {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

div.indexoneanniuleft {
    width: .98rem;
    height: auto;
    position: absolute;
    top: 5.2rem;
    left: 1.9rem;
    cursor: pointer;
	transition: all 0.5s ease-in-out;
}
div.indexoneanniuleft:hover{ left: 1.75rem;}

div.indexoneanniuleft img{ transition: all 0.5s ease-in-out;}

div.indexoneanniuleft:hover img{ margin-left: -0.1rem;}

div.indexoneanniuleft div.indexonequan{ width:.36rem; height: .36rem; border: #a8a8a6 1px solid; position: absolute; left: -0.12rem; top: 0; border-radius: 50%;}

div.indexoneanniuleft div.indexonequanh {
    width:.36rem; height: .36rem; border: #a8a8a6 1px solid; position: absolute; left: -0.12rem; top: 0; border-radius: 50%; transition: all 0.3s ease-in-out;
}

div.indexoneanniuleft:hover div.indexonequanh {
    width: .44rem;
    height: .44rem;
    border: #a8a8a6 1px solid;
    position: absolute;
    left: -0.16rem;
    top: -0.04rem;
    border-radius: 50%;
	transition: all 0.3s ease-in-out;
}

div.indexoneanniuright {
    width: .98rem;
    height: auto;
    position: absolute;
    top: 5.2rem;
    right: 2.15rem; 
    cursor: pointer;
	transition: all 0.5s ease-in-out;
}

div.indexoneanniuright:hover{ right: 2rem;}

div.indexoneanniuright img{ transition: all 0.5s ease-in-out;}

div.indexoneanniuright:hover img{ margin-left: 0.1rem;}

div.indexoneanniuright div.indexonequan{ width:.36rem; height: .36rem; border: #a8a8a6 1px solid; position: absolute; right: -0.12rem; top: 0; border-radius: 50%;}

div.indexoneanniuright div.indexonequanh {
    width:.36rem; height: .36rem; border: #a8a8a6 1px solid; position: absolute; right: -0.12rem; top: 0; border-radius: 50%; transition: all 0.3s ease-in-out;
}

div.indexoneanniuright:hover div.indexonequanh {
    width: .44rem;
    height: .44rem;
    border: #a8a8a6 1px solid;
    position: absolute;
    right: -0.16rem;
    top: -0.04rem;
    border-radius: 50%;
	transition: all 0.3s ease-in-out;
}





@-webkit-keyframes criss-cross-left {
  0% {
    left: -20px;
  }
  50% {
    left: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    left: 50%;
    width: 375px;
    height: 375px;
  }
}

@keyframes criss-cross-left {
  0% {
    left: -20px;
  }
  50% {
    left: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    left: 50%;
    width: 375px;
    height: 375px;
  }
}
@-webkit-keyframes criss-cross-right {
  0% {
    right: -20px;
  }
  50% {
    right: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    right: 50%;
    width: 375px;
    height: 375px;
  }
}
@keyframes criss-cross-right {
  0% {
    right: -20px;
  }
  50% {
    right: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    right: 50%;
    width: 375px;
    height: 375px;
  }
}

.btn-11 {
  position: relative;
  color: #fff;
	transition: all 0.5s ease-in-out;
}
div.indexonelistmore:hover{ border:#0a9a8e 1px solid;}
.btn-11:before, .btn-11:after {
  position: absolute;
  top: 50%;
  content: '';
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
}
.btn-11:before {
  left: -20px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  /*     animation: criss-cross-left 0.8s reverse; */
}
.btn-11:after {
  right: -20px;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  /*     animation: criss-cross-right 0.8s reverse; */
}
.btn-11:hover:before, .btn-11:hover:after {
  /*       @include size($btn-width); */
}
.btn-11:hover:before {
  -webkit-animation: criss-cross-left 0.8s both;
          animation: criss-cross-left 0.8s both;
}
.btn-11:hover:after {
  -webkit-animation: criss-cross-right 0.8s both;
          animation: criss-cross-right 0.8s both;
}

.btn-11 p{ position: relative;font-family:'Sslight'; z-index: 10; }

div.indexonelistmore:hover .btn-11:hover p{ color: #0a9a8e;}


div.indextwoback{ width: 100%; height:8.76rem; background:url(../img/indextwobg.jpg) 50%/cover no-repeat;}

div.indexoneleftgao{ height: 1.4rem;}

div.indextwolist{ max-width: 3.48rem; width: 100%; height: auto; position: relative; margin: auto; border-radius: 10px; overflow: hidden;}
 
div.indextwolist img{ width: 100%; transform: scale(1); transition: all 0.5s ease-in-out;}

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

div.indextwolisth{ width: 100%; height: .6rem; background: rgba(0,0,0,0.4); position: absolute; left: 0; bottom: 0; transition: all 0.5s ease-in-out; overflow: hidden;}

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

div.indextwolisthtitle{ width: 85%; height: 0.6rem; margin: auto; line-height: 0.6rem; color: #ffffff; font-size: .2rem;transition: all 0.5s ease-in-out; padding-top: 0;}

div.indextwolisthtitle a{ color: #fff; }

div.indextwolist:hover div.indextwolisth{ height: 100%; bottom:0;}

div.indextwolist:hover div.indextwolisthtitle{ padding-top: .27rem;}

div.indextwolisthdesc{ width: 85%; height: auto; color: #cccccc; font-size: .16rem; margin: auto; margin-top: 0.3rem; max-height: 2.25rem; line-height: 0.3rem;}

div.indextwoqiehuantgao{ height: .9rem;}





div.indextwoanniuleft {
    width: .98rem;
    height: auto;
	position: relative;
margin-left: 0.4rem;
	margin-top: 1.75rem;
    cursor: pointer;
	transition: all 0.5s ease-in-out;
}

div.indextwoanniuleft:hover{ margin-left:0.3rem; }

div.indextwoanniuleft img{ transition: all 0.5s ease-in-out;}

div.indextwoanniuleft:hover img{ margin-left: -0.1rem;}

div.indextwoanniuleft div.indexonequan{ width:.36rem; height: .36rem; border: #fff 1px solid; position: absolute; left: -0.12rem; top: 0; border-radius: 50%;}

div.indextwoanniuleft div.indexonequanh {
    width:.36rem; height: .36rem; border: #fff 1px solid; position: absolute; left: -0.12rem; top: 0; border-radius: 50%; transition: all 0.3s ease-in-out;
}

div.indextwoanniuleft:hover div.indexonequanh {
    width: .44rem;
    height: .44rem;
    border: #fff 1px solid;
    position: absolute;
    left: -0.16rem;
    top: -0.04rem;
    border-radius: 50%;
	transition: all 0.3s ease-in-out;
}

div.indextwoanniuright {
    width: .98rem;
    height: auto;
	position: relative;
	margin-right: 0.4rem;
	margin-top: 1.75rem;
    cursor: pointer;
	transition: all 0.5s ease-in-out;
	float:right;
}

div.indextwoanniuright:hover{ margin-right:0.3rem; }

div.indextwoanniuright img{ transition: all 0.5s ease-in-out;}

div.indextwoanniuright:hover img{ margin-left: 0.1rem;}

div.indextwoanniuright div.indexonequan{ width:.36rem; height: .36rem; border: #fff 1px solid; position: absolute; right: -0.12rem; top: 0; border-radius: 50%;}

div.indextwoanniuright div.indexonequanh {
    width:.36rem; height: .36rem; border: #fff 1px solid; position: absolute; right: -0.12rem; top: 0; border-radius: 50%; transition: all 0.3s ease-in-out;
}

div.indextwoanniuright:hover div.indexonequanh {
    width: .44rem;
    height: .44rem;
    border: #fff 1px solid;
    position: absolute;
    right: -0.16rem;
    top: -0.04rem;
    border-radius: 50%;
	transition: all 0.3s ease-in-out;
}


div.indextwomoreback{ text-align:center;  display: inline-block; position: relative; margin: auto;margin-top: .7rem;left: 50%; margin-left:-0.8rem;}



div.indextwoanniumore {
    width: .98rem; 
    height: auto;
	float:left;
	position: relative;
	float:left;
    cursor: pointer;
	transition: all 0.5s ease-in-out;
	

}

div.indextwomoreback:hover div.indextwoanniumore{ margin-right:0.3rem; }

div.indextwomoreback div.indextwoanniumore img{ transition: all 0.5s ease-in-out;}

div.indextwomoreback:hover div.indextwoanniumore img{ margin-left: 0.1rem;}

div.indextwomoreback div.indextwoanniumore div.indexonequan{ width:.36rem; height: .36rem; border: #fff 1px solid; position: absolute; right: -0.12rem; top: 0; border-radius: 50%;}

div.indextwomoreback div.indextwoanniumore div.indexonequanh {
    width:.36rem; height: .36rem; border: #fff 1px solid; position: absolute; right: -0.12rem; top: 0; border-radius: 50%; transition: all 0.3s ease-in-out;
}

div.indextwomoreback:hover div.indextwoanniumore div.indexonequanh {
    width: .44rem;
    height: .44rem;
    border: #fff 1px solid;
    position: absolute;
    right: -0.16rem;
    top: -0.04rem;
    border-radius: 50%;
	transition: all 0.3s ease-in-out;
}

div.indextwoanniumoretitle{ float: left; height: .38rem; line-height: .38rem; margin-left:0.2rem; color: #ffffff; font-size: .12rem; font-family: "Sslight"; transition: all 0.5s ease-in-out;}

div.indextwomoreback:hover div.indextwoanniumoretitle{ margin-left: -0.1rem;}

div.indexthreeback{ width: 100%; height: auto; padding-top: 1.34rem; padding-bottom: 1.05rem; background: #fff; }

div.indexthreeleftpicback{ width: 64%; float: left; overflow:hidden; height: 5.25rem; position: relative; background: #fff;}

div.indexthreeleftpicback a{ width: 100%; height: 0; overflow: hidden; display: block; position: absolute; left: 0; top: 0; transition: all 0.5s ease-in-out;}


div.indexthreeleftpicback a.indexthreeleftpicopacity{ opacity: 1;  height: 100%;}

div.indexthreemianback{ width: 100%; margin-top: .85rem;}

div.indexthreerightback{ width: 36%; height: 5.25rem; float: left;}

div.indexthreerightnav{ width: 100%; height: 0.875rem;}

div.indexthreerightnavpic{ width: .61rem; height: auto; float:left; margin-left: .4rem; margin-top: .11rem;}

div.indexthreerightnavpic img{ width: 100%;}

div.indexthreerightnavcont{ height: .857rem; float:left; border-left:rgba(204,204,204,0.5) 1px solid; padding-left: .4rem; margin-left: .4rem; line-height: .857rem; color: #333333; font-size: .18rem; transition: all 0.5s ease-in-out;}

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

div.indexthreerightnav:nth-child(1){ background: #f1ffff;}
div.indexthreerightnav:nth-child(2){ background: #e3ffff;}
div.indexthreerightnav:nth-child(3){ background: #ccffff;}
div.indexthreerightnav:nth-child(4){ background: #55faef;}
div.indexthreerightnav:nth-child(5){ background: #1ed4c8;}
div.indexthreerightnav:nth-child(6){ background: #0da498;}

div.indexthreerightnav:hover div.indexthreerightnavcont{ padding-left: .5rem; font-weight: 700;}


div.indexthreerightnavhover div.indexthreerightnavcont{ padding-left: .5rem; font-weight: 700;}

div.indexfourback{ width: 100%; height: 9.53rem; background: url(../img/indexfourbg.jpg) 50%/cover no-repeat; padding-top: .86rem; padding-bottom: 0.88rem;}

div.indexfourleftback{ width: 95%; height: auto; margin-top: .9rem;}

div.indexfourleftpic{ width: 100%; height: auto; margin-bottom: .25rem;transition: 0.5s ease-in-out; overflow: hidden;}

div.indexfourleftpic img{ width: 100%; transform: scale(1); transition: 0.5s ease-in-out;}

div.indexfourlefttitle{ width: 100%; height: .36rem; line-height: .36rem; overflow: hidden; margin-bottom: 0.04rem; transition: all 0.5s ease-in-out;}

div.indexfourlefttitle a{ color: #fff; font-size: .18rem;}

div.indexfourleftdesc{ width:100%; height: .5rem; line-height: 0.25rem; overflow: hidden; font-size:0.14rem; color: #ffffff;transition: all 0.3s ease-in-out;}

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

div.indexfourleftback:hover div.indexfourleftdesc{ line-height: 0.2rem; height: .4rem;}

div.indexfourleftback:hover div.indexfourleftpic{margin-bottom: .15rem; }

div.indexfourrtlistout{ margin-top: 0.9rem;}

div.indexfourrtlist{ width: 95%; height: .95rem; margin-top: .44rem; transition: all 0.5s ease-in-out;}

div.indexfourrtlistleft{ width:24%; float: left; overflow: hidden;}

div.indexfourrtlistleft img{ width: 100%; transform: scale(1); transition: all 0.5s ease-in-out;}

div.indexfourrtlistright{ width:72%; height: auto; float: right; transition: all 0.5s ease-in-out;}

div.indexfourrtlistrighttitle{ width: 100%;line-height: .39rem; height: .39rem; color: #ffffff; font-size: .18rem; overflow: hidden; }

div.indexfourrtlistrighttitle a{  color: #fff;}

div.indexfourrtlistrightdesc{ width: 100%; height: 0.5rem; line-height: 0.25rem; overflow: hidden; color: #fff; font-size: .14rem;}

div.indexfourrtlist:hover div.indexfourrtlistright{ margin-right: 1%;}

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

div.indexfiveback{ width: 100%; height: 7.91rem; background: url(../img/indexfivebg.jpg) 50%/cover no-repeat; padding-top: 1.5rem; padding-bottom: 1.01rem;}

div.indexfiveltdesc{ width: 100%; height: .41rem; line-height: .41rem; margin-top: .38rem; margin-bottom: .32rem; color: #009999; font-size: .18rem; font-family: 'Sslight'; text-transform: uppercase;}

div.indexfiveltcont{ width: 100%; overflow: hidden; height: 1.12rem; line-height: .28rem; color: #339999; font-size: .16rem; margin-bottom: .54rem;}

div.indexfiveltnumback{ width: 25%; height: auto; float: left;}

div.indexfiveltnum{ height: .58rem; line-height: .58rem; color: #009999; font-size: .48rem; font-family: 'Ssbold'; }

div.indexfiveltnum span{font-family: 'Ssbold'; }

div.indexfiveltnum1{ height: .35rem; line-height: .35rem; color: #009999; font-size: .14rem;}

div.indexfiveltnumback:nth-child(2) div.indexfiveltnum{ color: #b3ab3e;}

@-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.indexfivertlist{ width: 3.18rem; height: 1.66rem; border: #009999 1px solid; margin-bottom: .25rem;}

div.indexfivertlistlt{ width: 1.4rem; float: left; margin-left: .34rem; margin-top: .4rem;}

div.indexfivertlistlt1{ height: .41rem; line-height: .41rem; font-size: .18rem; color: #009999; font-weight: 100;}

div.indexfivertlistlt2{ height: .41rem; line-height: .41rem;font-size: .24rem; color: #009999; font-family: "Sslight"; text-transform: uppercase;}

div.indexfivelistright{ width: .89rem; float:left; margin-top: 0.3rem;}

div.indexfivelistright img{ width: 100%;}

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

div.indexfivertlist:hover div.indexfivelistright img{-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.indexfivertlistgao{ height: 0.7rem;}

div.publicfooterback{ width: 100%; height: 4.71rem; background: #056161;}

div.publicfootertop{ width: 100%; height: 4.11rem;}

div.dibulogo{ width: 158px; height: auto; margin-top: .67rem; margin-bottom: .22rem;}

div.dibunavback{ height: .6rem; line-height: .6rem; color: #bdbcbc; font-size:16px;}

div.dibunavback a{ color: #bdbcbc; margin-right: .4rem; transition: all 0.5s ease-in-out;}

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

div.dibultdesc{ width: 50%; height: .72rem; overflow: hidden; line-height:.24rem; color: #b1b1b1; font-size: 14px; margin-top: .17rem;} 

div.dibultyqlj{ width: 100%; height: auto; line-height: .22rem; color: #3bb4b4; font-size: 12px; margin-top: .37rem;}

div.dibultyqlj a{color: #3bb4b4; margin-right: 10px;}

div.dibutoprt{ width: 100%; height: auto; margin-top: .97rem;}

div.dibutoprticonback{ float: right;}

div.dibutoprticon{ float: left; width: .36rem; margin-left: .18rem;}

div.dibutoprticon img{ width: 100%;}

div.dibutoprtewm{margin-top: .35rem;}

div.dibutoprtewm img{ width: 100%; padding: 0.1rem; background: #dedede; border-radius: 0.1rem; }

div.publicbottomback{ width: 100%; height: .6rem; line-height: .6rem; background: #067c7c; color: #d5d5d5; font-size: 12px;}

div.publicbottomback a{ color: #d5d5d5; transition: all 0.5s ease-in-out;}

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

div.cp_topnav{ width: 100%; height: 110px; border-bottom: #c0c0c0 3px solid;}

div.cp_topnavlft{ float: left; height: 110px; color: #666666; font-size: 30px; line-height: 110px;}

div.cp_topnavrt{ float: right; height: 107px; } 

div.cp_topnavrtlist{ float: left; height: 107px; line-height: 110px; padding: 0 20px; transition: all 0.5s ease-in-out;}

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

div.cp_topnavrtlist:hover{ background: #e2e2e2;}

div.cp_topnavrtlistbg{ background: #e2e2e2;}

div.cp_topbread{  height: 99px; line-height: 99px; color: #999999; font-size: 14px;}

div.cp_topbread a{ color: #999;}

div.cp_listback{  width: 100%; height: auto; margin: auto; margin-bottom: 28px;}

div.cp_listleft{ width: 370px; height: 320px; float: left; text-align: center; background: #d7dce0; overflow: hidden; position: relative;}

div.cp_listleft img{    width: 66%;
    line-height: 320px;
    display: table;
    margin: auto;}

div.cp_listleftgai{ width: 370px; height: 320px; background:rgba(51,51,51,0.8); position: absolute; left:0; top: 0; opacity: 0; transition: all 0.5s ease-in-out;}

div.cp_listgaigao{ height: 116px;}

div.cp_listgaiicon{ width: 59px; height: auto; margin: auto;}

div.cp_listgaiicon img{ width: 100%;}

div.cp_listgaimore{ width: 100%; height: 60px; line-height: 60px; text-align: center; color: #ffffff; font-size: 15px; font-weight: 100; text-transform: uppercase;} 

div.cp_listright{ width: 880px; height: 320px; float: left; background: #eaeaea;transition: all 0.5s ease-in-out;border: #eaeaea 1px solid;border-left: none;}

div.cp_listrightcont{ width: 493px; height: auto; float: left; margin-top: 27px; margin-left: 63px;}

div.cp_listrightconttitle{ width:100%; height: 66px; line-height: 66px; overflow: hidden; color: #666666; font-size: 24px; font-family:'Sslight';}

div.cp_listrightconttitle a{ color: #666;font-family:'Sslight';}

div.cp_listrightcontdesc1{ width: 100%; height: 61px; line-height: 61px; overflow: hidden; font-size: 14px;}

div.cp_listrightcontdesc1 p{ float: left; margin-right:7px; color: #666666; font-size:16px;}

div.cp_listrightcontdesc2{ width: 100%; height: auto; line-height: 36px; margin-top: 7px; max-height: 108px; color: #999999; font-size: 14px;}

div.cp_listrighticon{ width: 27px; height: auto; float: left; margin-left: 225px; margin-top: 48px;}

div.cp_listback:hover div.cp_listleftgai{ opacity: 1;}

div.cp_listback:hover div.cp_listright{ border: #cccccc 1px solid; border-left: none;}

div.cp_bottomback{ width: 100%; height: 625px; background: #ccae51;}

div.cp_bottomtitle{ width: 100%; height:56px; line-height: 56px; text-align: center; margin-bottom: 0.3rem; color: #ffffff; font-size: 35px; }

div.cpbottomlist{ width:2.7rem; width: 100%; height:3.05rem;  }

div.cpbottomlistpic{ width: 100%;  height: 2.4rem; line-height: 2.4rem; position: relative; text-align: center; background: #d7dce0;transition: all 0.5s ease-in-out;}

div.cpbottomlistpic img{ display: inline; margin: auto; max-height:2.4rem;  width: 70%;transition: all 0.5s ease-in-out;}

div.cpbottomlistpicicon{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/cpbottomhbg.png) 50%/cover no-repeat; opacity: 0; transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}

div.cpbottomlistpicicon a{ width: 100%; height: 100%; display: block;}
 
div.cpbottomlisttitleback{ width: 100%; height: .63rem; background: #243138; transition: all 0.5s ease-in-out;}

div.cpbottomlisttitle{ width: 100%; height: .58rem; line-height: .58rem; padding-left: .25rem;}

div.cpbottomlisttitle a{ color: #fff; font-size:14px; font-family: 'Sslight';}

div.cpbottomlistbg{ width: 100%; height: .5rem; background: #111e24;}

div.cpbottomlist:hover div.cpbottomlistpic{ background: #606a6f;}

div.cpbottomlist:hover div.cpbottomlistpic img{ opacity: 0.4;}

div.cpbottomlist:hover div.cpbottomlistpicicon{ opacity: 1;}

div.cpbottomlist:hover div.cpbottomlisttitleback{ background: #111e24;}

div.cpbottomlist:hover div.cpbottomlistbg{ background: #000000;}

div.cp_bottomtjjtleft{ width: 34px; height: 36px; background: url(../img/cpbottomleftjt.png) center  no-repeat; position: relative; top: 1.1rem; left: 50%; margin-left: -17px; cursor: pointer;}

div.cp_bottomtjjtright{ width: 34px; height: 36px; background: url(../img/cpbottomrightjt.png) center  no-repeat; position: relative; top: 1.1rem; left: 50%; margin-left: -17px; cursor: pointer;}

div.cpny_lefttp{ width:590px; height: 530px; float: left; border:#e5e5e5 1px solid;}

div.cpny_leftpic{ width: 100%; line-height: 530px; height: auto; text-align: center; line-height: 530px;}

div.cpny_leftpic img{max-height: 100%; width: 100%; display: inline;}

div.cpny_righttopback{ width: 580px; height: auto; float: right;}

div.cpny_righttoptitleback{ width: 100%; height: 30px;}

div.cpny_righttoptitleleft{ width: 500px; height: 30px; line-height: 30px; float: left; color: #666666; font-size: 24px; font-family: "Ssbold","Microsoft YaHei","微软雅黑";}

div.cpny_righttoptitleicon{ width:40px; height: 30px; float: right; margin-right: 10px; margin-top: 0; }

div.cpny_righttoptitlebtline{ width: 100%; height: 29px; border-bottom: #e5e5e5 1px solid;}

div.cpny_righttopdesc{ width: 100%; height: 248px; overflow: hidden; line-height: 34px; color: #999999; font-size: 18px; margin-top: 30px;}

div.cpny_icon1back{ width: 100%; height: 42px; background: #ff4343; margin-top: 22px;}

div.cpny_icon1left{ float: left; width: 29px; margin-left: 13px; margin-top: 7px; }

div.cpny_icon1cont{ height: 42px; line-height: 42px; float: left; margin-left: 13px; font-size: 14px;color: #fff;}

div.cpny_icon1cont span{ font-size: 18px; font-family: "Sslight"; }

div.cpny_icon1cont a{ color: #fff;}

div.cpny_mainback{ width: 100%; height: auto; margin-top: 65px;}

div.cpnymaintopback{ width: 100%; height: 80px; border-top: 6px solid #c0c0c0; border-bottom: 2px solid #d2d2d2;}

div.cpnymaintopbacknav{ float: left; height: 72px; line-height: 72px; color: #333333; cursor: pointer; padding: 0 50px; transition: all 0.5s ease-in-out; font-size: 18px;}

div.cpnymaintopbacknav:hover{ background: #dfdfdf;}

div.cpnymaintopbacknavbg{ background: #dfdfdf;} 

div.cpnymaincont{ width: 100%; height: auto; min-height:400px;}

div.cpnymaincont_show{ width: 100%; display: none;}

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

div.gywmoneback{ width: 100%; height: auto; margin-top: 65px; margin-bottom: 140px;}

div.gywmoneleft{ width: 351px; height: auto; float: left;}

div.gywmoneright{ width: 775px; float: right; }

div.gywmonecontback{ width: 100%; height: auto; line-height: 28px; color: #339999; font-size: 16px; margin-top: 45px;}

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

div.gywmtwoleft{ width: 510px; height:auto; margin-top: 86px; float: left;} 

div.gywmtwoleften1{ width:100%; height: 72px; line-height: 72px; color: #354760; font-size: 41px; font-family: 'Ssbold'; }

div.gywmtwoleften2{ width: 100%; height: 95px; line-height: 95px; color: #354760; font-size: 73px; font-family: 'Ssbold'; }

div.gywmtwoleftcntitle{ width: 100%; height: 145px; line-height: 145px; color: #009999; font-size: 30px; font-weight: 700;}

div.gywmtwoleftcncont{ width: 100%; padding-right: 50px; height: 369px; overflow: auto; line-height: 28px; color: #333333;}
 
div.gywmtwoleftcncont::-webkit-scrollbar { width: 17px; border-radius: 5px; }
div.gywmtwoleftcncont::-webkit-scrollbar-track { background-color: transparent; }
div.gywmtwoleftcncont::-webkit-scrollbar-thumb { background-color:#a7a7a7;border-radius: 3px; }	

div.gywmtworight{  width: 612px; height: auto; float: right;  margin-top: 189px;}

div.gywmtworightcont{ width: 100%; height: auto; line-height: 37px; margin-top: 50px; font-family: 'Sslight'; color: #2a2a2a; font-size: 18px;}

div.gywmthreeback{ width: 100%; height: auto; max-width: 1212px; margin:124px auto;}

div.gywmthreeleft{ width: 592px; height: 600px; float: left; position: relative; overflow: hidden;}

div.gywmthreeleftpic1{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; transform: scale(1); transition: all 0.5s ease-in-out;}
div.gywmthreeleftpic2{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;;}

div.gywmthreeleft img{ width: 100%;}

div.gywmthreeleft:hover div.gywmthreeleftpic1{ transform: scale(1.1);}

div.gywmthreeright{ float: right;}

div.gywmthreertleft{ width: 292px; height: 296px; float: left; position: relative;margin-left: 17px; overflow: hidden;}


div.gywmthreertleft div.gywmthreeleftpic1{ width: 100%; height: 100%;  position: absolute; left: 0; top: 0; transform: scale(1); transition: all 0.5s ease-in-out;}
div.gywmthreertleft div.gywmthreeleftpic2{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;;}

div.gywmthreertleft img{ width: 100%;}

div.gywmthreertleft:hover div.gywmthreeleftpic1{ transform: scale(1.1);}

div.gywmthreertbleft{ width: 292px; height: 291px;float: left; position: relative;margin-left: 17px; overflow: hidden;}

div.gywmthreertbleft div.gywmthreeleftpic1{ width: 100%; height: 100%;  position: absolute; left: 0; top: 0; transform: scale(1); transition: all 0.5s ease-in-out;}
div.gywmthreertbleft div.gywmthreeleftpic2{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;;}

div.gywmthreertbleft img{ width: 100%;}

div.gywmthreertbleft:hover div.gywmthreeleftpic1{ transform: scale(1.1);}

div.qyjsoneback{ width: 100%; height: auto; margin-top:60px; margin-bottom: 130px;}

div.qyjsoneleft{ width: 399px; height: auto; float: left;}

div.qyjsoneright{ width:800px; height: auto; float: right;}

div.qyjsonerighttitle1{ width: 100%; height: 16px; line-height: 16px; color: #999999; font-size: 18px;}

div.qyjsonerighttitle2{ width: 100%; height: 95px; line-height: 95px; color: #61bab2; font-family: "Sslight"; font-size: 36px;}

div.qyjsonerighttitle3{ width: 100%; height: 29px; line-height: 29px; color: #333333; font-size: 24px;}

div.qyjsonerightdesc{ width: 100%; height:auto; line-height: 28px; font-size: 16px; color: #339999; margin-top: 50px;}

div.gyjstwoback{ width: 100%; height: 1011px; background: url(../img/wenhuatwobg.jpg) 50%/cover no-repeat;}

div.gyjstwoleft{ width: 637px; float: left; margin-top: 121px; line-height: 30px; color: #666666; font-size: 18px;}

div.gyjstwoleft h1{ margin-top: 34px; width: 100%; height: 40px; line-height: 40px; font-size: 24px; font-weight: 700; margin-bottom: 43px;}
 
div.gyjstworight{ width: 521px; height: auto; float: right; margin-top: 155px;}

div.zzgywmnavlistback{ width:342px; height:auto; position:relative;  float:left;    margin-left: 111px;}

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

div.zzgywmlistpic{ width:228px; height:324px; position:absolute; top:86px; left:45px;}

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

div.zzgywmlisttitle{ width:310px; height:46px; line-height:46px; color:#656565; text-align:center; font-size:14px;}


div.xxxwlistleftback{ width:212px; height:120px; float:left; margin-left:15px; margin-top:12px; overflow:hidden;}

div.xxxwlistleftback img{ width:100%; height:100%; transform:scale(1); transition:all 0.5s ease-in-out;}

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

div.xxxwlistleftcont{ width:810px; height:auto; float:left; margin-top:21px; margin-left:43px;}

div.xxxwlistleftconttitle{ width:100%; height:33px; line-height:33px; overflow:hidden; color:#383838; font-size:16px;}

div.xxxwlistleftconttitle a{ color:#383838; transition:all 0.5s ease-in-out;}

div.xxindexfivelistback:hover div.xxxwlistleftconttitle a{ color:#fff;}

div.xxxwlistleftcontdesc{ width:100%; height:33px; line-height:33px; overflow:hidden; color:#898888; font-size:14px;transition:all 0.5s ease-in-out;}

div.xxxwlistleftconttime{ width:100%; height:35px; line-height:35px; overflow:hidden; color:#8e8d8d; font-size:12px;transition:all 0.5s ease-in-out;}

div.xxindexfivelistback:hover div.xxxwlistleftcontdesc{ color:#fff;}

div.xxindexfivelistback:hover div.xxxwlistleftconttime{ color:#fff;}

div.xxxwlistrightjt{ width:20px; height:20px; float:right; margin-top:63px; margin-right:58px; background:url(../img/indexfivejt.png) center no-repeat; transition:all 0.5s ease-in-out;}

div.xxindexfivelistback:hover div.xwlistrightjt{ background:url(../img/indexfivejth.png) center no-repeat;}

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

div.xxjslistleftback{ width:126px; float:left; height:82px; line-height:82px; text-align:center; color:#383838; font-size:14px; transition:all 0.5s ease-in-out;}

div.xxindexfivelistback:hover div.xxjslistleftback{ color:#fff;}

div.xxjs_bq1{ width:68px; height:26px; background:#db0010; border-radius:25px; line-height:26px; text-align:center; float:left; margin-right:9px; color:#fff; margin-bottom:15px; transition:all 0.5s ease-in-out;}

div.xxindexfivelistback{ width:95%; height:1.44rem; border:#e0e0e0 1px solid; margin-bottom:.35rem; background:#fff; transition:all 0.5s ease-in-out;}
div.xxindexfivelistback:hover div.xxjs_bq1{ background:#fff !important; color:#db0010;}

div.xxindexfivelistback:hover{ background:#1ed4c8;}

div.nyxxback{ width:100%; height:auto; margin:auto; margin-bottom:.15rem;}

div.xinwenxxback{ width:100%; height:auto; margin:auto;}

div.xinwenxxtopdata{ max-width:12.8rem; width:100%; height:.38rem; border-bottom:#d0d0d0 1px solid; line-height:.38rem; text-align:right; color:#a2a2a2; font-size:.12rem;}

div.xinwenxxtoptitleback{ font-weight:700;  max-width:12.8rem; width:100%; height:auto; line-height:.3rem; text-align:center; color:#323232; font-size:.24rem;}

div.xinwenxxtopcontent{  max-width:12.8rem; width:100%; height:auto; line-height:.3rem; color:#7e7d7d; font-size:.16rem; }

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.xinwenxxtopsyy:hover a{ color:#151515;}


div.lxwmtopbackwz{ margin-top:-1.2rem; position:relative; margin-bottom:.9rem;}

div.lxwmtopback{ height:3rem; width:95%; margin:auto; background:#fff; border-radius:5px;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);}

div.lxwmtopnav{ width:100%; height:auto; margin-top:.78rem;}

div.lxwmtopnavleft{ width:.32rem; height:auto; float:left;}

div.lxwmtopnavright{ float:left; margin-left:.28rem;}

div.lxwmtopnavrightentitle{ height:.31rem; line-height:.31rem; color:#333333; font-size:.21rem;font-family:'Sslight';}

div.lxwmtopnavrightendesc{ width:100%; height:auto; line-height:.3rem; margin-top:.13rem; color:#333333; font-size:16px;font-family:'Sslight';}
div.mbheadback{ width:100%;  height:auto; background:#fff; position:relative; z-index:9999999; display:none;}

div.mbheadlogo{ width:auto; height:1rem; float:none; margin-left:.04rem;}

div.mbheadlogo img{ height:0.6rem; }

.menuph{       width: 1.3rem;
    height: 0.6rem;
    cursor: pointer;
    text-align: center;
    position: absolute;
    top: 0.4rem;
    right: 0.18rem;
    z-index: 99;
	}
.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: #0a9a8e;  }
.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: #0a9a8e;  }
.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:1rem;
    float: left;
    width: 100%;
    height: 116%;
    overflow-y: scroll;
	
    display: none;
    z-index: 999;
    position: absolute;
    background: #000;
    overflow-x: hidden;
	z-index:99999;
	}
.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:.6rem;
    font-weight: normal;
	text-align:center; text-transform: uppercase;}
.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: 1px;  }
.xialaph h4:hover a,
.xialaph h5:hover a{  color: #bebebe; }
.xialaph h4::after{  content: '';  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 1px; /*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: 1px; /*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: #3c3c3c; 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: #fff;}


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

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

.xialaph .ul2 li{ width:100%; display:inline-block;}
.ul1 li{ margin-top:0.15rem;}
div.mb_oneback{display: none;}
div.cp_topbreadnavsanji{ float: right;}

div.cp_topbreadnavsanji a{ margin-left: 17px;}




div.publicrightlan{ width:40px; height:40px; float:left; margin-left:15px;    margin-top: 33px; display:block;}

div.publicrightlan img{ width: 100%;}


























@media screen and (max-width: 1200px){
    div.publicrightlan{ display:none;}
	div.mbheadback{ display: block;}
	div.publicheadback{ display: none;}
	div.indexheadlogo{height: 0.6rem;

    padding-top: 0.2rem;
    padding-left: 0.2rem;}
	
	.bannerwenzi1 {
    color: #ffffff;
    font-size: 0.48rem;
    font-weight: 700;
}
	 .bannerwenzi3 p:nth-child(1) {
    background: #2ccdc1;
    font-size: 0.26rem;
    margin-top: 23px;
    font-weight: 700;
    color: #fff;
    line-height: 45px;
    height: 45px;
    padding-right: 6px;
    font-family: 'Ssbold';
    text-transform: uppercase;
    display: inline-block;
}
	.bannerwenzi3 p:nth-child(2){font-size: 0.2rem;}
	.bannerwenzi4 {
    font-size: 0.18rem;
    font-weight: 700;
    color: #ffffff;
    line-height: 45px;
    height: 45px;
    font-family: 'Ssbold';
    text-transform: uppercase;
    margin-top: 8px;
}
.alt-dot-position.slick-hero-slider.slick-inner-dot .slick-hero-slider-caption {
    width: 100%;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 52%;
    transform: translateX(-50%) translateY(-50%);
}
	.shoujiyangshi{ font-size: .16rem !important;}
	div.indexone{ display: none;}
	div.indexonerightpic{ display: none;}
	div.indexonelefttitle {
    font-size: .36rem;
 
}
	div.indexonelefttitle span{ font-size: .36rem;}
	div.mb_oneback{display: block;}
div.cp_listback {
    width: 50%;
    height: auto;
    margin: inherit;
    margin-bottom: 0.1rem;
    float: left;
    padding: 0 3px;
}
	div.cp_listleft {
    width: 100%;
    height: auto;
    float: none;
    text-align: center;
    background: #d7dce0;
    overflow: hidden;
    position: relative;
}
	div.cp_listleft img {
    width: 100%;
    line-height: 3.2rem;
    display: table;
    margin: auto;
}
	div.cp_listrighticon {
    width: 27px;
    height: auto;
    float: left;
    margin-left: 225px;
    margin-top: 48px;
    display: none;
}
	div.cp_listrightcontdesc2 {
    width: 100%;
    height: auto;
    line-height: 36px;
    margin-top: 7px;
    max-height: 108px;
    color: #999999;
    font-size: 0.14rem;
}
div.cp_listrightcontdesc1 {
    width: 100%;
    height: 0.6rem;
    line-height: 0.6rem;
    overflow: hidden;
    font-size: .12rem;
}
	div.cp_listrightcontdesc1 p{
 
    font-size: .14rem;
}
	div.cp_listrightconttitle {
    width: 100%;
    height: 0.66rem;
    line-height: 0.66rem;
    overflow: hidden;
    color: #666666;
    font-size: 0.36rem;
    font-family: 'Sslight';
}
	div.cp_listrightconttitle a {
    color: #666;

}
	div.cp_listrightcont {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 0;
    margin-left: 0;
}
	div.cp_listright {
    width: 100%;
    height: 4rem;
    float: none;
    background: #eaeaea;
    transition: all 0.5s ease-in-out;
    border: #eaeaea 1px solid;
    border-left: none;
		overflow: hidden;
}
	div.cp_listgaigao {
    height: 1.5rem;
}
	div.cp_listleftgai {
    width: 100%;
    height: 100%;
    background: rgba(51,51,51,0.8);
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
	div.indexonetitleback{ position: relative; top: 0;}
	div.indexoneback{ height: auto; padding-bottom: 0.3rem;}
	div.indexoneleftgao {
    height: 0.5rem;
}
	div.indextwoqiehuantgao{ height: 0.52rem;}
	div.indexthreerightnavcont{ margin-left: 0;}
	div.indexthreerightnavpic{ display: none;}
	div.indexthreerightback {
    width: 50%;
    height: 5.25rem;
    float: left;
}
	div.indexthreeleftpicback {
    width: 50%;
    float: left;
    overflow: hidden;
    height: 5.25rem;
    position: relative;
    background: #fff;
}
	div.indexfourback {
    width: 100%;
		height: auto;}
div.indexfourrtlistright {
    width: 62%;
    height: auto;
    float: right;
    transition: all 0.5s ease-in-out;
}
	div.indexfourrtlistleft {
    width: 32%;
    float: left;
    overflow: hidden;
}
	div.indexfivertlist{ display: none;}
	div.indexfivertlistgao{ height: auto;}
div.indexfiveltnumback {
    width: 50%;
    height: auto;
    float: left;
}
	div.indexfiveback{ height: auto;}
	div.publicfooterback{ height: auto;}
	div.dibunavback{ display: none; }
	div.publicfootertop{ height: auto; padding: 0 15px; }
	div.dibultdesc{ width: 100%;}
	div.dibutoprticonback {
    float: right;
    display: none;
}
	div.dibutoprt {
    width: 50%;
    height: auto;

    margin-top: .3rem;
}
	div.publicbottomback {
    width: 100%;
    height: auto;
    line-height: .6rem;
    background: #067c7c;
    color: #d5d5d5;
    font-size: 12px;
    margin-top: 1.2rem;
}
	div.cp_topnavlft {
    float: left;
    height: 1.1rem;
    color: #666666;
    font-size: 0.3rem;
    line-height: 1.1rem;
}
div.cp_topnav {
    width: 100%;
    height:auto;
    border-bottom: #c0c0c0 3px solid;
}
	div.cp_topnavlft {
    float: none;
    height: 1.1rem;
    color: #666666;
    font-size: 0.3rem;
    line-height: 1.1rem;
}
div.cp_topnavrt {
    float: none;
    height: auto;
}
	div.cp_topnavrtlist {
    float: left;
    height: 1.07rem;
    line-height: 1.1rem;
    padding: 0 0.2rem;
    transition: all 0.5s ease-in-out;
}
	div.cp_topnavrtlist a {
    color: #666666;
    font-size: 0.16rem;
    display: block;
    width: 100%;
    height: 100%;
}
	div.gywmoneleft {
    width: 100%;
    height: auto;
    float: none;
}


div.gywmoneright {
    width: 100%;
    float: none;
}
div.gywmtwoleft {
    width: 100%;
    height: auto;
    margin-top: 86px;
    float: none;
}
div.gywmtwoleften1 {
    width: 100%;
    height: 0.7rem;
    line-height: 0.7rem;
    color: #354760;
    font-size: 0.4rem;
    font-family: 'Ssbold';
}
div.gywmtwoleften2 {
    width: 100%;
    height: 0.95rem;
    line-height: 0.95rem;
    color: #354760;
    font-size: 0.7rem;
    font-family: 'Ssbold';
}
	div.gywmtwoleften1 {
    width: 100%;
    height: 0.7rem;
    line-height: 0.7rem;
    color: #354760;
    font-size: 0.4rem;
    font-family: 'Ssbold';
}
div.gywmtwoleftcntitle {
    width: 100%;
    height: 1.45rem;
    line-height: 1.45rem;
    color: #009999;
    font-size: 0.3rem;
    font-weight: 700;
}
div.gywmtwoback {
    width: 100%;
	height: auto; padding-bottom: 0.3rem;}
	div.gywmtworight {
    width: 100%;
    height: auto;
    float: none;
    margin-top: 0.5rem;
}
	div.gywmtwoback img{ width: 100%;}
	div.gywmthreeleftpic1 {
	width: 100%;
    position:relative;

    transform: scale(1);
    transition: all 0.5s ease-in-out;
}
	div.gywmthreeleft{ width: 100%; height: auto;}

	div.gywmthreeright {
    float: none;
}
	div.gywmthreertleft div.gywmthreeleftpic1{
	width: 100%;
    position:relative;

    transform: scale(1);
    transition: all 0.5s ease-in-out;
}
	div.gywmthreertbleft div.gywmthreeleftpic1{
	width: 100%;
    position:relative;

    transform: scale(1);
    transition: all 0.5s ease-in-out;
}
	div.gywmthreertleft {
    width: 50%;
    height: auto;
    float: left;
    position: relative;
    margin-left: 0; 
    overflow: hidden;
    /* padding: 0 10px; */
}
	div.gywmthreertbleft{ width: 50%; height: auto; margin-left: 0;}
	div.gywmmbgao{ height: 0 !important;}
	div.qyjsoneleft{ width: 100%; float: none;}
	div.qyjsoneright{ width: 100%; height: auto; float: none; margin-top: 0.4rem;}
div.gyjstwoleft {
    width: 100%;
	float: none;}
	div.gyjstwoback{ height: auto;}
	div.gyjstworight {
    width: 100%;
    height: auto;
    float: none;
    margin-top: 0.5rem;
}
	div.zzgywmnavlistback {
    width: 50%;
    height: auto;
    position: relative;
    float: left;
    margin-left: 0;
}
	div.zzgywmnavlist {
    width: 100%;
    position: relative;
}
	div.zzgywmlistpic {
    width: 64%;
    height: auto;
    position: absolute;
    top: 18%;
    left: 13%;
}
	div.zzgywmlisttitle {
    width: 100%;
    height: 46px;
    line-height: 46px;
    color: #656565;
    text-align: center;
    font-size: 14px;
}
	div.lxwmtopback {
    height: auto;
    width: 95%;
    margin: auto;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
    padding-bottom: 0.7rem;
}
	div.cp_bottomback{ height: auto; padding-bottom: 0.4rem;}
div.cpny_lefttp {
    width: 100%;
    height: auto;
    float: none;
    border: #e5e5e5 1px solid;
}
	div.cpny_righttopback {
    width: 100%;
    height: auto;
    float: none;
    margin-top: 0.5rem;
}
div.cpny_righttoptitleleft {
    width: 80%;
    height: 30px;
    line-height: 30px;
    float: left;
    color: #666666;
    font-size: 24px;
    font-family: "Ssbold","Microsoft YaHei","微软雅黑";
}
	div.cpnymaintopback{ width: 100%; height: auto; border-top: 6px solid #c0c0c0; border-bottom: 2px solid #d2d2d2;}
	div.xxxwlistleftback {
    width: 91%;
    height: auto; 
    float: none;

     margin-left: 0; 
    margin: auto;
    margin-top: 12px;
    overflow: hidden;
}
	div.xxindexfivelistback{ height: auto;}
	
	div.xxxwlistleftcont {
    width: 90%;
    height: auto;
    float: none;
    margin-top: 21px;
		
  		 margin-left: 0; 
		margin: auto;
		margin-top: 15px;
}
	div.xxxwlistrightjt{ display: none;}
	
	
	div.xinwenxxtopsyy{ width: 100%;}
	div.xinwenxxtopsyytitle{ text-align: left !important;}
	
	
	div.indextwolist{ margin-bottom: 0.2rem;}
	 
}