@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;
}

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

textarea {
    -webkit-appearance: none;
}

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

::-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: #6E6E6E;
    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 {
   
}

.bg-sub {
    background: #6e6e6e
}

.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轮播插件 */

/* 首页轮播 */
.slides-arrow:hover .owl-nav .owl-next,
.slides-arrow:hover .owl-nav .owl-prev {
    opacity: .3
}

.slides-arrow.dot-center .owl-dots {
    position: relative;
    top: -30px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    width: 100%
}

/* 首页轮播 */

/* 常用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: 48px
}

/* .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%
}

/* 首页产品 */

/* 首页关于im电竞 */
.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;
}

/* 首页关于im电竞 */

/* 首页解决计划 */
.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 .media-img {
    position: relative;
}

.home-news-h .media-img .post-title {
    background: #fff;
    bottom: 15px;
    left: 15px;
    width: 80%;
    padding: 15px;
    position: absolute;
    color: #333;
    transition: 0.5s;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.06)
}

.home-news-h .media-img:hover .post-title {
    bottom: 30px;
}

.home-news-h .media-img .post-title h3 a {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    display: block;
}

.home-news-h .button {
    margin-top: 1rem;
    width: 48px;
    font-size: 16px;
    background: #FFD100;
    color: #fff
}

.home-news-h .media-img:hover .button {
    background: #ff9600;
    color: #fff;
}

.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
}

/* 首页新闻 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: #ff9600;
    background: #fff;
    text-align: center;
    display: block;
}

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

.nav-x .menu-toggle h3 {
    display: block;
    float: right;
    width: 50%;
    background: #fff;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #6e6e6e;
    font-size: 16px;
}

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

.nav-x .menu-toggle span {
    font-size: 18px;
}

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

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

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

.list-news .news {
    margin-top: 10px;
    margin-left: 15px;
    margin-right: 15px
}

.list-news .news h3 a {
    display: block;
    font-size: 16px;
    color: #333;
    margin-bottom: 5px
}

.list-news:hover h3 a {
    color: #ff9600
}

/* 新闻列表 */

/* 纯文字列表  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 .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 .padding-large video{width:100%;}


.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 p {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 10px
}

.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: 30px;
    line-height: 22px;
	text-align:center;
	
}

.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%;
}

/*产品列表*/

/* 产品详细页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*/

/*  联系im电竞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
}

.guestbook .input::-webkit-input-placeholder,
.guestbook .textarea::-webkit-input-placeholder {
    color: #111;
    font-size: 16px;
}

.guestbook .input:-moz-placeholder,
.guestbook .textarea:-moz-placeholder {
    color: #111;
    font-size: 16px;
}

.guestbook .input::-moz-placeholder,
.guestbook .textarea::-moz-placeholder {
    color: #111;
    font-size: 16px;
}

.guestbook .input:-ms-input-placeholder,
.guestbook .textarea:-ms-input-placeholder {
    color: #111;
    font-size: 16px;
}

/* 联系im电竞end */

.channel-banner {
    height: 160px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin: 0;
    padding: 0;
}

.channel-banner .banner-info {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: 0;
    right: 0;
    z-index: 3
}

.channel-banner .banner-info h3 {
    font-size: 24px;
    font-weight: 600;
    position: relative;
    margin-bottom: 20px
}

.channel-banner .banner-info h3:before {
    left: 50%;
    margin-left: -15px;
    bottom: -10px;
    width: 30px;
    height: 3px;
    background: #ff9600;
    content: '';
    display: block;
    position: absolute;
}

.channel-banner .banner-info p {
    font-size: 24px;
}

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

/* 底部地图版权 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;
}

/*首页产品 */
.sy_cp{width:100%;overflow: hidden;padding:30px 0 0 0;}
.sy_cp_left{width:100%;overflow: hidden;}
.sy_cp_right{width:100%;overflow: hidden;}
.sy_cp_right_1{width:100%;overflow: hidden;}
.sy_cp h3{text-align:center;padding: 20px 0;color:#b78648}
.sy_cp h3 a{color:#b78648}

/*董事长 */
.sy_dsz{width:100%;overflow: hidden;padding:20px 0;}
.sy_dsz img{    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;}
/*首页视频 */
.sy_sp{width:100%;overflow: hidden;}
.shipin1{width:100%;overflow: hidden; padding-bottom:20px;}
.shipin2{width:100%;overflow: hidden;}
.shipin2_1{width:49%;float:left;overflow: hidden;}
.sy_sp h3{text-align:center;padding: 20px 0;color:#b78648}
.sy_sp h3 a{color:#b78648}	

/*首页品牌新闻 */
.sy_news{width:100%;overflow: hidden;}
.sy_news h2{font-size:20px; color:#b78648;}
.sy_news h2 span{float:right;font-size:14px;}
.sy_news1{width:100%;overflow: hidden;padding-top:20px;}
.sy_news1 li{width:100%;border: 1px solid #999999;padding:1%;text-align:left;margin:20px 0;}

.sy_news1 li span{color:#b78648;font-size:14px;padding-bottom:5px;}
.sy_news1 li h3{line-height:30px;color:#333333}
.sy_news1 li p{color:#999999}

/*首页品牌故事 */
.gushi{width:100%;overflow: hidden;}
.gushi1{width:100%;    overflow: hidden;position: relative;}
.gushi2{ width:100% ;  
    position: absolute;
    left: 0;
    bottom: 0;top:0;}
.gushi2_1{width:50%;float:left;overflow: hidden;height:100%}
.gushi2_2{width:50%;float:left;overflow: hidden;height:100%}
.gushi2 a{display: block;width:100%;height:100%;}

/*首页销售终端 */
.zhongduan{width:100%;overflow: hidden;padding:20px 0;}
.zhongduan h2{color:#b78648;font-size:20px;padding-bottom:20px;}

 .tabClick{  overflow: hidden;border-top: 1px solid #e9dac8;border-bottom: 1px solid #e9dac8;border-left: 1px solid #e9dac8;}
    .tabClick li{  width: 33%; float: left; text-align: center;
border-right: 1px solid #e9dac8;text-align:center;padding:15px 0;font-size:16px;}
    .tabClick li span{margin: 0 5px;}	
	
    .tabClick li.active{ background:#b78648; color:#fff; text-decoration:none;}
    .tabCon{ overflow: hidden}
    .tabBox{ position: relative}
    .tabList{word-break: break-all; width:100%;float:left; line-height:100px; text-align:center; color:#D3D3D3; font-size:36px; font-family: "Arial Black"}
  .tabList img{display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;}

/*底部 */  
.dibu{width: 100%;
    overflow: hidden;
    background-color: #333333;
    padding: 30px 0 20px 0;}
.dibu_logo{width:100%;}	
.dibu_logo img{    margin: auto;}
.dibu_lianxi{padding-top:20px;}

.dibu2_1_left_1 {
    color: #b6b6b6;
    font-size: 18px;
    width: 100%;
   text-align:center;
    margin-bottom: 20px;
}
.dibu2_1_left_1 img {
    margin-bottom: 10px;
}
.ewm{overflow: hidden;margin-bottom:20px;}
.ewm img{ margin: auto;}

.dibu2_1_right{width:60%;margin: 0 20%;}
.dibu2_1_right li{width:33%;float:left;color: #b6b6b6;text-align:center;}
.dibu2_1_right li .tubiao{padding-bottom:10px; }
.dibu2_2{ border-top: 1px solid #484848; overflow: hidden;padding:15px 0;margin-top:15px;color: #b6b6b6;text-align:center;}
.dibu2_2 a{color: #b6b6b6;}


/*内页关于im电竞 */
   /*品牌先容 */
.about{width:100%;padding:10px 0 20px 0;overflow: hidden;}
.pinpai{width:100%;overflow: hidden;}
.pinpai h2{text-align:center;color:#b78648;font-size:24px;}
.pinpai h3{text-align:center;font-size:17px;line-height:30px;padding:10px 0 20px;}
.pinpai_nr{color:#545454;font-size:16px;}
.pinpai_nr img{    display: block;
    max-width: 100%;
    height: auto;}
.pinpai_nr p{line-height:25px;}

  /*历程声誉 */
.rongyu{width:100%;overflow: hidden;padding-top:10px;}
.rongyu_img{width:100%;overflow: hidden;}
.rongyu_img img{    display: block; max-width: 100%;height: auto;}
.rongyu h2{text-align:center;color:#b78648;font-size:24px;padding-top:30px;}
.rongyu h3{text-align:center;font-size:20px;line-height:30px;padding:10px 0 20px;}
.rongyu .bt_jj{text-align:center;font-size:16px;}

.timer-shaft-box{width:100%;padding:30px 0;box-sizing: border-box;}
.timer-shaft{position:relative;width:100%;height:125px;overflow: hidden;}
.timer-left{position:absolute;top:50%;left:20px;z-index:99;width:17px;height:24px;margin-top:-10px;background: url(/template/mobile/skin/images/icon_left.png) no-repeat;background-size: cover;cursor:pointer;}
.timer-right{position:absolute;top:50%;right:20px;z-index:99;width:17px;height:24px;margin-top:-10px;background: url(/template/mobile/skin/images/icon_right.png) no-repeat;background-size: cover;cursor:pointer;}
.timer-scale{position:absolute;top:0;left:0;height:125px;padding-left: 80px;font-size: 0;white-space: nowrap;}
.timer-scale-cont{display:inline-block;height:100%;line-height:80px;}
.time_wz{display:inline-block;vertical-align:middle}
.time-circle{width:64px;height:30px;line-height: 30px;text-align: center;font-size:18px;color:#333333;border-radius: 50%;transition: all .3s;cursor:pointer;padding-top:15px;}


.timer-scale-cont.hov_1 .time-circle{width:125px;height:125px;line-height: 125px;font-size:24px;background: #b78648;padding-top:0px;color:#fff;font-weight:600}
.timer-scale-cont.hov_1 .time_dian{display: none;width:0px;height:0px;margin-top:0px;}
.timer-scale-cont.hov .time-circle{width:125px;height:125px;line-height: 125px;font-size:24px;background: #b78648;padding-top:0px;color:#fff;font-weight:600}
.timer-scale-cont.hov .time_dian{display: none;width:0px;height:0px;margin-top:0px;}

.line-scale{display:inline-block;vertical-align:middle;width:65px;height:22px;margin:0 2px;background: url(/template/mobile/skin/images/icon_scale.png) no-repeat;background-size: cover;}
.time_dian{width:36px;height:36px;background: url(/template/mobile/skin/images/time_dian.png) no-repeat;background-size: cover;margin: auto;}
.timer-shaft-content{width:100%;margin-top:45px;overflow: hidden;font-size:0;box-sizing:border-box;}
.shaft-detail-cont{display: none;width:100%;background-color:#fff9f2;padding:2%;
border: 1px solid #f1e7da;}
.shaft-detail-cont p{color:#333333;font-size:16px;text-align:left;padding:5px 0 5px 15px;
    background: url(/template/mobile/skin/images/lc_line.png) no-repeat 0 top;line-height:30px;

}

.month-detail-box{position:relative;width:100%;min-height:93px;padding-top:30px;font-size:0;box-sizing: border-box;white-space: normal;}
.month-detail-box:before{content: '';position:absolute;top:0;left:36.5px;height:100%;border-right:1px dashed #ff8d3d;}
.month-detail-box .month-title{position:absolute;font-size:16px;font-weight: bold;color:#333;}
.month-detail-box .month-title:before{content: '';position:absolute;top:50%;left:30px;width:13px;height:13px;margin-top:-6.5px;background: url(/template/mobile/skin/images/icon_circle.png) no-repeat;background-size: cover;}
.incident-record{display:inline-block;padding-left:71px;line-height:2;font-size:14px;color:#333;}
.incident-record a{font-size:14px;color:#1d69a3;}
.cont_1{display: block;}
   
    /*专利科技 */
.zhuanli{width:100%;overflow: hidden;}
.zhuanli h2{    text-align: center;
    color: #b78648;
    font-size: 24px;
    padding-top: 1px;}
.zhuanli h3{    text-align: center;line-height:30px;padding-top:15px;
    font-size: 17px;}
.zl_nr{width:100%;overflow: hidden;padding-top:15px;}
.zl_nr li{display: inline-block;margin:15px 1%;width:48%;float:left;}
.item-img{    padding: 0.1rem;overflow: hidden;}
.item-img img{object-fit: contain;
    transform: scale(1);
    transition: all .5s;
}
/*工艺荟萃 */
.gongyi{width:100%;overflow: hidden;}
.gongyi h2{    text-align: center;
    color: #b78648;
    font-size: 24px;
    padding-top: 30px;}
.gongyi h3{    text-align: center;line-height:30px;padding-top:15px;
    font-size: 17px;}
.gongyi_nr{width:100%;overflow: hidden;margin-top:20px;}
.gy_nr_left{width:100%;overflow: hidden;}
.gy_nr_left li{    width: 50%;
    line-height: 30px;
    font-size: 19px;
    padding: 7px 0;
    float: left;}
.gy_nr_left li div{width:10px;height:10px;background-color:#666666;    border-radius: 50%;display: inline-block;margin-right:10px;
    vertical-align: middle;}

.gy_nr_right{width:100%;overflow: hidden;}
.gy_nr_right li{display: inline-block;margin:8px;}

/*苏同强 */
.stq{width:100%;overflow: hidden;margin-top:20px;}
.stq h2{ text-align: center;
    color: #b78648;
    font-size: 24px;
    padding-bottom: 20px;}
	
/*媒体报道 */
.meiti{width:100%;overflow: hidden;margin-top:20px;}
.meiti h2{ text-align: center;
    color: #b78648;
    font-size: 24px;
    padding-bottom: 20px;}
.meiti ul{overflow: hidden;    margin-left: -15px;margin-right: -15px;}
.meiti ul li{    width: 100%;    padding-right: 15px;padding-left: 15px;margin-bottom:25px;    }
.meiti ul li img{    display: block;
    width: 100%;
    height: auto;
	
}
.meiti ul li h3{font-size:18px;color:#b78648;padding:5px 0;}
.meiti ul li p{color:#666666;font-size:14px; line-height:25px;overflow: hidden;padding-bottom:10px;}
.meiti ul li span{    border-bottom: 1px solid #000;color:#000;padding-bottom:5px;}
.meiti h4{    text-align: center;
    padding: 20px 0;
    color: #b78648;}

.meiti h4 a{color: #b78648;}
	
.meiti img {
    vertical-align: middle;
    
}	

/*视频专栏 */
.shipin{padding-top:20px;overflow: hidden;}
.shipin h2{ text-align: center;
    color: #b78648;
    font-size: 24px;
    padding-bottom: 20px;}
.shipin ul{overflow: hidden;    margin-left: -15px;margin-right: -15px;}
.shipin ul li{    width:100%;    padding-right: 15px;padding-left: 15px;margin-bottom:25px;    float: left;position: relative;}
.shipin ul li .tu{}
.shipin ul li img{    display: block;
    max-width: 100%;
    height: auto;
	
}
.shipin ul li .sp_an{    position: absolute;top:180px;left:25px;}

.shipin ul li h3{font-size:16px;color:#333333;padding:5px;background-color:#f8f8f8;line-height:30px;}

.shipin h4{    text-align: center;
    padding: 20px 0;
    color: #b78648;}	
.shipin h4 a{ color: #b78648;}	
	
	
.shipin img {
    vertical-align: middle;
	
    
}


/*产品页面_封面页 */
.chanpin{width: 100%;
    padding: 15px 0 20px 0;
    overflow: hidden;}
.chanpin h2 {
    text-align: center;
    color: #b78648;
    font-size: 24px;
}	
.cp_fl{width:100%;overflow: hidden;}
.cp_fl li{margin: 20px 0;overflow: hidden;}
.bg-gray h3{text-align: left;
    color: #b78648;
    font-size: 20px;padding:10px 0}
.x4{margin-bottom:5px;}
.cp_tp{width:100%;overflow: hidden;color: #666;}

.cp_tp li{width: 15%;
    float: left;
    color: #666;
    text-align: center;}
.cp_tp li .tubiao {
    padding-bottom: 10px;
}

.cp_tp li a{color: #666;}


/*新闻列表页 */
.xinwen{width:100%;overflow: hidden; }

.xinwen h2 {
    text-align: center;
    color: #b78648;
    font-size: 24px;
	padding:20px 0
	
}
.tuijian{width:100%;overflow: hidden; padding-top:30px;}
.tuijian_left{width:40%;float:left;}
.tuijian_right{width:58%;float:right;text-align:left;}
.tuijian_right h3{padding:10px 0 10px 20px;    display: block;
    font-size: 24px;
    color: #333;
    margin-bottom: 20px;}
.tuijian_right p{padding-left:20px;color:#666;font-size:16px;line-height:30px;min-height:210px;}
.tuijian_right .news_shijian{color:#999999;font-size:16px;margin-left:20px;}
.tuijian_right .news_shijian span a{float:right;color:#b78648;}

.new_list{width:100%;overflow: hidden;padding-top:20px; }
.new_list li{overflow: hidden; margin:30px 0}
.new_list li .tuijian_left{width:25%;float:left;}
.new_list li .tuijian_right{width:73%;float:right;text-align:left;}
.new_list li .tuijian_right p{padding-left:20px;color:#666;font-size:16px;line-height:30px;min-height:95px;}
.hengxian{    border-bottom: 1px solid #cea168;}

/*国瓷之魂 */
.wenhua_nr{padding-top:20px;font-size:16px;}
.dashi{width:100%;overflow: hidden;margin-top:30px;}
.dashi h3{ text-align: center;
    color: #cea168;
    font-size: 24px;}
.dashi_wz{text-align:center;font-size:15px;line-height:30px;color:#666666;padding:20px 0}

.dashi_list{overflow: hidden;border: 1px solid #cea168;margin-bottom:15px;}
.dashi_list_left{width:100%%;}
.dashi_list_left img{    margin: auto;padding-top:10px}
.dashi_list_right{width:100%;padding:20px 2.5%;text-align:left;}
.dashi_list_right h4{ color: #cea168;font-size: 26px;}
.dashi_list_right h5{ color: #333333;font-size: 22px;padding:10px 0}
.dashi_list_right ul{padding-top:20px;margin-bottom:20px;overflow: hidden;}
.dashi_list_right li{padding:10px 0}
.dashi_list_right li i{width: 6px;
    height: 6px;
    background-color: #cea168;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;}
.dashi_list_right span{border-bottom: 1px solid #cea168;
    color: #cea168;
    padding-bottom: 5px;}
.dashi_list_right span a{color: #cea168;}	


.dashi_list1{overflow: hidden;margin:30px 0;}

.dashi_list1_1{width:48.5%;float:left;border: 1px solid #cea168;}
.dashi_list1_1_left{}
.dashi_list1_1_right{padding:20px 2.5%;text-align:left;}

.dashi_list1_1_right h4{ color: #cea168;font-size: 24px;}
.dashi_list1_1_right h5{ color: #333333;font-size: 18px;padding:5px 0}
.dashi_list1_1_right ul{padding-top:10px;margin-bottom:20px;overflow: hidden;}
.dashi_list1_1_right li{width:100%;padding:10px 0}
.dashi_list1_1_right li i{width: 6px;
    height: 6px;
    background-color: #cea168;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;}
.dashi_list1_1_right span{border-bottom: 1px solid #cea168;
    color: #cea168;
    padding-bottom: 5px;}
.dashi_list1_1_right span a{color: #cea168;}

/*卖场展示 */
.maichang{width:100%;width:100%;overflow: hidden; padding-top:30px;}
.maichang h2{ text-align: center;
    color: #b78648;
    font-size: 28px;}
	
.maichang1{width:100%;overflow: hidden;padding-top:10px;}
.contents{overflow: hidden}
.b_map{ width:100%;position: relative; overflow: hidden;
   
      


}
.ditu{width:100%;overflow: hidden; z-index:1}

.e_map_tags{z-index:1;position:relative}
.e_map_tags li{z-index:1;position:absolute;text-align:center;padding-bottom:8px;display:block;top:0px;cursor:pointer;left:0px;width:30px;}

.e_map_tags span{display: none;}
.e_map_tags .mp{
    cursor: pointer;
    background: url(/template/mobile/skin/images/fi1.png) no-repeat 0px 0px;
    width: 16px;
    height: 30px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;}
	.e_map_tags .mp1{
    cursor: pointer;
    background: url(/template/mobile/skin/images/fi1_1.png) no-repeat 0px 0px;
    width: 16px;
    height: 30px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;display:none}
	
.e_map_tags .m_beijing{top: 26%;left: 68%;}
.e_map_tags .m_shanghai{top: 45%;left: 75%;}
.e_map_tags .m_guangzhou{top: 63%;left: 66%;}
.e_map_tags .m_xian{top: 44%;left: 55%;}
.e_map_tags .m_shenyang{top: 25%;left: 79%;}
.e_map_tags .m_dalian{top: 26%;left: 76%;}
.e_map_tags .m_haerbin{top: 12%;left: 85%;}
.e_map_tags .m_hainan{top: 74%;left: 55%;}
.e_map_tags .m_jinan{top: 38%;left: 68%;}
.e_map_tags .m_qingdao{top: 36%;left: 72%;}
.e_map_tags .m_yantai{top: 34%;left: 73%;}
.e_map_tags .m_weihai{top: 33%;left: 74%;}
.e_map_tags .m_dongying{top: 35%;left: 69%;}



.e_map_tags .m_zibo{top: 37%;left: 70%;}

.e_map_tags li:hover{background-position:0px -38px}
.e_map_tags li.hover,.e_map_tags .centers span{display: block;color:#db2d2d }
.e_map_tags li.hover,.e_map_tags .centers .mp{display:none}
.e_map_tags li.hover,.e_map_tags .centers .mp1{display:block}
.e_map_info{z-index:2;position:relative;overflow: hidden; }
.e_map_info .m_content{z-index:1;width:100%;display:block;}
.e_map_info .hide{display:none;}
.e_map_info .m_content i{z-index:1;position:absolute;width:8px;bottom:-8px;display:block;background:url(/template/mobile/skin/img/map_idx1.png) no-repeat 0px 0px;height:8px;overflow:hidden;right:-1px;_right:-2px}
.e_map_info .m_content .md_dy{font-size:20px;color:#333;font-weight:bold;text-align:center;padding:20px 0;}

.md_list{overflow: hidden;}
.md_list li{width:100%;
    float: left;
    border: 1px solid #dddddd;margin:10px 0;}
.md_list_left{width:100%;}
.md_list_left img{    margin: auto;}
.md_list_right{width:100%
    float: left;
    padding: 20px 2.5%;
    text-align: left;}
.md_list_right h4{color: #cea168;font-size: 18px;}
.md_list_right dd{height:20px;padding-left:30px; margin:20px 0;color:#333333;font-size:16px;}
.md_list_right .tel{background:url(/template/mobile/skin/images/md_tel.png) no-repeat 0px 0px;}
.md_list_right .add{background:url(/template/mobile/skin/images/md_add.png) no-repeat 0px 0px;}


/*m_content_side*/
.m_content_side{ height:1px;width:100%; position:relative;}
.m_content_side a{ position:absolute;top:0; z-index:2;float:left;width:30px; height:30px;}
.m_content_side a img{width:30px; height:30px;}
.m_content_side a.m_left{left:0px;}
.m_content_side a.m_right{right:0;}



/*加盟华光 */

.jiameng{width:100%;overflow: hidden;padding-top:20px;}
.jiameng h2{text-align: center;color: #b78648;font-size: 24px;padding-bottom:20px;}

.jiameng_2{    text-align: center;
    font-size: 18px;
    line-height: 30px;
    padding: 10px 0 20px;overflow: hidden;}

.jiameng_3{width:100%;overflow: hidden;margin:20px 0;background-color:#f4ede4;}
.jiameng_3_left{padding: 40px 0 20px 3%;text-align:left;font-size:16px;}
.jiameng_3_left p{padding-bottom:20px;}
.jiameng_3_left p span{color:#b78648}
.jiameng_3_right{width:100%;}

.jiameng_4{width:100%;overflow: hidden;margin-top:40px;}
.jiameng_4_1{width:100%;overflow: hidden;}
.jiameng_4_1_left{width:32%;float:left;overflow: hidden;display: none;}
.jiameng_4_1_right{width:100%;overflow: hidden;padding-top:30px;}
.jiameng_4_1_right span{color:#b78648;font-size:28px;font-style:italic;padding-left:30px;}
.jiameng_4_1_right h3{padding-top:10px;font-size:24px;font-weight:400;letter-spacing:1px;padding-left:30px;}
.jiameng_4_1_right p{background-color:#f8f3ec; padding:30px 30px 20px 30px;margin-top:22px;font-size:16px;line-height:30px;    letter-spacing: 1px;}

.jiameng_5{width:100%;overflow: hidden;margin:5px 0;overflow: hidden;}
.jiameng_5 h3{padding-bottom:30px;font-size:28px;text-align:center;}
.jiameng_5 li{margin:20px 0;width:100%;overflow: hidden;}
.youshi_left{width:100%;}
.youshi_img{overflow: hidden;
    }
.youshi_img img{   }	
	
.youshi_left span{font-size:16px;color:#fff;background-color:#b78648;padding:5px 15px;z-index:9999;position: absolute;}
.youshi_right{padding:20px;font-size:15px;line-height:25px;}

.jiameng_6{width:100%;overflow: hidden;margin-bottom:30px;}
.jiameng_6 h3{padding-bottom:30px;font-size:28px;text-align:center;}


/*联系im电竞 */

.lianxi{width:100%;overflow: hidden;padding-top:20px;}
.lianxi h2{text-align: center;color: #b78648;font-size: 24px;padding-bottom:20px;}
.lianxi_1{width:100%;overflow: hidden;border-bottom: 1px solid #eeeeee;padding-bottom:30px;}
.lianxi_1 li{font-size:24px;margin-bottom:40px;float:left;}
.lianxi_1 .li1{width:100%;}
.lianxi_1 .li2{width:100%;}
.lianxi_1 li h4{font-size:16px;padding-bottom:10px;}
.lianxi_1li h4 img{    margin-right: 10px;}

.guanzhu{width:100%;}
.guanzhu1{width:20%;float:left;}
.liuyan{width:100%;overflow: hidden;padding-top:30px;}
.liuyan h2{text-align: center;color: #333;font-size: 28px;padding-bottom:20px;}

.liuyan1{width:100%;overflow: hidden;margin-bottom:30px;}

.liuyan1 input {
    width: 47%;
    float: left;
    background-color: #fff;
    height: 50px;
    border: 1px solid #eeeeee;
    border-radius: 5px;
    margin: 10px 1.5%;
    padding-left: 10px;
}
.liuyan1 textarea {
    border: 1px solid #eeeeee;
    border-radius: 5px;
    min-height: 150px;
    margin: 20px 1.5%;
    width: 97%;
    padding-left: 10px;
}
.liuyan1 .am-btn {
    padding: 10px 40px;
    background-color: #cea168;
    color: #fff;
    margin-left: 20px;
	    border: 1px solid #cea168;
}

/*弹出*/
.footer_flex li:hover span { display: block; }
.footer_flex li:hover .img-n { }
.footer_flex li span { display: none; color: #fff; font-size: 13px; line-height: 45px; }
.footer_flex li .img-n { padding-top: 10px; }
.footer_flex { width: 100%; }
.footer_flex li { width: 20%; height: 27px;   float: left; text-align: center; cursor: pointer; position: relative; z-index: 10; }
.footer_flex li:hover {  }
/*left*/
.footer_flex li:hover .flex-footerc { display: block; }
.footer_flex li .flex-footerc { width: 130px; height: 160px; position: absolute; left:-10px; bottom: 30px; text-align: center; padding-top: 15px; background: url(/template/mobile/skin/images/footerflex.png) 1px top no-repeat; display: none; }
/*top*/
.footer_flex li:hover .flex-footer { display: block; }
.footer_flex li .flex-footer { width: 146px; height: 124px; position: absolute; left: -49px; top: -140px; text-align: center; padding-top: 15px; background: url(/template/mobile/skin/images/footerflex.png) 1px top no-repeat; display: none; }
/*button*/
.footer_flex li:hover .flex-footera { display: block; }
.footer_flex li .flex-footera { width: 146px; height: 124px; position: absolute; left: -49px; top: 50px; text-align: center; padding-top: 15px; background: url(/template/mobile/skin/images/footerflex.png) 1px top no-repeat; display: none; }
/*right*/
.footer_flex li:hover .flex-footerb { display: block; }
.footer_flex li .flex-footerb { width: 146px; height: 124px; position: absolute; left: 42px; top: -48px; text-align: center; padding-top: 15px; background: url(/template/mobile/skin/images/footerflex.png) 1px top no-repeat; display: none; }





<!--耗时1783593241.997秒-->