@font-face {
    font-family: 'Conv_DINCondensedC';
    src: url('/template/mobile/skin/fonts/DINCondensedC.eot');
    src: local('???'), url('/template/mobile/skin/font/DINCondensedC.woff') format('woff'), url('/template/mobile/skin/font/DINCondensedC.ttf') format('truetype'), url('/template/mobile/skin/font/DINCondensedC.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
    font-family: "微软雅黑", Helvetica Neue, sans-serif, Arial;
    height: 100%;
    position: relative;
    width:100%;
}


input[type="text"] {
    -webkit-appearance: none;
}

textarea {
    -webkit-appearance: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
figure {font-weight:800;
}

img{width:100%}
::-webkit-selection {
    color: #fff;
    background: #ff9600;
}

::-moz-selection {
    color: #fff;
    background: #ff9600;
}

::selection {
    color: #fff;
    background: #ff9600;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase,
.initialism {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

a {
    color: #333;
    text-decoration: none
}

a:focus,
a:hover {
    color: #ff9600;
    transition: none
}

a.text-gray:hover {
    color: #6E6E6E
}

p {
    margin: 0
}

dl,
dd,
ul,
li {
    margin: 0;
    padding: 0;
    list-style: none
}

.fixed {
    z-index: 9999;
}

.bg-gray {
    background: #F7F7F7
}

.bg-sub {
    background: #6e6e6e
}

.bg-main {
    background: #222a9d
}


.flex-wrap{flex-wrap:wrap;}
.align-items-center{align-items: center;}
.justify-space-between{justify-content: space-between}
.text-center{text-align: center;}
.blue{color:#222a9d}
.por{position: relative;}
.block{display: block;}
.txt-line{text-overflow: ellipsis;
display: -webkit-box;
  
  -webkit-box-orient: vertical;
overflow:hidden;}
.txt-line2{-webkit-line-clamp: 2;}
.txt-line1{-webkit-line-clamp: 1;}
.txt-line3{-webkit-line-clamp: 3;}

.flz12 {
    font-size: 12px !important;
}

/* 标签 */
.tag {
    display: inline-block;
    transition: .5s
}

.tag.padding-small {
    padding: 3px 10px
}

.tag.padding {
    padding: 5px 12px
}

.tag.bg-none {
    padding: 0
}

.tag.bg-white {
    background-color: #fff
}

.tag.bg-black {
    background-color: rgba(0, 0, 0, .3)
}

.tags {
    color: #ff9600 !important;
    border: 1px solid #ff9600 !important;
    background-color: unset;
}

/* 英文字体begin */
.Conv_DINCondensedC {
    font-family: "Conv_DINCondensedC";
}

/* 英文字体end */

.mb5 {
    margin-bottom: 5px;
}

/* 行距 begin*/
.blank {
    height: 10px;
    line-height: 10px;
    clear: both;
    font-size: 0
}

.blank-small {
    height: 20px;
    line-height: 20px;
    clear: both;
    font-size: 0
}

.blank-middle {
    height: 30px;
    line-height: 30px;
    clear: both;
    font-size: 0
}

.blank-big {
    height: 40px;
    line-height: 40px;
    clear: both;
    font-size: 0
}

/* 行距 end*/

/* .container-layout{max-width:99%;} */
.line-big {
    margin-left: -5px;
    margin-right: -5px
}

.line-big .x1,.line-big .x10,.line-big .x11,.line-big .x12,.line-big .x2,.line-big .x3,.line-big .x4,.line-big .x5,.line-big .x6,.line-big .x7,.line-big .x8,.line-big .x9,.line-big .xb1,.line-big .xb10,.line-big .xb11,.line-big .xb12,.line-big .xb2,.line-big .xb3,.line-big .xb4,.line-big .xb5,.line-big .xb6,.line-big .xb7,.line-big .xb8,.line-big .xb9,.line-big .xl1,.line-big .xl10,.line-big .xl11,.line-big .xl12,.line-big .xl2,.line-big .xl3,.line-big .xl4,.line-big .xl5,.line-big .xl6,.line-big .xl7,.line-big .xl8,.line-big .xl9,.line-big .xm1,.line-big .xm10,.line-big .xm11,.line-big .xm12,.line-big .xm2,.line-big .xm3,.line-big .xm4,.line-big .xm5,.line-big .xm6,.line-big .xm7,.line-big .xm8,.line-big .xm9,.line-big .xs1,.line-big .xs10,.line-big .xs11,.line-big .xs12,.line-big .xs2,.line-big .xs3,.line-big .xs4,.line-big .xs5,.line-big .xs6,.line-big .xs7,.line-big .xs8,.line-big .xs9 {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px
}

.line-large {
    margin-left: -15px;
    margin-right: -15px
}

.line-large .x1,.line-large .x2,.line-large .x3,.line-large .x4,.line-large .x5,.line-large .x6,.line-large .x7,.line-large .x8,.line-large .x9,.line-large .x10,.line-large .x11,.line-large .x12,.line-large .xl1,.line-large .xl2,.line-large .xl3,.line-large .xl4,.line-large .xl5,.line-large .xl6,.line-large .xl7,.line-large .xl8,.line-large .xl9,.line-large .xl10,.line-large .xl11,.line-large .xl12,.line-large .xs1,.line-large .xs2,.line-large .xs3,.line-large .xs4,.line-large .xs5,.line-large .xs6,.line-large .xs7,.line-large .xs8,.line-large .xs9,.line-large .xs10,.line-large .xs11,.line-large .xs12,.line-large .xm1,.line-large .xm2,.line-large .xm3,.line-large .xm4,.line-large .xm5,.line-large .xm6,.line-large .xm7,.line-large .xm8,.line-large .xm9,.line-large .xm10,.line-large .xm11,.line-large .xm12,.line-large .xb1,.line-large .xb2,.line-large .xb3,.line-large .xb4,.line-large .xb5,.line-large .xb6,.line-large .xb7,.line-large .xb8,.line-large .xb9,.line-large .xb10,.line-large .xb11,.line-large .xb12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

/* owl-carousel轮播插件 */
.owl-carousel .owl-dots {
    position: absolute;
    top: 50%;
    padding: 0;
    text-align: left;
    width: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.owl-carousel .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 0 5px;
    border-radius: 50%;
    background: #d3d3d3;
    display: inline-block;
    text-align: center;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s
}

.owl-carousel .owl-dots .owl-dot.active span {
    width: 16px;
    height: 8px;
    background: #000;
    border-radius: 20px
}

.owl-carousel .owl-nav i {
    font-size: 24px;
    color: #fff
}

.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    background: #000;
    width: 42px;
    height: 42px;
    line-height: 48px;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
    text-align: center;
    border-radius: 50%;
    opacity: 0
}

.owl-carousel .owl-nav .owl-prev {
    background: #000;
    left: 20px;
    right: auto
}

.owl-carousel .owl-nav .owl-next {
    right: 20px
}

/* owl-carousel轮播插件 */

/* 首页轮播 */
.idbanner{height:80vh;}

.idbanner img{width: 100%;height:100%;object-fit: cover;}
.idbanner {position: relative;}
.idbanner .container{position: absolute;left:0;right:0;top:50%;color:#fff;
transform: translateY(-50%);z-index:1;
}

.idbanner .swiper-slide.swiper-slide-active .container h1,
.idbanner .swiper-slide.swiper-slide-active .container p,.idbanner .innerinfo h1,.idbanner .innerinfo p{
    animation:UpTxt 1s .5s cubic-bezier(0.61, 1, 0.88, 1) both
}
.idbanner .adtxt{text-align:center}
.idbanner .adtxt h1{font-size:200%;line-height: 1em;}
.idbanner .adtxt p{font-size:120%;}

.idbanner .swiper-slide.swiper-slide-active .container p,.idbanner .innerinfo p{
    animation-delay:1.2s;
}
.idbanner .swiper-slide.swiper-slide-active img,.idbanner.channel-banner img{
    animation:scaleb 11s 0s both
}
.idbanner.channel-banner{overflow:hidden;}
.idbanner video{object-fit: cover;width:100%;height:100%;opacity: .8}
.idbanner .vid{background-color: #000;width:100%;height:100%}
.topf{position: fixed;width:100%;height:100vh}
.bnhold{height:100vh;}


.scrollbtn {
    position: absolute;
    z-index: 1;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    color:#fff;
}

.scrollbtn .iconfont{font-size:140%;}
.scrollbtn>li:nth-child(1) {
    border:1px solid #fff;
    border-radius: 5em;
    width:1.4em;height:2.8em;
    margin-bottom: 0rem;
    position: relative;
}
.scrollbtn>li:nth-child(1):before{
    content:'';height:10px;background-color: #fff;width:3px;
    position: absolute;left:50%;top:20%;transform: translateX(-50%);border-radius: 5em;
    animation: arrow2 1s 0s linear infinite;
}
.scrollbtn>li:nth-child(2) {
    animation: arrow 2s 0.6s linear infinite;
}

.scrollbtn>li:nth-child(3) {
    margin-top:-1em;
    animation: arrow 2s 1.8s linear infinite;
}

.scrollbtn>li:nth-child(4) {
    margin-top:-1em;
    animation: arrow 2s 1.8s linear infinite;
}

@keyframes arrow {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes arrow2 {
    from {
        opacity: 1;
        top:20%;

    }
    to {
        opacity: 0;
        top:40%;
    }
}

/* 首页轮播 */

.header{position: fixed;left:0;top:0;width:100%;z-index:99;}
.header .top{padding:0 1.5em}
.header img{height:60px;width:auto;padding:1em 0}
.header a img:nth-child(2),.header.active a img:nth-child(1){display: none;}
.header.active{background-color: #fff}
.header.active a img:nth-child(2){display: block;}
.searchBar{vertical-align: middle}
.header .iconfont{font-size:170%;vertical-align: middle;color:#fff;}
.header.active .iconfont.icon-sousuo{color:#222;}

.header .lang a{color:#fff;}
.header.active .iconfont.icon-language,.header.active .lang a .iconfont{color:#222;}
.header.active .lang a{color:#222;}



.top-items ul li{padding:0 .5em;}
.mhead_li > div{display: flex;height:100%;}
.li_left{width:30%;}

.li_left li{padding:1.5em 5%;text-align:center;}
.li_right ul li{padding:.8em 0;font-size:120%}
.li_left li.li_active{background-color: #222a9d;color:#fff;}
.li_left li.li_active a,.li_right a{color:#fff;}
.li_right {height:100%;color:#fff;background-color: #222a9d;width:70%;padding:1em 2em 0;} 
.li_right ul{display:none;}
.li_right ul.ul_active{display: block;max-height:80vh;overflow-y:auto;}
.li_right ul hr{opacity: .1}

/* 手机导航面包ico begin */
.m-toggle {
    position: relative;
    cursor: pointer;
    text-decoration: none;
    cursor: pointer;
    display: block;
}

.m-toggle.active i::before,.m-toggle.active i::after {
}

.m-toggle:hover,.m-toggle:focus,.m-toggle:active {
    outline: none;
    border-bottom: none !important;
}

.m-toggle i {
    position: relative;
    top: -5px;
    display: -moz-inline-stack;
    width: 18px;
    height: 2px;
    display: inline-block;
    zoom:1;*display: inline;
    color: #fff;
    text-transform: uppercase;
    text-indent: -55px;
    transition: all .2s ease-out;
}

.m-toggle i::before,.m-toggle i::after {
    content: '';
    width: 22px;
    height: 2px;
    position: absolute;
    left: 0;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.m-toggle i::before {
    top: -9px;
}

.m-toggle i::after {
    bottom: -9px;
}

.m-toggle.active i {
    background: transparent;
}

.m-toggle.active i::before {
    top: 0;
    -webkit-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.m-toggle.active i::after {
    bottom: 0;
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
}

.m-toggle i,.m-toggle i::before, .m-toggle i::after {
    background: #fff;
}

.header.active .m-toggle i,.header.active .m-toggle i::before, .header.active .m-toggle i::after,.m-toggle.active i::before, .m-toggle.active i::after{background-color: #222;}

.header.active .m-toggle.active i{background: #fff}
.mhead_li{display: none;background-color: #fff;width:100%;height:100vh;border-top:1px solid #eee;}

/*首页产品*/
.idxpros,.indexp{height:50vh}
.idxpros img{width:100%;height:100%;object-fit: cover; }
.idxpros .swiper-slide{background-color: #000}
.idxpros .swiper-slide a{width:100%;height:100%;color:#fff;}
.idxpros .swiper-slide .media-img{opacity: .7;height:100%}
.idxpros .swiper-slide,.idxcase .swiper-slide{position: relative;color:#fff;}
.idxpros .txtcon{position: absolute;left:0;right:0;width:80%;margin:auto;top:50%;transform: translateY(-50%);z-index:5}
.idxpros2 .txtcon{left:50%;transform: translate(-50%,-50%);text-align: center;width:75%}
.indexp2{position:absolute;z-index:5;bottom:0;left:0;width:100%;padding-right:15vw;background: rgba(0,0,0,.5);color:#fff;}
.idxprosnav .swiper-slide{text-align: center;cursor: pointer;padding:1.8rem 0}
.idxprosnav .swiper-slide-thumb-active{background-color: rgba(255,255,255,.9);color:#222a9d;}
/*首页产品*/


.flex,.advantage{display: flex;transition: 600ms;}

.earthbg,.earthbg2{background-image: url(/template/mobile/images/bg.jpg);background-size: cover;min-height:45vh;padding:5vh 0 ;background-position: center center;}
.earthbg2{background-image: url(/template/mobile/images/abougbg.jpg);padding:5vh 0 10vh;color:#fff;}

.nums{font-size:250%;display: flex;line-height: 1;color:#222a9d;margin-bottom:1rem;}
.nums p small,.nums p{font-size:50%;line-height: 1em}
.nums + li{font-size:95%}
.earthbg2 .nums{color:#fff;}
.advantage{flex-wrap:wrap;justify-content: center;padding-bottom:3em}
.advantage ul{padding:1em}
.idxvid a{position: relative;overflow:hidden; background: #000;display: block;}
.idxvid a .iconfont{display: inline-block;color:#222a9d;background-color: #fff;width:2em;height:2em;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);line-height: 2em;font-size:220%;text-align:center;border-radius: 15em;z-index:55;}
.idxvid a .iconfont:hover{background-color: #222a9d;color:#fff;}



.alist{transition: 600ms;-webkit-transition:600ms;text-align: center;position: relative;overflow:hidden;}
.alist .txta{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);color:#fff;line-height: 1;z-index: 50}
.alist .txta .iconfont{font-size:60px}

.alist .more a{color:#fff;border-color:rgba(255,255,255,.2);padding-right:2rem;padding-left:1rem;line-height: 2em}
.alist .more a .iconfont{font-size:150%;font-weight:400;color:#fff;}

.idxcase.swiper{overflow:visible}
.idxcase .txtcon{color:#fff;position: absolute;bottom:0;left:0;padding:2rem;
background-image: linear-gradient(360deg, rgba(0,0,0,.7), rgba(0,0,0,0) 100%);z-index:5;

}
/*问题*/
.tit{padding:4vh 0}
.pro-layout .tit{padding-top:0}
.tit h2{margin:0;}
.tit h2+p{color:#999;text-transform: uppercase;}


/*问题*/
/*更多*/
.more a{border:1px solid #eee;display: inline-block;color:#222a9d;padding:.5rem 1em .5rem 0;transition: 600ms;-webkit-transition:600ms;font-weight:800; vertical-align: middle}
.more a .iconfont{color:#222a9d;font-size:110%;margin:0 1rem;display: inline-block;vertical-align: middle}
.more a:hover{color:#fff;background: #222a9d;border-color:#222a9d;transform: translateY(-10px);}
.more a:hover .iconfont{color:#fff;}

.more2 a{display: inline-block;background-color:#222a9d;color:#fff;padding:1rem 3rem 1rem 2rem;vertical-align:middle}
.more2 a .iconfont{margin:0 1rem;font-size:150%;vertical-align:middle;}
.more2 a:hover{background-color: #ff9900;}
.flex.more2 a{width:50%;}
.flex.more2 a:nth-child(1){opacity:.85}
.flex.more2 a{padding:0;text-align:center;}
.flex.more2 a .iconfont{line-height:56px}
.flex.more2 a .iconfont.icon-tell{font-size:100%}
/*更多*/

/*轮播样式*/
.swiper-scrollbar{height:5px;width:100%;margin:4rem 0;background-color: #e0e1e9;overflow: hidden;}
.swiper-scrollbar-drag {
  background-color: #222a9d !important;
  position: relative;
  height:100%;
}



.swiper-scrollbar-drag:before {
  content: '';
  background-color: #222a9d !important;
  position: relative;
  left: -99vw;
  top: 0;
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 100vw;
  z-index: 999;
}

.swiper-but,.swiper-but2{
    position: absolute;
    top:50%;transform: translateY(-50%);
    width:2.8em;height:2.8em;text-align: center;
    line-height: 2.8em;
    z-index:55;
    cursor: pointer;
    font-size:150%;
}

.swiper-but-next{right:2%}
.swiper-but-prev{left:2%}
.swiper-but2{font-size:110%;position: unset;top:unset;transform:unset;
background-color: #fff;border-radius: 5em;background-color: #fff;margin:0 1rem;
}

.cers .swiper-but2{position:absolute;top:50%;transform: translateY(-50%);color:#222a9d}
.cers .swiper-but-next{right:5%}
.cers .swiper-but-prev{left:5%}

/*轮播样式*/





/* 常用TAB */
.tab-normal .tab-head {
    border-radius: 0;
    font-size: 0;
    -webkit-text-size-adjust: none;
    width: 100%;
}

.tab-normal .tab .tab-nav li {
    display: inline-block;
    width: auto;
    text-align: center
}

.tab-normal .tab .tab-nav li a {
    background: #fff;
    color: #6e6e6e;
    border-radius: 30px;
    padding: 0px 15px;
    height: 36px;
    line-height: 36px;
    margin: 0 5px;
    display: block;
    border: 0;
    font-size: 14px;
}

.tab-normal .tab .tab-nav .active a {
    background: linear-gradient(-45deg, #FFD100, #ff9600);
    cursor: default;
    color: #fff;
    border-bottom: 0px solid #FD3C6B;
}

.tab-normal .tab .tab-nav .active {
    background: none
}

.tab-normal .tab .tab-nav .active a:hover {
    color: #FFF
}

.tab-normal .tab .tab-nav li a:focus {
    outline: none;
}

.tab-normal .tab .tab-nav li a:hover {
    background: linear-gradient(-45deg, #FFD100, #ff9600);
    color: #fff
}

.tab-normal .tab .tab-body {
    padding: 0;
    border-radius: 0;
    border-top: 0px solid #ff0000
}

/* 常用TAB */

/* 首页产品 */
.carousel-pro .media {
    position: relative;
    -webkit-transition: .5s;
    transition: .5s;
}

.carousel-pro .media:hover {
    -webkit-transition: .5s;
    transition: .5s;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, .05);
}

.carousel-pro .button {
    background-color: #FFD100;
    transition: all .5s ease;
    box-shadow: 0 3px 8px 0px rgba(39, 39, 39, 0.26);
}

.carousel-pro .media:hover .button {
    color: #FFF;
    background-color: #ff9600;
    transition: all .5s ease;
}

.carousel-pro .media-body {
    padding: 10px 0 0 0
}

.carousel-pro .media-body h2 {
    height: 54px
}

/* .carousel-pro:hover .owl-nav .owl-next,.carousel-pro:hover .owl-nav .owl-prev{opacity:.6} */
.carousel-pro.dot-center .owl-dots {
    position: relative;
    top: 20px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    width: 100%
}

/* 首页产品 */

/* 首页关于67381cm.顶级游戏-更焦点的游戏资讯站点 */
.home-about {
    background-repeat: no-repeat;
    background-position: center 50%;
    background-size: cover
}

.home-about .padding-large {
    padding: 20px
}

.home-about h2 {
    position: relative;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 30px;
    word-break: break-all
}

.home-about h2:before {
    content: '';
    display: block;
    position: absolute;
    background: #FFD100;
    width: 30px;
    height: 3px;
    bottom: -15px;
    left: 0;
}

/* 首页关于67381cm.顶级游戏-更焦点的游戏资讯站点 */

/* 首页解决计划 */
.solution .media-img {
    position: relative;
}

.solution .media-img .mask {
    opacity: 0;
    z-index: 3;
    background: url(/template/mobile/skin/images/solution-hover.png) no-repeat center center;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    transition: 0.3s;
}

.solution .media-img .mask .subtitle {
    padding: 15px
}

.solution .media-img .mask .more {
    position: absolute;
    bottom: 15px;
    right: 15px
}

.solution .media-img:hover .mask {
    z-index: 5;
    transition: 0.3s;
    opacity: 1;
    transform: scale(1.1);
}

.solution .media-img .linear-link {
    z-index: 1;
    opacity: 1;
    background: linear-gradient(to bottom, rgba(0, 0, 0, .2) 65%, rgba(0, 0, 0, .8) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    transition: 0.3s;
}

.solution .media-img .linear-link .subtitle {
    padding: 0 15px;
    z-index: 3;
    width: 100%;
    bottom: 15px;
    left: 0;
    position: absolute;
    transition: 0.3s;
}

/* 首页解决计划 */

/* 首页新闻 */



.home-news-h {margin-bottom:2rem}
.home-news-c .news-title {
    margin-top: 15px;
    margin-left: 15px
}

.home-news-c .news-title h2 a {
    font-size: 16px;
    margin-bottom: 10px;
    display: block
}

.home-news-c:hover .news-title h2 a {
    color: #ff9600
}

.home-news-h .post-title{background:#222a9d;color:#fff;padding:1.3rem}
.home-news-h a{display;block;color:#fff;}

/* 首页新闻 end */

/* 路径 */
.nav-bread {
    padding: 0;
    height: 50px;
    line-height: 50px;
    font-size: 0
}

.nav-bread h2 {
    font-size: 18px;
    font-weight: 600
}

.nav-bread a {
    color: #888888;
    font-size: 14px;
    display: inline-block;
}

.nav-bread a:hover {
    color: #ff9600
}

.nav-bread a:after {
    content: "";
    padding: 0 10px;
    background: url(/template/mobile/skin/images/nav-bread.png) no-repeat center 50%;
}

.nav-bread a:last-child:after {
    content: "";
    background: none;
}

/* 路径 */

/* 上下篇  */
.prenext-pro a.button {
    height: 50px;
    line-height: 50px;
    padding: 0 20px
}

.prenext-pro a.button:hover {
    background: #ff9600;
    color: #fff
}

.prenext-pro a.border {
    border: 1px solid #eee
}

/*分页 begin*/
.pagination li {
    margin: 0 3px;
    font-size: 14px;
    border: none;
    border-radius: 3px;
}

.pagination li a,
.pagination li .disabled {
    border-radius: 3px;
    color: #6e6e6e;
    background: #fff;
    padding: 8px 12px;
    border: 1px solid #DCDCDC;
}

.pagination li.active a,
.pagination li a:hover {
    background: #ff9600;
    color: #fff;
    border: 1px solid #ff9600;
}

.pagination li .current {
    background: #ff9600;
    color: #fff;
    border-radius: 3px;
    padding: 7px 11px;
    border: 1px solid #ff9600;
    display: inline-block;
}

/*分页 end*/

/* 问题样式-居中 */
.title-c {
    position: relative;
}

.title-c h3 {
    position: relative;
    font-size: 20px;
    text-transform: uppercase;
    margin: 0 auto 30px auto;
    font-weight: 600
}

.title-c h3:before {
    background: #FFD100;
    content: '';
    display: block;
    position: absolute;
    width: 30px;
    height: 3px;
    bottom: -15px;
    left: 50%;
    margin-left: -15px;
}

/* 问题样式-左 */
.title-l h2 {
    line-height: 28px;
    height: 28px;
    color: #333;
    position: relative;
    font-size: 18px;
    letter-spacing: 0;
    padding-left: 20px;
    margin-bottom: 10px;
}

.title-l h2:before {
    content: '';
    display: block;
    position: absolute;
    width: 5px;
    height: 20px;
    top: 4px;
    background: #ff9600;
    left: 0
}

/* 下拉分类 */
.nav-tree {
    font-size: 0;
    height: 50px;
    line-height: 50px;
}

/*font-size:0去掉 display:inline-block距离 */
.nav-tree li {
    position: relative;
    display: inline-block;
}

.nav-tree li a {
    color: #6E6E6E;
    display: block;
    padding: 0 15px;
    font-size: 16px;
    background: #fff;
}

.nav-tree li a.active,
.nav-tree li a.cur {
    background: #;
    color: #ff9600
}

.nav-tree li.focusa a {
    background: #fff;
    color: #ff9600;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0;
}

.nav-tree li ul:after {
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -8px;
    display: inline-block;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
    content: '';
}

.nav-tree li ul {
    top: 50px;
    left: 0;
    background: #fff;
    padding: 5px 0;
    z-index: 99;
    position: absolute;
    width: 100%;
    display: none;
    border-radius: 0px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.03);
}

.nav-tree li ul li {
    display: block;
    width: 100%;
    text-align: left;
    padding: 5px 0
}

.nav-tree li ul li.children a {
    font-size: 14px;
    background: #fff;
    border-radius: 0;
    box-shadow: none;
    display: block;
    color: #6e6e6e;
    line-height: 24px;
    height: 24px;
}

.nav-tree li ul li.children a.active,
.nav-tree li ul li.children a:hover {
    color: #ff9600
}

/*
.nav-tree li ul li.children:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}
.nav-tree li ul li.children:last-child a{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
*/
/* 下拉分类 */

/* 属性 */
.filter-box .padding-big {
    padding: 5px 15px
}

.filter-box dl {
    margin: 10px 0;
}

.filter-box dl dt {
    width: 100%;
    display: block;
    line-height: 20px;
    font-weight: normal;
    margin-bottom: 10px
}

.filter-box dl dd {
    width: 100%;
    display: block;
    position: relative;
}

.filter-nav ul li {
    margin: 0;
    display: block;
    float: left;
    width: auto;
    line-height: 20px;
    padding: 5px 0
}

.filter-nav ul li a {
    margin: 0 10px 5px 0;
    padding: 2px 10px;
    cursor: pointer;
    display: block;
    color: #6E6E6E;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
}

.filter-nav ul li a:hover {
    color: #ff9600;
}

.filter-nav ul li a.active {
    color: #fff;
    background: #ff9600
}

.filter-nav ul li b {
    font-weight: normal;
}

/* 分类导航移动端 */
.nav-x {
    height: 50px;
    padding: 10px 0 0 0;
    margin: 0;
    width: 100%;
    position: relative;
    z-index: 6;
    background: #F7F7F7
}

.nav-x ul {
    clear: both;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, .05)
}

.nav-x li {
    float: none !important;
    width: 100%;
}

.nav-x li a {
    font-size: 16px;
    padding: 0;
    height: 50px;
    line-height: 50px;
    color: #666;
    background: #fff;
    text-align: center;
    display: block;
}

.nav-x .menu-toggle {
    color: #ff9600
}

.nav-x .menu-toggle h3 {
    display: block;
    float: left;
    width: 70%;
    
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #ff9600;
    font-size: 16px;
}

.nav-x .menu-toggle button {
    background: #fff;
    z-index: 2;
    float: right;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 0;
    color: #444;
    font-size: 18px;
    text-align: left;
    text-indent: 12px;
}

.nav-x .menu-toggle span {
    font-size: 18px;
}
.nav-x .menu-toggle span i{
    float: right;
    margin-right: 10px;
    font-size: 24px;
}

.nav-x li a:hover,
.nav-x li a.active {
    color: #ff9600;
}

/* 分类导航移动端 end*/

/* 新闻列表 */
.list-news {
    margin-bottom: 10px
}

.list-news .news {
    padding:10px 15px 0;
}


.list-news h6{color:#333;margin:0;
text-overflow: ellipsis;
display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
overflow:hidden;
  }


.arttop{color:#fff;padding:8vh 0 4vh}
.arttop h2{margin-bottom:3rem}
.arttop a{color:#fff;}
.arttop a:hover{color:#ff9900}
.arttop .position{font-size:80%}
.artcon .conb{padding-top:5vh}
.artcon .cona{padding:5vh 0;}
.artcon .cona p + *{margin-top:1rem}
.artcon .cona p + .more2{margin-top:3em}
.artcon .conb h4{margin-top:0}
.artcon .conb ul li{line-height: 1.5;border-bottom:1px solid #eee;padding:1rem ;position: relative;}
.artcon .conb ul li:before{content:'';width:5px;height:40%;background-color: #222a9d;position: absolute;left:0;top:50%;transform: translateY(-50%);}
p + .more2{margin-top:2em}
.top-art{position: relative;display: block;margin-bottom:2rem}

.paging{border-top:1px solid #eee;}
.paging a,.paging .text-gray{display: block;padding:1rem .5rem;}
.paging .iconfont{margin:0 .5rem}
.paging a:hover{background-color: #222a9d;color:#fff;}
.paging a:hover .iconfont{color:#fff}



/* 新闻列表 */

/* 纯文字列表  begin*/
.list-post-text li {
    padding: 5px 0;
}

.list-post-text li a {
    display: block;
}

.list-post-text li.dot a {
    padding-left: 15px;
    position: relative ;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list-post-text li.dot:hover a:before {
    background: #ff9600;
}

/* 纯文字列表  end*/

/* 下载列表 */
.normal-list {
    min-height: 550px
}

.normal-list li {
    position: relative;
    display: block;
    line-height: 24px;
    background: #FFF;
    margin-bottom: 10px;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
}

.normal-list li a {
    display: block;
    padding: 15px 0 15px 30px;
    font-size: 16px;
    color: #333;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
}

.normal-list li span {
    color: #888888;
    position: absolute;
    right: 20px;
    top: 20px
}

.normal-list li:hover {
    background: #ff9600;
    color: #FFF;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
}

.normal-list li:hover a,
.normal-list li:hover span {
    color: #FFF
}

.normal-list li.dot:hover a:before {
    background: #fff;
}

.normal-list li.dot a {
    position: relative
}

.normal-list li.dot a:before {
    content: '';
    position: absolute;
    left: 15px;
    top: 25px;
    background: #ececec;
    width: 7px;
    height: 7px;
    border-radius: 50%
}

/* 下载详细页begin */
.download-detail {
    position: relative;
    z-index: 3
}

.download-detail .button-big {
    padding: 15px 25px
}

/* 下载详细页end */

/* ===视频教程 beign*/
/* ====视频教程列表 begin*/
.video-list .media {
    -webkit-transition: .5s;
    transition: .5s;
}

.video-list .media:hover {
    box-shadow: 0 30px 50px rgba(229, 229, 229, .8)
}

.video-list .media-img {
    position: relative;
    overflow: hidden
}

.video-list .media-body .padding-big {
    padding: 20px
}

.video-list .media-body h2 {
    margin: 0 0 20px 0;
    overflow: hidden
}

.video-list .media a.play {
    opacity: .6;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -24px;
    margin-top: -24px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    background: rgba(0, 0, 0, .6);
    z-index: 2;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}
.video-list .media a.play i{
    font-size: 22px;
}
.video-list .media .playtime {
    position: absolute;
    bottom: 10px;
    right: 10px;
    padding: 0 8px;
    height: 20px;
    line-height: 18px;
    background: rgba(0, 0, 0, .5);
    z-index: 2;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.video-list .media:hover a.collect,
.video-list .media:hover a.play {
    opacity: 1;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.video-list .excerpt-info ul li.v2-1 {
    width: 50%
}

.video-list .excerpt-info ul li.v2-2 {
    width: 50%;
}

/* 视频教程列表 end*/

/* =====视频内容页 */
.video-detail .tab-head {
    border-radius: 0;
    font-size: 0;
    -webkit-text-size-adjust: none;
    padding-left: 15px;
    border-bottom: 1px solid #EFEFEF
}

.video-detail .tab .tab-nav li {
    display: inline-block;
    width: 33%;
    margin: 0
}

/* .video-detail .tab .tab-nav li:last-child {margin-right:0px} */
.video-detail .tab .tab-nav li a {
    color: #616770;
    padding: 15px 0;
    border: 0;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    display: block;
    line-height: 20px;
    font-weight: 500;
    border-radius: 0;
    font-size: 16px;
    text-align: center;
}

.video-detail .tab .tab-nav .active {
    border-radius: 0px;
}

.video-detail .tab .tab-nav .active a {
    margin-bottom: -1px;
    cursor: default;
    background: #FFF;
    border-bottom: 2px solid #ff9600;
    font-weight: 600
}

.video-detail .tab .tab-nav li a,
.video-detail .tab .tab-nav .active a:focus {
    outline: none;
}

.video-detail .tab .tab-body {
    border-radius: 0;
    border-top: solid 0px #ebebeb;
    padding: 25px
}

/* ======播放器 */
.jw-video-expense {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #616770;
    z-index: 1;
    display: none
}

.jw-video-expense .apply {
    position: absolute;
    left: 50%;
    margin-left: -176px;
    top: 50%;
    margin-top: -50px
}

.jw-video-expense .button {
    cursor: pointer
}

.video-period .price {
    font-size: 32px;
    margin-top: 5px
}

.video-buy-now {
    cursor: pointer;
    width: 130px;
    float: right
}

.video-free-now {
    width: 130px;
    padding: 10px 0;
    float: right
}

.video-title h1 {
    font-size: 24px;
    display: block;
}

.video-period-title {
    padding: 10px
}

.video-period-list {
    overflow: hidden;
    height: auto
}

.video-period-list li {
    height: 69px;
    width: 100%;
    border-bottom: 1px #433D3D solid;
    position: relative;
    text-align: left
}

.video-period-list li a {
    display: block;
    padding: 8px 10px 8px 35px
}

.video-period-list li a.cur {
    background: #2D2D2D;
    display: block;
}

.video-period-list li:hover {
    background: #2D2D2D;
}

.video-period-list li p {
    font-size: 14px;
    color: #888888;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.video-period-list li:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 13px;
    left: 10px;
    top: 15px;
    background: url(/template/mobile/skin/images/video-ico.png) no-repeat;
    z-index: 4
}

.video-period-list li .video-info {
    padding-top: 8px;
    position: relative;
    color: #616770
}

.video-period-list li .video-info span {
    position: absolute;
    right: 0;
    width: 62px;
    text-align: right
}

.video-period-list li:last-child {
    border-bottom: none
}

.video-content-tit {
    padding: 5px 30px 0;
    line-height: 50px;
    border-bottom: 1px solid #ECEFF5
}

.video-content-tit h2 {
    font-size: 18px;
    color: #434C5A;
    border-bottom: 1px solid #434C5A;
    display: block;
    width: 72px;
    margin-bottom: -1px
}

/* 播放器 end*/
/* 视频内容页end */
/* 视频教程 end*/

/* 横向左图右字列表 begin*/
.list-post-x .media.border {
    border: 0;
    border-bottom: 1px solid #ECEFF5;
    padding-bottom: 20px
}

.list-post-x .media img {
    transition: all .3s ease-out
}

.list-post-x .media .thumb-md {
    position: relative;
    max-width: 100px;
    overflow: hidden
}

.list-post-x .media .thumb-md .playtime {
    position: absolute;
    bottom: 5px;
    right: 5px;
    padding: 0 5px;
    height: 20px;
    line-height: 18px;
    background: rgba(0, 0, 0, .6);
    z-index: 3;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.list-post-x .media .thumb-md .playicon {
    position: absolute;
    bottom: 5px;
    left: 5px;
    width: 20px;
    height: 20px;
    line-height: 18px
}

.list-post-x .media:hover img {
    transition: all .3s ease-out;
    transform: scale(1.1)
}

.list-post-x .media.media-x .float-left {
    margin-right: 15px
}

.list-post-x .media.media-x .float-right {
    margin-left: 15px
}

.list-post-x .media.media-x .media-body {
    text-align: left;
    padding: 0
}

.list-post-x .media a:hover {
    color: #434C5A
}

.list-post-x .media-body p {
    color: #888888;
    line-height: 22px
}

.list-post-x .media:last-child {
    margin-bottom: 0
}

/* 横向上图下字列表 end *

/* 内容 begin */
.article {
    overflow: hidden
}

.article .padding-large {
    padding: 20px
}

.article .post h1 {
    font-size: 20px;
    font-weight: 600;
}

.article .post h2 {
    font-size: 18px;
    font-weight: 600;
    margin: 10px 0
}

.article .post h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 10px 0
}

.article .post hr {
    margin: 10px 0;
    height: 1px
}

.article .post strong {
    font-size: 16px;
    margin: 10px 0
}

.article .post table {
    margin: 20px 0
}

.article .post table th {
    background: #daf0fd;
    color: #fff;
    border: 1px solid #fff
}

.article .post table tr.ue-table-interlace-color-single {
    background: #daf0fd
}



.article .post img {
    max-width: 100% !important;
    height: auto !important;
}

.article .post a {
    text-decoration: none;
    border-bottom: 1px solid #0053c4;
    color: #0053c4
}

.article .post a:hover {
    color: #e7161a;
    border-bottom: 0 solid #e7161a
}

.article .post .text-right {
    text-align: right
}

.article .post ul li {
    padding: 0 0 5px 20px;
    position: relative;
    font-size: 16px
}

.article .post ul li p {
    line-height: 24px
}

.article .post ul li:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    background: #888888;
    width: 7px;
    height: 7px;
    border-radius: 50%
}

.article .post ol {
    padding: 10px 0 0 0
}

.article .post ol.list-paddingleft-2 {
    position: relative
}

.article .post ol li {
    padding: 0;
    position: relative
}

.article .post ol li p {
    line-height: 26px;
    font-size: 16px;
    color: #888888
}

/* 内容 end */

/* 产品列表*/
.product-list .media {
    -webkit-transition: .3s;
    transition: .3s;
}

.product-list .media:hover {
    -webkit-transition: .3s;
    transition: .3s;
    box-shadow: 0 5px 20px 5px rgba(0, 0, 0, .05);
}

.product-list .media .media-body h2 {
    height: 46px;
    line-height: 22px
}

.product-list .media:hover .media-body h2 a {
    color: #ff9600;
}

.price-info ul li.v2-1 {
    width: 55%
}

.price-info ul li.v2-2 {
    width: 45%;
}


/*产品*/

.pro-top{background: #000}
.pro-top img{opacity: .8}
.pro-content h2{line-height: 1em;margin:.5rem 0}
.pro-content h2 + p{opacity: .5;text-transform: uppercase;}
.pro-content hr{opacity: .2;margin:2em 0;}
.pro-content .swiper-but2{background: unset;margin:0;border:1px solid rgba(255,255,255,.2)}
.pro-content ul.flex{margin-top:2em}
.pro-content .swiper-but2:first-child{margin-right:1em;}
.pro-top .more2{margin-top:2em}
.pro-top .more2 a{vertical-align: middle}
.pro-top .more2 .iconfont{font-size:150%;line-height: 1.5em;vertical-align: middle}
.pro-top .more2 a:hover{text-decoration:none; }

.propdf img{opacity: .5}
.propdf .iconfont{font-size:120%;vertical-align: middle}
.sence .swiper-slide{position:relative;background:#222a9d}
.sence .swiper-slide .info{position:absolute;width:100%;padding:3em;bottom:0;left:0;z-index:1;color:#fff;
    background-image:linear-gradient(360deg, rgba(0,0,0,.7), rgba(0,0,0,0) 100%)
    
    
}
.sence .swiper-slide:hover .media-img{opacity:.8;}





.pro-layout{padding-top:5vh ;padding-bottom:5vh;}
.hotform{padding-bottom:5vh;line-height: 3}
.hotform h3{margin:0}
.hotform button{background-color: #222a9d;color:#fff;border:none;padding:0 2rem;}
.hotform button:hover{background-color: #ff9900}
.hotform input{border:none;width:;color:#aaa;padding:0 2rem}
.hotform form{padding:1rem 0;}
.hwords a{display: inline-block;margin:0 .5rem;color:#222a9d;}
.hwords a:hover{text-decoration: underline;}
.cates{flex-wrap:wrap;margin-left:-.5rem;margin-right:-.5rem}
.cates li span{font-size:220%;line-height: 1;font-weight:800;color:#fff;opacity: .8}
.cates li{width:50%;padding:.5rem;position: relative;}


.cates li a{display: block;background-color: rgba(34,52,157,0);height:calc(100% - 1rem);width:calc(100% - 1rem);padding:1rem;position: absolute;top:0.5rem;left:0.5rem;z-index:5}
.cates li a h6{margin:1rem 0;color:#fff}

.cates li .media-img{opacity: 1;}
.cates li:hover .media-img{opacity: 1}
.cates li a{background-color: rgba(34,52,157,.5);}
.cates li a:hover{background-color: rgba(34,52,157,.8);}
.cates li a:hover h6{color:#fff;}
.cates li a:hover span{}
.cases{padding-bottom:5vh}
.cases .left{width:50%}

.cases .left .casepics{height:100%;}
.cases .casepics img{object-fit: cover;width:100%;height:100%;}


.cases .right{width:50%;height:65vh;overflow:auto;padding:0 5%}
.swiper-img,.img-father{width:100%;height:100%}
.img-father{overflow:hidden;background-color: #000}
.casetxts li h5{margin:0;font-weight:400}
.casetxts .mActive h5{color:#222a9d;font-weight:800}
.casetxts li .iconfont{display: inline-block;line-height: 2em;height:2em;width:2em;font-size:130%;background-color: #eee;border-radius: 5em;text-align: center;transition: 600ms;-webkit-transition:600ms;

}
.casetxts .mActive .iconfont{color:#fff;background-color: #222a9d;}
.casetxts li .intxt{color:#999;font-size:80%;margin-top:1rem;clear:both;}
.casetxts li {border-bottom:1px solid #eee;padding:2rem }
.casetxts li > div:first-child{width:80%;}
.casetxts li > div:last-child{width:20%;text-align: center;}

@keyframes scals {
    0% {
        opacity: 1;
        transform: scale(1);
        transform-origin: center;
    }

    50% {
        opacity: 0.6;
        transform: scale(0.8);
        transform-origin: center;
    }

    100% {
        opacity: 1;
        transform: scale(1);
        transform-origin: center;
    }
}

.map{padding:5vh 0}
.ab2map {
    position: relative;padding:0
}

.maptxt{padding-bottom:5vh}
.maptxt > p{color:#555}
.maptxt h2{margin:0}
.maptxt .nums{margin-top:2rem}
.maptxt .nums + .bd{border-bottom:3px solid #222a9d;display: inline-block;padding:0 4rem 1rem .5rem}
.am2bg {
    width: 100%;
    
}

.am2bg img {
    display: block;
    width: 100%;
}

.ab2cv {
    position: absolute;
    left: 140px;
    bottom: 130px;
}

.ac2bt {
    color: #000000;
    font-size: 36px;
}

.ac2ms {
    display: block;
    color: #333333;
    font-size: 18px;
    margin-top: 10px;
}

.ac2sz {
    position: relative;
    color: #333333;
    font-size: 18px;
    margin-top: 60px;
    line-height: 1;
    padding-bottom: 30px;
}

.ac2sz strong {
    display: inline-block;
    vertical-align: sub;
    font-family: "DINPro-Regular";
    color: #333333;
    font-size: 116px;
    font-weight: normal;
}

.ac2sz:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 403px;
    height: 3px;
    background: #c9151e;
}

.am2dd {
    position: absolute;
    width:73%;
    bottom: 12%;
    left: 11%;
    /*animation: scals 4s linear infinite;*/
}

.am2dd img {
    /*display: block;*/
    width: 100%;
    transition: 0.45s;
}

.am2dw {
    position: absolute;
    border-radius: 50%;
    background: rgba(34, 42, 157, .5);
    animation: scals 4s linear infinite;
}



.ad1 {
    width: 45px;
    height: 45px;
    top: 24%;
    left: 31%;
}

.ad2 {
    width: 26px;
    height: 26px;
    left: 37%;
    top: 53%;
}

.ad3 {
    width: 44px;
    height: 44px;
    left: 58%;
    top: 20%;
}

.ad4 {
    width: 44px;
    height: 44px;
    left: 57%;
    top: 41%;
}

.ad5 {
    width: 23px;
    height: 23px;
    left: 69%;
    top: 30%;
}

.ad6 {
    width: 26px;
    height: 26px;
    right: 22%;
    bottom: 39%;
}

.ad7 {
    width: 26px;
    height: 26px;
    right: 12%;
    bottom: 37%;
    background: rgba(34,42,157, .8);
}

.ad8 {
    width: 18px;
    height: 18px;
    right: 12%;
    bottom: 17%;
    background: rgba(34,42,157, .8);
}

.ad9 {
    width: 17px;
    height: 17px;
    right: 10%;
    bottom: 55%;
    background: rgba(34,42,157, .5);
}


/* 转动条样式 */
    
::-webkit-scrollbar {
    width: 3px;
}
::-webkit-scrollbar-track {
    background: #eee;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #222a9d;
}


/*产品列表*/

/* 产品详细页begin */
.product-description .padding {
    padding: 10px
}

/* 产品详情TAB begin */
.product-overview .tab-head {
    border-radius: 0;
    font-size: 0;
    -webkit-text-size-adjust: none;
    width: 100%;
    border-bottom: 1px solid #EFEFEF
}

.product-overview .tab .tab-nav li {
    display: inline-block;
    width: 33%;
}

.product-overview .tab .tab-nav li a {
    margin-bottom: -1px;
    color: #6E6E6E;
    padding: 15px 0;
    display: block;
    line-height: 20px;
    border: 0;
    border-radius: 0;
    font-size: 18px;
    text-align: center;
}

.product-overview .tab .tab-nav .active {
    border-radius: 0px;
}

.product-overview .tab .tab-nav .active a {
    cursor: default;
    color: #ff9600;
    background: #FFF;
    border-bottom: 3px solid #ff9600;
}

.product-overview .tab .tab-nav li a,
.product-overview .tab .tab-nav .active a:focus {
    outline: none;
}

.product-overview .tab .tab-body {
    padding: 0;
    border-radius: 0;
    border-top: solid 0px #ebebeb;
}

/* 产品详情TAB END */

/* 放大镜 begin */
#zoomimg {
    cursor: pointer;
    display: block
}

.pro-thumb .item img {
    border: 1px solid #ececec
}

.pro-thumb .item:hover img {
    border: 1px solid #ff9600
}

.pro-thumb:hover .owl-nav .owl-prev,
.pro-thumb:hover .owl-nav .owl-next {
    opacity: .6;
}

/* 放大镜 end */

/* 商品参数 */
.attribute li {
    position: relative;
    color: #666;
    line-height: 32px;
}

.attribute li:before {
    content: '';
    position: absolute;
    left: 0px;
    background: #ccc;
    width: 6px;
    height: 6px;
    top: 11px;
    border-radius: 50%;
}

.attribute li span {
    color: #999
}

/* 商品参数 end */

/* 商品详情 */
.content img {
    max-width: 100% !important;
    height: auto !important;
}

/* 商品详情 end */

/* 产品详细页end */

.job-list {
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
}

.job-list:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
}

.job-list dt {
    font-weight: normal
}

/* 弹出层*/
.dialog {
    border-radius: 0;
    border: 0 solid #ebebeb;
    margin: 0 auto;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}

.dialog .dialog-head {
    font-size: 18px;
    border-bottom: 0;
    background: #FFF;
    color: #383838;
    border-radius: 0
}

.dialog .dialog-head .close {
    float: right;
    line-height: 24px
}

.dialog .dialog-body {
    padding: 0 20px 30px 20px;
}

.dialog-body h3 {
    font-size: 20px;
    font-weight: 300;
    color: #333;
    margin-bottom: 10px
}

.dialog-body .form-group {
    padding-bottom: 20px
}

.dialog-body .input {
    height: 48px;
    line-height: 24px;
    padding: 0 12px;
    border: 1px solid #ebebeb;
    width: 100%;
    display: block;
    border-radius: 0px;
    -webkit-appearance: none;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0) inset;
    background: transparent;
}

.dialog-body .textarea {
    padding: 10px 12px;
    line-height: 24px;
    width: 100%;
    background: transparent;
    border: 1px solid #ebebeb;
}

.dialog-body .label {
    padding-bottom: 10px;
    display: block;
    line-height: 24px;
}

.dialog-body .label label {
    font-weight: 400;
}

.dialog-body select {
    padding: 0 30px 0 8px;
    color: #ADADAD;
    border-radius: 0px;
    width: 100%;
    height: 48px;
    line-height: 48px;
    border: solid 1px #ebebeb;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(/template/mobile/skin/images/select-down.png) no-repeat right 50%;
}

.dialog-body .form-tips .dialog-body .input-help ul {
    border: solid 0px #ebebeb;
    background: #fff;
    padding: 5px 10px;
    box-shadow: 0 0 0 #fff;
    width: 150px;
    min-width: 150px;
    width: auto;
    _width: 150px;
    color: #EE3333;
    font-size: 12px
}

.dialog-body .input::-webkit-input-placeholder,
.dialog-body .textarea::-webkit-input-placeholder {
    color: #6E6E6E;
}

.dialog-body .input:-moz-placeholder,
.dialog-body .textarea:-moz-placeholder {
    color: #6E6E6E;
}

.dialog-body .input::-moz-placeholder,
.dialog-body .textarea::-moz-placeholder {
    color: #6E6E6E;
}

.dialog-body .input:-ms-input-placeholder,
.dialog-body .textarea:-ms-input-placeholder {
    color: #6E6E6E;
}

.dialog-body .input-group .addon {
    background-color: #fff;
    border: 0px solid #EBEBEB;
    border-radius: 0px;
    line-height: 1;
    padding: 0;
    text-align: center
}

.dialog-body .input-group .addon img {
    max-height: 50px
}

/* 弹出层 end*/

/*  联系67381cm.顶级游戏-更焦点的游戏资讯站点begin  */
.inside h2 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 10px
}

.inside .contact hr {
    height: 1px;
    background: #F2F2F2
}

.inside .contact .media {
    margin: 0;
    padding: 0 0 30px 0;
}

.inside .contact .media span {
    width: 24px;
    height: 24px;
    line-height: 30px;
}

.inside .contact .media i {
    font-size: 24px;
}

.inside .contact .media .media-body {
    padding: 0 0 0 10px;
    margin-top: 0px;
}

.inside .contact .media .media-body a,
.inside .contact .media .media-body p {
    color: #333;
}

.inside .wx {
    border: 1px solid #ebebeb;
    padding: 20px 30px;
}

.home-contact {
    background: #cacaca
}

.home-contact .title {
    position: relative;
    width: 590px;
    float: right;
    text-align: left;
}

.home-contact .title h2 {
    font-size: 64px;
    line-height: 64px;
    padding-top: 25%;
    padding-right: 50px;
    padding-bottom: 30px;
}

.home-contact .title h2 span {
    color: #ff9600
}

.home-contact .title a {
    font-size: 24px;
    text-decoration: none;
    border-bottom: 2px solid #ff9600;
    color: #FFF;
}

.home-contact .title a:hover {
    border-bottom: 0 solid #82CC37;
}

/*guestbook*/
.guestbook h2 {
    font-size: 24px;
    font-weight: 600
}

.guestbook .form-group {
    padding-bottom: 20px
}

.guestbook .input {
    font-size: 16px;
    padding: 0 15px;
    height: 50px;
    line-height: 50px;
    border: 0;
    width: 100%;
    display: block;
    -webkit-appearance: none;
    transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0) inset;
}

.guestbook .textarea {
    padding: 12px;
    line-height: 24px;
    width: 100%;
    font-size: 16px;
    background: #fff;
    border: 0;
}

.guestbook .label {
    display: block;
    line-height: 24px;
}

.guestbook .label label {
    font-weight: 400;
}

.guestbook .field {
    font-size: 16px
}

.guestbook select {
    font-size: 16px;
    padding: 0 35px 0 15px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    border: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #fff url(/template/mobile/skin/images/select-down.png) no-repeat right 50%;
    color: #666;
}

.guestbook .form-tips .guestbook .input-help ul {
    border: 0;
    background: #fff;
    padding: 5px 10px;
    box-shadow: 0 0 0 #fff;
    border-radius: 0 0 4px 4px;
    width: 150px;
    min-width: 150px;
    width: auto;
    _width: 150px;
    color: #EE3333;
    font-size: 12px
}

/* 联系67381cm.顶级游戏-更焦点的游戏资讯站点end */

.channel-banner {
    height: 30vh;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin: 0;
    padding: 0;
}
.idbanner.channel-banner{height:35vh}
.channel-banner .banner-info {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 3;
    transform: translateY(-50%);
    color:#fff;
}
.channel-banner .banner-info h2 {margin-bottom:0;}
.channel-banner .banner-info p{font-size:90%}

.innerinfo{position:absolute;top:50%;transform: translateY(-50%);
left:0;right:0;z-index:1;
}
.innerinfo p{font-size:85%;opacity: .8;margin-left:-1rem}
.reads{}
.reads li{padding-right:2em}
.reads .iconfont{margin-right:1rem}
.channel-banner h1{margin:0}
.channel-banner a{color:#fff;margin:0 1rem }
.channel-banner a:hover{text-decoration: underline; }

.channel-banner img{width:100%}



/* 底部地图版权 begin*/
footer {
    padding: 30px 0 ;
    color:#fff;
}

.footav > ul{display: none;line-height: 2.7em;padding:0 1em 1em;}
.footav{color:#fff;border-bottom:1px solid rgba(255,255,255,.2)}
.footav a{color:#fff;display: block;}

.footav div i{font-size:200%;transition: 600ms;-webkit-transition:600ms;}
.footav div i.i_rotate{transform: rotate(180deg);}

footer .more a,.alist .more a{color:#fff;border-color:rgba(255,255,255,.2);padding-right:2rem;padding-left:1rem;line-height: 3em}
footer .more a .iconfont,.alist .more a .iconfont{font-size:150%;font-weight:400;color:#fff;}
footer .more a:hover,.alist .more a:hover{color:#222a9d;background: #fff;}
footer .more a:hover .iconfont,.alist .more a:hover .iconfont{color:#222a9d;}
footer .qrimg{padding:4em;}

.hotline{ padding:3vh 0 5vh;align-items: center;border-top:1px solid rgba(255,255,255,.1);}
.hotline li{vertical-align: middle}
.hotline .iconfont{font-size:320%;display: inline-block;margin-right:1rem;vertical-align: middle;line-height: 40px}

footer .more a{display: block;text-align: center;}
.copyright{padding:10px;color:#888;font-size:75%; text-align: center;}
.copyright a{display:block;color:#888;}

/* 底部地图版权 end*/

/* 移动端快捷菜单 */
.blank50 {
    height: 50px;
    line-height: 50px;
    clear: both;
}

#m-b-bar {
    color: #FFF;
    width: 100%;
    height: 50px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9;
    display: block;
}

#m-b-bar a {
    width: 100%;
    color: #F2F2F2;
    display: block;
    padding: 5px 0 0 0;
    line-height: 20px;
    font-size: 14px;
}

#m-b-bar a i {
    font-size: 18px;
    display: block;
    color: #fff;
}

/* 移动端快捷菜单 */


/* 内容详情图片自顺应 */
.content img {
    max-width: 100%;
    height: auto !important;
}

/* 产品图集不显示放大效果 */
.product-description div.MagicZoomBigImageCont {
    display: none !important;
}


.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video,
.embed-responsive img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
}

.embed-responsive img{object-fit: cover}

.embed-responsive-16by6 {
    padding-bottom: 40%;
}


.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
    padding-bottom: 75%;
}

.embed-responsive-1by1 {
    padding-bottom: 100%;
}

.embed-responsive-3by4 {
    padding-bottom: 125%;
}

.embed-responsive-9by16 {
    padding-bottom: 11%;
}


/*人才*/
.talent2 {flex-wrap: wrap;}
.talent2 > div{padding:2rem;width:100%}
.talent2 .bg-green{background-color: rgba(0,0,0,.6)}
.talent2 .bg-main{background-color: rgba(34,42,157,.8)}
.talent2{background-image: url(/template/mobile/images/handshake.webp);background-size: cover;}
.talent2 .iconfont{font-size: 400%}
.talent3,.talent4{padding-bottom:5vh}
.talent4 .iconfont{font-size:300%;color:#222a9d;line-height: 60px;width:35%;margin-right:10%;border-right:1px solid rgba(0,0,0,.1);text-align:center;}
.talent4 .iconfont.icon-xiezilou,.talent4 .iconfont.icon-shehuijiuzhu{font-size:340%}
.talent4 .flex{justify-content: space-between;flex-wrap:wrap;margin:0 -.5rem}
.talent4 .flex > div{background: #fff;padding:2rem 1rem;padding-left:0;text-align: center;width:calc(100% );margin:0 0 1rem;display: flex;align-items: center;}
.talent4 .flex > div:hover .iconfont{color:#fff;border-right-color:rgba(255,255,255,.2)}
.talent4 .flex > div:hover {background-color:#222a9d;color:#fff;transform: translateY(-10px);}


/*效劳*/
.service{background-image: url(/template/mobile/images/jobbg.webp);background-size: cover;flex-wrap: wrap;}

.service > div{width:50%;color:#fff;background-color: rgba(0,0,0,.5);border-right:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}
.service > div:last-child{width:100%;border-bottom:none;}
.service .iconfont{font-size:420%;line-height: 90px}
.service > div{padding:2vh 1rem;text-align: center;}
.service > div h5{margin-bottom:0}
.service > div h5+small{color:rgba(255,255,255,.6)}
.service.ppro{background-image: unset}
.service.ppro > div{color:unset;padding:5vh 1rem;background-color: unset;border-right:1px solid rgba(0,0,0,.1)}
.service.ppro > div h5+small{color:rgba(0,0,0,.3)}



.service2 p{margin-bottom:1rem}
.service2 .con{padding-top:5vh;padding-bottom:5vh}
/*产品列表*/
.product-list > div{width:calc(100%);margin:1rem 0;overflow:hidden;
background-color: #fff;
}
.product-list a .info,.repros a .info{padding:2rem;color:#999}
.product-list a .info h6,.repros a .info h6{margin:0 0 .5rem;color:#333}
.product-list > div:hover{transform: translateY(-10px);box-shadow: 0 15px 25px rgba(0,0,0,.2);
    background-color: #222a9d;}

.product-list > div:hover a .info,.product-list > div:hover a h6{color:#fff}

.repros  a:hover .info h6,.repros a:hover .info{color:#222a9d}


/*工程案例*/
.solution.flex,.joblist.flex,.product-list.flex{flex-wrap:wrap;}
.solution > div,.joblist > dl{width:calc(100%);margin:1rem 0;overflow:hidden;position: relative;}

.solution .mask{
    position: absolute;color:#fff;left:0;
    width:100%;
    padding:2rem;
    transition: 600ms;-webkit-transition:600ms;bottom:0;
    background-image:linear-gradient(360deg, rgba(0,0,0,.7), rgba(0,0,0,0) 100%);

    }
.projects img{width:100%;height:100vh;object-fit: cover;}

/*人才*/
.joblist{}
.joblist > dl{background-color: #fff;transition: 600ms;-webkit-transition:600ms}
.joblist > dl a{display: block;height:100%;}
.joblist a dt h5{color:#222a9d;margin:0;vertical-align: middle}
.joblist a dt h5 .iconfont{margin-right:1rem;font-weight:400;color:#999;font-size:140%;vertical-align: middle;}
.downs dt .iconfont{font-size:300%;margin-right:.5em;display:inline-block;opacity: .5}

.joblist a dt small{color:#999}
.joblist a dt,.joblist a dd{padding:2rem;font-weight:400;}
.joblist a .info {color:#999;border-top:1px solid rgba(0,0,0,.1);}

a .more3,.btn{background-color: #222a9d;color:#fff;padding:1rem 2rem;}

a:hover .more3,.btn:hover{background-color: #ff9900;}

.btn{border:none;border-radius:5px;padding:1em 3em}

.joblist a:hover dt h5,.downs a:hover dt .iconfont{color:#fff;}
.joblist a:hover .info{color:#fff;border-top-color:rgba(255,255,255,.1)}
.joblist dl:hover{transform: translateY(-10px);box-shadow: 0 15px 20px rgba(0,0,0,.1);background-color:#222a9d;}

/*  联系67381cm.顶级游戏-更焦点的游戏资讯站点begin  */
.contact{}
.contact .c-l{width:60px;text-align: center;border:1px solid #eee;color:#222a9d;border-radius: 5em;margin-right:1em;line-height: 60px;height:60px}
.contact .flex{align-items: center;padding:1em 0;}
.contact .c-l .iconfont{font-size:200%;}
.contact .c-l .iconfont.icon-tell{font-size:140%;}
.contact .text-middle{color:#999}
.contact .listitem{margin-top:1em}
.text-input,.textarea{color:#999;padding:1em 1em;border:none;border-radius:5px;background-color: #fff;
border:1px solid #fff;width:100%;
}
.text-input:focus,.textarea:focus{border:1px solid #222a9d;}
.guestbook .flex{margin:0 -.5em;flex-wrap:wrap;}
.guestbook .flex .field{width:100%;padding:0 .5em 1em}
.guestbook{padding-bottom:5vh}
.mapimg .embed-responsive img{object-fit: contain}



.aboutvd{transform: translateY(-10vh);max-width:1600px;margin-bottom:-10vh}
.aboutvd .idxvid{height:auto}
.aboutbg{background-image: url(/template/mobile/images/aboutbg2.jpg) ;background-size: cover;background-position: bottom center;padding-bottom:8vh;background-repeat: no-repeat;}
.abcon > div{width:50%;}
.abcon > div:nth-child(2){padding-left:5%}
.abcon {padding:10vh 0;justify-content: space-between;}
.abcon > div img{width:100%}
.abcon > div h3{margin-top:0}
.des{border-left:5px solid #2229ad;padding-left:1rem;margin:2rem;color:#2229ad;font-weight:800}
.des .iconfont{color:#ddd;float:right;font-size:240%;font-weight:100;line-height: 1.3}

.cframe{position: relative;padding:0;overflow:hidden;padding-bottom:142%;display: block;background: url(/template/mobile/images/frame.jpg);background-repeat: no-repeat;height:0;width:100%;background-size: contain}

.cframe img{width:100%;height:100%;object-fit: contain;position: absolute;top:0;left:0;padding:2rem}
<!--耗时1772235604.6974秒-->