﻿/* CSS Document */
@charset "utf-8";
/*格式化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
body{ font-size:14px;font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif; /*background:#f9f9f9;*/zoom:1;}
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
a { text-decoration:none;font-family:"Microsoft Yahei";}
a:hover { cursor:pointer; text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

@-webkit-keyframes colorize {
    0% {
        -webkit-filter: grayscale(100%);
    }
    100% {
        -webkit-filter: grayscale(0%);
    }
}
@keyframes colorize {
    0% {
        filter: grayscale(100%);
    }
    100% {
        filter: grayscale(0%);
    }
}
/* wap 5.12 */
.f24{font-size:24px;}
.f25{font-size:25px;}
.f27{font-size:27px;}
.f38{font-size:38px;}
.f40{font-size:40px;}
.f45{font-size:45px;}
.fl{float:left;}.fr{float:right;}
.color1{color:#ff6600} 
.color2{color:#FFFFFF}
.color3{color:#666666}
.color4{color:#ee5b92}
.bcolor1{background-color:#FF6600}
.bcolor2{background-color:#f7f8fa}
.wb96{width:96%;}
.wb90{width:90%;}
.wb80{width:80%;}
.wb70{width:70%;}
.mt0{margin:0 auto;}
/*block1*/
.wrap{max-width:640px; min-width:320px;margin:0 auto; overflow:hidden; position:relative;background-color:#F9F9F9;color:#373636;}
.bg1{background-color: #f9f9f9;border-top:1px solid #dcdcdc}
.kf{max-width:361px;max-height:249px;width:50%;height:30%;position:fixed;bottom:40%;}
.kf2{max-width:361px;max-height:249px;width:50%;height:30%;position:fixed;bottom:40%;}
.toptit{margin:12px;}
.toptit .zoom{background:url(../images/bak1/zoom.png) no-repeat center bottom;margin-top:4px;padding-right:4px;height:28px;width:28px;}
.line{height:2px;}
.lineb{border-top: 1px solid #D0D0D0;width:100%;margin:30px 0;}
.line .c1{background-color:#fca064;height:2px;width:75%;float:left;}
.line .c2{background-color:#bcbdbd;height:2px;width:25%;float:right;}
.toptext p{padding:0 12px;line-height:36px;text-indent: 2em;}
.toptext p.ti0{text-indent:0;}
.topsay{background-color:#FFF;text-align:center;max-height:182px;}
.slider{height:500px;background-color:#f9f9f9;overflow: hidden;}
.slider img{max-height:444px;max-width:306px;}
/*block2*/
.huoyuan{text-align: center;margin-top:10px;margin-bottom:10px;}
.huoyuan .smalllogo{width:139px;height:58px;margin:0 auto;}
.huoyuan .mglr{margin:0 20px;}
.huoyuantext{background-color: #f9f9f9;text-align:left;text-indent: 2em;}
/*block3*/
.zuanqian{text-align:center;}
.zuanqian .smalllogo{width:139px;height:58px;margin:0 auto;}
.zuanqiantext{background-color: #f9f9f9;}
.zuanqiantext img{max-width: 591px;width:100%;}
.zuanqiantext p{text-align:left;text-indent: 2em;padding:0 16px;}
.zuanqiantext .border1{border:6px solid #bcbdbd;margin-top:10px;margin-left:10px;margin-right:10px;background-color: #FFF;margin-bottom:10px;}
.zuanqian1{border-bottom: 6px solid #bcbdbd;margin-top:10px;text-align: center;}
.zuanqian2{margin-top:10px;}
/*block4*/
.xiezhu{text-align:center;}
.xiezhu .smalllogo{width:139px;height:58px;margin:0 auto;}
.xiezhutext{text-align:left;position:relative;}
.xiezhutext p{text-indent:2em;}
.xiezhuimg{max-width: 206px;max-height:382px;width:100%;height:100%;position:absolute;bottom:0px;right:0px;width:30%;height:47%;}
/*block5*/
.yiwen{text-align:center;}
.yiwen .smalllogo{width:139px;height:58px;margin:0 auto;}
.yiwentext{text-align:center;}
.yiwenimg{max-height:317px;max-width:620px;width:100%;height:100%;margin-top:10px;}
.yiwenlist p{text-align:left;text-indent:2em;}
.yiwenlist p.title{line-height:50px;font-weight: bold;text-indent: 0em;padding-top:1px;padding-bottom: 1px;}
/*block6*/
.shili{text-align:center;margin-top:10px;margin-bottom:10px;}
.shili .smalllogo{width:139px;height:58px;margin:0 auto;}
.shilitext{height:auto;}
.shili p.shiliover{text-align:left;}
/*block7*/
.shoufei{text-align:center;}
.shoufei .smalllogo{width:139px;height:58px;margin:0 auto;}
.shoufeiimg{text-align:center;line-height:0;}
.shoufeitext{text-align:left;line-height:30px;}
.shoufeitext p{text-indent: 2em;}
/*block8*/
.zixun{text-align:center;line-height: 0;}
/**/
.wb31{width:31%;float:left;padding:3px;text-align:center;}
.wb31 img{width:70%;}
.abso{position:relative;min-height:50px;}
.lx{position:fixed;bottom:-0px;width:100%;max-width: 640px; 
  /*animation: move 1s linear infinite;*/}
  .alert-dialog {
			width: 60%;
			height: 50px;
			line-height: 50px;
			color: #fff;
			font-size: 16px;
			text-align: center;
			border-radius: 5px;
			background: rgba(0, 0, 0, .5);
			position: fixed;
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%, -50%);
			-moz-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			-o-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			display: none; z-index:9999
		}
.tit{
		color: #ff0;
                /*font-size: 6rem;*/
                background-image:-webkit-linear-gradient(92deg,#f00,#f00);
                -webkit-animation: hue 1s infinite linear;
                -webkit-text-fill-color: transparent;
                -webkit-background-clip:text;
	}

@-webkit-keyframes hue {
              from {
                -webkit-filter: hue-rotate(0deg);
              }

              to {
                -webkit-filter: hue-rotate(-360deg);
              }
            }

          

	
@keyframes move {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.05);
  }
  50% {
    transform: scale(1.1);
  }
  75% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

.link {position: absolute;width: 100%;height: 100%;}
.link a.block {width: 24.5%;height: 100%;display: block;float: left;}
.slider .swiper-container{width:100%;height:400px;padding-top:30px;}
.shilitext .swiper-container{width:100%;height:400px;padding-top:30px;}
.swiper-slide:nth-child(2n) {
    width: 40%;
}
.swiper-slide:nth-child(3n) {
    width: 20%;
}
.slider .swiper-slide{
        width:210px;
	height:305px;
	-webkit-transition:-webkit-transform 600ms ease-out;
	-ms-transition:-ms-transform 600ms ease-out;
	-o-transition:-o-transform 600ms ease-out;
	transition:transform 600ms ease-out;
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
	border: 1px solid #d1d1d1;
}
.shilitext .swiper-slide{
        width:210px;
	height:297px;
	-webkit-transition:-webkit-transform 600ms ease-out;
	-ms-transition:-ms-transform 600ms ease-out;
	-o-transition:-o-transform 600ms ease-out;
	transition:transform 600ms ease-out;
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
	border: 1px solid #d1d1d1;
}
/*slider1*/
.slider .content-slide{background-color: #FFF; background-repeat: no-repeat; height: 100%;}
.slider .content-slide .img{display: block; }
.slider .content-slide .title{margin-bottom: 12px;padding: 16px 11px; font-size: 30px;color: #424242;}
.slider .content-slide .subtitle{padding: 0 11px; margin-bottom: 19px; font-size: 24px; color: #444;}
.slider .content-slide .desc{padding: 0 11px;}
.slider .content-slide .desc p{font-size: 24px; color: #888; line-height: 40px;}
.slider .swiper-slide-active{-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
/*slider2*/
.shilitext .content-slide{background-color: #FFF; background-repeat: no-repeat; height: 100%;}
.shilitext .content-slide .img{display: block;}
.shilitext .content-slide .title{margin-bottom: 12px;padding: 16px 11px; font-size: 30px;color: #424242;}
.shilitext .content-slide .subtitle{padding: 0 11px; margin-bottom: 19px; font-size: 24px; color: #444;}
.shilitext .content-slide .desc{padding: 0 11px;}
.shilitext .content-slide .desc p{font-size: 24px; color: #888; line-height: 40px;}
.shilitext .swiper-slide-active{-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
/*公用*/
.swiper-container{position:relative;z-index:1;overflow:hidden;margin:0 auto;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}
.swiper-wrapper{position:relative;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;width:100%;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:0s;-moz-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s;-webkit-transition-property:-webkit-transform,left,top;-moz-transition-property:-moz-transform,left,top;-o-transition-property:-o-transform,left,top;transition-property:transform,left,top;-webkit-transform:translate3d(0px,0,0);-moz-transform:translate3d(0px,0,0);-o-transform:translate3d(0px,0,0);-o-transform:translate(0px,0px);transform:translate3d(0px,0,0);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease}
.swiper-free-mode>.swiper-wrapper{margin:0 auto;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;-ms-transition-timing-function:ease-out}
.swiper-slide{float:left;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-wp8-horizontal{-ms-touch-action:pan-y}
.swiper-wp8-vertical{-ms-touch-action:pan-x}
@media screen and (min-width: 320px){
.f27{font-size:16px;font-weight:bold;}
.f25{font-size:13px;padding:5px 5px;}
.f24{font-size:10px;padding:0 4px;}
.f40{font-size:28px;}
.f38{font-size:19px;}
.f45{font-size:24px;}
.toptext p{line-height:24px;}
.slider {height:354px;background-color:#f9f9f9;}
.shilitext{background-color:#f9f9f9;}
}
@media screen and (min-width: 360px){
.f27{font-size:16px;font-weight:bold;}
.f25{font-size:15px;padding:6px 6px;}
.f24{font-size:12px;padding:0 4px;}
.f40{font-size:28px;}
.f38{font-size:16px;}
.f45{font-size:26px;}
.slider {height:354px;background-color:#f9f9f9;}
.shilitext{background-color:#f9f9f9;}
}
@media screen and (min-width: 400px){
.f27{font-size:18px;font-weight:bold;}
.f25{font-size:15px;padding:7px 7px;}
.f24{font-size:12px;padding:0 4px;}
.f40{font-size:28px;}
.f38{font-size:19px;}
.f45{font-size:26px;}
.slider {height:410px;background-color:#f9f9f9;}
.slider .swiper-slide{width:230px;height:334px;}
.shilitext{background-color:#f9f9f9;}
.shilitext .swiper-slide {width: 230px;height: 325px;}
}
@media screen and (min-width: 460px){
.f27{font-size:20px;font-weight:bold;}
.f25{font-size:19px;padding:8px 8px;}
.f24{font-size:15px;padding:0 4px;}
.f40{font-size:28px;}
.f38{font-size:19px;}
.f45{font-size:26px;}
.slider {height:450px;background-color:#f9f9f9;}
.slider .swiper-slide{width:250px;height:363px;}
.shilitext{background-color:#f9f9f9;}
.shilitext .swiper-slide {width: 250px;height: 353px;}
}
@media screen and (min-width: 540px){
.f27{font-size:22px;font-weight:bold;}
.f25{font-size:22px;padding:9px 9px;}
.f24{font-size:17px;padding:0 4px;}
.f40{font-size:28px;}
.f38{font-size:35px;}
.f45{font-size:40px;}
.slider {height:470px;background-color:#f9f9f9;}
.slider .swiper-slide{width:270px;height:392px;}
.shilitext{background-color:#f9f9f9;}
.toptext p{line-height:30px;}
.shilitext .swiper-slide {width: 270px;height: 381px;}
}
@media screen and (min-width: 600px){
.f27{font-size:22px;font-weight:bold;}
.f25{font-size:24px;padding:10px 10px;}
.f24{font-size:17px;padding:0 4px;}
.f40{font-size:28px;}
.f38{font-size:38px;}
.f45{font-size:45px;}
.slider {height:470px;background-color:#f9f9f9;}
.slider .swiper-slide{width:270px;height:392px;}
.shilitext{background-color:#f9f9f9;}
.shilitext .swiper-slide {width: 270px;height: 381px;}
}
.block3 {
    
}
.hidediv {line-height: 24px; display: none; height: auto; background-color: rgb(128, 128, 128); color: #fff;text-align:left;}
.textdiv {
    padding: 3%;
}
.down {
    float: none;
}
.footer {
    background-color:#2D2D2D;height:auto;
}
.footer .menu {
  text-align: center;
  color: #FFF;
  line-height: 200%;
  padding: 3% 0 0 0;
}
.footer .menu a{
    color:#FFF;
}
.footer .ft {
  color: #8B8B83;
  text-align: center;
  position: relative;
    padding-top:10px;
    padding-bottom:10px;
  /*line-height: 0;*/
    /*margin-bottom: 0;
    height:0;*/
}
.footer .ftimg {
    width:63%;max-width:200px;height:auto;margin: 5% auto;
}
.menu2{
  text-align: center;
  color: #FFF;
  line-height: 100%;
  background-color:#000000;
 

}

.title {
    line-height: 0px;max-width: 640px;padding-top:10px;padding-bottom:10px;
}
.more {
    margin:1px auto;
}
.swt {
    width:15%;height:100%;max-height:120px;position:absolute;right:0px;
}
.logo {
    height: 174px; 
}
.closebtn {width:57px; height:54px;position:absolute;right:-5px; top:15px}
.closebtnclick {
    display: block;float:right;width:57px; height:54px;position:absolute;top:0rem;right:0rem;z-index:999;
}

.link-info {
    height: 133px;
    padding-top: 10px;
    text-align: left;
    width: 72%;
    float: left; padding-left:5px;line-height: 1.8;
}

.link-info span {
    color: red;
    font-weight: bold;
}

/*文字高亮*/
.hl {
  color: #FFFF00;
  font-weight: bold;
}

/*微信高亮*/
.hl-wx{
  color: #FFFF00;
  font-weight: bold;
  font-size: 1.5em;
}

.im-wxzy {
  -webkit-user-select: all;
     -moz-user-select: all;
      -ms-user-select: all;
          user-select: all;
}

/*顶部微信*/
.wx-top {
  background-color: #00a2e9;
  color: #fff;
  text-align: center;
  line-height: 1.5em;
  margin: 5px 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/*中间推广的微信*/
.wx-wrap {
  background-color: #00a2e9;
  color: #fff;
  text-align: center;
  line-height: 1.5em;
  margin: 5px 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.wx-join {
  padding: 5px 0;
}
.wx-content {
  display: inline-block;
  text-align: left;
}

/*结尾微信*/
.wx-end {
  color: #fff;
  text-align: center;
  margin: 10px 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.wx-end-join {
  background-color: #00a2e9;
  padding: 10px 0;
}
.wx-end-join-title {
  /*padding: 5px 0;*/
}
.wx-end-info {  
  background-color: #FF0000;
  padding: 10px;
}
.wx-end-info > h3 {
  padding: 0;
}
.wx-end-content {
  margin-top: 10px;
  text-align: left;
}
/*弹窗*/
.onload-view {
  background-image: url(../index_files/huaban2.png);
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100% 100%;
  background-color: rgba(0,0,0,0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  left:0;
  top:0;
  padding: 0;
  margin: 0 auto;
  display: none;
  z-index: 10000;
}
.close-button {
  width: 40px;
  height:40px;
  float: left;
  position: absolute;
  top: 70px;
  right: 30px;
  cursor: pointer;
}

.copyPane2{
  position: absolute;
  top:70%;
  /*left: 0;
  right: 0;*/
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  }
.hl-wx1{
  color: #3dbb2b;
  font-size: 20px;
}
.openWX{
    position: absolute;
    width: 50%;
    height: 39px;
    left:0%;

    top: 85%;
}
.openqq{
    position: absolute;
    width: 50%;
    height: 39px;
    right: 0%;
    top: 85%;
}
.hw-overlay{display:none; position: fixed; top:0;left:0;width:100%;height:100%; background-color: rgba(0,0,0,0.3);z-index:10;}
.hw-layer-wrap{box-sizing:border-box; width:570px; position:absolute;left:50%;top:50%; margin-left:-285px; border-radius:3px; background-color:#fff; box-shadow:1px 2px 4px 0 rgba(0,0,0,0.12); padding:45px 50px;}
.hwLayer-close{position:absolute; right:20px; top:20px; width:20px; height:20px; cursor:pointer; font-size:20px; color:#ccc;}
.hw-layer-wrap .hw-icon{color:#b4d8f3;font-size:86px;text-align:center;}
.hw-layer-wrap h4{margin:5px 0 30px; font-size:24px; color:#383c3e;}
.hw-layer-wrap p{margin:30px 0; line-height:22px; color:#595d60; text-align:left;}
.hw-layer-title{height: 32px;line-height: 32px; font-size: 16px; position: absolute; left: 20px; top: 10px; font-weight: bold;}

@media (max-width:768px){
	.hw-layer-wrap{width:350px; margin-left:-175px; margin-top:-200px; padding:45px 50px; text-align:center;}
}
@media (max-width:400px){
	.hw-layer-wrap{width:250px; margin-left:-125px;padding:25px 30px;}
}
/**弹窗***/
#shadowhide2
{
    background: rgba(0,0,0,.6);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display:none;
    }
.dialog-open .dialog-content {
  -webkit-animation-name: zoom-in;
  animation-name: zoom-in;
}
.dialog-open .dialog-overlay {
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
}

.dialog-close .dialog-content {
  -webkit-animation-name: fade-out;
  animation-name: fade-out;
}
.dialog-close .dialog-overlay {
  -webkit-animation-name: fade-out;
  animation-name: fade-out;
}








.copylink  a:hover{color:green;}
.close {
    width: 2rem;
    height: 2rem;
    position: absolute;
    right: .125rem;
    top: .125rem;
    border:none;
    vertical-align:middle;
    }
.close:hover { cursor:pointer;}
.jiaw:hover { cursor:pointer;}
.wx2{
    width: 18rem;}
