.textoverflow2 {display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
i{font-style: normal}
.mr0{margin-right: 0 !important;}
.animated {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  animation-name: pulse;
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  animation-name: bounceIn;
}
@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    transform-origin: center;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  animation-name: rotateIn;
}
@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  animation-name: slideInDown;
}

.container{position: relative;width: 100%;height:1842px; overflow: hidden;background: url(../images/bg3_1.png);background-size: 100% 100%}
.wrapper{position: relative;width: 100%;height:3868px; overflow: hidden;background: url(../images/bg4_1.png);background-size: 100% 100%}
.head{width: 1060px;margin: 70px auto 0;}
.head img{width: 100%;}
.title{margin: 40px 0 0 5%;width: 95%;height: 100px;background: url(../images/titleBg.png);background-size: 100% 100%; }
.title p{line-height: 94px;padding-left: 130px;color: #fff;}
.title p a{color: #fff;font-size: 16px;}

.main{width: 1200px; overflow: hidden;margin: 20px auto 0;}
.nav{width: 1200px;height: 140px;}
.navItem{float: left;display: inline-block;width: 100px;height: 140px;margin-right: 83px;vertical-align: top;}
.navItem img{display: block;width: 96px;height: 96px;margin: 5px auto 10px;transition: all 0.5s;}
.navItem .itemText{width: 100%;display:block;margin: 0 auto;text-align: center;}
.navItem .itemText p{padding: 2px 0;display: inline;font-size: 14px;}
.ItemActive .itemText p,.navItem:hover p{font-weight: bold;border-top:1px solid #333;border-bottom:1px solid #333; } 

.videoList{margin-top:50px;overflow: hidden; padding-left: 5px;}
.videoList .videoMenu{display: none;overflow: hidden}
.li{float:left;width: 210px;height: 270px;background: #efefef;margin-right: 35px;margin-bottom: 50px;overflow: hidden}
.li a{display: block}
.li .imgs{display: block;width: 96%;height: 165px;margin: 6px 2%;overflow: hidden;opacity: 0.8;}
.li .imgs img{width: 100%;height: 100%;object-fit: cover;
    transition: all .25s ease-in-out;
    backface-visibility: hidden;
    animation-duration: .3s;
    animation-name: fadeOutIn;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0,0,.5,1)
}
.li p{margin: 0 2%;width: 96%;text-align: center;color: #333333;}
.libot{width: 90%;margin:10px auto 0;overflow: hidden}
.libot a{display: inline-block;font-size: 14px;color: #666666}
.libot a:hover{color: #000}
.libot i{font-size: 16px;display: inline-block;margin-right: 2px;font-weight: bold;}
.libot .add{margin-left: 10px;float:left}.libot .add i{color: #458b01}  
.libot .favorite{margin-right: 10px;float:right}.libot .favorite i{color: #9e0606} 
.libot .collect{margin-right: 10px;float:right}.libot .collect i{color: #9e0606} 
.libot .cancel{margin-right: 10px;float:right}.libot .cancel i{color: #9e0606} 
.li:hover{box-shadow:  0 2px 6px rgba(0,0,0,0.3) }
.li a:hover .imgs{opacity: 1}
.li a:hover p{color: #000}
.li a:hover .imgs img{transform: scale(1.1)}
.fanye{height: 30px;margin: 15px auto;text-align: center;color:white;}
.fanye a{vertical-align: top;display: inline-block;padding: 4px 10px;margin-left: 8px; 
  text-align: center;font-size: 14px;color: #a2a2a2;border: 1px solid #e2e2e6;}
.fanye a:hover,.fanye .fanye_active{background: #c21315;color:#ffffff;border: 1px solid #c21315;}

.footer{position: absolute;left:0;bottom:0;width: 100%;height:200px;border-top: 2px solid #913a4b;}
.footer div{margin-top: 60px;}
.footer p{text-align: center;line-height: 30px;font-size: 14px; color: #666666;}


/**-----------------------------------------------------------------------------**/
.jianjie,.point,.pointMenu,.qiyou,.server,.resource{margin-top: 50px;overflow: hidden}
.bigTitle{margin-bottom: 30px;text-align:center;line-height: 40px;font-size: 36px;font-weight: bold;color: #464646;}
.jianjie div{margin-top: 30px;padding: 10px;border: 1px dashed #c79885;}
.jianjie div p{padding: 20px;line-height: 26px;font-size: 16px;color: #666666;background: #eee9e7;}
.subTitle{overflow: hidden;height: 30px;line-height: 30px;text-align: center;}
.subTitle i,.subTitle span{display: inline-block;vertical-align: top;}
.subTitle i{margin-top: 15px;width: 10%;height: 1px;background: #913a4b;}
.subTitle span{color: #913a4b;margin: 0 10px;font-size: 16px;}
.pointMenu{padding-bottom:10px; }
.pmItem{position: relative;padding-top: 5px;float:left;width: 30%;height: 640px;margin-right: 4%;overflow: hidden;border-radius: 2px;transition: all 0.2s}
.pmItem:hover{box-shadow:0 2px 6px 0 rgba(0,0,0,.2)}
.pm1{margin-left: 1%;background: #dbc8e7}
.pm2{background: #bfd6e6}
.pm3{margin-right: 1%;background: #c2e2ca}
.pmItem .topline{z-index: 99;position: absolute;left:0;top:0;width: 100%;height: 5px;}
.pm1 .topline{background: #dbc8e7;}
.pm2 .topline{background: #bfd6e6;}
.pm3 .topline{background: #c2e2ca;}
.circle{position: absolute;left: 30px;top: -150px;padding-top: 46%;text-align: center;width: 300px;background: rgba(255,2555,255,0.7);border-radius: 100%;}
.circle h2{font-size: 24px;font-weight: bold;}
.circle h2 span{padding-left: 10px;font-size: 16px;font-weight: 100;}
.circle img{display: inline-block;margin-top: 10px;}
.pm1 h2{color: #8a4eb2;}
.pm2 h2{color: #389adc;}
.pm3 h2{color: #56b16c;}

.cont{margin-top: 180px;padding: 0 20px}
.cont p{font-size: 14px;line-height: 22px;color: #333333;}
.cont .dls{position: absolute;left: 20px;bottom: 30px;overflow: hidden}
.cont dl{float:left;width: 130px;margin-right: 50px;}
.cont dl dt{width: 130px;height: 96px;}
.cont dl dt img{width: 100%;height: 100%;object-fit: cover;}
.cont dl dd{text-align: center;font-size: 14px;line-height: 24px;}
.qiyouCenter{position: relative;margin: 20px auto 0;width: 100%;height: 284px;background: url(../images/qiyou/qiyou_bg.png) top center no-repeat;}
.qiyouCenter div{margin-top: 84px;display: inline-block;width: 112px;height: 112px; overflow: hidden;}
.qiyouCenter h2{padding:40px 0 0 558px;;font-size: 20px;}
.qiyouCenter div p{width: 60%;padding: 2px 0;text-align: center;margin: 44px auto 0;color: #fff;border-top: 1px solid #fff;border-bottom: 1px solid #fff;}
.qiyouCenter .qy_5 p{margin-top:36px;}
.qy_1{margin-left: 11px;background: url(../images/qiyou/1.png)}
.qy_2{margin-left: 56px;background: url(../images/qiyou/2.png)}
.qy_3{margin-left: 60px;background: url(../images/qiyou/3.png)}
.qy_4{margin-left: 50px;background: url(../images/qiyou/4.png)}
.qy_5{margin-left: 50px;background: url(../images/qiyou/5.png)}
.qy_6{margin-left: 60px;background: url(../images/qiyou/6.png)}
.qy_7{margin-left: 50px;background: url(../images/qiyou/7.png)}


.server{/* background: rgba(251,246,250,0.6);border-radius: 50%; */}
.serverMap{width: 100%;height: 868px;background: url(../images/server_bg.png) center center no-repeat;}
.serverMap .menu{position: relative;float:left;width: 50%;height: 50%;overflow: hidden;}
.serverMap h1{position: absolute;color: #fff;font-size: 26px;font-weight: bold;}
.serverMap .menu p{position: absolute;line-height: 28px;color: #970303;font-size: 14px;overflow: auto}
.serverMap .menu img{position: absolute}
.m1 h1{right: 30px;bottom: 30px;}
.m2 h1{left: 24px;bottom: 30px;}
.m3 h1{right: 38px;top: 50px;}
.m4 h1{left: 24px;top: 50px;}
.m1 p{left: 20px;top: 150px;width: 300px;height: 136px;}
.m2 p{left: 225px;top: 128px;width: 300px;height: 136px;}
.m3 p{left: 13px;top: 160px;width: 300px;height: 136px;}
.m4 p{left: 225px;top: 164px;width: 300px;height: 136px;}

.sm1_1{right: 70px;top: 50px;width: 210px;height: 138px;}
.sm1_2{left: 0;bottom: 50px;width: 152px;height: 120px;}
.sm1_3{right: 220px;bottom: 70px;width: 152px;height: 102px;}
.sm2_1{left: 110px;top: 8px;width: 142px;height: 115px;}
.sm2_2{left: 210px;bottom: 95px;width: 160px;height: 105px;}
.sm2_3{right: 30px;bottom: 100px;width: 126px;height: 104px;}

.sm3_1{left: 85px;top: 38px;width: 282px;height: 118px;}
.sm3_2{left: 50px;bottom: 40px;width: 202px;height: 120px;}
.sm4_1{left: 245px;top: 30px;width: 135px;height: 132px;}
.sm4_2{left: 150px;bottom: 20px;width: 244px;height: 130px;}

.resourceContent{padding: 15px 15px 0 15px;margin-top: 30px;background: #f0f3ef;overflow: hidden;}
.resourceLeft,.resourceRight,.resourceC{float:left}
.resourceLeft,.resourceRight{width: 34%;margin-right: 1%;}
.resourceC{width: 30%;margin-right: 1%;}

.mark{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.2);transition: all 0.3s;}
.resourceLeft .resourceItem,.resourceRight .resourceItem{height: 152px;}
.resourceC .resourceItem{height: 485px;}
.resourceC .resourceItem{margin-bottom: 0;}
.resourceItem{position: relative;margin-bottom: 15px;width: 100%;overflow: hidden}
.resourceItem img{display: block;width: 100%;height: 100%;object-fit: cover}
.resourceItem p{position: absolute;left:50%;top:40%;margin-left:-50px;text-align: center;width: 100px;height: 36px;
  line-height: 36px;font-size: 22px;color: #fff;border-top: 1px solid #fff;border-bottom: 1px solid #fff;}
.resourceItem:hover .mark{background: rgba(0,0,0,0);}
.resourceItem:hover img{transform: scale(1.1);transition: all .3s ease-in-out;
    backface-visibility: hidden;
    animation-duration: .3s;
    animation-name: fadeOutIn;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0,0,.5,1)}



.libot p {
    text-align: center;
    vertical-align: middle;
    margin-bottom: 0px;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
.libot span {
    padding-left: 3px;
    padding-right: 3px;
}