/* CSS Document */
*{margin:0;padding:0;}
::-webkit-scrollbar { width: 0px; }
::-webkit-scrollbar-track { background-color: transparent; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; }
::-webkit-scrollbar-thumb { background-color:#000; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; width:8px}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15;-webkit-tap-highlight-color: rgba(0,0,0,0); overflow-x:hidden;}
table{ border-collapse:collapse }
tr{border:1px solid #222;} 
td{border:1px solid #222;} 
html {
          font-size: 100px; /*根元素默认的大小是16px*/
        }
@media screen and (max-width: 1366px){
	html{
		font-size:90px;
	}
}
@media screen and (max-width: 1300px){
	html{
		font-size:80px;
	}
}
@media screen and (max-width: 1024px){
	html{
		font-size:70px;
	}
}
@media screen and (max-width: 750px){
	html{
		font-size:60px;
	}
}

body{overflow-x:hidden;font-size:12px; background:#fff;-webkit-overflow-scrolling: touch;}
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","宋体";}
a{text-decoration:none;font-family:"Microsoft YaHei","微软雅黑","黑体","verdana","宋体";cursor:pointer;}
a:hover{text-decoration:none;}
img{ border:none;}

@font-face {font-family:'BRLNSDB';src: local('BRLNSDB'), url(../font/BRLNSDB.woff) format('woff');}
@font-face {font-family:'HelveticaExtNormal';src: local('HelveticaExtNormal'), url(../font/HelveticaExtNormal.woff) format('woff');}
div.indexbannerback{ width:100%; height:auto; position:relative;}
.swiper-container1 {
        width:100%;
		
		margin:auto;

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

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


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

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

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

div.indextopheadlogo img{ height:100%;}

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

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

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

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

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


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

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

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

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

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

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




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

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

div.indextopheadxialaback{ width:200%; left:0; padding-bottom:0; overflow:hidden; height:0px; transition:all 0.5s ease-in-out;  position:absolute; padding-top:0;}
div.indextopheadxialabackbg{ position:fixed; left:0; width:100%; background:rgba(27,27,29,0.6); height:0px;  transition:all 0.5s ease-in-out;}
div.indextopheadxialatitle{  float:left; line-height:.3rem; height:.3rem; color:#ffffff; font-size:.14rem; font-weight:300;}
div.indextopheadxialatitle a{ transition:all 0.2s ease-in-out;}
div.indextopheadxialatitle:hover a{ line-height:.3rem; height:.3rem; color:#00b9b8; font-size:.14rem; font-weight:700;}

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

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

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

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

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

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

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

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


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


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


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


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

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

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

div.indexoneback{ width:100%; height:auto; position:relative;overflow-y:hidden;}

div.indexoneleftfollowpic{ width:0.3rem; height:9.5rem; position:absolute; left:1.4rem; top:0rem; background:url(../image/indexoneleftfollowpic.png) center no-repeat;}


div.indextwoleftfollowpic{ width:0.3rem; height:9.5rem; position:absolute; left:1.4rem; top:0rem; background:url(../image/indextwoleftfollowpic.png) center no-repeat;}

div.indexone{ width:95%; max-width:12.8rem; height:auto; position:relative; margin:auto; background:#fff;}

div.indexoneleft{width:8rem; height:6.4rem; float:left; position:relative; overflow:hidden;}

.swiper-container2 {
        width:15rem;
		
		 position:absolute;left:-3.4rem;
		 top:0;
		margin:auto;

		overflow:hidden;
		
    }
	
div.indexoneright{ width:3.92rem; float:right; margin-top:.82rem;}	

div.indexonerightentitle{ height:.43rem; line-height:.43rem; color:#00b8b8; font-size:.36rem;font-family:'BRLNSDB';}

div.indexonerightcntitle{ height:.34rem; line-height:.34rem; color:#323232; font-size:.18rem; font-weight:700;}

div.indexonerightdesc{ width:3.92rem; height:auto; line-height:.3rem; color:#5e5e5e; font-size:.14rem;}

.indexonemore{ width:1.39rem; height:.43rem;}
.button27 {
	color: rgba(202,202,202,1);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;
	border: 1px solid rgba(202,202,202,1);
	overflow: hidden;
	text-align:center;
}
.button27:hover{
	border: 1px solid rgba(202,202,202,0);
}
.button27 a{
	color: rgba(94,94,94,1);
	text-decoration: none;
	display: block;
	line-height:.43rem;
	
}
.button27::before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	z-index: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-transform: translate(-100%, -600%) rotate(30deg);
	transform: translate(-100%, -600%)  rotate(30deg);
	background-color: rgba(202,202,202,1);
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);

}
.button27:hover::before{
	-webkit-transform: translate(0,0);
	transform: translate(0,0);	
}

div.indextwoback{ width:100%; height:10.5rem; background:#ebeaf2; position:relative;}

div.indextwo{ max-width:12.8rem; width:100%; margin:auto;}

div.indextwoentitleback{ text-transform:uppercase; width:100%; text-align:center; height:.42rem; line-height:.42rem; color:#00b8b8; font-size:.36rem;font-family:'BRLNSDB';}

div.indextwocntitleback{ width:100%; height:.34rem; text-align:center; line-height:.34rem; color:#323232; font-size:.18rem; font-weight:700;}

div.indextwocont{ width:12.8rem; height:auto; margin:auto;} 

div.indextwocontleftback{ width:8rem; float:left; height:7rem; position:relative; overflow:hidden; transition:all 0.5s ease-in-out;}

div.indextwocontleft{  width:100%; height:100%; position:absolute; left:-100%; top:0; transition:all 0.5s ease-in-out;    
    background-position: 50% 0%;
    background-size: cover;
    z-index: 1;}

div.indextwocontleft img{ width:100%; height:100%;}
div.indextwocontrightback{ height:6rem; width:4.8rem; float:left; position:relative; transition:all 0.5s ease-in-out;}

div.indextwocontrightnavback{ cursor:pointer; width:4.8rem; height:1rem; position:absolute; right:0; top:0; transition:all 0.5s ease-in-out; z-index:1; border:#d9d9d9 0px solid;}

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

div.indextwocontrightnavleft{ width:1.32rem; height:1rem;transition:all 0.5s ease-in-out; float:left;}


div.indextwocontrightnavright{ width:2.76rem; height:1rem; float:right;transition:all 0.5s ease-in-out;}

div.indextwocontrightnavrightcntitle{ width:100%; height:.21rem; line-height:.21rem; color:#ffffff; font-size:16px;transition:all 0.5s ease-in-out;}

div.indextwocontrightnavrightentitle{ width:100%; height:0.16rem; line-height:0.16rem; color:#ffffff; font-size:14px;font-family:'BRLNSDB';transition:all 0.5s ease-in-out; text-transform:uppercase;}


div.indextwocontrightnavback:nth-child(1){ background:-webkit-linear-gradient(left, #45bfe7 , #4688e0); }

div.indextwocontrightnavback:nth-child(1) div.indextwocontrightnavleft{ background:url(../image/indextwonavicon1h.png) center no-repeat;}

div.indextwocontrightnavback:nth-child(1):hover div.indextwocontrightnavleft{ background:url(../image/indextwonavicon1.png) center no-repeat;}

div.indextwocontrightnavback:nth-child(2){ background:-webkit-linear-gradient(left, #24edb8 , #07d5d5); top:1rem; }

div.indextwocontrightnavback:nth-child(2) div.indextwocontrightnavleft{ background:url(../image/indextwonavicon2h.png) center no-repeat;}

div.indextwocontrightnavback:nth-child(2):hover div.indextwocontrightnavleft{ background:url(../image/indextwonavicon2.png) center no-repeat;}


div.indextwocontrightnavback:nth-child(3){ background:-webkit-linear-gradient(left, #45bfe7 , #4688e0); top:2rem;}

div.indextwocontrightnavback:nth-child(3) div.indextwocontrightnavleft{ background:url(../image/indextwonavicon3h.png) center no-repeat;}

div.indextwocontrightnavback:nth-child(3):hover div.indextwocontrightnavleft{ background:url(../image/indextwonavicon3.png) center no-repeat;}


div.indextwocontrightnavback:nth-child(4){ background:-webkit-linear-gradient(left, #24edb8 , #07d5d5); top:3rem;}

div.indextwocontrightnavback:nth-child(4) div.indextwocontrightnavleft{ background:url(../image/indextwonavicon4h.png) center no-repeat;}

div.indextwocontrightnavback:nth-child(4):hover div.indextwocontrightnavleft{ background:url(../image/indextwonavicon4.png) center no-repeat;}


div.indextwocontrightnavback:nth-child(5){ background:-webkit-linear-gradient(left, #45bfe7 , #4688e0); top:4rem;}

div.indextwocontrightnavback:nth-child(5) div.indextwocontrightnavleft{ background:url(../image/indextwonavicon5h.png) center no-repeat;}
div.indextwocontrightnavback:nth-child(5):hover div.indextwocontrightnavleft{ background:url(../image/indextwonavicon5.png) center no-repeat;}


div.indextwocontrightnavback:nth-child(6){ background:-webkit-linear-gradient(left, #24edb8 , #07d5d5); top:5rem;}

div.indextwocontrightnavback:nth-child(6) div.indextwocontrightnavleft{ background:url(../image/indextwonavicon6.png) center no-repeat;}
div.indextwocontrightnavback:nth-child(6):hover div.indextwocontrightnavleft{ background:url(../image/indextwonavicon6h.png) center no-repeat;}

div.indextwocontrightnavback:nth-child(7){ background:-webkit-linear-gradient(left, #45bfe7 , #4688e0); top:6rem;}

div.indextwocontrightnavback:nth-child(7) div.indextwocontrightnavleft{ background:url(../image/indextwonavicon7.png) center no-repeat;}
div.indextwocontrightnavback:nth-child(7):hover div.indextwocontrightnavleft{ background:url(../image/indextwonavicon7h.png) center no-repeat;}

div.indextwocontrightnavback:nth-child(1):hover{ width:5.7rem; border:#d9d9d9 1px solid; height:1.2rem; top:-0.1rem; background:#fff; z-index:10;}

div.indextwocontrightnavback:nth-child(2):hover{ width:5.7rem; border:#d9d9d9 1px solid; height:1.2rem; top:0.9rem; background:#fff; z-index:10;}

div.indextwocontrightnavback:nth-child(3):hover{ width:5.7rem; border:#d9d9d9 1px solid; height:1.2rem; top:1.9rem; background:#fff; z-index:10;}

div.indextwocontrightnavback:nth-child(4):hover{ width:5.7rem; border:#d9d9d9 1px solid; height:1.2rem; top:2.9rem; background:#fff; z-index:10;}

div.indextwocontrightnavback:nth-child(5):hover{ width:5.7rem; border:#d9d9d9 1px solid; height:1.2rem; top:3.9rem; background:#fff; z-index:10;}

div.indextwocontrightnavback:nth-child(6):hover{ width:5.7rem; border:#d9d9d9 1px solid; height:1.2rem; top:4.9rem; background:#fff; z-index:10;}

div.indextwocontrightnavback:nth-child(7):hover{ width:5.7rem; border:#d9d9d9 1px solid; height:1.2rem; top:5.9rem; background:#fff; z-index:10;}

div.indextwocontrightnavbackkd1:nth-child(1){ width:5.7rem; border:#d9d9d9 1px solid; height:1.2rem; top:-0.1rem; background:#fff; z-index:10;}

div.indextwocontrightnavbackkd1:nth-child(1) div.indextwocontrightnavleft{background:url(../image/indextwonavicon1.png) center no-repeat;}

div.indextwocontrightnavbackkd2:nth-child(2) div.indextwocontrightnavleft{background:url(../image/indextwonavicon2.png) center no-repeat;}

div.indextwocontrightnavbackkd2:nth-child(2){ width:5.7rem; border:#d9d9d9 1px solid; height:1.2rem; top:0.9rem; background:#fff; z-index:10;}

div.indextwocontrightnavbackkd3:nth-child(3){ width:5.7rem; border:#d9d9d9 1px solid; height:1.2rem; top:1.9rem; background:#fff; z-index:10;}

div.indextwocontrightnavbackkd3:nth-child(3) div.indextwocontrightnavleft{background:url(../image/indextwonavicon3.png) center no-repeat;}


div.indextwocontrightnavbackkd4:nth-child(4){ width:5.7rem; border:#d9d9d9 1px solid; height:1.2rem; top:2.9rem; background:#fff; z-index:10;}

div.indextwocontrightnavbackkd4:nth-child(4) div.indextwocontrightnavleft{background:url(../image/indextwonavicon4.png) center no-repeat;}


div.indextwocontrightnavbackkd5:nth-child(5){ width:5.7rem; border:#d9d9d9 1px solid; height:1.2rem; top:3.9rem; background:#fff; z-index:10;}

div.indextwocontrightnavbackkd5:nth-child(5) div.indextwocontrightnavleft{background:url(../image/indextwonavicon5.png) center no-repeat;}


div.indextwocontrightnavbackkd6:nth-child(6){ width:5.7rem; border:#d9d9d9 1px solid; height:1.2rem; top:4.9rem; background:#fff; z-index:10;}
div.indextwocontrightnavbackkd6:nth-child(6) div.indextwocontrightnavleft{background:url(../image/indextwonavicon6h.png) center no-repeat;}

div.indextwocontrightnavbackkd7:nth-child(7){ width:5.7rem; border:#d9d9d9 1px solid; height:1.2rem; top:5.9rem; background:#fff; z-index:10;}
div.indextwocontrightnavbackkd7:nth-child(7) div.indextwocontrightnavleft{background:url(../image/indextwonavicon7h.png) center no-repeat;}

div.indextwocontrightnavback:hover div.indextwocontrightnavleft{ height:1.2rem; width:2.32rem;}

div.indextwocontrightnavback div.indextwocontrightnavleftys1{height:1.2rem; width:2.32rem;}

div.indextwocontrightnavback:hover div.indextwocontrightnavright{ height:1.2rem;}

div.indextwocontrightnavback div.indextwocontrightnavrightys1{ height:1.2rem;}

div.indextwocontrightnavback:hover div.indextwocontrightnavrightcntitle{ color:#323232; margin-top:0.1rem;}

div.indextwocontrightnavback div.indextwocontrightnavrightcntitleys1{ color:#323232; margin-top:0.1rem;}

div.indextwocontrightnavback:hover div.indextwocontrightnavrightentitle{ color:#323232;}

div.indextwocontrightnavback div.indextwocontrightnavrightentitleys1{ color:#323232;}

div.indexthreeback{ width:100%; height:auto; min-height:6rem; position:relative; overflow:hidden;}

div.indexthreeleftfollowpic{ width:.3rem; height:6rem; background:url(../image/indexthreefollowpic.png) center no-repeat; position:absolute; left:1.4rem; top:0rem;}

div.indexthree{ width:100%; max-width:12.8rem; height:auto; margin:auto; position:relative; background:#fff; }

div.indexthreecntitleback{ width:100%; height:.42rem; line-height:.42rem; text-align:center; color:#00b8b8; font-size:0.36rem;font-family:'BRLNSDB'; text-transform:uppercase;}

div.indexthreeentitleback{ width:100%; height:.36rem;line-height:.36rem; text-align:center; color:#323232; font-size:0.18rem; font-weight:700;}

div.indexthreenavback{ width:25%; min-height:1.14rem; height:auto; float:left; line-height:1.14rem; text-align:center;}

div.indexthreenavback img{ max-width:100%; transition:all 0.5s ease-in-out; -webkit-filter: grayscale(100%);}

div.indexthreenavback img:hover{ max-width:100%; -webkit-filter: grayscale(0);}

div.indexfourback{ width:100%; height:3.5rem; background-image:url(../image/indexfourbg.jpg); background-position: 50% 0%;
    background-size: cover;
    z-index: 1; position:relative;}
	
div.indexfour{ max-width:12.8rem; width:100%; margin:auto; }	

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

div.indexfournavtitle{ width:100%; height:.42rem; line-height:.42rem;}

div.indexfournavtitle p{ padding-left:50%; color:#ffffff; font-size:.12rem;}

div.indexfournavtitle p span.indexfournavtitle1{ font-size:.3rem; font-weight:700; font-family:'Arial'; float:left;}

div.indexfournavtitle p span.indexfournavtitle2{  color:#ffffff; font-size:.12rem; float:left; margin-left:0.04rem;}

div.indexfournavsubtitle{ width:100%; height:.34rem; line-height:.34rem;}

div.indexfournavsubtitle p{ padding-left:50%; color:#ffffff; font-size:.14rem;}

div.indexfourgao{ height:1.36rem;}

div.indexfiveback{ width:100%; height:9.5rem; position:relative; overflow:hidden;}

div.indexfiveleftfollowleftpic{ width:.3rem; height:9.5rem; background:url(../image/indexfiveleftfollowpic.png) center no-repeat; position:absolute; left:1.4rem; top:0;}

div.indexnumleftfollowpic{ width:.3rem; height:3.5rem;background:url(../image/indexnumline.png) center no-repeat; position:absolute; left:1.4rem; top:0;}

div.indexfive{ max-width:12.8rem; width:100%; overflow:hidden; height:auto; background:#fff; margin:auto; }

div.indexfive ul li{ width:6.4rem; height:4.48rem;}

div.indexfivenewtop{ width:100%; height:auto; float:left;}

div.indexfivenewtopleft{ width:100%; float:left; height:2.24rem; overflow:hidden; position:relative;}

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

div.indexfivenewtopright{ width:100%; height:2.24rem; float:left; background:#fff;}

div.indexfivenewtoprighttitle{ width:80%; margin-right:7%; float:right; height:auto; line-height:.32rem; overflow:hidden; font-size:.18rem;}

div.indexfivenewtoprighttitle a{ font-weight:700;color:#323232; transition:all 0.5s ease-in-out;}

div.indexfivenewtoprightdata{ width:80%; margin-right:7%; height:.22rem; line-height:.22rem; float:right; color:#bdbbbb; font-size:.14rem;}

div.indexfivenewtoprightdesc{ width:80%; margin-right:7%; height:.92rem; overflow:hidden; float:right; line-height:.23rem; color:#7e7d7d; font-size:.14rem;}

div.indexfivenewtop:hover a{ color:#00b8b8;}

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

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

div.indexfiveanniuleft{ width:.4rem; height:.4rem; border-radius:50%; overflow:hidden; background:url(../image/indexfiveleft.png) #e9e9e9 center no-repeat; transition:all 0.5s ease-in-out; display:inline-block; cursor:pointer; margin:0 .25rem;}

div.indexfiveanniuleft:hover{  background:url(../image/indexfivelefth.png) #00b8b8 center no-repeat;}

div.indexfiveanniuright{ width:.4rem; height:.4rem; border-radius:50%; overflow:hidden; background:url(../image/indexfiveright.png) #e9e9e9 center no-repeat; transition:all 0.5s ease-in-out; display:inline-block; cursor:pointer; margin:0 .25rem;}

div.indexfiveanniuright:hover{  background:url(../image/indexfiverighth.png) #00b8b8 center no-repeat;}

div.publicfooterback{ width:100%; min-height:6rem; height:auto; overflow:hidden; background:#282828;}

div.publicfooter{ width:100%; max-width:12.8rem; height:auto; margin:auto;}

div.publicfooterleft{ float:left; height:auto;}

div.publicfooterleftnavback{ float:left;    margin-right: 1.03rem;}

div.publicfooterleftnavtitle{ height:.47rem; line-height:.47rem; color:#ffffff; font-size:.14rem; font-weight:700;}

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

div.publicfooterleftnavlist{ height:.34rem; line-height:.34rem; color:#979797; font-size:.14rem;}

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

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

div.publicfooterright{ width:4rem; float:right; height:auto;}

div.publicfooterrightleft{ width:2.3rem; float:left;}

div.publicfooterrightlefttitle1{ width:100%; height:.18rem; line-height:.18rem; color:#ffffff; font-size:.14rem; text-align:right;}

div.publicfooterrightlefttitle2{ width:100%; height:.37rem; line-height:.37rem; color:#ffffff; font-size:.36rem; text-align:right; font-weight:700;}

div.publicfooterrightlefttitle2 a{ color:#fff;font-family:'BRLNSDB';}

div.publicfooterrightlefttitle3{ width:100%; height:.28rem; line-height:.28rem; text-align:right; color:#979797; font-size:.14rem;}

div.publicfooterrightright{ width:1.5rem; float:right; height:auto;}

div.publicfooterrightrightewm{ width:1.5rem; height:1.5rem;}

div.publicfooterrightrightewm img{ width:1.5rem; height:1.5rem;}

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

div.publicfooterrightrighticon a{ margin:0 .1rem;}

div.publicfooteryqlj{ max-width:12.8rem; width:100%; margin:.57rem auto; height:.32rem; color:#fff; line-height:.32rem; font-size:.12rem;}

div.publicfooteryqlj a{ color:#fff; margin:0 .05rem;}

div.publicfooterdibubeian{ width:100%; min-height:.8rem; height:auto; line-height:.8rem; border-top:#373737 1px solid;}

div.publicfooterdibbba{ width:100%; max-width:12.8rem; margin:auto; text-align:right; color:#979797;}

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

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

div.dibujuligao{ height:.69rem;}

div.swiper-container3 .swiper-slide{ text-align:left;}

div.indexfivenewtopleftline{ width:90%; height:90%; position:absolute; left:5%; top:5%; border:1px solid #fff; opacity:0; transition:all 0.5s ease-in-out;}

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

div.indexfivenewtop:hover div.indexfivenewtopleftline{ opacity:1;}




div.indextopheadbackgundong div.indextopheadrightnav {
    float: left;
    height: 0.66rem;
    line-height: .66rem;
    font-size: .14rem;
    margin-left: .55rem;

    transition: all 0.5s ease-in-out;
    margin-top: -0.25rem;
}

div.indextopheadbackgundong div.indextopheadlogo{ height:.3rem; margin-left:0.6rem;    margin-top: -0.08rem;}



div.indextopheadbackgundong div.indextopheadright{ margin-right:0.6rem;}
div.indextopheadbackgundong div.indextopheadrightnav:hover{}

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

div.indexbannerspback video{  
            position:absolute;  
            left:0;

            top: 0px;  
            min-width: 100%;  
            min-height: 100%;  
            height: auto;  
            width: auto;  
            /*加滤镜*/
            /*filter: blur(15px); //背景模糊设置 */
            /*-webkit-filter: grayscale(100%);*/  
            /*filter:grayscale(100%); //背景灰度设置*/  
            z-index:-11
        }  
div.indexbannerspback source{  
            min-width: 100%;  
            min-height: 100%;  
            height: auto;  
            width: auto;  
        } 

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

div.neiyebannercntitle{ padding-top:2.89rem; width:100%; height:.43rem; line-height:.43rem; text-align:center; color:#ffffff; font-size:.24rem; font-weight:700;}

div.neiyebannerdesc{ width:100%; height:.32rem; line-height:.32rem; text-align:center; color:#fff; font-size:.14rem;}

div.neiyebannerentitle{ width:100%; height:.48rem; line-height:.48rem; text-align:center; color:#fff; font-size:.14rem; text-transform:uppercase; letter-spacing:.41rem;font-family:'HelveticaExtNormal';}
div.xinwenlistback{ width:100%; max-width:12.8rem; height:auto; margin:auto;}

div.xinwenlist{ width:100%; max-width:12.8rem; height:2.49rem; border-bottom:#e7e8e8 1px solid; position:relative; margin-top:.24rem; transition:all 0.5s ease-in-out; margin:auto; margin-bottom:0.3rem;}

div.xinwenlistleft{ width:3.2rem; height:2.24rem; float:left; overflow:hidden;transition:all 0.5s ease-in-out;}

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

div.xinwenlistmiddleback{transition:all 0.5s ease-in-out; width:7.7rem; height:1.19rem; float:left; overflow:hidden; margin-left:.26rem; margin-top:.21rem;}

div.xinwenlistmiddletitle{transition:all 0.5s ease-in-out; width:100%; height:.32rem; overflow:hidden; line-height:.32rem; color:#323232; font-size:.18rem; font-weight:bold;}

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

div.xinwenlistmiddletime{ width:100%; height:.22rem; line-height:.22rem; color:#bdbbbb; font-size:.14rem;}

div.xinwenlistmiddledesc{transition:all 0.5s ease-in-out; width:100%; height:.48rem; overflow:hidden; line-height:.24rem; color:#7e7d7d; font-size:.14rem;}

div.xinwenlistmore{transition:all 0.5s ease-in-out; width:1.39rem; height:.43rem; float:left; margin-left:.19rem; margin-top:.79rem; border:#cacaca 1px solid; background:#fff; text-align:center; line-height:.43rem; color:#5e5e5e; font-size:12px; transition:all 0.5s ease-in-out;}

div.xinwenlistmore a{ color:#5e5e5e; display:block; width:100%; height:100%;}

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

div.xinwenlist:hover div.xinwenlistmiddletitle a{ color:#00b9b8;}

div.xinwenlist:hover div.xinwenlistmore{ background:#00b9b8; border:#00b9b8 1px solid;}

div.xinwenlist:hover div.xinwenlistmore a{ color:#fff;}

div.xinwenlistmoreline{ width:0; position:absolute; left:0; bottom:-1px; background:#00b9b8; height:1px; transition:all 1s ease-in-out;}

div.xinwenlist:hover div.xinwenlistmoreline{width:100%; }

.pagination p {
	margin: 0;
	cursor: pointer
}
.pagination {
	height: .36rem;
	text-align: center;
}
.pagination a {
	display: inline-block;
	margin-right: 10px;
	height: .36rem;
	line-height: .36rem;
	
	text-decoration: none;
	color: #c2c4c4;
	font-size: 14px;
	text-align: center;
	
	transition:all 0.3s ease-in-out;
	background:url(../image/fanyebg.png) center no-repeat;
}
.pagination a:hover {
	color: #fff;
	background:url(../image/fanyebgh.png) center no-repeat;
}
.pagination a.cur {
	display: inline-block;
	margin-right: 10px;
border: 1px #077ee3 solid;
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	text-align: center;
	
	transition:all 0.3s ease-in-out;
	background:url(../image/fanyebgh.png) center no-repeat;
}
.pagination p {
	display: inline-block;
	font-size: 14px;
	height: .36rem;
	line-height: .36rem;
	color: #fff;
	text-align: center;
	background: #fe6600;
	margin-right: 8px;
	
}
.pagination p.pageRemark {
	border-style: none;
	background: none;
	margin-right: 0px;
	padding: 4px 0px;
	color: #fe6600;
	border-radius:50%;
}
.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: .61rem;
	height: .36rem;
	border-radius:50%;

	padding: 0;
	margin-top: 4px;
	background:none;
	font-size:.14rem;
}
.pagination .page_xyy:hover{ background:none; color:#222;}
.pagination .page_syy {
	width: .61rem;
	height: .36rem;
	border-radius:50%;
	padding: 0;
	margin-top: 4px;
	background:none;
	font-size:.14rem;
}
.pagination .page_syy:hover{ background:none; color:#222;}
.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;
}

div.xinwenxxback{ max-width:12.8rem; width:90%; 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:.14rem; }

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.chanpinnavback{ width:98%; max-width:12.8rem; margin:auto; height:auto;}

div.chanpinnav{ width:3.1rem; height:2.4rem; float:left; margin-left:.1rem;  margin-bottom:.1rem; background:url(../image/listcp_navbg.jpg) #2e4f73 bottom right no-repeat; transition:all 0.5s ease-in-out; position:relative;}

div.chanpinnavlink{ width:3.1rem; height:2.4rem; position:absolute; left:0px; top:0;}

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

div.chanpinnavlink a p{ line-height:2.05rem; padding-left:1.06rem; color:#fff; font-size:.18rem; font-weight:700;}

div.chanpinnav:hover{ background:url(../image/listcp_navbgh.jpg) #00b9b8 bottom right no-repeat;}

div.chanpinnavbg{background:url(../image/listcp_navbgh.jpg) #00b9b8 bottom right no-repeat;}

div.chanpin_listback{   overflow:hidden; width:90%; border-bottom:#e7e8e8 1px solid; position:relative; max-width:12.8rem; margin:auto; padding-bottom:.5rem; transition:all 0.5s ease-in-out; margin-bottom:0.5rem; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0);}

div.cpdjzk{ width:100%;cursor:pointer; height:100%; position:absolute; left:0; top:0; z-index:10;}


div.cpdjzkzk{ width:100%;cursor:pointer; height:100%; position:absolute; left:0; top:0; z-index:10;}

div.chanpin_listback:hover{ border-bottom:#00b9b8 1px solid; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);}

div.chanpin_listbackborderh{border-bottom:#00b9b8 1px solid;}

div.chanpin_listleft{ outline:none; width:.3rem; height:.35rem; float:left; margin-top:.68rem; margin-left:.7rem; transition:all 0.5s ease-in-out;}

div.chanpin_listright{ outline:none;width:90%; max-width:9.5rem;  float:left; margin-left:.6rem; margin-top:.56rem; overflow:hidden; transition:all 0.7s ease-in-out; }

div.chanpin_listrighttitle{ width:100%; height:.38rem; line-height:.38rem; color:#323232; font-size:18px; font-weight:700; overflow:hidden; transition:all 0.5s ease-in-out; cursor:pointer;}

div.chanpin_listback:hover div.chanpin_listrighttitle{ color:#00b9b8;}

div.chanpin_listrightdesc{ width:100%; height:.48rem;  line-height:.24rem; color:#7e7d7d; font-size:.14rem;}

div.chanpin_listrightcontback{ width:100%; height:0px; overflow:hidden; margin:auto;  margin-top:0rem; position:relative; transition:all 0.7s ease-in-out; }

div.chanpin_listrightcontbackleftdj{ margin:auto; margin-top:.32rem; }

div.chanpin_listrightcontback div.chanpin_listrighttitle{ cursor:text; height:auto; overflow:hidden;}

div.chanpin_listback:hover div.chanpin_listrightcontback div.chanpin_listrighttitle{ color:#323232;}

div.chanpin_listrightcontent{ width:100%; height:auto; font-size:.14rem; line-height:.25rem; margin-top:.2rem;}

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

div.chanpin_listrightcontbackclose{ width:.45rem; height:.12rem;  position:absolute; top:0rem; right:0rem; cursor:pointer;}
div.chanpindjh{box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);}

div.lxwm_ditu{ width:100%; max-width:12.8rem; height:5rem; margin:auto;box-shadow: 0px 11px 20px rgba(0, 0, 0, 0.3); margin-bottom:.75rem; margin-top:.7rem;}

div.lxwm_xinxiback{ max-width:12.8rem; width:100%; height:auto; margin:auto;}

div.lxwm_xinxinav{ float:left; margin-left:.4rem; height:.5rem;}

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

div.lxwm_xinxinavleftimg{ width:.5rem; height:.5rem; float:left;}

div.lxwm_xinxinavleftimg img{width:.5rem; height:.5rem; }

div.lxwm_xinxinavlefttitle{ float:left; line-height:.5rem; margin-left:.15rem; color:#323232; font-size:.14rem;}

div.gywmoneback{ width:100%; max-width:12.8rem; margin:auto; height:auto;}

div.gywmleftback{ width:4.8rem; height:6.4rem; float:left; position:relative; overflow:hidden;}

div.gywm_onerightback{ width:7.57rem; float:right; height:auto; margin-top:.58rem}

div.gywm_onerighttitle{ width:100%; height:.5rem; line-height:.5rem; color:#323232; font-size:36px;font-family:'BRLNSDB';}

div.gywm_onerightdesc{ width:100%; height:.42rem; line-height:.42rem; color:#323232; font-size:18px; font-weight:700;}

div.gywm_onerightcont{ width:100%; height:auto; line-height:.3rem; color:#5e5e5e; font-size:.14rem;}

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

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

div.gywm_onerightcontimgnav{ width:1rem; height:1.39rem; float:left; margin-left:.55rem;}




div.gywm_twoback{ width:100%; max-width:12.8rem; height:auto; margin:auto;}

div.gywm_twonav{ width:3rem; height:4.7rem; float:left;}

div.gywm_twonavpic{ width:3rem; height:4.26rem; position:relative; }

div.gywm_twonavtitle{ width:100%; height:.45rem; line-height:.45rem; text-align:center; color:#5e5e5e; font-size:.14rem;}

div.gywm_twonavpic1{ width:2.01rem; height:2.84rem; position:absolute; left:.38rem; top:.75rem; }

div.gywm_twonavpic1 img{width:2.01rem; height:2.84rem;}

.swiper-container5 {
        width:100%;
		
	
		margin:auto;

		overflow:hidden;
		position:relative;
		
    }
.swiper-container7 {
        width:100%;
		
	
		margin:auto;

		overflow:hidden;
		position:relative;
		
    }
	
div.gywmtwoanniuback{ width:100%; text-align:center; height:.35rem;}	

div.gywmtwoanniuleft{ width:.3rem; height:.35rem; display:inline-block; margin-right:0.2rem; cursor:pointer; outline:none;}

div.gywmtwoanniuright{ width:.3rem; height:.35rem; display:inline-block; margin-left:0.2rem; cursor:pointer; outline:none;}

div.gywmthreeback{ width:100%; height:6rem; background-image:url(../image/gywmthreeback.jpg); position:0 50%; background-repeat:no-repeat; background-size:cover;}

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

div.gywmthreeqiehuanline{ width:100%; height:1px; background:rgba(255,255,255,0.25); position:absolute; left:0; top:.72rem}
div.gywmthreeqiehuannavback{ width:100%; max-width:12.8rem; margin:auto;}
div.gywmthreeqiehuannav{ width:2rem; height:auto; float:left;}

div.gywmthreeqiehuannavy{ width:100%; height:.5rem; line-height:.5rem; color:#ffffff; font-size:.3rem; font-weight:700;}

div.gywmthreeqiehuannavy span{font-size:.14rem; font-weight:normal;}

div.gywmthreeqiehuannavpic{ width:.22rem; height:.22rem; margin-top:0.12rem;}

div.gywmthreeqiehuannavpic img{ width:.22rem; height:.22rem;}

div.gywmthreeqiehuannavdesc{ width:100%; height:auto; line-height:.25rem; color:#fff; font-size:.14rem;}

.swiper-container6 {
        width:100%;
		
	
		margin:auto;

		overflow:hidden;
		position:relative;
		
    }
.swiper-slide6 {
        
   

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
		    width: 100%;
    height: 100%;
    top: 0;
    left: 0;

    z-index: 1;
	position:relative;
	
}
div.gywmtwoanniuback1{ width:100%;  height:.35rem; text-align:center;}	
div.gywmtwoanniuleft1{ width:.3rem; height:.35rem; display:inline-block; margin-right:.2rem;  cursor:pointer;}

div.gywmtwoanniuright1{ width:.3rem; height:.35rem; display:inline-block; margin-left:.2rem;  cursor:pointer;}

div.gywmfourback{ width:100%; max-width:12.8rem; margin:auto;}

div.gywmfourleftback{ width:6.4rem; height:6rem; float:left;}

div.gywmfourleftback img{ width:6.4rem; height:6rem;}

div.gywmfourrightback{ width:5.99rem; height:auto; float:right;}

div.gywmfourrighttopback{ width:100%; height:2.9rem; overflow:hidden;}

div.gywmfourrighttop{ width:100%;}

div.gywmfourrighttopleft{ width:50%; height:2.9rem; float:left; background:#3375b1;}

div.gywmfourrighttopright{ width:50%; height:2.9rem; float:left;}

div.gywmfourrighttopright img{ width:100%; height:2.9rem; }

div.gywmfourrighttoplefttitle{ width:70%; height:.31rem; line-height:.31rem; color:#ffffff; font-size:.14rem; overflow:hidden; margin-left:.46rem;text-align:left;}

div.gywmfourrighttopleftdesc{ width:70%; height:.69rem; line-height:.23rem; overflow:hidden; color:#ffffff; opacity:.5; margin-top:.04rem;margin-left:.46rem; font-size:.14rem; text-align:left;}

div.gywmtwoanniuleft2{ width:.35rem; height:.35rem; position:absolute; top:1.87rem; left:.46rem; z-index:10; cursor:pointer;}


div.gywmtwoanniuright2{ width:.35rem; height:.35rem; position:absolute; top:1.87rem; left:1.07rem; z-index:10; cursor:pointer;}

div.gywmfouryouxia{ width:5.99rem; height:2.7rem;}

div.gywmfouryouxia img{ width:5.99rem; height:2.7rem;}

div.gywmfiveback{ width:4.22rem; height:2.83rem; float:left; margin-left:.07rem;}

div.gywmfive{ width:4.22rem; height:2.19rem; background:#eeeded;}

div.gywmfivepic{ width:4rem; height:2rem; margin:auto; overflow:hidden;}

div.gywmfivepic img{ width:4rem; height:2rem; transition:all 0.5s ease-in-out;transform: scale(1);}

div.gywmfivetitle{ width:100%; height:.64rem; line-height:.64rem; text-align:center; overflow:hidden; color:#5e5e5e; font-size:.14rem;}

div.gywmfivetitle a{color:#5e5e5e; transition:all 0.5s ease-in-out;}

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

div.gywmfiveback:hover div.gywmfivetitle a{ color:#00b9b8;}

div.gywm_fiveout{ width:100%; max-width:12.8rem; margin:auto;height:2.83rem; overflow:hidden;}

div.gywmfivemoreback{ width:1.54rem; height:.49rem; margin:auto; border:3px solid #e5e5e5; border-radius:35px; line-height:.49rem; text-align:center; cursor:pointer; color:#00b9b8;}

div.shzrback{ max-width:12.8rem; width:95%; margin:auto; height:auto;}

div.shzrleftback{ width:6.3rem; height:5.9rem; float:left; overflow:hidden; position:relative;}

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

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

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

div.shzrleftcontenttitle{ width:auto; height:.48rem; margin-left:.71rem; line-height:.48rem; color:#ffffff; font-size:.3rem; font-weight:700;}

div.shzrleftcontentdesc{ width:auto; height:auto; margin-left:.71rem; line-height:.22rem;color:#ffffff; font-size:.14rem;}

div.shzrrightback{ width:6.3rem; height:auto; float:right;}

div.shzrrighttop{ width:6.3rem; height:2.8rem; position:relative;overflow:hidden;}

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

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

div.shzrrighttopbl{ float:left;}
div.shzrrighttopbr{ float:right;}

div.hyyyback{ width:100%; height:auto; background:#eef2f5;}

div.hyyylistback{ max-width:12.8rem; height:4.8rem;height:auto; width:95%; margin:auto; margin-top:.3rem; position:relative;}

div.hyyylistmaodian{ width:100%; height:1px; position:absolute; left:0; top:-0.70rem;}

div.hyyylistleft{ width:6.4rem;  height:4.8rem; height:auto; float:left; overflow:hidden;}
 
div.hyyylistleft img{ width:100%; height:100%;transform: scale(1); transition:all 0.5s ease-in-out;}

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

div.hyyylistright{  background:#fff;width:6.4rem; height:4.8rem; float:left;}

div.hyyylistrighttitle{ width:auto; line-height:.35rem; height:.35rem; padding-top:.75rem; margin-left:.63rem;}

div.hyyylistrighttitleleft{ width:.3rem; height:.35rem; float:left;}

div.hyyylistrighttitleleft img{ width:.3rem; height:.35rem;}

div.hyyylistrighttitleright{ width:auto; float:left; line-height:.35rem; height:.35rem; margin-left:.2rem; color:#323232; font-size:.24rem; font-weight:700;}

div.hyyylistrightdesc{ margin-top:.21rem; width:5.15rem; height:3rem; overflow:hidden; margin-left:.63rem; color:#7e7d7d; line-height:.3rem; text-indent:2em; font-size:.14rem;}

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

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

div.jsfw_oneback{ width:95%; max-width:12.8rem; height:auto; margin:auto; font-size:.14rem;}

div.jsfw_onecont{ width:100%; height:auto; line-height:.3rem; color:#5e5e5e;}

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

div.jsfw_twoback{ width:95%; max-width:12.8rem; height:auto; margin:auto;}

div.jsfw_twonav{ width:30%; height:4.5rem; float:left; background:#6cbdbd; margin-left:5%;}

div.jsfw_twonavtitle{ width:100%; height:.83rem; line-height:.83rem; text-align:center; color:#fff; font-size:.24rem; font-weight:700;}

div.jsfw_twonavdesc{ width:100%; height:auto; line-height:.3rem; text-align:center; color:#fff; font-size:.16rem;}

div.jsfw_threecontnav{ width:1.98rem; height:2.43rem; float:left; border:1px solid #c9c9c9;}

div.jsfw_threecontnavnum{ width:100%; height:.25rem; line-height:.25rem; text-align:center; color:#00b9b8; font-size:.36rem;font-family:'BRLNSDB';}

div.jsfw_threecontnavtitle{ width:100%; height:.44rem; line-height:.44rem; color:#333333; font-size:.16rem; font-weight:700; text-align:center;}

div.jsfw_threecontnavdesc{ width:80%; font-size:.14rem; margin:auto; line-height:.18rem; height:auto; color:#8d8a8a; text-align:left;}

div.jsfw_threecontnavjt{ border:#fff 1px solid;  width:.2rem; height:2.43rem; float:left;margin:0 .2rem; }

div.yxwlnav{ width:2.2rem; height:4.3rem; display:inline-block;    margin: 0 1%;}

div.yxwlnav img{width:2.2rem; height:4.3rem; width:100%;}

@media screen and (max-width:1366px){div.lxwm_xinxinav{ float:left; margin-left:.3rem; height:.5rem;}}
@media screen and (max-width:1280px){
	div.indextopheadlogo{ width:auto; height:.33rem; float:left; margin-left:.50rem; transition:all 0.5s ease-in-out;}
	
	
	
	div.indexoneleftfollowpic{ display:none;}
	
	div.indextwoleftfollowpic{ display:none;}
	
	div.indexthreeleftfollowpic{ display:none;}
	div.indexnumleftfollowpic{ display:none;}
	div.indexfiveleftfollowleftpic{ display:none;}
	
	div.xinwenlistmiddleback{ width:7.7rem;}
	 div.lxwm_xinxinav{ float:left; margin-left:.3rem;}
}

@media screen and (max-width:1130px){
	div.indextwocontrightnavback a{ display:block; width:100%; height:100%;pointer-events:none;} 
	div.indextwocontrightnavright{ width:2.05rem;}	
	div.indextopheadlogo{ width:auto; height:.33rem; float:left; margin-left:.50rem; transition:all 0.5s ease-in-out;}
	
	div.indextopheadrightnavback{ display:none; float:left; transition:all 0.5s ease-in-out;}
	
	div.indextopheadrightsousuo{ display:none;}

	
	.menuph{ display:block;}
	div.indextopheadrightsousuosj{ display:block; margin:auto; float:none;   width: 1.9rem;
    height: .4rem;}
	div.indextopheadrightsousuosj div.indextopheadrightsousuoleft{ width:.25rem; height:.25rem;}
	div.indextopheadrightsousuosj div.indextopheadrightsousuoright{ width:1.4rem;}
	div.indexoneleft{ max-width:100%; width:8rem; height:6.4rem; margin:auto; float:none; position:relative; overflow:hidden;}
div.indexoneright{ width:100%; float:none; margin:auto; margin-top:.22rem;}	
div.indexonerightdesc{ width:100%; height:auto; line-height:.3rem; color:#5e5e5e; font-size:.14rem;}
.indexonemore{ margin:auto;}
div.indextwocont{ max-width:11rem; width:100%;}


div.indextwocontrightback{ width:2.5rem;}
div.indextwocontrightnavback{ cursor:pointer; width:2.5rem; height:1rem; position:absolute; right:0; top:0; transition:all 0.5s ease-in-out; z-index:1; border:#d9d9d9 0px solid;}
div.indextwocontrightnavrightcntitle{ height:.3rem; line-height:.3rem;}
div.indextwocontrightnavrightentitle{ height:.2rem; line-height:.2rem;}

div.indextwocontrightnavback:nth-child(1):hover{ width:3.38rem; border:#d9d9d9 1px solid; height:1.2rem; top:-0.1rem; background:#fff; z-index:10;}

div.indextwocontrightnavback:nth-child(2):hover{ width:3.38rem; border:#d9d9d9 1px solid; height:1.2rem; top:0.9rem; background:#fff; z-index:10;}

div.indextwocontrightnavback:nth-child(3):hover{ width:3.38rem; border:#d9d9d9 1px solid; height:1.2rem; top:1.9rem; background:#fff; z-index:10;}

div.indextwocontrightnavback:nth-child(4):hover{ width:3.38rem; border:#d9d9d9 1px solid; height:1.2rem; top:2.9rem; background:#fff; z-index:10;}

div.indextwocontrightnavback:nth-child(5):hover{ width:3.38rem; border:#d9d9d9 1px solid; height:1.2rem; top:3.9rem; background:#fff; z-index:10;}

div.indextwocontrightnavback:nth-child(6):hover{ width:3.38rem; border:#d9d9d9 1px solid; height:1.2rem; top:4.9rem; background:#fff; z-index:10;}

div.indextwocontrightnavback:nth-child(7):hover{ width:3.38rem; border:#d9d9d9 1px solid; height:1.2rem; top:5.9rem; background:#fff; z-index:10;}

div.indextwocontrightnavbackkd1:nth-child(1){ width:3.38rem; border:#d9d9d9 1px solid; height:1.2rem; top:-0.1rem; background:#fff; z-index:10;}

div.indextwocontrightnavbackkd1:nth-child(1) div.indextwocontrightnavleft{background:url(../image/indextwonavicon1.png) center no-repeat;}

div.indextwocontrightnavbackkd2:nth-child(2) div.indextwocontrightnavleft{background:url(../image/indextwonavicon2.png) center no-repeat;}

div.indextwocontrightnavbackkd2:nth-child(2){ width:3.38rem; border:#d9d9d9 1px solid; height:1.2rem; top:0.9rem; background:#fff; z-index:10;}

div.indextwocontrightnavbackkd3:nth-child(3){ width:3.38rem; border:#d9d9d9 1px solid; height:1.2rem; top:1.9rem; background:#fff; z-index:10;}

div.indextwocontrightnavbackkd3:nth-child(3) div.indextwocontrightnavleft{background:url(../image/indextwonavicon3.png) center no-repeat;}


div.indextwocontrightnavbackkd4:nth-child(4){ width:3.38rem; border:#d9d9d9 1px solid; height:1.2rem; top:2.9rem; background:#fff; z-index:10;}

div.indextwocontrightnavbackkd4:nth-child(4) div.indextwocontrightnavleft{background:url(../image/indextwonavicon4.png) center no-repeat;}


div.indextwocontrightnavbackkd5:nth-child(5){ width:3.38rem; border:#d9d9d9 1px solid; height:1.2rem; top:3.9rem; background:#fff; z-index:10;}

div.indextwocontrightnavbackkd5:nth-child(5) div.indextwocontrightnavleft{background:url(../image/indextwonavicon5.png) center no-repeat;}


div.indextwocontrightnavbackkd6:nth-child(6){ width:3.38rem; border:#d9d9d9 1px solid; height:1.2rem; top:4.9rem; background:#fff; z-index:10;}
div.indextwocontrightnavbackkd6:nth-child(6) div.indextwocontrightnavleft{background:url(../image/indextwonavicon6.png) center no-repeat;}
	
div.indextwocontrightnavbackkd7:nth-child(7){ width:3.38rem; border:#d9d9d9 1px solid; height:1.2rem; top:5.9rem; background:#fff; z-index:10;}
div.indextwocontrightnavbackkd7:nth-child(7) div.indextwocontrightnavleft{background:url(../image/indextwonavicon6.png) center no-repeat;}

div.indextwocont{ width:100%;}
div.indextwocontrightnavleft{ display:none;}

div.publicfooterleft{ display:none;}

div.publicfooterright {
    width: 100%;
    float: none;
    height: auto;
}

div.publicfooterrightleft{ float:none; width:100%;}
div.publicfooterrightlefttitle1{ text-align:center;}
div.publicfooterrightlefttitle2{ text-align:center;}
div.publicfooterrightlefttitle3{ text-align:center;}
div.publicfooterrightright{ width:100%; float:none; text-align:center;}
div.publicfooterrightrightewm{ margin:auto; margin-top:0.2rem;}
div.publicfooteryqlj{ width:95%; margin:.3rem auto;}

div.dibujuligao{ height:.4rem;}
div.publicfooterdibubeian {
    width: 100%;
    min-height: .8rem;
    height: auto;
    line-height: .5rem;
    border-top: #373737 1px solid;
	font-size:.12rem;
}
div.publicfooterdibbba {
    width: 95%;
    max-width: 12.8rem;
    margin: auto;
    text-align: right;
    color: #979797;
}
div.indexbannermouse{ display:none;}

div.indextopheadbackgundong div.indextopheadlogo{ margin-left:.5rem; transition:all 0.5s ease-in-out;margin-top: 0.03rem;}
div.hyyylistleft{ width:50%;  height:auto; height:auto; float:left;}
 
div.hyyylistleft img{ width:100%; height:100%;}

div.hyyylistback{ background:#fff; overflow:hidden;}
 
div.hyyylistright{  background:#fff;width:50%; height:auto; float:left;}
div.hyyylistrightdesc {
    margin-top: .21rem;
    width: auto;
    height: 3rem;
    overflow: hidden;
    margin-left: .63rem;
    color: #7e7d7d;
    line-height: .3rem;
    text-indent: 2em;
    font-size: .14rem;
    padding-right: .2rem;
}
div.indextopheadback{ background:rgba(40,40,40,0.9); padding:.24rem 0 0 0; top:0; position:fixed;}
div.indextopheadback{ background:rgba(40,40,40,0.9); height:.33rem; padding:.24rem 0; top:0; position:fixed;}
div.lxwm_xinxinav {
    width: 95%;
    float: none;
    margin-left: 5%;
    margin-bottom: .3rem;
    display: block;
}
div.lxwm_xinxinav:nth-child(1){ margin-left:5%;}
}
@media screen and (max-width:1025px){
	
	div.indextopheadlogo{    margin-top: 0.05rem;}
	
	}
@media screen and (max-width:900px){
	div.yxwlnav {
    width: 25.9%;
    height: auto;
    display: inline-block;
    margin: 0 1%;
	margin-bottom:.3rem;
}
div.yxwlnav img{
    
    height: auto;
   
}
	div.jsfw_threecontnav {
    width: 18%;
    height:3rem;
    float: left;
    border: 1px solid #c9c9c9;

}
div.jsfw_threecontnavjt{ width:.2rem;height: 3rem;margin: 0 .1rem;margin-bottom:.3rem;}

div.jsfw_threecontnavdesc {
    width: 80%;
    font-size: .14rem;
    margin: auto;
    line-height: .28rem;
    height: auto;
    color: #8d8a8a;
    text-align: left;
}
	div.indexbannerspback video{ display:none;}
	div.lxwm_xinxinav{ width:95%;  float:none; margin-left:5%; margin-bottom:.3rem; display:block;} 
div.lxwm_xinxinav:nth-child(1){ margin-left:5%;}
	div.xinwenlist{ width:100%; max-width:12.8rem; height:auto; padding-bottom:0.2rem; border-bottom:#e7e8e8 1px solid; position:relative; margin-top:.24rem; transition:all 0.5s ease-in-out;}
div.xinwenlistmore{transition:all 0.5s ease-in-out; width:1.39rem; height:.43rem; float:left; margin-left:.19rem; margin-top:.1rem; border:#cacaca 1px solid; background:#fff; text-align:center; line-height:.43rem; color:#5e5e5e; font-size:12px; transition:all 0.5s ease-in-out;}

div.shzrleftback{ float:none; margin:auto; width:95%; height:auto; margin-bottom:.3rem;}

div.shzrrightback{ float:none; margin:auto; width:95%; height:auto;}

div.shzrrighttop{ float:none; margin:auto;width:100%; height:auto;}

div.shzrrighttopbl{ margin-bottom:.25rem; width:95%;}

div.shzrleftcontentdesc{ padding-right:.23rem;}

div.shzrrighttopbr{width:95%;}

div.gywm_onerightdesc {
    width: 100%;
    height: 0.72rem;
    line-height: .72rem;
    color: #323232;
    font-size: 18px;
    font-weight: 700;
	text-align:center;
}
div.gywm_onerighttitle{ text-align:center;}

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

div.gywm_onerightcontimgnav{ width:18%;   height:auto; float:none; display:inline-block; margin-left:0;}

div.gywm_onerightcontimgnav img{    max-width: 1.66rem;}
	
}
@media screen and (max-width:798px){
    div.shoujibianxiaosroll{ width:30%;    top: 81% !important;
 height:auto;}
div.shoujibianxiaosroll img{ width:100%; height:auto;}
		div.yxwlnav {
    width: 28%;
    height: auto;
    display: inline-block;
    margin: 0 1%;
	margin-bottom:.3rem;
}
div.yxwlnav img{
    width:220px;
    height: auto;
   
}
div.chanpinnavback{ width:auto; max-width:12.8rem; margin:auto; height:auto; text-align:left; margin:auto;}
	
div.chanpin_listback{  overflow:hidden; width:90%; border-bottom:#e7e8e8 1px solid; position:relative; max-width:12.8rem; margin:auto; padding-bottom:.25rem; transition:all 0.5s ease-in-out; margin-bottom:0.5rem; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0);}
	
div.chanpin_listrightcontback{ width:100%; height:0px; overflow:hidden; margin:auto;  margin-top:.56rem; position:relative; transition:all 0.7s ease-in-out; }	
div.chanpin_listrightcontbackleftdj{margin:auto; margin-top:.2rem; }
div.chanpinnav{ width:48%; height:1.4rem; margin:0 1%; float:left background:url(../image/listcp_navbg.jpg) #2e4f73 bottom right no-repeat; transition:all 0.5s ease-in-out; position:relative; margin-bottom:.05rem;}
div.chanpinnav img{ margin-top:-0.4rem;}
div.chanpinnavlink{ width:2.8rem; height:1.4rem; position:absolute; left:0px; top:0;}
div.indextopheadlogo{ height:.33rem; margin-top:0px;}
div.indextopheadbackgundong div.indextopheadlogo{ height:.33rem; margin-top:0px;}
div.chanpinnavlink a p{line-height:1.4rem; text-align:left;}

	div.xinwenlistmiddleback {
    width: 6rem;
}
	
div.chanpin_listleft {
    outline: none;
    width: .3rem;
    height: .35rem;
    float: none;
    margin-top: .68rem;
    margin-left: .35rem;
    transition: all 0.5s ease-in-out;
}
div.chanpin_listright {
    outline: none;
    width: 90%;
    max-width: 9.5rem;
    float: none;
    margin: auto;
    
    margin-top: .56rem;
    overflow: hidden;
    transition: all 0.7s ease-in-out;
}

div.gywmfourrightback {
    width: 5.99rem;
    height: auto;
    float: none;
    margin: auto;
    margin-top: .3rem;
}
div.gywmfourleftback {
    width: 6.4rem;
    height: 6rem;
    float: none;
    margin: auto;
}
div.gywmfive {
    width: 100%;
    height: 2.19rem;
    background: #eeeded;
}
div.gywmfiveback {
    width: 49%;
    height: 2.83rem;
    float: left;
    margin-left: .07rem;
}
div.gywmleftback {
    width: 4.8rem;
    height: 6.4rem;
    float: none;
    position: relative;
    overflow: hidden;
    margin: auto;
}
div.gywmfivepic {
    width: 80%;
    height: 2rem;
    margin: auto;
    overflow: hidden;
}
div.gywmfivepic img {
    width: 100%;
    height: 2rem;
    margin: auto;
    overflow: hidden;

}

div.gywm_onerightback {
    width:95%;
    float: none;
    height: auto;
    margin-top: 0.58rem;
    margin: auto;
    margin-top: .5rem;
}
div.indextwocontrightnavright{ width:2.05rem;}	

html{overflow-x:hidden;}
.swiper-container2 {
        width:15rem;
		
		 position:absolute;left:-3.4rem;
		 top:0;
		margin:auto;

		overflow:hidden;
		
    }
div.indextwocont{ width:100%;}
div.indextwocontleftback {
       width: 3.75rem;
    float: left;
    height: 7rem;
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
}

div.indextwocont {
    width: 6.3rem;
	margin:auto;
}
div.indexthreenavback{ width:50%; height:1.14rem; float:left; line-height:1.14rem; text-align:center;}
div.indexthreeback{ padding-bottom:.3rem;}

div.indexfournav{ width:50%; height:auto; float:left; margin-bottom:.4rem;}

div.indexfourgao{ height:.7rem;}
div.indexfournavtitle p{ padding-left:33%; color:#ffffff; font-size:.12rem;}
div.indexfournavsubtitle p{ padding-left:33%; color:#ffffff; font-size:.14rem;}

div.indexbannerwordbackxz{ bottom:6%;}
div.indexfivenewtoprightdesc{ line-height:.24rem;}


.swiper-container1-horizontal>.swiper-pagination1-bullets, .swiper-pagination1-custom, .swiper-pagination1-fraction{
	
	right: .7rem;
    top: 95%;
    width: 100%;
    transition: all 0.5s ease-in-out;
    left: 0;
    text-align: center;
	
	}
.swiper-container1-horizontal>.swiper-pagination1-bullets .swiper-pagination1-bullet{ display:inline-block;}
div.publicfooterdibbba{ text-align:center;}

div.xinwenlist{ width:87%; max-width:12.8rem; height:auto; padding-bottom:0.2rem; border-bottom:#e7e8e8 1px solid; position:relative; margin-top:.24rem; transition:all 0.5s ease-in-out; margin:auto;}
div.xinwenlistleft{ width:2.8rem; height:auto; float:left; overflow:hidden;transition:all 0.5s ease-in-out;}
div.hyyylistleft{ width:98%;  height:auto; height:auto; float:none; margin:auto;}
 
div.hyyylistleft img{ width:100%; height:100%;}

div.hyyylistback{ background:#fff; overflow:hidden;}
 
div.hyyylistright{  background:#fff;width:98%; height:auto; float:none; margin:auto;}
div.hyyylistrightdesc {
    margin-top: .21rem;
    width: auto;
    height: auto;
    overflow: hidden;
    margin-left: .63rem;
    color: #7e7d7d;
    line-height: .3rem;
    text-indent: 2em;
    font-size: .14rem;
    padding-right: .63rem;
	margin-bottom:.3rem;
}

div.jsfw_threecontnav {
    width: 26%;
    height: 3.5rem;
    float: left;
    border: 1px solid #c9c9c9;

	margin-bottom:.3rem;
}
div.jsfw_threecontnavjt{ width:.2rem;height: 3.5rem;margin: 0 .1rem;margin-bottom:.3rem;}
}
@media screen and (max-width:465px){
div.neiyebannerback{ width:100%; height:5rem;background-position: 50% 0%;  background-size: cover;}	
div.neiyebannercntitle{ padding-top:2.2rem;    font-size: 0.34rem;}
div.neiyebannerentitle {
    width: 100%;
    height: .48rem;
    line-height: .48rem;
    text-align: center;
    color: #fff;
    font-size: .12rem;
    text-transform: uppercase;
    letter-spacing: .25rem;
    font-family: 'HelveticaExtNormal';
}
div.neiyebannerdesc {
    width: 100%;
    height: .52rem;
    line-height: .52rem;
    text-align: center;
    color: #fff;
    font-size: .14rem;
}
html{overflow-x:hidden;}
.swiper-container2 {
        width:15rem;
		
		 position:absolute;left:-4.4rem;
		 top:0;
		margin:auto;

		overflow:hidden;
		
    }
div.indextwocont{ width:100%;}
div.indextwocontleftback {
       width: 3.75rem;
    float: left;
    height: 7rem;
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
}

div.indextwocont {
    width: 6.3rem;
	margin:auto;
}
div.publicfooterdibbba{ text-align:center;}
div.xinwenlistmiddleback {
    width: 2.3rem;
	
}

}
@media screen and (max-width:380px){

html{overflow-x:hidden;}
.swiper-container2 {
    width: 15rem;
    position: absolute;
    left: -4.52rem;
    top: 0;
    margin: auto;
    overflow: hidden;
}
div.indextwocont{ width:100%;}
div.indextwocontleftback {
       width: 3.75rem;
    float: left;
    height: 7rem;
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
}

div.indextwocont {
    width: 6.3rem;
	margin:auto;
}
div.publicfooterdibbba{ text-align:center;}
div.xinwenlistmiddleback {
    width: 2rem;
}

}


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

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