.wow {opacity:0;}
.mobile {width:100%;}
.mobile-inner {margin-right:auto;margin-left:auto;background-color:;position:relative;}
.mobile-inner img {}
.mobile-inner p {color:#676767;line-height:25px;font-size:16px;padding-bottom:30px;padding-right:30px;padding-left:30px;margin:0px;}
.mobile-inner-header {background-color:rgb(255,255,255);width:100%;height:50px;position:relative;top:0px;z-index:33;left:0px;}
.mobile-inner-header-icon {color:#ffffff;height:50px;font-size:25px;text-align:center;float:right;width:50px;position:relative;-webkit-transition:background 0.5s;-moz-transition:background 0.5s;-o-transition:background 0.5s;transition:background 0.5s;}
.mobile-inner-header-icon:hover {background-color:rgba(255,255,255,0.2);cursor:pointer;}
.mobile-inner-header-icon span {position:absolute;left:calc((100% - 25px) / 2);top:calc((100% - 1px) / 2);width:25px;height:1px;background-color:rgb(199,34,27);}
.mobile-inner-header-icon span:nth-child(1) {transform:translateY(4px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2) {transform:translateY(-4px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1) {animation-duration:0.5s;animation-fill-mode:both;animation-name:clickfirst;}
.mobile-inner-header-icon-click span:nth-child(2) {animation-duration:0.5s;animation-fill-mode:both;animation-name:clicksecond;}
@keyframes clickfirst {0% {transform:translateY(4px) rotate(0deg);}
100% {transform:translateY(0) rotate(45deg);}
}
@keyframes clicksecond {0% {transform:translateY(-4px) rotate(0deg);}
100% {transform:translateY(0) rotate(-45deg);}
}
.mobile-inner-header-icon-out span:nth-child(1) {animation-duration:0.5s;animation-fill-mode:both;animation-name:outfirst;}
.mobile-inner-header-icon-out span:nth-child(2) {animation-duration:0.5s;animation-fill-mode:both;animation-name:outsecond;}
@keyframes outfirst {0% {transform:translateY(0) rotate(-45deg);}
100% {transform:translateY(-4px) rotate(0deg);}
}
@keyframes outsecond {0% {transform:translateY(0) rotate(45deg);}
100% {transform:translateY(4px) rotate(0deg);}
}
.mobile-inner-nav {overflow:auto;max-height:calc(100vh - 50px);}
.mobile-inner-nav {background-color:hsla(224,27%,35%,.6);width:100%;position:absolute;top:50px;padding-bottom:0%;display:none;z-index:444;}
.mobile-inner-nav  a {border-bottom:solid 1px rgba(255,255,255,0.3);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;color:#fff;transition:all 0.5s;}
.mobile-inner-nav  dl {display:none;}
.mobile-inner-nav  dl dd {line-height:33px;text-decoration:none;text-indent:3em;font-size:16px;color:#FFFFFF;border-bottom:solid 1px rgba(255,255,255,0.3);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;font-weight:300;font-size:14px;}
.mobile-inner-nav  li {border-bottom:solid 1px rgba(255,255,255,0.3);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;line-height:53px;text-indent:20px;}
.mobile-inner-nav h2.h2tit {line-height:50px;text-decoration:none;text-indent:2em;font-size:16px;color:#FFFFFF;/* border-bottom:solid 1px rgba(255,255,255,0.3);*/-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;font-weight:300;}
.mobile-inner-nav h2.h2tit a {color:#FFFFFF;}
.mobile-inner-nav a {border-bottom:none;}
.mobile-inner-nav li {-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:returnToNormal;animation-name:returnToNormal;}
@-webkit-keyframes resize {from,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
0% {opacity:0;-webkit-transform:scale(5,5);transform:scale(5,5);}
100% {opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);}
}
@keyframes resize {from,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
0% {opacity:0;-webkit-transform:scale(5,5);transform:scale(5,5);}
100% {opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);}
}
@-webkit-keyframes returnToNormal {from {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
to {opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes returnToNormal {from {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
to {opacity:1;-webkit-transform:none;transform:none;}
}
.mobile-inner-nav li:last-child h2.h2tit {border-bottom:none;}
.mobile-inner-nav li .h3tit {height:50px;position:relative;background:url(../images/51_icon_search@2x.png) no-repeat 30px center;background-size:17px;}
.mobile-inner-nav li  .words {display:block;width:100%;height:100%;border:none;background:none;text-indent:60px;font-size:15px;color:#fff;background:url(../images/search2.png) no-repeat 30px center;background-size:20px;}
.mobile-inner-nav li:last-child {border-bottom:none;}
.mobile-inner-nav li  form {display:block;width:100%;height:100%;}
@charset "utf-8";@charset "UTF-8";.animated {animation-duration:1s;animation-fill-mode:both;}
.animated.infinite {animation-iteration-count:infinite;}
.animated.hinge {animation-duration:2s;}
.fadeInUp {animation-duration:1.76s;animation-name:fadeInUp;}
@keyframes fadeInUp {from {opacity:0;transform:translate3d(0,40px,0);}
to {opacity:1;transform:none;}
}
* {font-family:PingFangSC-Regular,PingFang SC,"Microsoft YaHei","Arial";}
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr,span {margin:0;padding:0;}
html {font-size:62.5%;}
body {font-size:1.4rem;}
html,body {-moz-user-select:none;-khtml-user-select:none;user-select:none;}
body {font-family:"Microsoft YaHei" ! important;color:#000000;background:#fff;margin:0 auto;padding:0px;}
body {-webkit-tap-highlight-color:rgba(0,0,0,0);}
}
input[type="button"],input[type="submit"],input[type="reset"],input[type="text"] {-webkit-appearance:none;}
input[type="button"],input[type="submit"],input[type="reset"] {cursor:pointer;}
input {-webkit-appearance:none;}
input {-webkit-appearance:none!important;border-radius:0;}
button {cursor:pointer;}
textarea {-webkit-appearance:none;}
a {text-decoration:none;color:#235aa7;outline:none;}
a:active {star:expression(this.onFocus=this.blur());}
img {border:0px;vertical-align:middle;}
li {list-style:none;}
* {outline:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}
.loading {position:fixed;left:0px;top:0px;width:100%;height:100%;background:#fff;z-index:99999;}
.loadingfa {width:50px;height:50px;line-height:50px;text-align:center;font-size:29px;color:#1f8adf;position:absolute;left:50%;margin-top:-25px;margin-left:-25px;top:50%;}
html {-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:none;}
html {-webkit-tap-highlight-color:transparent;}
body {-webkit-overflow-scrolling:touch;padding-top:calc(88/750*100vw);}
* {padding:0;margin:0;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;}
@keyframes rotate {from {-webkit-transform:rotate(0deg)}
to {-webkit-transform:rotate(360deg)}
}
@-webkit-keyframes rotate {from {-webkit-transform:rotate(0deg)}
to {-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate {from {-moz-transform:rotate(0deg)}
to {-moz-transform:rotate(360deg)}
}
@-ms-keyframes rotate {from {-ms-transform:rotate(0deg)}
to {-ms-transform:rotate(360deg)}
}
@-o-keyframes rotate {from {-o-transform:rotate(0deg)}
to {-o-transform:rotate(360deg)}
}
.xuanzhuan {animation:2s linear 0s normal forwards infinite rotate;-webkit-animation:2s linear 0s normal forwards infinite rotate;-moz-animation:2s linear 0s normal forwards infinite rotate;-o-animation:2s linear 0s normal forwards infinite rotate;}
.xuanzhuan img {display:block;width:100%;}
.pc {display:block;}
.wap {display:none;}
.clearflex:after {content:"";display:table;clear:both;}
.head {position:fixed;width:100%;left:0;top:0;z-index:444;background:#fff;border-bottom:calc(2/750*100vw) solid #323232;height:calc(88/750*100vw);overflow:hidden;}
.wrap {padding:0 calc(24/750*100vw);}
.head .logo {}
.head .logo a {}
.head .logo img {width:calc(160/750*100vw);height:calc(48/750*100vw);float:left;margin-top:calc(17/750*100vw);}
.head .right {float:right;}
.head .right a {float:left;font-size:calc(30/750*100vw);font-family:OPPOSans;font-weight:normal;color:#333333;line-height:calc(88/750*100vw);margin-left:calc(33/750*100vw);letter-spacing:calc(8/750*100vw);}
.menu {float:right;margin-left:calc(62/750*100vw);width:calc(37/750*100vw);height:calc(88/750*100vw);background:url(../images/menu.png) no-repeat center center;background-size:100%;}
.slideMenu {
            position:fixed;
            left:0;
            top: 0;
            z-index: 555555;
            width: 100%;
            height: 100%;
            padding-top: calc(88/750*100vw);
            display: none;
           }
        .slideMenu .shadow{
          position: absolute;
          width: 100%;
          height: 100%;
          left: 0;
          top: 0px;
          background: #000;
          opacity: 0;
        }
.slideMenu .link {
            background:#fff;
            font-size:calc(30/750*100vw);
            font-family:OPPOSans;
            font-weight:normal;
            color:#333333;
            line-height:calc(60/750*100vw);
            padding:calc(63/750*100vw);
            padding-bottom:calc(80/750*100vw);
            position: relative;
            z-index: 4;
            }
.slideMenu .link a {display:inline-block;line-height:2;color:inherit;margin-right:calc(26/750*100vw);}
.slideMenu .close {background:url(../images/close.png) no-repeat center center;background-size: auto 100%;position:absolute;bottom:calc(-78/750*100vw);left:0;height:calc(48/750*100vw);width:100%;}
.listType1 {}
.listType1 .swiper-container {}
.listType1 .swiper-wrapper {}
.listType1 .swiper-slide {}
.listType1 .swiper-slide a * {display:block;}
.listType1 .swiper-slide a {display:block;position:relative;overflow:hidden;}
.listType1 .swiper-slide img {width:100%; float:left;}
.listType1 .swiper-slide .title {position:absolute;left:calc(26/750*100vw);right:calc(26/750*100vw);z-index:34;bottom:0;height:calc(130/750*100vw);background:rgba(255,177,9,0.88);font-size:calc(36/750*100vw);font-family:OPPOSans;font-weight:normal;color:#FFFFFF;line-height:1.4;padding:calc(11/750*100vw) calc(46/750*100vw);padding-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.listType1 .swiper-pagination {}
.listType2 {padding-left:calc(24/750*100vw);}
.listType2 .swiper-container {}
.listType2 .swiper-wrapper {}
.listType2 .swiper-slide {}
.listType2 .swiper-slide a {display:block;position:relative;}
.listType2 .swiper-slide .imgbox {float:left;width:calc(650/750*100vw);height:calc(400/750*100vw);border-radius:calc(12/750*100vw);display:block;overflow:hidden;}
.listType2 .swiper-slide img {width:100%; height:100%;}
.listType2 .swiper-slide .title {width:calc(472/750*100vw);line-height:calc(-300/750*100vw);background:rgba(255,177,9,0.88);border-radius:0 calc(52/750*100vw) 0 0;position:relative;left:0;bottom:0;font-size:calc(52/750*100vw);font-family:OPPOSans;font-weight:normal;color:#FFFFFF;padding-left:calc(20/750*100vw);bottom:calc(35/750*100vw);}


.listType2 .swiper-slide .num {position:absolute;font-size:calc(24/750*100vw);font-family:OPPOSans;font-weight:normal;color:#FFFFFF;line-height:calc(24/750*100vw);text-shadow:calc(1/750*100vw) calc(1/750*100vw) calc(2/750*100vw) rgba(38,38,38,0.73);right:calc(20/750*100vw);bottom:calc(20/750*100vw);}
.loadingMore2,.loadingMore {line-height:calc(48/750*100vw);background:#E0E0E0;border-radius:calc(24/750*100vw);display:block;text-align:center;font-size:calc(24/750*100vw);font-family:OPPOSans;font-weight:normal;color:#808080;margin-left:calc(24/750*100vw);margin-right:calc(24/750*100vw);}
.loadingMore2 {border-radius:calc(4/750*100vw);}
.lineModel {height:calc(16/750*100vw);background:#F5F5F5;margin:calc(30/750*100vw) 0;}
.h30 {height:calc(30/750*100vw);}
.listType3 {}
.listType3 ul {padding:0 calc(24/750*100vw);padding-bottom:calc(8/750*100vw);}
.listType3 li a {display:block;zoom:1;overflow:hidden;}
.listType3 li * {display:block;}
.listType3 li {zoom:1;overflow:hidden;margin-bottom:calc(22/750*100vw);}
.listType3 li .imgbox {float:left;width:calc(240/750*100vw);height:calc(148/750*100vw);background:linear-gradient(0deg,#000000 0%,#FFFFFF 100%);border-radius:calc(2/750*100vw);}
.listType3 li .imgbox a {}
.listType3 li .imgbox img {width:100%;height:100%;object-fit:cover;}
.listType3 li .ri {float:left;width:calc(420/750*100vw);margin-left:calc(20/750*100vw);height:calc(148/750*100vw);position:relative;}
.listType3 li .ri .title {font-size:calc(30/750*100vw);font-family:OPPOSans;font-weight:normal;color:#333333;line-height:calc(48/750*100vw);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.listType3 li .ri .infors {font-size:calc(24/750*100vw);font-family:OPPOSans;font-weight:normal;color:#B8B8B8;line-height:calc(24/750*100vw);display:flex;justify-content:space-between;position:absolute;left:0;bottom:calc(0/750*100vw);width:100%;}
.listType3 li .ri .infors .s1 {padding-left:calc(55/750*100vw);background:url(../images/eye.png) no-repeat left center;background-size:calc(24/750*100vw);}
.listType3 li .ri .infors .s2 {}
.listType4 {font-size:calc(36/750*100vw);font-family:OPPOSans;font-weight:normal;color:#808080;line-height:calc(88/750*100vw);padding-left:calc(24/750*100vw);margin-bottom:calc(30/750*100vw);background:#FAFAFA;}
.listType4 .swiper-container {}
.listType4 .swiper-wrapper {}
.listType4 .swiper-slide {}
.listType4 .swiper-slide a {display:block;color:inherit;position:relative;text-align:center;}
.listType4 .swiper-slide a.current {border-top:calc(6/750*100vw) solid #FFB109;}
.listType4 .swiper-pagination {}
.listType4 .swiper-button-next {}
.listType4 .swiper-button-prev {}
.footer {background:#EBEBEB;padding:calc(32/750*100vw) 0;}
.footer .wrap {display:flex;align-items:center;justify-content:space-between;}
.footer .logo {}
.footer .logo img {width:calc(194/750*100vw);}
.footer .nav {width:calc(470/750*100vw);}
.footer .nav a {font-size:calc(28/750*100vw);font-family:OPPOSans;font-weight:normal;color:#333333;line-height:calc(48/750*100vw);display:block;float:left;width:25%;text-align:center;}
.coryright {background:#D1D1D1;text-align:center;line-height:calc(28/750*100vw);font-size:calc(20/750*100vw);font-family:OPPOSans;font-weight:normal;color:#808080;}
.coryright a {color:inherit;}
.titlemodel {margin-left:calc(24/750*100vw);border-left:calc(8/750*100vw) solid #FFB109;line-height:1;font-size:calc(36/750*100vw);font-family:OPPOSans;font-weight:normal;color:#333333;padding-left:calc(11/750*100vw);margin-bottom:calc(30/750*100vw);}
.loadingMore2 {
    margin-bottom: calc(8/750*100vw);
}
.h8 {height:calc(8/750*100vw);}
.main {}
.main .articleTitle {font-size:calc(36 / 750 * 100vw);font-family:OPPOSans;font-weight:normal;color:#333333;line-height:1.2;padding-top:calc(39 / 750 * 100vw);padding-bottom:calc(28 / 750 * 100vw);}
.main .infor {font-size:calc(24 / 750 * 100vw);font-family:OPPOSans;font-weight:normal;color:#808080;padding-bottom:calc(29 / 750 * 100vw);}
.main .article {font-size:calc(28 / 750 * 100vw);font-family:OPPOSans;font-weight:normal;color:#333333;line-height:calc(48 / 750 * 100vw);padding-bottom:calc(30 / 750 * 100vw);}
.main .article p {padding-bottom:calc(20 / 750 * 100vw);}
.main .article img {width:100%;}
.main .tags {zoom:1;overflow:hidden;padding-bottom:calc(18 / 750 * 100vw);}
.main .tags .tit {font-size:calc(24 / 750 * 100vw);font-family:OPPOSans;font-weight:normal;color:#808080;line-height:calc(30 / 750 * 100vw);display:inline-block;vertical-align:middle;float:left;width:calc(56 / 750 * 100vw);line-height:calc(36 / 750 * 100vw);}
.main .tags .list {width:calc(100% - 56px);float:left;}
.main .tags .list a {float:left;font-size:calc(24 / 750 * 100vw);font-family:OPPOSans;font-weight:normal;color:#333333;line-height:calc(36 / 750 * 100vw);padding:calc(0 / 750 * 100vw) calc(10 / 750 * 100vw);background:#EBEBEB;border:calc(1 / 750 * 100vw) solid #F5F5F5;margin-right:calc(12 / 750 * 100vw);margin-bottom:calc(12 / 750 * 100vw);}
.listType5 {}
.listType5 .wrap {}
.listType5 a * {display:block;}


.listType5 a {display:block;position:relative;overflow:hidden;background:linear-gradient(0deg,#000000 0%,#FFFFFF 100%);border-radius:calc(12/750*100vw);margin-bottom:calc(42/750*100vw);}
.listType5 a .imgbox {}
.listType5 a .imgbox img {width:100%;}
.listType5 a .title {width:calc(472/750*100vw);line-height:calc(94/750*100vw);background:rgba(255,177,9,0.88);border-radius:0 calc(52/750*100vw) 0 0;position:absolute;left:0;bottom:0;font-size:calc(52/750*100vw);font-family:OPPOSans;font-weight:normal;color:#FFFFFF;padding-left:calc(20/750*100vw);}
.listType5 a .num {position:absolute;font-size:calc(24/750*100vw);font-family:OPPOSans;font-weight:normal;color:#FFFFFF;line-height:calc(24/750*100vw);text-shadow:calc(1/750*100vw) calc(1/750*100vw) calc(2/750*100vw) rgba(38,38,38,0.73);right:calc(20/750*100vw);bottom:calc(20/750*100vw);}


.detail1 {
  margin-top: calc(44 / 750 * 100vw);
  margin-bottom: calc(44 / 750 * 100vw);
}

.detail1 .content1 {
  position: relative;
}

.detail1 .content1 .imgbox {}

.detail1 .content1 .imgbox img {
  width: 100%;
}

.detail1 .content1 .title {
  width: calc(472 / 750 * 100vw);
  line-height: calc(94 / 750 * 100vw);
  background: rgba(255, 177, 9, 0.88);
  border-radius: 0 calc(52 / 750 * 100vw) 0 0;
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: calc(52 / 750 * 100vw);
  font-family: OPPOSans;
  font-weight: normal;
  color: #FFFFFF;
  padding-left: calc(20 / 750 * 100vw);
}

.detail1 .content1 .num {
  position: absolute;
  font-size: calc(24 / 750 * 100vw);
  font-family: OPPOSans;
  font-weight: normal;
  color: #FFFFFF;
  line-height: calc(24 / 750 * 100vw);
  text-shadow: calc(1 / 750 * 100vw) calc(1 / 750 * 100vw) calc(2 / 750 * 100vw) rgba(38, 38, 38, 0.73);
  right: calc(20 / 750 * 100vw);
  bottom: calc(20 / 750 * 100vw);
}

.detail1 .content2 {
  font-size: calc(28 / 750 * 100vw);
  font-family: OPPOSans;
  font-weight: normal;
  color: #333333;
  line-height: calc(48 / 750 * 100vw);
  background: #F5F5F5;
  padding: calc(35 / 750 * 100vw) calc(24 / 750 * 100vw);
}
