*{ margin:0; padding:0;}
body{overflow-x:hidden; }
ul{ margin:0; padding:0;}
li{list-style:none;font-family:"Microsoft YaHei","arial","微软雅黑","verdana","宋体";}
.clear {height:0px;clear:both;}
textarea{font-family:"Microsoft YaHei","arial","微软雅黑","黑体","verdana","宋体";}
div{font-family:"Microsoft YaHei","arial","微软雅黑","黑体","verdana","宋体";}
p{font-family:"Microsoft YaHei","arial","微软雅黑","黑体","verdana","宋体"; margin:0; padding:0;}
a{text-decoration:none;font-family:"Microsoft YaHei","arial","微软雅黑","黑体","verdana","宋体";cursor:pointer;}
a:hover{text-decoration:none;}
img{ border:none;image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
    image-rendering: crisp-edges;    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */}
.px-0{ padding:0 0;}

.mx-0{ margin:0 0;}
.mbpx-0{padding:0 0;}
html {
          font-size: 100px; /*根元素默认的大小是16px*/
        }
.max-1920{ max-width:1920px !important; margin:auto;}		
	
@media screen and (max-width: 1680px){
	html{
		font-size:86px;
	}
}		
@media screen and (max-width: 1440px){
	html{
		font-size:78px;
	}
}

@media screen and (max-width: 1200px){
.hidden-1280{ display:none !important;}
}
@media screen and (max-width: 1024px){
	html{
		font-size:60px;
	}
}
@media screen and (max-width: 768px){
	html{
		font-size:60px;
	}
	
}
.rtab{color:#7a86a9;max-width:1200px;width:98%;margin:auto;padding-bottom:30px; padding-top:30px;}
.rtab a{border:1px #f0f0f0 solid; padding:10px 20px; display:inline-block; margin-bottom:13px;}
.ratab span{
    font-size: 24px;
    font-weight: 700;
}
.tag {
    border-top: 1px dashed #999;
    border-bottom: 1px dashed #999;
    line-height: 40px;
}
.pro_list img{width:100%;}
.pro_list {overflow:hidden}
.pro_list ul li {
    float: left;
    margin-right: 50px;
    margin-left: 0;
    margin-bottom:20px;
}

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

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

.pro_list ul li .t {
    display: block;
    width: 200px;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    text-align: center;
}
.news_list ul li {
    width: 100%;
    float: left;
    height: 38px;
    padding-top: 9px;
    border-bottom: 1px dashed #c6c6c6;
    margin-bottom: 8px;
}

.news_list ul li p {
    float: right;
}
.yunu-linkkk{padding:20px 0}

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

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

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

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

	margin-bottom:1rem;
}
.pagination a {
	display: inline-block;
	margin-right: 10px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	
	text-decoration: none;
	
	font-size: 14px;
	
	text-align: center;
	background: #fff;
	color: #003e6e;
	font-weight: 700;
	transition:all 0.3s ease-in-out;

}
.pagination a:hover {
	background: #003e6e;
	color: #fff;

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

	font-size: 14px;
	text-align: center;
	
	transition:all 0.3s ease-in-out;
	background: #003e6e;
	color: #fff;
}
.pagination p {
	display: inline-block;
	font-size: 14px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #6c6c6c;
	text-align: center;
	background: #fff;
	color: #003e6e;
	margin-right: 8px;
	font-weight: 700;
}
.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:'ARLRDBD';src: local('ARLRDBD'), url(../img/ARLRDBD.woff) format('woff');}

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

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


div.publicindexheadback{ width: 100vw; height:100vh;  position: relative;}

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

div.indexbannerword{ width: 100%; height: 108px; text-align: center;position: absolute; left:0; top: 50%;  margin-top: -54px;}

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

div.bannerbuttonl{ position: absolute; outline: none; top: 48%; left: 1rem; z-index: 999; text-transform: uppercase; width: auto; height: 13px; line-height: 12px; color:#0080ba; font-size: 12px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }

div.bannerbuttonl::before{ width:60px; height: 1px; content: ''; display: block; background-color: #0080ba; position: absolute; left: 1.07rem; top: 6px;}

div.bannerbuttonr{ position: absolute; outline: none; top:48%; right: 1rem; z-index: 999; text-transform: uppercase; width: auto; height: 13px; line-height: 12px; color:#0080ba; font-size: 12px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }

div.bannerbuttonr::before{ width:60px; height: 1px; content: ''; display: block; background-color:#0080ba; position: absolute; left: 1.07rem; top: 6px;}

div.publicheadtopbk{ width: 100%; height: auto; position: absolute; top: 0; left: 0; z-index: 99999;} 

div.publicinheadlogo{ width: 211px; height: auto; float: left; margin-top: 45px;}

div.publicinheadlogo img{ width:100%}

div.publicinheadrt{  float: right; margin-top: 46px; height:42px;}

div.publicinheadnavbk{ float: left; height: 42px;}

div.publicinheadnav{ float: left; height: 42px; margin-left: 0.58rem; color: #fefefe; line-height: 42px; font-size: 0.18rem; font-weight: 700;}

div.publicinheadnav a{ color: #fefefe; transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; }

div.publicinheadnav a:hover{ color: #07b2ff; }

div.publicinheadnav:nth-child(1){ margin-left: 0;} 

div.publicinheadlan{  float: left; height:42px; line-height: 42px; margin-left: 0.56rem; cursor: pointer; padding-left: 30px; background: url(../img/lan.png) left center no-repeat; color: #fefefe; font-size: 0.18rem; }
@-webkit-keyframes spin {
    from { 
      bottom:.8rem;
    }
    to { 
      bottom:.7rem;
    }
  }
@keyframes spin {
     from { 
      bottom:.8rem;
    }
    to { 
      bottom:.7rem;
    }
}
@-webkit-keyframes pudding{0%{-webkit-transform:scale(1.2,0.8)}1%{-webkit-transform:scale(1.18,0.82)}2%{-webkit-transform:scale(1.16,0.84)}3%{-webkit-transform:scale(1.13,0.87)}4%{-webkit-transform:scale(1.1,0.9)}5%{-webkit-transform:scale(1.07,0.93)}6%{-webkit-transform:scale(1.04,0.96)}7%{-webkit-transform:scale(1.01,0.99)}8%{-webkit-transform:scale(0.99,1.01)}9%{-webkit-transform:scale(0.97,1.03)}10%{-webkit-transform:scale(0.95,1.05)}11%{-webkit-transform:scale(0.94,1.06)}12%{-webkit-transform:scale(0.93,1.07)}13%{-webkit-transform:scale(0.93,1.07)}14%{-webkit-transform:scale(0.93,1.07)}15%{-webkit-transform:scale(0.93,1.07)}16%{-webkit-transform:scale(0.94,1.06)}17%{-webkit-transform:scale(0.94,1.06)}18%{-webkit-transform:scale(0.95,1.05)}19%{-webkit-transform:scale(0.96,1.04)}20%{-webkit-transform:scale(0.98,1.02)}21%{-webkit-transform:scale(0.99,1.01)}22%{-webkit-transform:scale(1,1)}23%{-webkit-transform:scale(1,1)}24%{-webkit-transform:scale(1.01,0.99)}25%{-webkit-transform:scale(1.02,0.98)}26%{-webkit-transform:scale(1.02,0.98)}27%{-webkit-transform:scale(1.02,0.98)}28%{-webkit-transform:scale(1.03,0.97)}29%{-webkit-transform:scale(1.03,0.97)}30%{-webkit-transform:scale(1.02,0.98)}31%{-webkit-transform:scale(1.02,0.98)}32%{-webkit-transform:scale(1.02,0.98)}33%{-webkit-transform:scale(1.02,0.98)}34%{-webkit-transform:scale(1.01,0.99)}35%{-webkit-transform:scale(1.01,0.99)}36%{-webkit-transform:scale(1.01,0.99)}37%{-webkit-transform:scale(1,1)}38%{-webkit-transform:scale(1,1)}39%{-webkit-transform:scale(1,1)}40%{-webkit-transform:scale(0.99,1.01)}41%{-webkit-transform:scale(0.99,1.01)}42%{-webkit-transform:scale(0.99,1.01)}43%{-webkit-transform:scale(0.99,1.01)}44%{-webkit-transform:scale(0.99,1.01)}45%{-webkit-transform:scale(0.99,1.01)}46%{-webkit-transform:scale(0.99,1.01)}47%{-webkit-transform:scale(0.99,1.01)}48%{-webkit-transform:scale(0.99,1.01)}49%{-webkit-transform:scale(1,1)}}
@-moz-keyframes pudding{0%{-moz-transform:scale(1.2,0.8)}1%{-moz-transform:scale(1.18,0.82)}2%{-moz-transform:scale(1.16,0.84)}3%{-moz-transform:scale(1.13,0.87)}4%{-moz-transform:scale(1.1,0.9)}5%{-moz-transform:scale(1.07,0.93)}6%{-moz-transform:scale(1.04,0.96)}7%{-moz-transform:scale(1.01,0.99)}8%{-moz-transform:scale(0.99,1.01)}9%{-moz-transform:scale(0.97,1.03)}10%{-moz-transform:scale(0.95,1.05)}11%{-moz-transform:scale(0.94,1.06)}12%{-moz-transform:scale(0.93,1.07)}13%{-moz-transform:scale(0.93,1.07)}14%{-moz-transform:scale(0.93,1.07)}15%{-moz-transform:scale(0.93,1.07)}16%{-moz-transform:scale(0.94,1.06)}17%{-moz-transform:scale(0.94,1.06)}18%{-moz-transform:scale(0.95,1.05)}19%{-moz-transform:scale(0.96,1.04)}20%{-moz-transform:scale(0.98,1.02)}21%{-moz-transform:scale(0.99,1.01)}22%{-moz-transform:scale(1,1)}23%{-moz-transform:scale(1,1)}24%{-moz-transform:scale(1.01,0.99)}25%{-moz-transform:scale(1.02,0.98)}26%{-moz-transform:scale(1.02,0.98)}27%{-moz-transform:scale(1.02,0.98)}28%{-moz-transform:scale(1.03,0.97)}29%{-moz-transform:scale(1.03,0.97)}30%{-moz-transform:scale(1.02,0.98)}31%{-moz-transform:scale(1.02,0.98)}32%{-moz-transform:scale(1.02,0.98)}33%{-moz-transform:scale(1.02,0.98)}34%{-moz-transform:scale(1.01,0.99)}35%{-moz-transform:scale(1.01,0.99)}36%{-moz-transform:scale(1.01,0.99)}37%{-moz-transform:scale(1,1)}38%{-moz-transform:scale(1,1)}39%{-moz-transform:scale(1,1)}40%{-moz-transform:scale(0.99,1.01)}41%{-moz-transform:scale(0.99,1.01)}42%{-moz-transform:scale(0.99,1.01)}43%{-moz-transform:scale(0.99,1.01)}44%{-moz-transform:scale(0.99,1.01)}45%{-moz-transform:scale(0.99,1.01)}46%{-moz-transform:scale(0.99,1.01)}47%{-moz-transform:scale(0.99,1.01)}48%{-moz-transform:scale(0.99,1.01)}49%{-moz-transform:scale(1,1)}}
@keyframes pudding{0%{transform:scale(1.2,0.8)}1%{transform:scale(1.18,0.82)}2%{transform:scale(1.16,0.84)}3%{transform:scale(1.13,0.87)}4%{transform:scale(1.1,0.9)}5%{transform:scale(1.07,0.93)}6%{transform:scale(1.04,0.96)}7%{transform:scale(1.01,0.99)}8%{transform:scale(0.99,1.01)}9%{transform:scale(0.97,1.03)}10%{transform:scale(0.95,1.05)}11%{transform:scale(0.94,1.06)}12%{transform:scale(0.93,1.07)}13%{transform:scale(0.93,1.07)}14%{transform:scale(0.93,1.07)}15%{transform:scale(0.93,1.07)}16%{transform:scale(0.94,1.06)}17%{transform:scale(0.94,1.06)}18%{transform:scale(0.95,1.05)}19%{transform:scale(0.96,1.04)}20%{transform:scale(0.98,1.02)}21%{transform:scale(0.99,1.01)}22%{transform:scale(1,1)}23%{transform:scale(1,1)}24%{transform:scale(1.01,0.99)}25%{transform:scale(1.02,0.98)}26%{transform:scale(1.02,0.98)}27%{transform:scale(1.02,0.98)}28%{transform:scale(1.03,0.97)}29%{transform:scale(1.03,0.97)}30%{transform:scale(1.02,0.98)}31%{transform:scale(1.02,0.98)}32%{transform:scale(1.02,0.98)}33%{transform:scale(1.02,0.98)}34%{transform:scale(1.01,0.99)}35%{transform:scale(1.01,0.99)}36%{transform:scale(1.01,0.99)}37%{transform:scale(1,1)}38%{transform:scale(1,1)}39%{transform:scale(1,1)}40%{transform:scale(0.99,1.01)}41%{transform:scale(0.99,1.01)}42%{transform:scale(0.99,1.01)}43%{transform:scale(0.99,1.01)}44%{transform:scale(0.99,1.01)}45%{transform:scale(0.99,1.01)}46%{transform:scale(0.99,1.01)}47%{transform:scale(0.99,1.01)}48%{transform:scale(0.99,1.01)}49%{transform:scale(1,1)}}


div.bannericobottom{ cursor: pointer; animation: spin 0.7s linear infinite alternate; width:27px; height: 79px; position: absolute; left: 50%; bottom: 0.7rem; margin-left: -13px;  z-index: 99999; }

div.bannericobottom img:hover{-webkit-animation:pudding 1s linear; -moz-animation:pudding 1s linear; -o-animation:pudding 1s linear; -ms-animation:pudding 1s linear; animation:pudding 1s linear;}

div.bannericobottom img{ width:100%;}

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

div.indexone_tline{ width: 69px; height: 1px; background: #bfbdbd; margin-bottom: 32px;}

div.indexone_cnt{ height:58px; line-height:58px; font-size: #444444; font-size: 36px; font-weight: 700;}

div.indexone_ent{ height: 30px; line-height: 30px;  color:#bfbdbd; font-size: 18px; text-transform: uppercase; font-family: 'COPRGTB';}

div.indexone{ width: 100%; height:auto; background: url(../img/indexonebg.jpg) center left no-repeat; background-size: 6.38rem;}

div.indexonepicbk{ width: 45%; height: 4.25rem; margin-left: 6%; float: left; position: relative;}

div.indexonepicbk::before{ content: ''; display: block; background: #efa810; width: 4.25rem; height:4.25rem; position: absolute; left: -0.26rem;top: 0.26rem;}

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

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

div.indexpicbutton{ position: absolute; z-index: 99; bottom:-49px; right: 0.48rem; width: 60px;}

div.indexonebuttonleft{ width: 15px; height:17px; background: url(../img/indexonelt.png) center no-repeat; float: left; cursor:pointer; outline: none; transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; }  

div.indexonebuttonright{ width: 15px; height:17px;  background: url(../img/indexonert.png) center no-repeat; float: right; cursor:pointer; outline: none; transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out;}  

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

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

div.indexonert{ width: 42%; height: auto; float: left; margin-left: 5%; margin-top: 0.21rem; position: relative;}

h1.indexonert_t{ width: 100%; height:0.46rem; line-height: 0.46rem; text-align: right; color: #0080ba; font-size: 0.3rem; font-weight: 700; margin-bottom: 0.4rem; position: relative;}

div.indexonert_desc{ width: 100%; height: 2.88rem; overflow: hidden; line-height: 0.36rem; color:#535353; font-size: 0.14rem; text-overflow: ellipsis; position: relative;}

div.indexonert::before{ content: ''; display: block; width: 41.7vw; height: 5.83rem; background: #f6f5f3; position: absolute; top: -0.95rem; right: -1.7vw;}

div.indexonrtmore{
	width: 2.1rem;
	height: 0.73rem;
	background: #444444;
	line-height:0.73rem;
	text-align: center;
	color: #ffffff;
	font-size: 14px;
	background: #444444;
	margin-top: 1.15rem;
	float: right;
	margin-right: 0.63rem;
	position: relative;
	transition: all 0.36s ease-in-out;
	-webkit-transition: all 0.36s ease-in-out;
	-moz-transition: all 0.36s ease-in-out;
	-ms-transition: all 0.36s ease-in-out;
	-o-transition: all 0.36s ease-in-out;
}

div.indexonrtmore a{ width: 100%; height:100%; display: block; color: #ffffff; text-transform: uppercase; font-family: 'COPRGTB';}

div.indexonrtmore:hover{ background: #0080ba;}

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

div.indexonert::after{ content: ''; display: block; width: 16.7vw; height: 0.67rem; border: 1px solid #f6f5f3; position: absolute; top: -1.61rem; right: -1.7vw;}

div.indexonemain{ margin-top: 0.17rem;}

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

div.indextwo{ width:1280px; margin: auto; padding-top: 139px;}

div.indextwomain{ width: 100%; height: auto;  display: flex; flex-flow: nowrap; justify-content: space-between;}

div.indextwonav_1{  height: 71px; line-height: 71px; color: #ffffff; font-size: 60px;}

div.indextwonav_1 span{ font-family: 'COPRGTB';}

div.indextwonav_1 sup{ font-size: 14px; font-weight: 100;    top: -2.8em;  left: 8px;}

div.indextwonav_2{ height: 44px; line-height: 44px; color:#fff; font-size: 14px; opacity: 0.7;}

div.indexfourback{ width: 100%; height: 500px; background: url(../img/indexfourbg.jpg) 50%/cover no-repeat; background-attachment: fixed; cursor: pointer;}

div.indexfour_table{ width: 100%; height: 100%; display: table;}

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

div.indexfour_cn{ width: 100%; height: 44px; line-height: 44px; text-align: center; color: #ffffff; font-size: 24px; font-weight: 100; letter-spacing: 4px;}

div.indexfour_en{ width: 100%; height:42px; line-height:42px;text-align: center; color: #ffffff;  font-size: 30px; text-transform: uppercase; font-family: 'COPRGTB';}

div.indexfiveback{ width:100%; height:auto; padding: 1.33rem 0 0.89rem;}

div.indexfivemain{ width: 100%; height: auto; margin-top: 0.42rem;}

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

div.indexfivepic{ width: 64%; height: auto;position: absolute;left: 13%;top: 17.5%;}

div.indexfivepic img{ width: 100%;}

div.indexfivelist_t{ width: 100%; height: 45px; line-height: 45px; text-align: center; color: #7e7d7d; font-size: 16px;}

div.indexfiveflexnone{ display: block;}

div.zizhitopgao{ height: 70px;}

div.zizhilistwidth{ width: 320px;float: left; margin-bottom: 20px;}

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

div.indexfivebutton{ width: 100%; height:40px; display: flex; justify-content: center; margin-top: 35px;} 

div.indexfivebuttonl{ margin: 0 20px; cursor: pointer;  outline: none; width: 40px; height: 40px; background: url(../img/indexfiveleft.png) center no-repeat; transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; } 

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

div.indexfivebuttonr{margin: 0 20px;  cursor: pointer;  outline: none; width: 40px; height: 40px; background: url(../img/indexfiveright.png) center no-repeat; transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; } 

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

div.indexthreeback{ width: 100%; height:auto; padding: 100px 0 135px;}

div.indexthreeleft{ width: 40%; height: 4rem; overflow-y: auto; float: left; margin-top: 0.54rem;}

div.indexthreeleft::-webkit-scrollbar { width: 5px; }
div.indexthreeleft::-webkit-scrollbar-track { background-color:#e9e9e9;  }
div.indexthreeleft::-webkit-scrollbar-thumb { background-color:#09262e;  width:5px}

div.indexthreeleftli{ width: 100%; height: 1.33rem; padding: 0.15rem ; background: #444444;}

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

div.indexthreeleftlipic{ width: 25%; height: 100%; float: left;}

div.indexthreeleftlirt{     float: right;
    height: 100%;
    width: 51%;
    margin-right: 15%;}

div.indexthreeleftlirt_table{ width: 100%; height: 100%; display: table;}

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

div.indexthreeleftlirt_flex{ width: 100%; display: flex; justify-content: space-between; flex-flow: nowrap;}

div.indexthreeleftr_t{ margin-top: 0.05rem;}

div.indexthreeleftr_t1{ height: 0.33rem; line-height: 0.33rem; color: #ffffff; font-size: 0.2rem; font-weight: 700;}

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

div.indexthreeleftr_jt{ opacity: 0; transition: all 0.36s ease-in-out; width: 0.65rem; height:0.65rem; background: #30b3ee; padding: 0.1rem; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; }

div.indexthreeleftr_jtn{ width: 100%; height:100%; background: url(../img/indexthreejt.png) #5ccbfd center no-repeat; border-radius: 50%;  -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

div.indexthreeleftli:hover{ background: #0aa6ec;}

div.indexthreeleftli:hover div.indexthreeleftr_jt{ opacity: 1;}

div.indexthreeleftlihover{ background: #0aa6ec;}

div.indexthreeleftlihover div.indexthreeleftr_jt{ opacity: 1;}

div.indexthreeright{ width: 40%; height: auto; float: right; position: relative; margin-top: -0.88rem;}

div.indexthreeright_t1{ width: 100%; height:0.56rem; line-height: 0.56rem; color: #0080ba; font-size: 0.36rem; font-weight: 700; text-align: center;}

div.indexthreeright_t2{ width: 100%; height: 0.34rem; line-height: 0.34rem; color: #bfbdbd; font-size: 0.18rem; text-align: center; text-transform: uppercase; margin-bottom: 0.55rem; font-family: 'COPRGTL';} 

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

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

div.indexthreeright_leftjt{ background: url(../img/indexthreeleftjt.png) center no-repeat;  width: 30px; height:26px; position: absolute; left: -66px; top: 57%; z-index: 99; cursor: pointer; outline: none;}

div.indexthreeright_rightjt{ background: url(../img/indexthreerightjt.png) center no-repeat;   width: 30px; height:26px; position: absolute; right: -66px; top: 57%; z-index: 99; cursor: pointer; outline: none;}

div.indexthreeright{ display: none;}

div.indexthreerightshow{ display: block;}

div.indexthreepic img{ filter: drop-shadow(0 0 5px rgba(0,0,0,0.1)); -webkit-filter: drop-shadow(0 0 5px rgba(0,0,0,0.1)); }

div.indexthreerightsloganflex{ width: 100%; height: 23px; display: flex; flex-flow: nowrap; justify-content: space-between; margin-top: 25px;}

div.indexthreerightslogan{ padding-left: 30px; line-height: 23px; color:#535353; font-size: 0.16rem; } 

div.indexsixback{ width: 100%; height: 800px; background: url(../img/indexsixbg.jpg) 50%/cover no-repeat; background-attachment: fixed;}

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

div.indexsixleft{ width:900px; height: 710px; float: left; background: url(../img/indexsixleftbg.png) center no-repeat; margin-top: 45px; margin-left: 0px; position: relative;}
div.indexthreeico{ z-index:999;}
div.indexthreeico1{ width:24px; height:24px; border-radius: 50%; cursor: pointer;padding: 6px; position: absolute; top: 217px;  left: 728px; }

div.indexthreeico::before{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 50%;background: #fceecf;  display: block; content: '';transition-timing-function: cubic-bezier(1,0,0,1);}

div.indexthreeico1n{ width: 100%; height: 100%;border-radius: 50%; background: #efa810; position: relative;}

@keyframes suofang {
    from {
      transform: scale(1);
    }
    to {
      transform: scale(0);
    }
}
div.indexthreeico:hover:before{animation: suofang 0.7s linear infinite alternate; }

div.indexsixright{ width: 300px; height: auto; float: right; margin-top: 203px;} 

div.indexsixright_t1{ width: 100%; height: 56px; line-height: 56px; color:#ffffff; font-size: 36px; font-weight: 700; text-align: right;}

div.indexsixright_t2{ width: 100%; height: 33px; font-family: 'COPRGTB'; line-height: 33px; color:#ffffff; font-size: 18px; font-weight: 700; text-align: right; text-transform: uppercase; margin-bottom: 44px;;}

div.indexsixrightblock{ width: 100%; height: auto; margin-bottom: 35px;}

div.indexsixrightblock_1t{ width: 100%; height:49px; line-height: 49px; text-align: right; font-size: 24px;color:#ffffff;  margin-bottom: 7px;} 

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

div.indexsixrightblock_1pic img{ max-width: 100%; height: auto;} 

div.indexsixrightmore{ width: 100%; height:12px; line-height: 12px; text-align: right; color: #ffffff; font-size: 12px; }

div.indexsixrightmore a{color: #ffffff; text-transform:uppercase;} 


div.indexsix_cet{ width: 13px; height: 350px; background: url(../img/indexsixlefttitle.png) center no-repeat; position: absolute; left: -160px; top: 236px;}

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

div.indexsevenleft{ width: 20%; height: 6.38rem;float: left;}

div.indexsevenleft_1{ width: 100%; height: 3.19rem; background:#444444;}

div.indexsevenleft_1ta{ width: 100%; height:100%; display: table;}

div.indexsevenleft_1cell{ width: 100%; height: auto; display: table-cell; vertical-align: middle; padding: 0 0.4rem;}

div.indexsevenleft_line{ width: 0.65rem; height: 1px; background: #fff; margin-bottom: 0.33rem;}

div.indexsevenleft_cnt{ width: 100%; height: 0.56rem; line-height:0.56rem; color: #ffffff; font-size: 0.36rem;}

div.indexsevenleft_ent{ width: 100%; height: 0.36rem; line-height: 0.36rem; font-family: 'COPRGTB'; color:#ffffff; font-size: 0.18rem; text-transform: uppercase;}

div.indexsevenleft_2{ width: 100%; height: 3.19rem; background-color: #e9f5fb;}

div.indexsevenleftjt{ width: 15px; height:17px; background: url(../img/indexonelt.png) center no-repeat; margin: auto; cursor: pointer; outline: none; transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; }

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

div.indexsevenrightjt{ width: 15px; height:17px; background: url(../img/indexonert.png) center no-repeat; margin: auto; cursor: pointer; outline: none; transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; }

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

div.indexsevennumb{ width: 100%; height: 28px; line-height:28px; margin: 0.2rem 0;}

div.indexsevenqh{ width: 60%; height: 6.38rem; float: left;}

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

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

div.indexsevenqh_listpic{ width: 100%; height: 3.19rem; overflow: hidden;}

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

div.indexsevenqh_listcont{ width: 100%; height: 3.19rem; background: #fff; display: table;}

div.indexsevenqh_listcontcell{ width: 100%; height: auto; display: table-cell; vertical-align: middle; padding: 0  0.3rem;}

div.indexsevenqh_listcont_t{ width: 100%; height: auto; height:0.68rem; overflow:hidden; line-height: 0.34rem; color:#555555; margin-bottom: 0.22rem; font-size: 0.24rem;}

div.indexsevenqh_listcont_desc{ width: 100%; max-height: 1.5rem; line-height: 0.25rem; overflow: hidden; color: #7e7d7d; font-size: 0.14rem;}

div.indexsevenqh_list:hover div.indexsevenqh_listpicbg{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

div.indexsevenqh_list:hover div.indexsevenqh_listcont_t{ color: #0080ba;}

div.indexsevenrt{ width: 20%; height: 6.38rem; float: left; }

div.indexsevenrt_1{ width: 100%; height: 3.19rem; background: #fff; position: relative;}

div.indexsevenrt_1_t{ width: 100%; height: 3.19rem; line-height: 3.19rem; overflow: hidden; color: #f4f5f5; font-size: 1.2rem; text-transform: uppercase; font-weight: 700;}

div.indexsevenrt_1_toff{ margin-left: -0.65rem;}

div.indexsevenrtbuttonl{ position: absolute; top: 48%; right: -1rem; z-index: 999;     white-space: nowrap; text-transform: uppercase; width: auto; height: 14px; font-weight: 700; letter-spacing: 0.08rem; line-height: 12px; color:#efa810; font-size: 0.14rem; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }

div.indexsevenrtbuttonl::before{ width:65px; height: 1px; content: ''; display: block; background-color: #e8e7e7; position: absolute; left: 2.9rem; top: 6px;}

div.indexsevenrt_2{ width: 100%; height: 3.19rem; background: url(../img/indexxinwbg.jpg) center no-repeat; background-size: 100%;}

div.indexsevennumb div.swiper-pagination{ position: relative; bottom: auto; left:auto;}

div.footertoptelbk{ width: 100%; height:1.3rem; line-height: 1.3rem; text-align: center; color: #ffffff; font-size:18px; background: #efa810;}

div.footertoptelbk span{ color: #ffffff; font-size: 36px; position: relative; top: 3px; font-family: 'ARLRDBD';}

div.publicfooterbk{ width:100%; height: auto; padding: 97px 0 60px; background: #2a2b2d;}

div.publicfooter{ width:1280px; margin: auto;}

div.publicfooterleft{ float: left;}

div.publicfooterleftlogo{ width: 210px; height:51px; margin-bottom: 80px;}

div.publicfooterleftico{ padding-left: 42px; line-height: 31px; height: 34px; color: #ffffff; font-size: 16px; background: url(../img/dibuico1.png) left center no-repeat; margin-bottom: 34px;}

div.publicfooterleftico1{ padding-left: 42px; line-height: 31px; height: 34px; color: #ffffff; font-size: 16px; background: url(../img/dibuico2.png) left center no-repeat; margin-bottom: 56px;}

div.publicfooterleftewm{ width: 150px; height: auto;}

div.publicfooterleftewm img{ width: 100%;}

div.publicfooterright{ float: right;}

div.publicfooterrightlist{  float: left; margin-left: 51px;}

div.publicfooterrightlist_t{ height: 63px; line-height: 63px; color: #ffffff; font-size: 16px; margin-bottom: 6px;}

div.publicfooterrightlist_t a{  color: #fff; font-size: 16px;}

div.publicfooterrightlist_li{ width: 100%; height: 48px; line-height:48px; color: #ffffff; font-size: 14px;}

div.publicfooterrightlist_li a{ color: #fff; transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; }

div.publicfooterrightlist_li a:hover{ color: #efa810;}

div.footerbottombk{ width: 100%; height: 55px;  line-height: 55px; background: #38393c;}

div.footerbottom{ width: 1280px; height: auto; margin: auto; color: #6e7076; font-size: 12px;}

div.footerbottomleft{ float: left; height: 55px; line-height: 55px; }

div.footerbottomleft a{  color: #6e7076; }

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

div.footerbottomright{ float: right;}

div.footerbottomright a{  color: #6e7076; }

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

div.followrightbk{ width: 64px; height: 188px; background: url(../img/rightfollow.png) center no-repeat; position: fixed; right: 0; bottom: 20px; z-index: 999999; opacity:0; visibility:hidden; transition:all 0.36s ease-in-out;}

div.followrightbkshow{bottom: 50px; opacity:1; visibility:visible;}

div.followright_1{ width: 64px; height: 94px; cursor: pointer;}

div.followright_2{ width: 64px; height: 94px;}

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

div.nyheadback{ width: 100%; height: 121px; background: #fff; position: fixed; top:0; z-index:999999; box-shadow:0 0 20px rgba(0,0,0,0.2);}

div.nyheadlogo{ width: 210px; height: 51px; float: left; margin-top:44px;}

div.nyheadlogo img{ width:100%;}

div.nybannerback{ width: 100%; height: 400px;}

div.gywmoneback{ width: 1280px; height: auto; margin: auto; padding: 80px 0 65px;}

div.gywmoneleft{ width: 639px; height: 473px; float: left;}

div.gywmoneright{ margin-top: 55px; width: 591px; height: 296px; float: right;}

div.nynavback{ width: 100%; height: 90px; background:#f8f8f8;}

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

div.nynav{ width: 100%; height: 90px; line-height: 90px; text-align: center; color: #535353; font-size: 16px;}

div.nynav a{ width: 100%; height:100%; display: block; color: #535353; }

div.nynav:hover{ background: #efa810;}

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

div.nynavhover{ background: #efa810;}

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

div.gywmtwoback{ width: 1280px; height: auto; margin: auto; padding: 60px 0 60px;}

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

div.gywmtwoleft_1{ width: 100%; height:346px;}

div.gywmtwoleft_1l{ width: 320px; height: 100%; float: left; overflow: hidden;}

div.gywmtwoleft_1l img{ width: 100%; height: auto; transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; }

div.gywmtwoleft_1:hover div.gywmtwoleft_1l img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

div.gywmtwoleft_1r{ width: 320px; height: 100%; float: right; background: #efa810;}

div.gywmtwoleft_1rtable{ width: 100%; height: 100%; display: table;}

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

div.gywmtwoleft_1r_t{ width: 100%; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 36px; font-weight: 700;} 

div.gywmtwoleft_1r_ent{ width: 100%; height: 30px; line-height: 30px; color: #ffffff; font-size: 16px; text-align: center; font-family:'bebas';}

div.gywmtwoleft_1r_line{ width: 125px; height: 16px; border-bottom: 3px solid #fff; margin: auto;}

div.gywmtwoleft_1r_more{ width: 100%; height: auto; text-align: center; line-height: 24px; color: #ffffff; font-size: 14px; margin-top: 51px; font-weight: 100; margin-bottom: 13px;}

div.gywmtwoleft_1r_ico{ transition: all 0.36s ease-in-out; width: 25px; height:25px; background: #cb8b02; line-height: 25px; color: #fff; font-weight: 100; font-size: 14px; text-align: center; margin: auto; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; }

div.gywmtwoleft_1:hover div.gywmtwoleft_1r_ico{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }

div.gywmtwoleft_2r{ width: 320px; height: 100%; float: left; background: #0080ba;}

div.gywmtwoleft_2r div.gywmtwoleft_1r_ico{background: #0a9bdc; }

div.gywmtworight{ width:630px; float: right; height: 700px; overflow: hidden; position: relative; }

div.gywmtworightbg{ width: 100%; height: 100%; background: url(../img/gywmtwopic3.jpg) center no-repeat; left: 0; top: 0; position: absolute; transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; }

div.gywmtworightcont{ width: 100%; height: auto; position: absolute; left: 0; bottom: 34px;}

div.gywmtworightcont div.gywmtwoleft_1r_ico{background: #c09a69; }

div.gywmtworightcont div.gywmtwoleft_1r_t{      text-shadow: 0 0 9px rgba(0, 0, 0, 0.4);font-size: 48px;}

div.gywmtworightcont div.gywmtwoleft_1r_ent{      text-shadow: 0 0 9px rgba(0, 0, 0, 0.4);font-size: 24px; height: 40px; line-height: 40px;}

div.gywmtwortdesc{ width: 100%; height:auto; line-height: 25px; text-align: center; margin-top: 22px; margin-bottom: 30px; color: #6a5740; font-size: 16px; font-weight: 100;}

div.gywmtworightcont div.gywmtwoleft_1r_more{color: #6a5740; }

div.gywmtworight:hover div.gywmtwoleft_1r_ico{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }


div.gywmtwoleft_2r:hover div.gywmtwoleft_1r_ico{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }

div.gywmtworight:hover div.gywmtworightbg{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

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

div.gywmthreerttop{  float: right; height: 60px; line-height: 60px; color: #444444; font-size: 16px;  font-weight: 100;margin-top: 27px;}

div.gywmthreerttop a{ color:#444444; text-transform: uppercase;}

div.gywmthreetopleft{ float: left;}

div.gywmonecontent{ padding: 46px 0 0; line-height: 37px; color: #535353; font-size: 16px;}

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

div.gywmthreeqhbk{ width: 100%; height: auto; padding: 55px 0 50px; position: relative;}

div.gywmthreejtleft{
    cursor: pointer;
    outline: none;
    width: 40px;
    height: 40px;
	position: absolute;
	left: -70px;
	top: 45%;
    background: url(../img/indexfiveleft.png) center no-repeat;
    transition: all 0.36s ease-in-out;
    -webkit-transition: all 0.36s ease-in-out;
    -moz-transition: all 0.36s ease-in-out;
    -ms-transition: all 0.36s ease-in-out;
    -o-transition: all 0.36s ease-in-out;
}
 
div.gywmthreejtleft:hover{background: url(../img/indexfivelefth.png) center no-repeat;}

div.gywmthreejtright{
    cursor: pointer;
    outline: none;
    width: 40px;
    height: 40px;
	position: absolute;
	right: -70px;
	top: 45%;
    background: url(../img/indexfiveright.png) center no-repeat;
    transition: all 0.36s ease-in-out;
    -webkit-transition: all 0.36s ease-in-out;
    -moz-transition: all 0.36s ease-in-out;
    -ms-transition: all 0.36s ease-in-out;
    -o-transition: all 0.36s ease-in-out;
}

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

div.gywmfourback{ width: 100%; height: 760px; background: url(../img/gywmfourbg.jpg) center no-repeat; position: relative;}

div.gywmfourback::before{ content: ''; display: block; width: 100%; height: 1px; background: #80bbd9; position: absolute; top: 50%; left: 0;}

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

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

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

div.gywmfourpic{ width: 170px; height: 170px; overflow: hidden; border-radius: 50%; border:10px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

div.gywmfourpic img{ width: 100%; height: 100%; transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; }

div.gywmfour_t{ width: 100%;font-family:'bebas'; height: auto; line-height: 78px; height: 78px; overflow: hidden; color: #fff; text-align: center; font-size: 48px; margin-bottom: 16px; margin-top: 140px;}

div.gywmfour_cnt{ width: 100%; height:60px; ;line-height: 60px; text-align: center; color: #fff; font-size: 24px; font-weight: 700; margin-top: 20px;}

div.gywmfour_cndesc{ width: 100%; height: auto; line-height: 24px; color: #ffffff; font-size: 14px;}

div.gywmfourlist:hover div.gywmfourpic img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

div.gywmfourjt{ width: 20px; height: 20px; position: absolute;   right: 258px;  top: 171px; background: url(../img/gywmfourjt.png) center no-repeat; cursor: pointer; outline: none;}

div.gywmfive_back{ width: 1280px; height: auto; margin: auto; padding: 70px 0 90px;}

div.gywmfive_t{ width: 100%; height: 208px; background: url(../img/gywmfivetitle.jpg) center no-repeat; margin-bottom: 63px;}

div.gywmfivelist{ width: 408px; height: auto; padding: 0 44px;position: relative; float: left; margin-right: 28px;    margin-bottom: 91px;}

div.gywmfivelistpic{ width: 190px; height: 190px; margin: auto; position: relative; margin-bottom: 7px; overflow: hidden; border: 10px solid #d7f0ff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

div.gywmfivelistpic img{ width: 100%; height:100%; transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; }

div.gywmfivelist:hover div.gywmfivelistpic img{ width: 100%; height: 100%; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

div.gywmfivelistt{ width: 100%; height: 60px; position: relative; line-height: 60px; text-align: center;  overflow: hidden; color: #4e4e4e; font-weight: 700; font-size: 24px;  }

div.gywmfivelist_t{ width: 100%; height: 60px; position: relative; line-height: 60px; color: #4e4e4e; font-size: 16px; font-weight: 700;}

div.gywmfivelist_desc{ width: 100%; height: 155px; position: relative; line-height: 31px; overflow: hidden;  color: #4e4e4e; font-size: 14px; font-weight: 100;}

div.gywmfivelist::before{ content: ''; display: block; width: 100%; background: #e7f6ff; position: absolute; left: 0; top: 95px; height: 420px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }

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

div.xwtopback{ width: 100%; height: 700px; background: url(../img/xwonebg.jpg) center no-repeat; padding-top: 97px;}

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

div.xwtoplist{ width:100% ; height: 454px; margin: auto;}

div.xwtoplistpic{ width: 640px; height: 454px; float: left; overflow: hidden;}

div.xwtoplistpicbg{ width: 100%; height: 100%; transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; }

div.xwtoplistright{ width: 640px; height: 454px; background: url(../img/xwlistbg.jpg) 50%/cover no-repeat; padding: 50px 47px 0; float: left;}

div.xwtoplistright_t{ width: 100%; height: 68px; line-height: 68px; overflow: hidden; color: #fff; font-size: 30px; font-weight: 700; margin-bottom: 16px;}

div.xwtoplistright_time{ width: 100%; height: 20px; line-height: 20px; overflow: hidden; color: #fff; font-size: 14px; margin-bottom: 47px;}

div.xwtoplistright_desc{ width: 100%; height: 150px; overflow: hidden; line-height: 30px; color: #b4c9d9; font-size: 14px;}

div.xwtoplist:hover div.xwtoplistpicbg{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }


div.xwtoplist:hover div.xwtoplistright_t{ color: #efa810;}


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

div.xwlist{ width: 410px; height: auto; float: left; margin-top: 100px; margin-right: 25px; }

div.xwlistpic{ width: 100%; height: 280px; overflow: hidden;}

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

div.xwlistbottom{ width: 100%; height: 270px; background: #f8f8f8; padding:15px 39px 0;}

div.xwlistbottom_t{ width: 100%; height: 47px; line-height: 47px; overflow: hidden; color: #555555; font-size: 24px;}

div.xwlistbottom_time{ width: 100%; height: 35px; line-height: 35px; text-align: center; color: #535353; font-size: 14px; margin-bottom: 13px;}

div.xwlistbottom_desc{ width: 100%; height: 48px; overflow: hidden; line-height: 24px; color: #959393; font-size: 14px; margin-bottom: 30px;}

div.xwlistbottom_more{ width: 130px; height: 42px; line-height: 42px; text-align: center; color: #fff; font-size: 14px; margin: auto; background: #efa810;}

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

div.xwlistpicbg{ width: 100%; height: 100%; transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; }

div.xwlist:hover div.xwlistpicbg{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

div.xwlist:hover div.xwlistbottom_t{ color: #efa810;}

div.pagesgao{ height: 70px;}

div.yxwloneleft {
    width: 859px;
    height: 710px;
    float: left;
    background: url(../img/indexsixleftbg.png) center no-repeat;
    margin-top: 78px;
    margin-left: 20px;
    position: relative;
}

div.yxwlonert{ width: 260px; height: 306px; position: absolute; right: 138px; bottom: 192px; background: #fff; z-index: 99; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; padding: 20px 27px 0;  display:none;  }

div.yxwlonert_1{ width: 100%; height: 53px; line-height: 53px; overflow: hidden; margin-bottom: 14px; font-size: 24px; font-weight: 700; color: #414040;} 

div.yxwlonert_desc{ width: 100%; height: 175px; overflow-y: auto; line-height: 25px;}

div.yxwltwoback{ width: 100%; height: auto; background: #ecf0f8; padding: 100px 0 130px;}

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

div.yxwllist{ width: 620px; height: 370px; float: left; background:#fff; padding: 36px 28px 0 48px; margin-top: 40px;    margin-left: 40px;} 

div.yxwllistleft{ width: 319px; height: auto; float: left; margin-top: 22px;}

div.yxwllistleft_t{ width: 100%; height: 77px; line-height: 77px; color: #346ea9; font-size: 36px; font-weight: 700;}

div.yxwllistleft_desc{ width: 100%; height: 150px; overflow: auto; line-height: 50px; color: #555555; font-size: 18px;}

div.yxwllistrt{ width: 220px; height: 290px; float: right;}

div.yxwlthreeback{ width: 100%; height: auto; margin: auto; padding: 100px 0 200px;}

div.yxwltitleback{ width: 100%; height: 342px; background: url(../img/yxwlthreetbg.jpg) center no-repeat;}

div.yxwltitle{ width: 1280px; margin: auto;}

div.yxwlthreemian{ width: 1280px; margin: auto; position: relative; height: auto; margin-top: 65px;}

div.yxwlthreelistpic{ width: 100%; height: auto; margin-bottom: 29px;}

div.yxwlthreelistpic img{ width: 100%; height: auto; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }

div.yxwlthreelist_t{ width: 100%; height: 41px; line-height: 41px; overflow: hidden; color: #555555; font-size: 24px; font-weight: 700;}

div.yxwlthreelist_desc{ width: 100%; height: 31px; line-height: 31px; overflow: hidden; color: #787777;}

div.yxwlthreeleft{ width: 40px; height: 40px; position: absolute; left: -85px; top: 116px; background: url(../img/indexfiveleft.png) center no-repeat; cursor: pointer; outline: none;transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out;}

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

div.yxwlthreeright{ width: 40px; height: 40px; position: absolute; right: -85px; top: 116px; background: url(../img/indexfiveright.png) center no-repeat; cursor: pointer; outline: none; transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; }


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

div.lxwmone{ width: 1280px; margin: auto; padding: 83px 0 18px;}

div.lxwmone_t_1{ width: 100%; height: 61px; line-height: 61px; text-align: center; color: #444444; font-size: 36px; font-weight: 700;}

div.lxwmone_t_2{ width: 100%; height: 45px; line-height: 45px;  text-align: center; color: #999898; font-size: 18px; margin-bottom: 15px;}

div.lxwmonecontentbk{ width: 100%; height: 593px; background: url(../img/lxwm_onebg.jpg) center no-repeat;}

div.lxwmoneleft{ width:550px; height:auto ; float: left; margin-top: 34px;} 

div.lxwmoneleft_1{ width: 100%; height: 41px; line-height: 41px; overflow: hidden; color: #0080ba; font-size: 30px; font-weight: 700; margin-bottom: 66px;}

div.lxwmoneleft_2li{ width: 100%; height: 68px; line-height: 68px; padding-left: 45px; color: #444444; font-size: 16px;}

div.lxwmoneleft_2li strong{ color: #444444; font-weight: 700; font-size: 30px;}

div.lxwmoneewm{ width: 100%; height: auto; padding-left: 38px;}

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

div.lxwmonert{ width: 640px; height: 580px; background: rgba(233,245,251,0.75); float: right; padding: 33px 65px 0;}

div.lxwmonert_t{ width: 100%; height:58px; line-height: 58px; color: #444444; font-size: 30px; margin-bottom: 63px;}

div.lxwmonertnav{ width: 250px; height: 48px; float: left; background: #f4fafd; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; margin-bottom: 7px; }

div.lxwmonertnav input{ width:100%; height: 100%; display: block; padding: 0 25px; color: #235c9a; font-size: 14px; background: none; border: none; outline: none;}

div.lxwmonertnav input::placeholder{ color: #235c9a;}

div.lxwmonerttextarea{ width: 100%; height:86px; line-height: 30px; background: #f4fafd; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;margin-bottom: 7px; padding: 10px 25px; }

div.lxwmonerttextarea textarea{width:100%; height: 100%; display: block;color: #235c9a; font-size: 14px; background: none; border: none; outline: none;}

div.lxwmonerttextarea textarea::placeholder{ color: #235c9a;}

div.lxwmonertnavsubmit{ width: 250px; height: 48px;background: #235c9a; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; margin-bottom: 7px;  }

div.lxwmonertnavsubmit input{ width: 100%; height: 100%; background: none; border: none; outline: none; color: #fff; font-size: 14px; font-weight: 700;}

div.lxwmtwoback{ width: 1280px; height: 500px; margin: auto; margin-top: 20px;}

div.fuwumain{ width: 1280px; height: auto; margin: auto; padding: 100px 0;}

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

div.fuwumainnav1bg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; }

div.fuwumainnav1_cont{ width: 100%; position: absolute; left: 0; bottom: 38px; padding: 0 44px;}

div.fuwumainnav1_cont_t{ width: 100%; height: 47px; line-height: 47px; font-weight: 700; color: #fff; font-size: 36px;text-shadow: 0 0 9px rgba(0, 0, 0, 0.4);}

div.fuwumainnav1_cont_subt{ width: 100%; height:22px; line-height: 22px; color: #ffffff; font-size: 12px;text-shadow: 0 0 9px rgba(0, 0, 0, 0.4);}

div.fuwumainnav1:hover div.fuwumainnav1bg{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

div.fuwumainnav2bk{ width: 420px; height: auto; float: left; margin-left: 10px;}

div.fuwumainnav2_1{ width: 100%; height: 295px; position: relative; overflow: hidden;}

div.fuwumainnav2_bottom{ width: 100%; height: 60px; line-height: 60px; text-align: center; background: #efa810; position: absolute; left: 0; bottom: 0; color: #ffffff; font-size: 18px; font-weight: 700;}

div.fuwumainnav2_1:hover div.fuwumainnav1bg{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

div.fuwumainnav2_2{ width: 100%; height: 295px; position: relative; overflow: hidden; margin-top: 10px;}

div.fuwumainnav2_2:hover div.fuwumainnav1bg{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

div.productlist{ width: 100%; height: auto; position: relative; margin-bottom: 49px; height: 600px;}

div.productlistmore{ position: absolute; left: 50%; bottom: 68px; margin-left: -80px; color: #545454; width:160px; height:48px; font-weight: 700; font-size: 16px; line-height: 48px; text-align: center; background:#fff; border-radius: 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; }

div.productlist:hover div.productlistmore{ background: #0080ba; color: #fff;}

div.yyalback{ width: 1280px; height: auto; margin: auto; padding: 93px 0;}

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

div.cpshowmain{ width: 1280px; height: auto; margin: auto; padding-top: 80px;}

div.cpshowmain_1{ width: 100%; height: 50px; line-height: 50px; text-align: center; color: #444444; font-size: 36px; font-weight: 700;}

div.cpshowmain_2{ width: 100%; height: 32px; line-height: 32px; text-align: center; color: #bfbdbd; font-size: 18px; margin-bottom: 40px; text-transform: uppercase;} 

div.cpshowqhback{ width: 100%; height: 600px; position: relative;}

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

div.cpshowleftbutton{ width: 15px; height: 16px; position: absolute; z-index: 999; left: 62px; top: 50%; margin-top: -8px; background: url(../img/cpshowleft.png) center no-repeat; outline: none; cursor: pointer;}

div.cpshowrightbutton{ width: 15px; height: 16px; position: absolute; z-index: 999;  right: 62px; top: 50%; margin-top: -8px; background: url(../img/cpshowright.png) center no-repeat; outline: none; cursor: pointer;}




div.nyxxback{ width:100%; max-width: 1280px;  height:auto; margin:auto; margin-bottom:15px; padding-top: 50px; margin-top: 35px;}

div.nyxxback33{ width:100%; max-width: 1280px;  height:auto; margin:auto; margin-bottom:15px;  }



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

div.xinwenxxtopdata{  width:100%; height:auto; padding-top: 5px; border-bottom:#d0d0d0 1px solid; line-height:38px; text-align:left; color:#a2a2a2; font-size:12px;}

div.xinwenxxtoptitleback{ font-weight:700;  width:100%; height:auto; line-height:48px; text-align:left; color:#323232; font-size:36px;}
 
div.xinwenxxtopcontent{   width:100%; height:auto; line-height:30px; color:#666; font-size:16px; }

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

div.xinwenxxtopsyy{ width:100%; float:none; transition:all 0.5s ease-in-out;}

div.xinwenxxtopsyytitle{ width:100%; margin:auto; line-height:29px; color:#7e7d7d; font-size:14px; }

div.xinwenxxtopsyytitle a{ color:#7e7d7d; transition:all 0.5s ease-in-out;}

div.xinwenxxtopbottom{ padding-top: 35px; border-top:#f3f3f3 1px solid; padding-bottom: 35px;}

div.xinwenxxtopbottommain{ margin: auto; width: 96%; max-width: 1280px;}

div.xiangguan{ margin: auto; width: 1280px;}



div.publicfooterleftico33{  line-height: 20px; height: 20px; color: #a2a2a2; font-size: 12px; margin-top: 7px;}

div.publicfooterleftico33 a{ color: #a2a2a2; transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; }

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

div.publicfooterico333gao{ height: 30px;}


/*底部新*/
div.newpublicfooterback{ width: 100%; background: #303030;}

div.newpublicfooter{ width: 100%;
    max-width: 15.76rem; margin: auto; display: flex; flex-flow: wrap; justify-content: space-between;}
	
div.newpublicfooter2{width: 100%;
    max-width: 13.2rem; margin: auto; text-align:right}

div.newpublicfooterleft{ float: left; margin-top: .54rem;}

div.newpublicfooterleftnav{ float: left; margin-right: .65rem;}

div.newpublicfooterleftnavtitle{ height: .41rem; line-height: .41rem; color: #ffffff; font-size: .15rem;}

div.newpublicfooterleftnavtitle a{ color: #fff;}

div.newpublicfooterleftnavsubtitle{ height: .41rem; line-height: .41rem; color:#959595; font-size: .13rem;}

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

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

div.newpublicfooterewm{ width: 1.5rem; float: left;  margin-top: 0.63rem;}

div.newpublicfooterewmpic{ width: 100%; height: auto; margin-bottom: 0.09rem;}

div.newpublicfooterewmpic img{ width: 100%;}

div.newpublicfooterewmtitle1{ width: 100%; height: auto; line-height: .25rem; color: #959595; font-size: .15rem; text-align: center;}

div.newpublicfooterright{ float: right; margin-top: .5rem;}

div.newpublicfooterrighttitle{ height: .49rem; line-height: .49rem; color: #fefefe; font-size: .18rem;}

div.newpublicfooterrighticontitle{ margin-top: .15rem;}

div.newpublicfooterrighticontitlelt{ width: .31rem; height: .31rem; float: left; margin-right:0.1rem;}

div.newpublicfooterrighticontitlert{ float: left; color: #a5a5a5; font-size: .14rem; line-height: .31rem; height: .31rem;}

div.newpublicfooterbottomdesc{ width: 100%; height: .75rem; line-height: .75rem; text-align: center; color: #8a8a8a; font-size: .14rem;}

div.newpublicfooterbottomdesc a{ color: #8a8a8a; transition: all 0.5s ease-in-out;}

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

div.indexthreeico2{ width:24px; height:24px; border-radius: 50%; cursor: pointer;padding: 6px; position: absolute;  top: 166px;  left: 758px;}

div.indexthreeico3{ width:24px; height:24px; border-radius: 50%; cursor: pointer;padding: 6px; position: absolute; top: 103px;  left: 770px;}

div.indexthreeico4{ width:24px; height:24px; border-radius: 50%; cursor: pointer;padding: 6px; position: absolute;     top: 315px;  left: 573px;}

div.indexthreeico5{ width:24px; height:24px; border-radius: 50%; cursor: pointer;padding: 6px; position: absolute; top: 324px;
    left: 474px;}

div.indexthreeico6{ width:24px; height:24px; border-radius: 50%; cursor: pointer;padding: 6px; position: absolute; top: 214px;  left: 153px;}

div.indexthreeico7{ width:24px; height:24px; border-radius: 50%; cursor: pointer;padding: 6px; position: absolute;  top: 391px;  left: 705px;}


div.indexthreeico8{ width:24px; height:24px; border-radius: 50%; cursor: pointer;padding: 6px; position: absolute;  top: 410px;
    left: 660px;}

div.indexthreeico9{ width:24px; height:24px; border-radius: 50%; cursor: pointer;padding: 6px; position: absolute;       top: 587px;
    left: 527px;}


div.indexthreeico10{ width:24px; height:24px; border-radius: 50%; cursor: pointer;padding: 6px; position: absolute;   top: 388px;
    left: 516px;}

div.indexthreeico11{ width:24px; height:24px; border-radius: 50%; cursor: pointer;padding: 6px; position: absolute;         top: 386px;
    left: 596px;}

div.indexthreeico12{ width:24px; height:24px; border-radius: 50%; cursor: pointer;padding: 6px; position: absolute;    top: 329px;
    left: 662px;}

div.indexthreeico13{ width:24px; height:24px; border-radius: 50%; cursor: pointer;padding: 6px; position: absolute;  top: 293px;  left: 616px;}

div.indexthreeico14{ width:24px; height:24px; border-radius: 50%; cursor: pointer;padding: 6px; position: absolute;      top: 364px;
    left: 446px;}

div.indexthreeico15{ width:24px; height:24px; border-radius: 50%; cursor: pointer;padding: 6px; position: absolute;     top: 248px;
    left: 529px;}


div.indexsixrightblock{ opacity: 0; visibility: hidden; display:none;}
div.indexsixrightblockshow{  opacity: 1; visibility: visible; display:block;}

div.indexthreemap1{ position:absolute;right: 123px;
    top: 192px;}

div.indexthreemap2{ position:absolute;right: 68px;
    top: 135px;}

div.indexthreemap2 img{ width:107%;}

div.indexthreemap3{ position:absolute;right: 54px;
    top: 0px;}

div.indexthreemap3 img{ width:107%;}

div.indexthreemap4{    position: absolute;
    right: 286px;
    top: 263px;}

div.indexthreemap5{    position: absolute;
  right: 392px;
    top: 295px;}

div.indexthreemap6{    position: absolute;
  right: 556px;
    top: 84px;}

div.indexthreemap7{    position: absolute;
  right: 145px;
    top: 367px;}

div.indexthreemap8{    position: absolute;
 right: 184px;
    top: 379px;}

div.indexthreemap9{    position: absolute;
    right: 303px;
    top: 549px;}

div.indexthreemap10{    position: absolute;
        right: 332px;
    top: 291px;}

div.indexthreemap11{    position: absolute;
           right: 241px;
    top: 346px;}

div.indexthreemap12{    position: absolute;
           right: 153px;
    top: 308px;}


div.indexthreemap13{    position: absolute;
           right: 204px;
    top: 219px;}

div.indexthreemap14{    position: absolute;
              right: 371px;
    top: 225px;}

div.indexthreemap15{    position: absolute;
                  right: 163px;
    top: 7px;}


div.indexthreemap{opacity:0; transition:all 0.36s ease-in-out;}

div.indexthreemapshow{ opacity:1;}



.sth {
    position: absolute;
    color: #ffffff;
    opacity: .6;
    font-size: 12px;
    left: 50%;
    margin-left: -160px;
    bottom: -30px;
}